EAS PWEB C 2022

-

 

STUNT

Dibuat Oleh
Marcellino Mahesa Janitra 5025201105
Reza Maranelo Alfiansyah 5025201071
Vania Rizky Juliana Wachid 5025201215

SUNT merupakan platform download game untuk memenuhi kebutuhan gamers di Indonesia. Apa yang membedakan STUNT dengan platform lainnya? STUNT memberikan pilihan game terlengkap dan terupdate bagi para pelanggannya. Tentunya hal ini merupakan suatu kelebihan yang super dan bisa bersaing dengan platform-platform lainnya, berikut akan diberikan tampilan pada setiap page dari STUNT

Repository : https://github.com/Marcellinom/pweb-fp
Video demo : https://youtu.be/PiOGR2OmXIM

Homepage




Dengan sourcecode pada file home.php
Jika menekan tombol login maka akan diarahkan ke page Opening

Opening


Dengan sourcecode pada file Opening.html

Pilih salah satu

Sign Up

Dengan sourcecode pada file register.php
Disini ditambahkan pula pengecekan panjang password


Login


Dengan sourcecode pada file login.php
Pada login ini apabila username atau password salah, terdapat peringatan yang diberikan


BAGIAN USER
Setelah login akan menuju ke halaman home seperti pada awal.


Scroll kebawah,



Game bisa disortir berdasarkan kategorinya, yaitu menampilkan kategori ALL (seluruh game), RPG, FPS, HORROR, dan MOBA

Berikut tampilan untuk penampilan game per kategori


Selanjutnya memilih game yang ingin dibeli.



Dengan sourcecode pada file querypenampilgame.php

Selanjutnya klik "Add to Cart"


Maka tombol akan berubah menjadi "Added to Cart"

Disediakan fitur cart, dan search bar untuk mempermudah user
Berikut tampilan cart dari game yang sudah di add :



Selanjutnya klik purchase untuk membayar dan akan muncul pop up yang akan meminta bukti pembayaran dari pembeli




setelah mengupload, status cart item akan dirubah jadi 2, yang berarti akan di verifikasi oleh admin, dan gambar akan disimpan di server


Untuk game yang sudah di beli, maka akan tertanda "Purchased" sehingga pembeli tidak perlu membeli berkali - kali



BAGIAN ADMIN
Dashboard Admin:


dengan menekan tombol add game, admin akan diarahkan ke halaman penambahan game untuk menambah Game  

Admin juga dapat memverifikasi bukti pembayaran yang telah dikirim pelanggan tadi, pada halaman verifikasi:



di halaman ini akan menampilkan list-list pembayaran yang belum di verifikasi. Ketika menekan salah satu dari pilihan gambar, Admin akan diarahakan menuju detail verifikasi pembayaran yang berisi gambar full, serta list game-game pesanan pelanggan:



GENERATE INVOICE PDF
Ketika pembayaran telah di apprrove oleh admin, dari sisi User dapat mendownload struk dengan menekan tombol struk disebelah tombol cart:


















Comments

Post a Comment

Popular posts from this blog

Form Validasi JQUERY

-
Image
 Pada tugas kali ini saya akan membuat form validasi Jquery seperti pada gambar berikut 1. Pertama dibuat terlebih dahulu file HTML nya 2. Lalu pakai library JQuery dan plugin validasi JQuery 3. Berikan rule untuk memvalidasi : semua kolom harus diisi, NIM harus 10 digit, hingga kolom PASSWORD dan ULANGI PASSWORD harus sama inputannya  Berikut contoh jika field tidak diisi tapi lalu disubmit Berikut contoh jika umur lebih dari 100
Read more

ETS PWEB C 2022

-
Image
STUNT Dibuat Oleh Marcellino Mahesa Janitra 5025201105 Vania Rizky Juliana Wachid 5025201215 SUNT merupakan platform top-up game untuk memenuhi kebutuhan gamers di Indonesia. Apa yang membedakan STUNT dengan platform lainnya? STUNT memberikan harga pajak yang rendah bagi para pelanggannya. Tentunya hal ini merupakan suatu kelebihan yang super dan bisa bersaing dengan platform-platform lainnya, berikut akan diberikan tampilan pada setiap page dari STUNT Homepage  Dengan sourcecode :  peweb-ets/Home.html at master · Marcellinom/peweb-ets (github.com) Jika menekan tombol login maka akan diarahkan ke page Opening Opening Dengan sourcecode :  peweb-ets/Opening.html at master · Marcellinom/peweb-ets (github.com) Pilih salah satu Sign Up Dengan sourcecode :  peweb-ets/register.html at master · Marcellinom/peweb-ets (github.com) Login Dengan sourcecode :  Login (marcellinom.github.io) Setelah login akan menuju ke halaman home seperti pada awal. Selanjutnya memilih produ...
Read more