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
