Archive for March 2018
• Hypertext Markup Language (HTML) adalah
sebuah bahasa untuk menampilkan konten di
web. HTML sendiri adalah bahasa
pemrograman yang bebas, artinya tidak
dimiliki oleh siapapun, pengembangannya
dilakukan oleh banyak orang di banyak Negara
dan bisa dikatakan sebagai sebuah bahasa
yang dikembangkan bersama-sama secara
global.
• simpan file di atas di dalam folder
c:\XAMPP\htdocs\ buat folder baru untuk
menyimpan file di dalam folder htdocs.
Simpan file dengan nama contoh01.html.
• Untuk melihat hasil dari file di atas dapat
menggunakan browser Mozilla, google
chrome, internet explorer atau jenis browser
lain. Ketikkan pada address bar
“Localhost\Nama Folder Penyimpanan\”,
kemudian pilih file contoh01.html
TAG
• Tag adalah bagian dari struktur html yang di
tuliskan diapit oleh tanda < tag >, dan tag
dituliskan berpasangan, dengan maksud < tag >
tag pembuka dan < /tag > tag penutup.
• Tag terbagi menjadi beberapa fungsi
– Formating - List
– Link - cititation
– Image - dll
Struktur TAG
<nametag atribut = nilai>
Contoh :
<body bgcolor=“lightblue”>
Penjelasannya :
Body = nama tag
Bgcolor = atribut
Lightblue = nilainya
Buat body berlatar belakang warna biru muda
• Dari berbagai jenis tag tersebut dapat di ringkas
menjadi 2, yaitu
– Tag yang di tuliskan diantara <head> dan </head>
– Tag yang di tuliskan diantara <body> dan </body>
• Tag diantara <head> dan </head>
– Judul halaman <title> </title>
– CSS <style><style>
– Javascript <script></script>
– Metadata <meta></meta>
• Tag yang di tuliskan diantara <body> dan </body>
– Teks <h1>,<h2>, …….. <h6>, <p>, ...
– Pendukung teks <br>, <hr>, <strong>, …
– Gambar <image>
– Hyperlink <a>
– List (bullets & numbering) <ul>,<ol>,<li>,<dl>,<dt>
– Table <table>, <thead>, <tbody>
– Form <form>, <input>, <select>,<button>
– Grouping <div>, <span>
– Dll ( dapat di lihat di http:www.w3school.com/tags )
Penggunaan Cellpadding & Cellspacing
Bina Sarana Informatika
Bina Sarana Informatika adalah sebuah perguruan tinggi swasta yang berlokasi di Jakarta, Indonesia. Pada tanggal 3 Maret 1988didirikan Lembaga Pendidikan Komputer Bina Sarana Informatika (LPK BSI) di Depok. Lembaga pendidikan ini bertujuan mendidik tenaga-tenaga terampil atau profesional di bidang komputer, untuk memenuhi kebutuhan SDM dalam pembangunan nasional.
Dengan semakin besar kepercayaan masyarakat terhadap LPK BSI, maka pada Oktober 1989 kantor pusat Yayasan Bina Sarana Informatika dipindahkan ke Jakarta sekaligus meresmikan cabang ke 2 LPK BSI. Dengan berkantor pusat di Jakarta, kepercayaan masyarakat tumbuh semakin besar, sehingga guna mendekati peserta didik, maka secara berturut-turut dan dengan persiapan yang matang berdirilah cabang-cabang lainnya. Sejalan dengan perkembangan pada tahun 1990 Yayasan Bina Sarana Informatika mendirikan program pendidikan siap kerja yang bernama Politeknik Bina Sarana Informatika, dengan jurusan pertamanya Akuntansi Komputer dan angkatan pertama pada tahun ajaran 1990/1991.
Akademi-akademi BSI[sunting | sunting sumber]
- Akademi Manajemen Informatika & Komputer (AMIK)
- Akademi Sekretaris & Manajemen (ASM)
- Akademi Bahasa Asing (ABA)
- Akademi Komunikasi (AKOM)
- Akademi Pariwisata (AKPAR)
- Akademi Manajemen dan Keuangan (AMK)
- Akademi Manajemen Informatika & Komputer Akuntansi (AMIKA)
Tujuan Pembelajaran
Tujuan pembelajaran matakuliah praktikum Web Programming 1 adalah mahasiswa diharapkan dapat memahami dan mengerti konsep dasar dalam pembuatan web dan mampu membuat sebuah Web Informasi dengan penggunaan HTM, PHP, JAVASCRIPT dan CSS
Kontrak Perkuliahan
• Di pertemuan 1 mahasiswa diminta untuk
membuat kelompok untuk tugas pembuatan web
informasi.
• Setiap kelompok dapat beranggotakan 4/5
anggota.
• Setiap kelompok diharuskan untuk membuat
sebuah web informasi sederhana.
• Setiap kelompok akan diminta untuk
mempresentasikan tugas yang sudah dibuat di
pertemuan 14 dan pertemuan 15
SILABUS:
Tema Web
• Web Informasi Sekolah
• Web Informasi Toko Kue
• Web Informasi Toko Baju
• Web Informasi Universitas
• Web Informasi Perpustakaan
• Web Informasi Toko Bunga
• Web Informasi Komunitas
Konsep Dasar Web
• Internet
Internet merupakan “kependekan dari kata
“internetwork”, yang berarti rangkaian komputer
yang terhubung menjadi beberapa rangkaian
jaringan”. Sistem komputer terhubung secara global
dan menggunakan TCP/IP sebagai protocol. Secara
umum internet dapat diartikan sebagai pertukaran
informasi dan komunikasi. Semua informasi bisa
didapatkan dengan mudah dan bebas di internet
tanpa ada batasan.
Ada beberapa istilah yang sering digunakan apabila
anda bekerja dengan internet diantaranya yaitu:
• World Wide Web (WWW )
• Website
• Web Pages (Halaman Web)
• Home Page (Halaman Muka)
• Browser
• URL (Universal Resource Locator)
• HTTP (Hypertext Transfer Protocol)
• DNS (Domain Name System)
• TCP/IP (Transmission Control Protocol /
Internet Protocol)
• IP (Internet Protocol)
• Hyperlink
• Web Browser
Perangkat Lunak Web Server
• Web Server adalah sebuah perangkat lunak
server yang berfungsi menerima permintaan
HTTP atau HTTPS dari Client yang dikenal
dengan web browser dan mengirimkan
kembali hasilnya dalam bentuk halamanhalaman
web yang umumnya berbentuk
dokumen HTML. Server web yang terkenal
diantaranya adalah:
• Apache, web server antar platform
XAMPP
PHPTriad; discontinued
Apache2Triad
• Internet Information Service (IIS), hanya dapat
berjalan di sistem operasi MS Windows
Struktur Navigasi
• Struktur Navigasi adalah “Susunan menu atau
hirarki dari suatu situs yang menggambarkan
isi dari setiap halaman dan link atau navigasi
tiap halaman pada suatu situs web”.
• Ada 4 macam bentuk dasar dari peta navigasi
yang biasa digunakan dalam proses
pembuatan aplikasi multimedia, yaitu:
Ada 4 macam bentuk dasar dari peta navigasi
yang biasa digunakan dalam proses
pembuatan aplikasi web, yaitu:
• Struktur Navigasi Linier
• Struktur Navigasi Hirarki
• Struktur Navigasi Non-Linier
• Struktur Navigasi Campuran
BAHAN DISKUSI
Amatilah sebuah halaman website, lalu coba
buatkan struktur Navigasi dari halaman
tersebut
INSTALASI SOFTWARE PENDUKUNG
• Web server : XAMPP
• Editor : Notepad, Notepad ++, Sublime
Text, Adobe Dreamweaver
• Untuk editor di pilih salah satu saja, tidak
perlu di install semua
