RANGKUMAN HASIL PRAKTIKUM PEMROGRAMAN BERBASIS WEB

                                              

Laporan Praktikum Pemrograman Berbasis Web

Disusun oleh: Donni Adeleo Ardana
NIM: 231080200055
Universitas Muhammadiyah Sidoarjo

Kata Pengantar

Laporan ini disusun untuk memenuhi tugas praktikum Pemrograman Berbasis Web. Penyusun mengucapkan terima kasih kepada berbagai pihak yang telah membantu selama proses penyusunan laporan ini, termasuk dosen pembimbing, asisten praktikum, dan pihak terkait lainnya. Kritik dan saran untuk perbaikan sangat diharapkan.

BAB I: Pendahuluan

Profil Laboratorium

  • Visi: Menjadi laboratorium pemrograman web berkualitas nasional.

  • Misi:

    • Menyediakan layanan praktikum berbasis kurikulum terintegrasi.

    • Menyediakan fasilitas untuk penelitian dan pengembangan di bidang informatika.

    • Memberikan layanan administrasi yang baik dan meningkatkan kolaborasi eksternal.

SOP Praktikum

  • Durasi Praktikum: 6 sesi tatap muka, masing-masing 2 jam.

  • Prosedur:

    • Persiapan oleh laboran dan asisten.

    • Pelaksanaan praktikum.

    • Evaluasi melalui laporan, tugas, dan ujian.

  • Tata Tertib:

    • Kehadiran tepat waktu.

    • Menjaga kebersihan dan alat laboratorium.

    • Larangan instalasi software tanpa izin.

Tujuan Praktikum

Mahasiswa diharapkan mampu:

  1. Memahami dasar-dasar pemrograman web.

  2. Menerapkan teknologi seperti HTML, CSS, JavaScript, dan PHP dalam membangun aplikasi web.

Manfaat Praktikum

  1. Meningkatkan keterampilan implementasi teori ke dalam praktik.

  2. Memberikan pengalaman langsung dalam pembuatan aplikasi web.

BAB II: Kurikulum

Silabus Praktikum

  1. HTML: Elemen dasar, form, tabel, dan layout.

  2. CSS: Syntax, selector, dan styling.

  3. JavaScript: Variabel, fungsi, dan event handling.

  4. PHP: Server-side scripting dan pengolahan form.

  5. MySQL: Koneksi database dan pengelolaan data.

  6. jQuery Mobile: Desain web responsif.

Satuan Acara Praktikum (SAP)

PertemuanTopikSubtopik
1HTMLStruktur, elemen, form, tabel
2CSSStyling, layout, selector
3JavaScriptVariabel, fungsi, event
4PHPPernyataan kontrol, array, form
5PHP & MySQLKoneksi database
6jQuery MobileDesain web mobile

BAB III: Materi Modul

Pokok Bahasan 1: HTML (Hypertext Markup Language)

  • Tujuan: Mengenal elemen dasar HTML, form, tabel, dan layout.

  • Teori Dasar:

    • HTML adalah bahasa standar untuk membuat dokumen web.

    • Elemen HTML: DTD, head, body.

    • Fitur baru HTML5: , , , dan lainnya.

  • Instruksi Percobaan:

    • Membuat dokumen HTML dengan elemen-elemen dasar.

    • Mengimplementasikan form dan tabel dengan validasi.

Pokok Bahasan 2: CSS (Cascading Style Sheet)

  • Tujuan: Mempelajari cara styling elemen HTML dengan CSS.

  • Teori Dasar:

    • CSS digunakan untuk memformat tampilan web.

    • Metode penulisan: Inline, internal, dan external CSS.

    • Syntax: Selector, property, value.

  • Instruksi Percobaan:

    • Membuat layout dengan CSS.

    • Mengatur margin, padding, border, dan warna.

Pokok Bahasan 3: JavaScript

  • Tujuan: Mempelajari interaktivitas pada web.

  • Teori Dasar:

    • JavaScript adalah bahasa pemrograman untuk manipulasi DOM.

    • Fungsi, variabel, event handling.

  • Instruksi Percobaan:

    • Membuat form dengan validasi menggunakan JavaScript.

    • Mengatur elemen DOM dengan event listener.

Pokok Bahasan 4: PHP dan MySQL

  • Tujuan: Mengintegrasikan PHP dengan database.

  • Teori Dasar:

    • PHP adalah server-side scripting language.

    • MySQL digunakan untuk pengelolaan data.

    • Koneksi PHP dengan MySQL menggunakan fungsi seperti mysqli_connect().

  • Instruksi Percobaan:

    • Membuat form yang terhubung dengan database.

    • Menyimpan dan menampilkan data.

Pokok Bahasan 5: jQuery Mobile

  • Tujuan: Mempelajari desain web responsif.

  • Teori Dasar:

    • jQuery Mobile digunakan untuk desain aplikasi berbasis mobile.

  • Instruksi Percobaan:

    • Membuat template aplikasi mobile.

    • Mengintegrasikan PHP, MySQL, dan jQuery Mobile.

BAB IV: Hasil dan Pembahasan

Laporan ini mencakup berbagai percobaan yang berhasil dijalankan, termasuk:

  1. Implementasi elemen HTML dasar.

  2. Penggunaan CSS untuk styling yang konsisten.

  3. Validasi form menggunakan JavaScript.

  4. Koneksi PHP dengan database MySQL untuk CRUD.

  5. Desain responsif dengan jQuery Mobile.

Setiap percobaan dilengkapi dengan tangkapan layar hasil dan analisis kode yang digunakan.

Kesimpulan

Praktikum Pemrograman Berbasis Web memberikan pemahaman komprehensif tentang teknologi web dasar hingga lanjutan. Mahasiswa diharapkan mampu mengembangkan aplikasi web dengan memadukan HTML, CSS, JavaScript, PHP, dan MySQL. Desain responsif yang dipelajari menggunakan jQuery Mobile juga memberikan keterampilan untuk memenuhi kebutuhan aplikasi modern.

Referensi

  1. Abdul Kadir. Pemrograman Web (HTML, CSS, JavaScript, dan PHP). Andi Offset, 2003.

  2. Imam Heryanto, Budi Raharjo, Enjang RK. Modul Pemrograman Web. Modula, 2012.

  3. Arief Ramadhan. Pemrograman Web Menggunakan HTML, CSS, dan JavaScript. Elex Media Komputindo, 2006.

  4. w3schools.com.

  5. html5mudah.blogspot.com.

Komentar

Posting Komentar

Postingan populer dari blog ini

RANGKUMAN HASIL PRAKTIKUM SISTEM OPERASI SEMESTER 3

Gambar
  Disusun oleh : Nama                       : Donni Adeleo Ardana NIM                         : 2 31080200055 Kelompok               : 4   Pokok Bahasan I: Pengenalan Sistem Komputer dan Sistem Operasi Linux Pada pokok bahasan ini, mahasiswa diajak memahami konsep dasar sistem komputer dan sistem operasi Linux. Sistem komputer terdiri dari perangkat keras, sistem operasi, program aplikasi, dan pengguna. Perangkat keras mencakup CPU, memori, dan perangkat input-output, sementara sistem operasi bertindak sebagai pengendali perangkat keras yang memfasilitasi interaksi dengan pengguna. Program aplikasi berfungsi menyelesaikan kebutuhan komputasi pengguna, seperti aplikasi bisnis dan ga...
Baca selengkapnya

Rangkuman Praktikum Jaringan Komputer

Gambar
  Halo semua! Nama saya Donni Adeleo Ardana (NIM: 231080200055 ), mahasiswa semester 4 dari Program Studi Informatika di bawah naungan Fakultas Sains dan Teknologi, Universitas Muhammadiyah Sidoarjo. Blog ini saya susun sebagai media dokumentasi pribadi dari kegiatan Praktikum Mata Kuliah Jaringan Komputer . Selain sebagai bahan belajar saya sendiri, saya berharap blog ini juga dapat dimanfaatkan oleh rekan-rekan mahasiswa lainnya sebagai sumber referensi tambahan dalam mempelajari topik-topik jaringan komputer secara praktis maupun teoritis. Jika kamu ingin mengenal lebih jauh tentang Fakultas Saintek , silakan kunjungi laman resmi FST. Dan untuk mengenal lebih dalam tentang Universitas Muhammadiyah Sidoarjo secara keseluruhan, kamu bisa mengakses situs resminya yang tersedia secara online. POKOK BAHASAN 1 Dasar Jaringan dan Pengantar RouterOS Topologi Jaringan Topologi jaringan menggambarkan bentuk fisik maupun logika dari susunan jaringan komputer. Beberapa jenis topologi...
Baca selengkapnya