EAS PBKK : Aplikasi yang Berguna pada Masa Pandemi COVID-19

-
05111740000044 - Izzah Dinillah
05111740000193 - Vania Cikanindi
05111740007005 - Ihdiannaja
PBKK B

Sakinah E-Shop

  1. Deskripsi sistem
    2. Sistem yang dibuat merupakan sistem informasi yang memudahkan user dalam berbelanja kebutuhan sehari-hari secara online.

  2. Fitur
    • Memasukkan barang ke keranjang
      • Klik "Add to cart" pada barang yang diinginkan yang terletak di halaman list produk ataupun di halaman detail produk. Barang otomatis masuk ke dalam shopping cart.
    Halaman list produk

    Halaman detail produk

    Halaman shopping cart

    • Melakukan pembelian
      • Klik "Check Out" pada shopping cart. Cart sub total merupakan total dari harga barang yang berada di cart. Shipping cost merupakan biaya pengiriman yang dikenakan biaya sebesar 5.000 rupiah untuk pembelanjaan kurang dari 100.000 dan selebihnya dikenakan biaya sebesar 10.000 rupiah. Total merupakan jumlah dari cart sub total dan shipping cost.
    Halaman shopping cart

      Pembayaran dapat dilakukan bila user memiliki akun pada sistem. Login jika sudah memiliki akun atau daftar bila belum memiliki akun.
    Halaman login dan daftar

      Masukkan alamat tagihan dan pengiriman. Alamat pengiriman bisa berbeda dengan alamat tagihan. Bila sama, check pada "Shipping same as billing"
    Halaman alamat tagihan

    Halaman alamat pengiriman

      Pembelian selesai. Customer akan dihubungi melalui kontak yang sudah diisikan pada sistem.
    Halaman pembelian berhasil


Sistem bisa diakses melalui link ini
Video demo dapat dilihat melalui link ini
Source code lengkap dapat diakses melalui link ini

Comments

Post a Comment

Popular posts from this blog

Tugas 3 PBKK : Penggunaan Bootstrap, Pembuatan Template, dan CRUD

-
Image
Izzah Dinillah 05111740000044 PBKK B Bootstrap  adalah open-source CSS framework  untuk merancang  situs web  dan  aplikasi web . Framework ini berisi template desain berbasis  HTML  dan  CSS  untuk  tipografi , formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional  JavaScript . Tidak seperti kebanyakan framework web lainnya, framework ini hanya fokus pada  pengembangan front-end  saja. (src:  Wikipedia ) Tutorial penggunaan Bootstrap :  https://www.petanikode.com/codeigniter-bootstrap/ Saya mengikuti tutorial di atas dengan melakukan beberapa perubahan. Saya men-download SB Admin di sini . Menyesuaikannya sehingga code untuk overview.php menjadi seperti ini : overview.php Tampilan dari http://localhost/pbkkminggu4/index.php/admin : Selanjutnya, Template masih dibuat dalam satu file saja. Ini nanti akan bermasalah ketika kita membuat halaman baru.  Permasalahannya adalah k ita akan menulis kode yang sama berulang-ulang dal
Read more

Tugas 1 PBKK : Aplikasi Dekstop Menggunakan Electron

-
Image
Izzah Dinillah 05111740000044 PBKK B Electron  adalah framework open-source  yang   dikembangkan dan dikelola oleh  GitHub.  Electron memungkinkan untuk pengembangan  aplikasi  GUI  desktop  menggunakan teknologi web. Ini menggabungkan  mesin rendering  Chromium  dan  runtime  Node.js.  Electron adalah framework   GUI  utama di  balik beberapa proyek sumber terbuka terkenal termasuk  Atom ,  GitHub Desktop ,  Light Table ,  Visual Studio Code ,  dan WordPress Desktop.   (src:  Wikipedia ) Tutorial penggunaan electron : Dengan mengikuti tutorial di atas, kita dapat membuat aplikasi dekstop menggunakan electron. Dengan sedikit perubahan saya membuat aplikasi dekstop yang berisi biodata diri. main.js package.json biodata.html css.css Source code lengkapnya :  klik di sini Berikut tampilan dari aplikasi yang dibuat: Tampilan aplikasi biodata
Read more