Embed Size (px)
Citation preview
TUJUAN PEMBELAJARAN
• Tujuan pembelajaran matakuliah praktikumWeb Programming 1 adalah mahasiswadiharapkan dapat memahami dan mengertikonsep dasar dalam pembuatan web danmampu membuat sebuah Web Informasi
Kontrak Perkuliahan
• Di pertemuan 1 mahasiswa diminta untukmembuat kelompok untuk tugas pembuatan webinformasi.
• Setiap kelompok dapat beranggotakan 4 – 6anggota.
• Setiap kelompok diharuskan untuk membuatsebuah web informasi sederhana.
• Setiap kelompok akan diminta untukmempresentasikan tugas yang sudah dibuat dipertemuan 14 dan pertemuan 15
Pertemuanke-
Pokok Bahasan Keterangan
1 Konsep Dasar Web, Pengenalan HTML, & PHP2 Dasar-Dasar PHP3 Operator4 Pengenalan Form5 Form Lanjutan6 Percabangan7 Review Materi & Quis8 UTS (Ujian Tengah Semester)9 Pembuatan Database MYSQL & Pengenalan
Adobe Dreamweaver10 Pengolahan Halaman Buku Tamu (Studi Kasus I)11 Pengolahan Halaman Buku Tamu (Studi Kasus I
Lanjutan )12 Pengolahan Halaman Artikel (Studi Kasus II)13 Pengolahan Halaman Index Pengunjung (Studi
Kasus III)14 Presentasi Tugas Kelompok15 Presentasi Tugas Kelompok16 UAS (Ujian Akhir Semester)
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 komputeryang terhubung menjadi beberapa rangkaianjaringan”. Sistem komputer terhubung secara globaldan menggunakan TCP/IP sebagai protocol. Secaraumum internet dapat diartikan sebagai pertukaraninformasi dan komunikasi. Semua informasi bisadidapatkan dengan mudah dan bebas di internettanpa ada batasan.
Ada beberapa istilah yang sering digunakan apabilaanda 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 lunakserver yang berfungsi menerima permintaanHTTP atau HTTPS dari Client yang dikenaldengan web browser dan mengirimkankembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentukdokumen HTML. Server web yang terkenaldiantaranya adalah:
• Apache, web server antar platform
XAMPP
PHPTriad; discontinued
Apache2Triad
• Internet Information Service (IIS), hanya dapatberjalan di sistem operasi MS Windows
Struktur Navigasi
• Struktur Navigasi adalah “Susunan menu atauhirarki dari suatu situs yang menggambarkanisi dari setiap halaman dan link atau navigasitiap halaman pada suatu situs web”.
• Ada 4 macam bentuk dasar dari peta navigasiyang biasa digunakan dalam prosespembuatan aplikasi multimedia, yaitu:
Ada 4 macam bentuk dasar dari peta navigasiyang biasa digunakan dalam proses pembuatanaplikasi multimedia, yaitu:
• Struktur Navigasi Linier
• Struktur Navigasi Hirarki
• Struktur Navigasi Non-Linier
• Struktur Navigasi Campuran
PENGENALAN HTML
• Hypertext Markup Language (HTML) adalahsebuah bahasa untuk menampilkan konten diweb. HTML sendiri adalah bahasapemrograman yang bebas, artinya tidakdimiliki oleh siapapun, pengembangannyadilakukan oleh banyak orang di banyak Negaradan bias dikatakan sebagai sebuah bahasayang dikembangkan bersama-sama secaraglobal.
Struktur Dasar HTML
Contoh penggunaan script HTML• Contoh01.php
Judul Web
Perintah dibuat di antara<body> dan <body>
• simpan file di atas di dalam folderc:\XAMPP\htdocs\ buat folder baru untukmenyimpan file di dalam folder htdocs.Simpan file dengan nama contoh01.php.
• Untuk melihat hasil dari file di atas dapatmenggunakan browser Mozilla, googlechrome, internet explorer atau jenis browserlain. Ketikkan pada address bar“Localhost\Nama Folder Penyimpanan\”,kemudian pilih file contoh01.php
• Hasilnya :
Contoh script penggunaan TagHTML
• Contoh02.php
• Hasilnya :
Pembuatan Tabel MenggunakanHTML
• Contoh03.php
• Latihan :
• Buat script HTML untuk bentuk tampilan dibawah ini :
PENGENALAN PHP
• Pengertian PHP (PHP Hypertext Preprocessor)
PHP atau PHP Hypertext Prepocessor adalahsebuah bahasa pemrograman web berbasisserver (server-side) yang mampu mem-parsingkode php dari kode web dengan ekstensi .php,sehingga menghasilkan tampilan website yangdinamis di sisi client (browser).
• Memasukkan Kode PHP
Hasil akhir pengolahan kode PHP akandikembalikan lagi dalam bentuk kode HTMLuntuk ditampilkan di browser. Ada 4 jenis tagyang bisa digunakan untuk memasukkan kodePHP.
Jenis Tag Tag Pembuka Tag Penutup
Tag Standar <? php ?>
Tag Pendek <? ?>
Tag ASP <% %>
Tag Script <script language =
“php”>
</script>
Contoh Script PHP
