Lks Kls Xii Web Dinamis.docx

LKS-WEB DINAMIS

LEMBAR KERJA SISWA Mata pelajaran

: Membangun Halaman Web Dinamis untuk Kebutuhan Sistem Informasi

Kelas

: XII TKJ

Waktu

: 4 X 45 menit

Nama Siswa

:

......................................

Kelas

:

.................................

No. Absen

:

.................................

A.

Tujuan Pembelajaran Siswa mampu merancang bangun halaman web dinamis sederhana menggunakan aplikasi Notepad ++, XAMPP, PHP dan HTML.

B.

Alat/bahan dan sumber belajar 1. 1 unit computer/laptop 2. Koneksi internet 3. Aplikasi Notepad ++, XAMPP 4. Tutorial Install XAMPP : https://www.niagahoster.co.id/blog/cara-menggunakanxampp/ 5. Tutorial Membuat Web Dinamis Sederhana : banuaril10.blogspot.com/2015/05/caramembuat-web-dinamis-sederhana-php.html

C.

Langkah Kerja 1. Installkahlah aplikasi notepad ++ dan XAMPP di laptop/computer kalian, ikuti petunjuk yang ada di tutorial install XAMPP jika ada kendala instalasi 2. Buatlah web dinamis sederhana berdasarkan tutorial yang ada di point 5 3. Ubahlah nama Pembuat dan nama website, gunakan nama kalian dan nama sekolah 4. Simpanlah hasil praktikum kalian dalam bentuk softcopy. 5. Kumpulkan Lembar Kerja Siswa yang telah dikerjakan dan hasil praktikum kalian dalam satu flashdisk di kumpulkan di ketua kelas, gunakan format folder nama_kelas_no.abs XII TKJ

1

LKS-WEB DINAMIS

6. Pengumpulan tugas paling lambat tanggal 13 Februari 2019 jam 10.00 pagi, langsung ke miss Yuli D.

Lembar Soal 1. Pengertian Web dinamis adalah …. 2. Sebutkan dan jelaskan 3 contoh aplikasi yang digunakan untuk menjalankan web server di lokal komputer ketika akan melakukan pengetesan aplikasi yang dibuat! 3. Buatlah program HTML hingga akan menghasilkan bentuk tabel seperti gambar di bawah!

4. Jelaskan Pengertian istilah berikut ini: a. State full b. Session c. Cookie d. Encryption e. Hosting E.

Lembar Jawaban

1. Web dinamis adalah web yang isinya dapat dirubah sewaktu-waktu dengan sangat mudah tanpa harus melakukan perubahan pada kode-kode atau coding. Konten yang terdapat di web dinamis pun tersimpan disebuah database, sehingga bagi orang-orang yang tidak bisa akan coding-pun dapat merubah isi konten tersebut tanpa harus menguasai bahasa pemrograman web yang biasa disebut dengan coding. Untuk perubahan konten atau dokumen dalam sebuah web dinamis dibilang mudah ketimbang web statis yang harus memiliki keahlian khusus pada bagian scripting web tersebut. Sebuah website dinamis umumnya dibuat menggunakan Compact Management System (CMS) tertentu dengan penyimpanan data di database (misalnya seperti MySQL) dan biasanya juga web ini tersusun dari bahasa pemerograman seperti HTML, CSS, PHP, JavaScript dan berhubungan dengan database MySQL. Contoh web dinamis ini banyak sekali bisa kita temu di internet misalnya seperti web berita, personal blog dan toko online.

XII TKJ

2

LKS-WEB DINAMIS

2. 3 Aplikasi untuk menjalabkan web server yaitu: a. XAMPP XAMPP Control Panel- ini adalah Local webserver terpolpuler di kalangan pengguna Windows , sebuah tools yang dikembangkan oleh apachefriends.com ini dari sejak jaman dahulu menjadi alat yang paling banyak digunakan oleh para ( PHP )Web Developer newbie. Xampp mempunyai keunggulan yaitu mudah dalam pengoperasian dan dapat dijalankan secara portable , walau terlihat lebih rumit dibandingkan AMPPS XAMPP menjadi sebuah pembahasan dan pemakai yang mayoritas di dunia internet ( os Windows ) dalam mengakses localhost. b. AMPPS merupakan aplikasi webserver ciptaan Softaculous dan bisa digunakan baik sebagai Webserver localhost ataupun di Onlinekan, karena AMPPS sudah mendukung banyak pengaplikasian, control panel yang sudah dapat diakses melalui browser dan sudah terintegrasi dengan segala pengaturan seperti hosting panel dan juga dapat langsung mengatur domain setting dan sebagainya. Softaculous Auto installer juga sudah termasuk disini, meskipun untuk memanfaatkan Auto installer ini diharuskan mempunyai koneksi internet.

c. Wamp Server merupakan sebuah aplikasi yang dapat menjadikan komputer maupun laptop anda menjadi sebuah server atau bisa dikatakan server offline. Kegunaan wamp server ini untuk membuat jaringan local sendiri dalam artian anda dapat membuat website secara offline yang biasanya untuk joomla, wordpress, dll. Wamp server hanya bisa digunakan untuk sistem operasi windows saja, jadi untuk pemakai linux tidak bisa memakai aplikasi ini. Sebenarnya fungsi wamp server ini sama dengan Xampp. 3.

File di luar dengan judul

4. a. State full b. Session

Session itu seperti tag. Jadi kalau mau website itu memberikan anda suatu nama dan bereaksi sesuai keinginan anda, session adalah hal yang dibutuhkan. Session menyimpan informasi tentang preferensi yang anda berikan, membuat suatu sesi yang unik untuk anda. XII TKJ

3

LKS-WEB DINAMIS

Session, atau sesi, itu seperti appointment ke dokter. Dokter akan melayani kebutuhan anda sesuai keluhan anda, dan melayani kebutuhan pasien lain juga. Tapi dokter tidak akan membocorkan rahasia pasien lainnya kepada anda, baik data diri maupun rekaman medisnya, Contoh gampang dari session adalah saat suatu website yang menampilkan berita/cerita/konten berdasarkan posisi anda berada, sesuai preferensi yang anda berikan (misalnya: kegemaran anda adalah makanan dan anda memasukan data ini ke website tsb. Disaat anda membuka web itu, tempat makanan favorit anda yang berada di sekitar anda yang muncul). Website layanan ini menyimpan informasi IP anda untuk membuat suatu session khusus untuk anda. Konten ini berbeda dengan apa yang muncul kalau orang lain yang lihat. Contoh lainnya adalah shopping cart. Disaat anda menambahkan item di keranjang belanja anda, item itu disimpan walaupun anda keluar dari halaman itu, atau bisa juga disimpan walaupun anda sudah browsing ke website lain. Session ini menggunakan cookies yang kemudian disimpan di browser anda sesuai dengan session ID yang diberikan website itu ke halaman web yang anda minta. Session diciptakan pada saat2 tertentu dari kunjungan anda ke website (contohnya pada saat login), dan dihapus pada saat tertentu juga (saat logout contohnya). Session adalah hal yang membuat interaksi website itu stateful dibanding saat tidak pakai session (stateless). Stateful adalah disaat informasi yang diberikan sebelumnya disimpan dan mempengaruhi konten/informasi/data yang akan diberikan setelahnya. Stateless adalah disaat informasi tidak disimpan sehingga tampilan web akan sama saja kalau dilihat oleh anda berulang kali atau oleh orang lain. c. Cookie Cookies adalah data yang menyimpan informasi. Cookie ini diberikan oleh website yang anda kunjungi yang kemudian disimpan di browser anda. Guna cookies ini adalah pada saat anda kembali ke website itu setelah menutupnya, cookies akan mengirim data yang disimpannya kembali ke server website itu untuk memberitahu keberadaan dan kegiatan anda sebelumnya. Cookies, walaupun tidak bisa membawa virus atau malware, bisa membocorkan privasi anda kalau cookies itu adalah jenis tracking cookies. Cookies juga bisa menyimpan username dan password anda, form2 yang anda ketik, sampai informasi kartu kredit.

XII TKJ

4

LKS-WEB DINAMIS

Kegunaan lain dari cookies, dan juga yang paling banyak digunakan, adalah untuk membantu session dan login (authentification cookies). Cookies jenis ini adalah yang menyimpan informasi untuk mengetahui apakah anda login apa tidak ke website yang pernah anda kunjungi sebelumnya. Menurut Wikipedia, cookies ada beberapa macam: Session cookie, Persistent cookie, Secure cookie, HttpOnly cookie, Third-party cookie, Supercookie dan Zombie cookie. Cookies ini mempunyai 7 komponen: Nama, Value, Expiry, Path, Domain, Kebutuhan Secure Connection apa tidak, dan bisa atau tidaknya cookie itu diakses selain melalui HTTP (misalnya oleh Javascript.) Atribut dari cookies termasuk Maximum Age, Secure flag and HttpOnly flag. Karena informasi yang bisa dibilang rahasia yang disimpan dalam cookies, cookies ini sering jadi “gerbang utama” untuk eksploitasi data diri dan kebiasaan anda di internet. d. Encryption Encryption adalah proses untuk “mengaburkan” informasi untuk membuat informasi tersebut tidak bisa dibaca tanpa pengetahuan khusus. Algoritma penyandian yang paling klasik adalah dengan subtitution, yaitu menukarkann huruf yang satu dengan yang lai e. Hosting Hosting (disebut juga Web Hosting / sewa hosting) adalah penyewaan tempat untuk menampung data-data yang diperlukan oleh sebuah website dan sehingga dapat diakses lewat Internet. Data disini dapat berupa file, gambar, email, aplikasi/program/script dan database. 1. F.

Kesimpulan Hasil Belajar …………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………..

XII TKJ

5