Nurhandayani - AI Event Music Mobile - 32602300114 - Mitra

Nurhandayani-TInf-Mitra commented 1 month ago

(https://dribbble.com/shots/25006475-AI-Music-Event-Mobile-App-Design)

Struktur dan Analisa desain

lib/

lib/core lib/core/config lib/core/config/main.app.dart lib/core/constants lib/core/constants/color.dart: terdiri dari:

warna-warna yang digunakan, yaitu hitam, merah, putih, dan abu-abu lib/core/constants/images.dart: terdiri dari:
gambar-gambar (foto-foto) yang digunakan lib/core/constants/string.dart lib/core/global_component lib/core/global_component/custom_button.dart: terdiri dari:
ada lingkaran abu-abu yang di dalamnya terdapat icon lokasi ada text keterangan lokasi otomatis
tombol kustom dalam bentuk lingkaran warna hitam yang berisi icon home, search, bookmark, dan pengaturan lib/core/utils lib/core/utils/route_utils.dart

lib/data lib/data/dummy lib/data/dummy/plan_dummy.dart lib/data/model_responses lib/data/model_responses/plan_model_responses.dart

lib/features lib/features/main lib/features/main/controller lib/features/main/controller/main_menu_controller.dart: terdiri dari:

ada lingkaran abu-abu yang di dalamnya terdapat icon lokasi dan ada text keterangan lokasi otomatis lib/features/main/widgets lib/features/main/widgets/home lib/features/main/widgets/home/home_screen.dart: terdiri dari:
- ada lingkaran abu-abu yang di dalamnya terdapat icon lokasi dan ada text keterangan lokasi otomatis
- di pojok kanan atas ada lingkaran abu-abu yang di dalamnya ada icon menu
- di sampingnya ada lingkaran abu-abu yang di dalamnya ada icon search
- di bawahnya berisi top_live_events.dart
  - di bawahnya berisi populer_events.dart
- di bawahnya berisi populer_events_card.dart
- di bawahnya tombol kustom dalam bentuk lingkaran warna hitam yang berisi icon home, search, bookmark, dan pengaturan lib/features/main/widgets/top_live_events.dart: terdiri dari:
text1 bertuliskan “Top live events” dengan align rata kiri
di samping text1 ada text2 yang bertuliskan “View” dengan align rata kanan
di bawahnya ada lingkaran dengan background foto profil artis
garis tepi lingkaran berwarna putih, sedangkan yang paling pertama, yaitu paling kiri berwarna merah lib/features/main/widgets/popular_events.dart: terdiri dari:
text1 bertuliskan “Popular Events” dengan align rata kiri
di samping text1 ada text2 yang bertuliskan “View” dengan align rata kanan
di bawahnya ada oval dengan garis tepi berwarna putih berisi text berwarna putih
background berwarna hitam sedangkan oval yag dipilih berwarna merah lib/features/main/widgets/popular_events_card.dart: terdiri dari:
tepi melengkung radius bisa diisi manual
background berwarna putih
di pojok kiri atas ada text1 berwarna hitam bold
di bawahnya ada text2 berwarna hitam
di bawahnya ada photo card artis dengan ujung melengkung radius bisa diisi manual
di pojok kanan atas ada lingkaran berwarna abu-abu yang di dalamnya ada icon panah
tampilan card bersusun ke belakang semakin kecil ke atas yang hanya menampilkan text1 dan lingkarang dengan icon panah lib/features/main/widgets/main_menu_controller.dart: terdiri dari:
di pojok kiri atas ada lingkaran abu-abu yang di dalamnya terdapat icon lokasi ada text keterangan lokasi otomatis
di pojok kanan atas ada lingkaran abu-abu yang di dalamnya ada icon menu
di sampingnya ada lingkaran abu-abu yang di dalamnya ada icon search lib/features/main_menu_screen.dart: terdiri dari:
- background berupa gambar yang full layar
- di atas background ada text1 berwarna merah
- di samping text1 ada text2 berwarna putih
- di bawah text1 dan text2 ada text3 berwarna putih
- di bawah text3 ada text4 berwarna merah dan text5 berwarna putih
- di bawah text4 dan text5 ada text6 berwarna putih
- di bawah text6 ada text7 berwarna putih
- di bawah text7 ada text8 berwarna merah
- di bagian pojok kiri bawah ada row class
- di bagian pojok kanan bawah ada icon lingkaran warna putih yang berisi icon tanda panah untuk masuk ke slide home
lib/features/store lib/features/store/controller lib/features/store/controller/store_controller.dart lib/features/store/widgets lib/features/store/widgets/card_plan_store.dart: terdiri dari:
tepi atas melengkung dengan radius bisa diisi manual
background bening buram di atas background ada:
- di pojok kiri atas ada text1 bold warna putih bisa diisi manual yang merupakan nama music event
- di bawahnya ada text2 warna putih bisa diisi manual yang merupakan waktu dari event
- pojok kanan atas ada kotak tepi melengkung dengan radius bisa diisi dengan background warna merah, di atas background ada text warna putih yang berisi tanggal dan bulan dari event
- di bawah text2 ada text3 bold berwarna putih yang merupakan judul dekripsi even
- di bawahnya ada text4 berwarna putih yag merupakan deskripsi dari event
- di pojok kiri bawah ada text1 “Price” berwarna putih, di bawahnya ada text2 berwarna putih yang merupakan jumlah harga tiket
- di pojok kiri bawah ada oval horizontal dengan background berwarna merah yang di atasnya ada text berwarna putih yaitu bertuliskan “Book Now” lib/features/store/store_screen.dart: terdiri dari:
  - background warna hitam
  - pojok kiri atas ada lingkaran dengan background abu-abu, di atas background ada icon kembali
  - ada icon lokasi beserta text keterangan lokasi otomatis
  - di pojok kanan atas ada lingkaran dengan background abu-abu, di atas background ada icon upload
  - di bawahnya ada foto artis
  - di bawahnya ada card_plan_store.dart lib/features/welcome lib/features/welcome/controller lib/features/welcome/controller/welcome_controller.dart: terdiri dari:
mengontrol tampilan dan interaksi di layar welcome lib/features/welcome/welcome_screen.dart: terdiri dari:
- tampilan awal terdiri dari 3 slide, berikut isi dari slide ke-3:
- background berupa gambar yang full layar
- di atas background ada text1 berwarna merah
- di samping text1 ada text2 berwarna putih
- di bawah text1 dan text2 ada text3 berwarna putih
- di bawah text3 ada text4 berwarna merah dan text5 berwarna putih
- di bawah text4 dan text5 ada text6 berwarna putih
- di bawah text6 ada text7 berwarna putih
- di bawah text7 ada text8 berwarna merah
- di bagian pojok kiri bawah ada row class penanda slide
- di bagian pojok kanan bawah ada icon lingkaran warna putih yang berisi icon tanda panah untuk masuk ke slide home

lib/main.dart

Note: Bagian yang tidak terisi, karena masih bingung mau ngisi gimana mas, tolong bantuannya. :)

Nurhandayani-TInf-Mitra commented 1 month ago

https://github.com/Nurhandayani-TInf-Mitra/Nurhandayani

di sini link coding nya mas. masih banyak yang error. hehe

Nurhandayani-TInf-Mitra commented 1 month ago

https://github.com/Nurhandayani-TInf-Mitra/Nurhandayani

Ini sudah saya update ya mas. Dan analisa awal sampai akhir sudah saya kumpul di Sinau. Terima kasih.

Nurhandayani-TInf-Mitra commented 3 weeks ago

Mas @myaasiinh , saya izin upgrade tugas saya ya.

https://github.com/Nurhandayani-TInf-Mitra/tugas1-upgrade

https://github.com/user-attachments/assets/7c865bf9-2056-403b-8a9d-ab5015058816

Alhamdulillah ada kemajuan. Hehe.

myaasiinh commented 3 weeks ago

yaa

Pada tanggal Min, 27 Okt 2024 00.15, Nurhandayani-TInf-Mitra < @.***> menulis:

Mas @myaasiinh https://github.com/myaasiinh , saya izin upgrade tugas saya ya.

https://github.com/Nurhandayani-TInf-Mitra/tugas1-upgrade

https://github.com/user-attachments/assets/7c865bf9-2056-403b-8a9d-ab5015058816

Alhamdulillah ada kemajuan. Hehe.

— Reply to this email directly, view it on GitHub https://github.com/myaasiinh/Mobile-Programming-2024-2025/issues/41#issuecomment-2439660711, or unsubscribe https://github.com/notifications/unsubscribe-auth/AM6BJ53XVOMFMTDMOESCZRLZ5PE4LAVCNFSM6AAAAABP3MBG2GVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZZGY3DANZRGE . You are receiving this because you were mentioned.Message ID: @.***>

myaasiinh / Mobile-Programming-2024-2025

Nurhandayani - AI Event Music Mobile - 32602300114 - Mitra #41