wahyuadepratama/stockies

Aplikasi pencarian foto dengan ciri khas Indonesia terbesar

Stockies Structure Apps

1. Prepare

Setelah clone repository, jangan lupa lakukan perintah:

$ composer update
$ php artisan key:generate
$ php artisan config:cache
$ php artisan cache:clear

Selanjutnya buat database dengan nama "stockies" di MySQL Lalu ubah file ".env.example" menjadi ".env", ganti config berikut:

APP_NAME=Stockies
DB_DATABASE=stockies
DB_USERNAME={sesuaikan dengan username database kamu}
DB_PASSWORD={sesuaikan dengan password database kamu}

2. Struktur untuk Front End

Untuk bagian front end, terletak pada folder "resources > views". Berikut adalah struktur yang sudah dibuat:

• admin -----> (menyimpan semua file untuk halaman admin)
• auth -------> (menyimpan semua file untuk halaman login dan register)
• errors ----->(halaman untuk menampilkan halaman error yang digunakan)
• guest ------>(menyimpan semua file untuk halaman user yang belum login)
• layouts ---->(menyimpan header, footer, sidebar, dan layout lainnya)
• user ------->(menyimpan semua file untuk halaman user yang telah login)

3. Data dari Back End

Untuk bagian data yang dikirim maupun yang direquest dari back end, cek di "github > issues" lihat semua yang di assign ke kamu

stockies's Issues

Halaman Dashboard (Back End)

• Tampilkan foto user
• Tampilkan nama user
• List foto yang disukai
• List foto yang telah dibeli user tersebut

Halaman Pencarian

BACK END

1. Button Pencarian berdasarkan keyword
2. List foto tervaforit (tampil berdasrkan like terbanyak)
3. List foto berdasarkan kategori

Halaman Home (content)

1. Buat konten untuk slider
2. Buat konten FAQ (buat lengkap2 van, jangan sampai orang bertanya lagi)

Halaman Home (Back end)

1. Button pencarian berdasarkan keyword
2. List foto berdasarkan waktu

Halaman Checkout (Back end)

1. List gambar yang dibeli berisi:

• preview gambar ukuran detail
• harga
• ukuran

2. Total Pembelian
3. Opsi Pembayaran

Authentication

BACK END

Sistem bisa melakukan:

• login (email atau username, pasword)
• register {
  nama lengkap,
  username,
  email,
  confirmasi email,
  password,
  confirmasi password
  jenis kelamin
  tanggal lahir
  }

Halaman Detail Foto (Back End)

• nama foto
• pemilik foto
• kategori
• kata kunci
• foto lainnya (3 foto yang memiliki kategori yang sama)
• button telusuri foto lainnya
• fitur like (jika ditekan, maka akan dimenambah data likes)
• Foto yang dipilih
• Button utk menset ukuran gambar (small, medium, large)
• Button beli
• Setelah button beli diklik, item akan masuk ke keranjang

Konten Aplikasi & API (Back End App)

Halaman Splash Screen

• Menuju Halaman Utama

Halaman Utama

• Cardview -> Katalog foto, di dalamnya : -> menuju Halaman Detail Foto
• Image -> Foto
• Text -> Nama Foto
• Text -> Nama Pemilik Foto
  Menu
• Text -> Nama Username -> Setelah Login / Register tampil
• Button -> Login / Register -> Menuju Halaman / Login Register
• Button -> Keranjang -> Menuju Halaman Keranjang
• Button -> Profile -> Menuju Halaman Profile
• Button -> Unggah Foto -> Menuju Halaman Pengenalan Unggah Foto

Halaman Login

• Text -> Login -> Tampilkan
• Edit Text -> Username -> Inputkan username yang dibuat
• Edit Text -> Password -> Inputkan password yang dibuat
• Button -> Login -> Menuju Halaman Utama jika berhasil login, jika tidak akan ada warning
• Text -> Belum ada akun ? Daftar -> Jika ditekan tekt daftar -> Menuju Halaman Register

Halaman Register

• Text -> Konten (Nama, Tempat Tinggal, Tanggal lahir, dll) -> Konten sesuai di Web
• Edit Text -> Konten (Nama, Tempat Tinggal, Tanggal lahir, dll) -> Konten sesuai di Web
• Button -> Daftar - Menuju Halaman Utama dan Login jika berhasil daftar, jika tidak akan ada warning

Halaman Detail Foto

• Image -> Foto
• Text -> Nama Foto -> Tampilkan
• Text -> Nama Pemilik Foto -> Tampilkan
• Text -> Harga Foto -> Tampilkan
• Text -> Kategori -> Tampilkan
• Text -> Kata Kunci -> Tampilkan
• Button -> Share Button -> Ke media sosial
• Button -> Like Button -> Akan menuju Halaman Profile, bagian Foto yang disukai
• Spinner -> Ukuran Foto -> Akan menentukan harga dan ukuran foto
• Button -> Beli -> Foto akan masuk ke Halaman Keranjang

Halaman Keranjang

• Listview, di dalamnya :
• Image -> Foto -> Tampilkan
• Text -> Nama Foto -> Tampilkan
• Text -> Nama Pemilik Foto -> Tampilkan
• Text -> Ukuran Foto yang dipilih -> Tampilkan
• Text -> Harga Foto -> Tampilkan
• Button -> Beli -> Akan menampilkan Alert Dialog untuk membeli
• Alert Dialog, di dalamnya :
• Text -> Beli Foto ? -> Tampilkan
• Text -> Jumlah : -> Tampilkan
• Edit Text -> Jumlah Foto -> Input untuk jumlah foto yang akan dibeli
• Text -> Total : -> Tampilkan
• Edit Text -> Total -> Menampilkan harga foto x jumlah foto yang dibeli
• Button -> Beli -> Menuju Halaman Pembayaran

Halaman Pembayaran
Susunan Konten berurutan seperti dibawah ini (Di Foto, ada revisi)

• Text -> Pembayaran -> Tampilkna
• Image -> Foto -> Foto yang dikonfirmasi untuk dibeli
• Text -> Tagihan -> Tampilkan
• Text -> Harga Tagihan -> Diambil dari Alert Dialog
• Text -> Pembayaran -> Tampilkan
• Text -> Pengenalan / Instruksi Pembayaran -> Tampilkan
• Image -> Foto Rekening -> Merupakan rekening tempat pembayaran
• Text -> Email Pengiriman Foto -> Tampilkan
• Edit Text -> Email -> Inputkan email untuk mengirimkan foto yang sudah dibeli
• Edit Text -> Confirm Email -> Inputkan email kembali untuk konfirmasi
• Button -> Konfirmasi -> Menuju Halaman Konfirmasi Pembayaran

Halaman Konfirmasi Pembayaran

• Text -> Konfirmasi Pembayaran -> Tampilkan
• Text -> Instruksi Penguploadan Foto -> Tampilkan
• Button -> Upload Pembayaran -> Disini user akan menuju galeri dan memilih foto bukti pembayaran untuk diupload
  -> menuju halamman Selesai Konfirmasi Pembayaran

Halaman Selesai Konfirmasi Pembayaran

• Text -> Instrukis selanjutnya -> Tampilkan
• Button -> Kembali -> Menuju Halaman Utama

Halaman Profile

• Text -> Welcome -> Tampilkan
• Text -> Nama User -> Ambil data dan tampilkan
  -> Buttin -> Edit Profile -> Menuju Halaman Edit Profile
• Text -> Foto yang disukai -> Tampilkan
• Image -> Foto -> Masuk berasal dari kesukaan yang dipilih user
• Button -> Lihat Semua -> Akan memperlihatkan seluruh foto yang disukai

Halaman Edit Profile

• Text -> Konten (Nama, Tempat Tinggal, Tanggal lahir, dll) -> Konten sesuai di Web
• Edit Text -> Konten (Nama, Tempat Tinggal, Tanggal lahir, dll) -> Konten sesuai di Web
• Button -> Ubah Profile - Menuju Halaman Profile jika berhasil Mengubah, jika tidak akan ada warning

Halaman Unggah Foto (OTW)