kamalls / bootcamparkademy

Seleksi Bootcamp Arkademy Batch 15 - 3

--> SOAL 1, SOAL 2, SOAL 3, dan SOAL 4 :

Pada bagian soal ini menggunakan bahasa pemrograman PHP dengan menjalankan file 1.php, file 2.php, file 3.php, dan file 4.php melalui browser atau menggunakan online editor https://www.onlinegdb.com/

-- > SOAL 5 :

Pada bagian soal ini menggunakan bahasa pemrograman JavaScript dengan menjalankan file 5.js melalui browser console atau menggunakan online editor https://es6console.com/

--> SOAL 6.A Query Untuk Menampilkan sesuai soal adalah :

SELECT c.name as cashier, p.name as product, g.name as category, p.price as price FROM product p join cashier c on p.id_cashier=c.id_cashier join category g on p.id_category=g.id_category

Screenshot Hasil :

--> SOAL 6.B terdapat pada folder bootcamp-statis :

Pada bagian ini merupakan tampilan halaman statik yang di buat berdasarkan acuan mockup dari figma menggunakan html, css, js serta framework Bootstrap 4 CDN.

Adapun software yang di butuhkan untuk menjalankan sistem :

1. Server Xampp/Browser (Opsional).

Berikut ini langkah dalam menjalankan file :

1. Buka file index.html pada folder bootcamp-statis.
2. Selesai

Maka halaman akan tampil sesuai dengan gambar dari hasil Screenshot seperti di bawah ini :

Halaman Utama tampilan statis :

Modal Tambah tampilan statis :

Modal Edit tampilan statis :

Modal Hapus tampilan statis :

--> SOAL 6.C terdapat pada folder bootcamp-dinamis.

Pada bagian ini merupakan tampilan halaman dinamis yang di buat berdasarkan acuan mockup dari figma yang sebelumnya telah di buat pada point 6.B (tampilan-statis) dengan menggunakan Framework CodeIgniter 3 dan Bootstrap 4 CDN.

Adapun software yang di butuhkan untuk menjalankan sistem :

1. Server Xampp
2. Browser (Opsional)
3. DBMS MySQL

Berikut ini langkah dalam menjalankan file :

1. Buka folder bootcamp-dinamis
2. Import sql database kedalam MySql bernama bootcamp_arkademy yang berada pada folder database
3. Jalankan sistem menggunakan server xampp
4. Selesai

Maka halaman akan tampil sesuai dengan gambar dari hasil Screenshot seperti di bawah ini :

Halaman utama dinamis :

Halaman ketika melakukan penambahan data dinamis :

Halaman ketika berhasil melakukan penambahan data dinamis :

Halaman ketika melakukan ubah data dinamis :

Halaman ketika berhasil melakukan perubahan data dinamis :

Halaman ketika melakukan hapus data dinamis :

Halaman ketika berhasil melakukan hapus data dinamis :