Studi Kasus ETS MPPL 2021

 Pada postingan ini, kami akan menjelaskan studi kasus untuk ETS MPPL 2021 yang telah kami kerjakan

Nama Kelompok : 

• Nabil Fikri Arief (05111940000086)
• Muhammad Nur Abdurrauf (05111940000140)
• Syamil Difaul Haq Sukur (05111940000196)

Berikut detail dari hasil pekerjaan kami:

Berikut adalah video demonya:

ETS PWEB B 2021

 Nama: Muhammad Nur Abdurrauf

NRP: 05111940000140

Berikut adalah jawaban dari soal no 1-3 ETS PWEB:

Untuk soal no 4 yaitu membuat front end website, berikut adalah video demonya:

Link website: https://raassh-23.github.io/ets-pweb-b-2021/

Link source code: https://github.com/raassh-23/ets-pweb-b-2021

ETS MPPL A 2021

Nama: Muhammad Nur Abdurrauf

NRP: 05111940000140

Berikut adalah jawaban dari soal ETS MPPL.

Tugas 9 MPPL A 2021

 Di postingan ini, saya akan menunjukkan manajemen mutu untuk Toko Online Shopi yang telah kami kerjakan. Anggota kelompok kami adalah:

• Muhammad Nur Abdurrauf 05111940000140
• Syamil Difaul Haq Sukur 05111940000196

Berikut adalah detail manajemen mutu yang sudah kami buat:

Tugas 7 PWEB B 2021

Di postingan ini, saya akan menunjukkan proses pembuatan halaman yang menampilkan isi html lain dan halaman memilih daerah yang dibuat dengan menggunakan ajax. Langkah yang saya lakukan adalah:

1. Halaman index

Pertama saya membuat halaman index untuk mengarahkan ke halaman tugas-tugasnya. Saya menggunakan bootstrap untuk stylingnya. Di halaman ini hanya terdapat 2 button yang mengarah ke tugas 1 (Menampilkan data dari halaman lain) dan tugas 2 (Menampilkan nama daerah)

2. Menampilkan data dari halaman lain

Disini saya mengikuti dan memodifikasi tutorial di halaman website ini. Saya membuat tugas1.html yang merupakan tempat ajax digunakan dan juga tampil.html yang berisi data yang akan ditampilkan. Di halaman tugas1.html, terdapat button yang akan memanggil script ajax untuk menampilkan isi dari tampil.html. Selain itu juga terdapat button untuk kembali ke index.

Kode htmlnya

Kode javascriptnya

3. Menampilkan nama daerah

Disini saya mengikuti dan memodifikasi tutorial berikut. Tetapi saya tidak membuat backend-nya dan memilih untuk menggunakan api yang telah ada, yaitu api berikut. Untuk menggunakan api tersebut, yang melakukan fork reponya dan mengaktifkan github pages untuk repo tersebut. Kemudian saya membuat halaman tugas2.html yang akan berisikan form select untuk provinsi, kabupaten, kecamatan, dan kelurahan, juga button untuk kembali ke index. Untuk select provinsi, data diambil menggunakan ajax ketika halaman sudah siap/terbuka. Sedangkan untuk select kabupaten, kecamatan, dan kelurahan, data diambil ketika ada perubahan pilihan.

Kode htmlnya

Kode javascriptnya

4. Deploy

Seperti tugas-tugas sebelumnya, saya menggunakan github pages untuk tempat deploynya. Saya membuat sebuah repo baru di Github, meng-push kodenya ke repo tersebut dan mengaktifkan github pages di setting repo tersebut sehingga website tersebut bisa diakses.

Website tugas ini bisa diakses dengan link berikut

Sementara source code tugas ini bisa dilihat di link berikut

Tugas 8 MPPL A 2021

Di postingan ini, saya akan menunjukkan manajemen biaya untuk Toko Online Shopi yang telah kami kerjakan. Anggota kelompok kami adalah:

• Muhammad Nur Abdurrauf 05111940000140
• Syamil Difaul Haq Sukur 05111940000196

Berikut adalah manajemen biaya yang sudah kami buat: 

Berikut adalah video presentasi kami:

Tugas 7 MPPL A 2021

Di postingan ini, saya akan menunjukkan manajemen penjadwalan untuk Toko Online Shopi yang telah kami kerjakan. Anggota kelompok kami adalah:

• Muhammad Nur Abdurrauf 05111940000140
• Syamil Difaul Haq Sukur 05111940000196

Berikut adalah jadwal yang sudah kami buat: