Clone Cinepolis

12/2/2024

Clone Cinepolis

Deskripsi Proyek

Clone Cinepolis adalah aplikasi cloning dari Cinepolis, aplikasi ini adalah bentuk tugas kelas saya yang memiliki fungsi memberikan pengalaman menonton bioskop yang modern dan interaktif. Aplikasi ini memungkinkan pengguna untuk melihat jadwal film, memesan tiket, dan mengeksplorasi lokasi bioskop terdekat.

Fitur Utama

• Splash Screen: Tampilan awal aplikasi dengan logo Cinepolis.
• Autentikasi: Sistem login untuk akses pengguna.
• Halaman Home: Menampilkan film yang sedang tayang dan akan datang.
• Halaman My Booking: Melihat daftar pemesanan tiket.
• Halaman Movie: Eksplorasi film dengan detail dan opsi pembelian.
• Halaman Cinema: Menampilkan lokasi bioskop terdekat.

Teknologi yang Digunakan

• Flutter: Framework UI untuk pengembangan aplikasi cross-platform.
• Dart: Bahasa pemrograman untuk aplikasi Flutter.
• Material Design: Desain UI yang modern dan responsif.
• SharedPreferences: Penyimpanan data lokal untuk manajemen session.
• Asset Management: Pengelolaan gambar dan resource aplikasi.

Struktur Proyek

clone_cinepolis/
lib
├── main.dart
├── pages
│   ├── cinema-page.dart
│   ├── home-page.dart
│   ├── login-page.dart
│   ├── movie-page.dart
│   ├── my-booking-page.dart
│   └── splash-screen.dart
└── themes
    └── color.dart

Screenshots

1. Splash Screen

2. Halaman Login

3. Halaman Home

4. Halaman My Booking

5. Halaman Movie

6. Halaman Cinema

Cara Menjalankan Proyek

1. Clone repository:

   git clone https://github.com/Yafigg/clone-cinepolis.git
   cd clone_cinepolis

2. Persiapan:

   flutter pub get

3. Menjalankan di mode debug:

   flutter run

4. Build aplikasi release:

   flutter build apk --release

Fitur Desain UI/UX

• Color Palette: Menggunakan warna utama biru (#032670).
• Tema Konsisten: Styling yang konsisten di seluruh aplikasi dengan border radius dan shadow.
• Feedback Visual: Loading indicator dan dialog konfirmasi yang informatif.
• Validasi Form: Validasi input untuk memastikan data yang dimasukkan valid.
• Responsive Design: Layout yang adaptif untuk berbagai ukuran layar.

Implementasi Teknis

• State Management: Penggunaan StatefulWidget dengan manajemen state yang efisien.
• Error Handling: Penanganan error yang komprehensif dengan feedback visual.
• Session Management: Penyimpanan dan pengelolaan session pengguna.

Catatan Pengembangan

Aplikasi ini dikembangkan dengan fokus pada:

1. Struktur data dan tata letak UI yang jelas dan intuitif.
2. Styling yang modern dan konsisten di seluruh aplikasi.
3. Validasi dan interaksi form yang responsif.
4. Koneksi ke API yang efektif dan error handling.
5. Pengolahan data response untuk pengalaman pengguna yang baik.

© 2024 Yafig - SMK Telkom Malang