Posts

FP PWEB-B

Image
Nama: Muhammad Wafi Zaki Hanif NRP: 5025221039 Kelas: PWEB-B 1. Referensi Paper Pembuatan Aplikasi Penjualan Berbasis Web Monja Store Menggunakan PHP dan MYSQL https://journal.admi.or.id/index.php/JTS/article/view/128/139 2. Deskrpisi Studi Kasus     Website Monja Store merupakan website yang digunakan untuk pemesanan serta memberikan informasi mengenai Monja Store. Pemesanan dapat dilakukan melalui website dengan pembayaran yang dilakukan secara transfer. Sehingga user dapat secara efektif melakukan pemesanan tanpa harus datang ke toko. Website ini mengunakan metode SDLC (System Development Life Cycle), bahasa pemrograman PHP dan database MySQL. Proses pembuatan website dimulai dengan merancang struktur navigasi UML, rancangan halaman website dilanjutkan dengan membuat dengan kode program hingga tahap uji coba ini dinamakan dengan website Monja Store. Berdasarkan hasil pengujian website Monja Store menggunakan metode Blackbox Testing didapatkan seluruh fungsi halaman y...
Post a Comment
Read more

Latihan CRUD

Image
Nama: Muhammad Wafi Zaki Hanif NRP: 5025221039 Kelas: PWEB-B Pada kesempatan kali ini, saya akan membuat website memanfaatkan CRUD sederhana. Berikut implementasi: Link Kode:  Source Code
Post a Comment
Read more

Latihan Membuat Website Dengan Fitur Output PDF

Image
Nama: Muhammad Wafi Zaki Hanif NRP: 5025221039 Kelas: PWEB-B Pada kesempatan kali ini, saya akan membuat website dengan fitur menghasilkan PDF. Untuk mewujudkan hal itu, saya menggunakan library tambahan fpdf. Kemudian saya buat database dengan mysql dan saya hubungkan menggunakan php. Untuk tampilan saya memanfaatkan HTML dan bootstrap CSS. Berikut hasilnya: Index: Setelah menambahkan data: Hasil PDF: Agar tidak tertukar dengan library, kode saya ada 3 yaitu: - index.php ( index.php ) - proses_tambah.php ( proses_tambah.php ) - laporan.php ( laporan.php ) Link Repository: GitHub
Post a Comment
Read more

Latihan Membuat Website Upload Foto

Image
Nama: Muhammad Wafi Zaki Hanif     NRP: 5025221039 Kelas: PWEB-B Pada kesempatan kali ini saya ditugaskan untuk membuat website yang dapat upload foto. Pertama-tama saya membuat sebuah database dengan mysql. Kemudian saya memanfaatkan php untuk menghubungkannya. Selebihnya, saya memanfaatkan html serta bootstrap css untuk membuat tampilan lebih menarik. Berikut hasil kerja saya: Tampilan Utama: Tampilan Menambahkan Data: Tampilan Mengubah Data: Setiap foto yang diupload, akan disimpan didalam folder images. Link Kode:  GitHub
Post a Comment
Read more

Latihan Membuat CRUD Sederhana

Image
 Nama: Muhammad Wafi Zaki Hanif NRP: 5025221039 Pada kesempatan kali ini, saya akan membuat website sederhana untuk mempraktikkan CRUD. Berikut tampilannya: Index Form Pendaftaran List Siswa Form Edit Source Code:  GitHub
Post a Comment
Read more

Evaluasi Pemrograman Web Kelas B

Image
Nama: Muhammad Wafi Zaki Hanif NRP: 5025221039 Evaluasi Pemrograman Web Kelas B 1. Jelaskan tentang responsive website!  Web responsive merupakan website yang bisa menyesuaikan. Konteks yang dimaksud adalah ketika website akan ditampilkan di layar yang berbeda-beda. Seperti contoh, saya ingin membuka website saya melalui 3 perangkat yaitu laptop, hp dan tablet. Website yang responsive akan tetap terlihat proporsional dan rapi ketika dibuka di 3 perangkat yang berbeda itu.  2. Jelaskan semua project yang sudah dibuat! a. Responsive Login Form memanfaatkan bootstrap.      Disini saya membuat sebuah login form dengan memanfaatkan bootstrap agar website saya responsive. Kemudian saya juga memanfaatkan javascript untuk memvalidasi data yang dimasukkan.  Source Code:  Code Deploy:  Deploy b. Membuat Form dengan Validation memanfaatkan JavaScript Disini saya membuat login homepage. Namun yang mau saya garisbawahi adalah disini saya menggunakan javascript...
Post a Comment
Read more

Membuat Login Form Menggunakan Bootstrap

Image
 Nama: Muhammad Wafi Zaki Hanif NRP: 5025221039 Pada tugas kali ini adalah membuat sebuah form login dengan memanfaatkan bootstrap. Dengan bootstrap saya berhasil membuat website saya lebih responsif. Kemudian dengan memanfaatkan javascript, saya dapat memvalidasi isi form. Berikut hasil kerja saya:  Source Code:  Code Deploy:  Deploy
Post a Comment
Read more