Modul 1: Pengantar Praktikum 11 Tujuan Setelah mengikuti materi pengantar praktikum, mahasiswa diharapkan dapat: 1. Memahami peraturan kegiatan praktikum. 2. Memahami hak dan kewajiban praktikan dalam kegiatan praktikum, 3. _Memahami komponen penilaian kegiatan praktikum, 12 Peraturan Praktikum Praktikum diampu oleh Dosen Mata Kuliah Praktikum dan dibantu oleh Asisten Laboratorium, dan Asisten Praktikum. Praktikum dilaksanakan di ruang kelas atau laboratorium sesuai jadwal yang ditentukan. Praktikan wajib membawa modul praktikum dan alat tulis. Praktikan wajib men isi daftar hadir. Durasi kegiatan praktikum adalah 170 menit dengan rincian sebagai berikut. a. 15 menit untuk pengerjaan Tes Awal atau wawancara Tugas Pendahuluan b. 60 menit untuk penyampatan materi 45 menit untuk pengerjaan jurnal, tes akhir atau tugas d. 50 menit pengayaan (Pengayaan wajib ada. Waktu harus dilakukan selama 170 meni menit bisa berbeda tiap babnya namun komponennya tidak boleh dikurangi atau keempat komponen tersebut wajib ada) 6. Praktikan wajib hadir minimal 75% dari seluruh pertemuan praktikum di laboratorium. Jika total kehadiran kurang dari 75%, maka nilai Mata Kuliah Praktikum =O. 7. Praktikan yang datang terlambat: ‘© <=30 menit: diperbolehkan mengikuti praktikum tanpa tambahan waktu Tes Awal ‘+ > 30 menit: tidak diperbolehkan mengikuti praktikum 8 Saat praktikum berlangsung, asisten praktikum dan praktikan: ‘© Wajib menggunakan seragam sesuai aturan Institusi © Wajib mematikan/men-silent semua alat komunika: © Dilarang membuka aplil berlangsung, ‘* _ Dilarang mengubah setting software maupun hardware komputer tanpa izin ‘© Dilarangmembawa makanan maupun minuman ke ruang praktikum. ‘* _ Dilarang memberikan jawaban ke praktikan lain (pre-test, TP, jurnal, dan post-test) ‘* Dilarangmenyebarkan soal pre-test, jurnal, dan post-test. © Dilarang membuang sampah apapun di ruangan praktikum. 9. Setiap praktikan dapat mengikuti praktikum susulan maksimal 1 modul untuk satu praktikum, ‘© Praktikan yang dapat mengikuti praktikum susulan hanyalah praktikan yang memenuhi syarat sesuai ketentuan Institusi, yaitu rawat inap di rumah sakit (menunjukkan bukti rawat inap dan resep obat dari RS), tugas dari institusi (menunjukkan surat dinas dari veers (smartphone, tab, iPad, dsb). i yang tidak berhubungan dengan praktikum yang ‘Modul Praktikum Pemrograman Web 10Institusi), atau mendapat musibah (menunjukkan surat keterangan dari orangtua/wali mahasiswa). ‘© Persyaratan untuk praktikum susulan diserahkan sesegera mungkin ke laboran Fakultas lImu Komputer untuk keperluan administrasi. 10. Pelanggaran terhadap peraturan praktikum ini akan ditindak secara tegas secara berjenjang dilingkup Kelas, Laboratorium, Program Studi, Fakultas, hingga institusi. 13 Penilaian Praktikum 1. Komponen Nilai Praktikum terdiri dari: tugas pendahuluan, tes awal, keaktifan praktikum, dan jurnal/tugas besar. 2. Seluruh Komponen penilaian beserta pembobotannya ditentukan oleh dosen Mata Praktikum. 3. Penilaian permodul dilakukan oleh asisten praktikum, sedangkan nilai seluruh modul diserahkan kepada Dosen Mata Praktikum. 4, Baik praktikan maupun asisten tidak diperkenankan meminta atau memberikan tugas tambahan untuk perbaikan nilai Standar indeks dan range Ketua Kelompok Keahlian, ditentukan oleh Dosen Mata Praktikum dengan sepengetahuan ‘Modul Praktikum Pemrograman Web iModul 2: Instalasi Software 2.1 Waktu Pelaksanaan Praktikum Durasi kegiatan praktikum adalah 170 menit, dengan rincian sebagai berikut. 15 menit untuk pengerjaan tes awal atau wawancara tugas pendahuluan. 60 menit untuk penyampaian materi. 45 menit untuk pengerjaan jurnal, tes akhir, atau tugas. 50 menit pengayaan 22 Tujuan Setelah mengikuti praktikum ini, mahasiswa diharapkan dapat: 1, Melakukan instalasi web server. 2. Melakukan konfigurasi sederhana terhadap web server. 3, Mengoperasikan database tool untuk membuat database dan tabel. 2.3 Dasar Teori a) Web Server, PHP Interpreter, dan Database Server web menggunakan arsitektur client-server. Karena itu, untuk dapat mulai membangun sebuah aplikasi web, kita harus memfungsikan komputer kita sebagai web server. Untuk itu, kita harus menginstal software khusus web server. Setelah software tersebut terinstal, komputer kita dapat berfungsi sebagai web server yang dapat melayani request yang dikirim oleh client. Web server software yang akan kita gunakan adalah salah satu web server software yang paling populer yaitu Apache Web Server. Selain itu, karena pada mata kuliah ini kita akan menggunakan bahasa pemrograman PHP, maka kita juga harus menginstal software yang dapat mengeksekusi kode PHP yang biasa disebut dengan PHP interpreter. PHP interpreter yang akan kita gunakan adalah PHP interpreter standar. Kemudian kita juga perlu menginstal sebuah database management system (DBMS) karena sebuah website berfungsi untuk mengolah yang disimpan di database. DBMS software yang akan kita gunakan adalah MariaDB yang merupakan alternatif dari MySQL. kita dapat men-download dan menginstal ketiga software tersebut secara terpisah. Namun karena ketiga software tersebut seringkali digunakan bersamaan oleh pengembang website, ada beberapa software pihak ketiga yang menggabungkan ketiga software tersebut menjadi satu software. Tujuannya adalah agar pengembang dapat melakukan instalasi dan konfigurasi ketiga software tersebut dengan lebih cepat. Beberapa software pihak ketiga tersebut yang dapat kita gunakan adalah XAMPP, WinNMP, WampServer, MAMP, dan lain-lain. Pada praktikum ini, kita akan menggunakan XAMPP. ‘Modul Praktikum Pemrograman Web 2b) Web Browser Setelah kita menginstal web server, kita membutuhkan web browser untuk menampilkan aplikasi web yang kita buat. Disarankan untuk menggunakan web browser modern seperti Google Chrome, Mozilla Firefox, atau Opera. c) Text Editor Untuk menulis kode PHP, kita dapat menggunakan text editor apapun, mulat dari yang paling sederhana seperti Notepad sampai IDE yang kompleks seperti NetBeans IDE. Tidak ada keharusan tethadap pemilihan text editor ini, Beberapa text editor yang sering digunakan adalah Notepad++, Sublime Text, Atom, dan Visual Studio Code. d) Database Tool Secara default, umumnya software DBMS hanya menyediakan antarmuka berupa console. Untuk mengolah data, antarmuka ini seringkali kurang nyaman dalam penggunaannya. Untuk itu, ada beberapa software yang berfungsi sebagai tool untuk mengolah data yang tersimpan di DBMS. Beberapa tool yang sering digunakan adalah PHPMyAdmin, HeidiSQL, DBVisualizer, Adminer, dan DBeaver. Beberapa dari tool-tool tersebut seperti PHPMyAdmin dan Adminer berbasis web sehin membutuhkan web server sedangkan yang lainnya berbasis desktop. 24 Prosedur Praktikum a) Download dan Instalasi Download satu software dari masing- masing kategori berikut lalu lakukan instalas Web Server, PHP Interpreter, dan Database Server Software Website XAMPP (disarankan) | https://www.apachefriends.org/download html WinnMP https://winnmp.wtriple.com, WampServer http: //www.wampserver.com MAMP https://www.mamp.info Web Browser Software Website Google Chrome (disarankan) | hittps://www_google.com/chrome/browser/desktop) ‘Mozilla Firefox https://www.mozilla.org/firefox Opera http://www.opera.com/download Text Editor Software Website Notepad++ https://notepad-plus-plus.org/ ‘Sublime Text https://www.sublimetext.com) ‘Atom https://atom.o, Visual Studio Code hitps://code.viswalstudio.com, ‘Modul Praktikum Pemrograman Web BDatabase Tool Software Website PHPMyAdmin ittps://www.phpmyadmin.net/, sudah tercakup di XAMPP HeidisQL (disarankan) | https://\www.heidisql.com, DBVisualizer http://www. dbvis.com/ ‘Adminer hittps://www.adminer.org/, sudah tercakup di WinNMP DBeaver https://dbeaver jkiss.org/ b) Percobaan Web Server 1. Jalankan (start) web server yang telah terinstal. 2. Buka browser lalu buka URL “http://localhost”. Pastikan muncul tampilan default dari web server. 3. Buka Notepad — menggunakan—akun administrator ‘lalu. bua _ file “C:\Windows\system32\drivers\etc\hosts". Tambahkan baris berikut di akhir file tersebut kemudian simpan. # ganti “mywebsive.id” dengan string apapun 127.0.0.1 mywebsite. id 4. Buka browser dengan URL “http://mywebsite.id", Apakah yang terjadi? Apakah fungsi dari file “hosts”? Beri penjelasan. Buka browser dengan URL “http://mywebsite.id:81", Apakah yang terjadi? Buka Notepad lalu buka direktori web server yang telah terinstal (misal: “D:\xampp") kemucdian buka file “apache\conf\httpd.con®”. Cari baris “Listen 80” dan ubah menjadi “Listen 81” kemudian simpan. 7. Restart (stop lalu start) web server lalu buka URL “http://mywebsite.id:81", Apa yang terjadi? Buka kembali URL “http://mywebsite.id". Apa yang terjadi? Apakah sebenarnya angka 80 dan 81 tersebut? Beri penjelasan. 8 Kembalikan konfigurasi ke “Listen 80” lalu restart kembali web server. ©) Percobaan Database Server a, Buka XAMPP Control Panel lalu klik tombol Shell untuk membuka XAMPP Console. ‘Modul Praktikum Pemrograman Web 14