Kelas Premium Online Full Stack Flutter Apps

Kelas Premium Online Full Stack Flutter Apps

Kelas Online

Membuat Aplikasi Tiket Nonton

dengan Figma & Flutter

Design – Prototype – Hand Off – Development – 

Live Testing – Publish ke Playstore

(Contoh Projek yang akan dibuat)

Mobile Apps adalah aplikasi yang sering digunakan oleh masyarakat entah itu Android ataupun iOS. Dalam membangun bisnis di dunia IT maka kita membutuhkan aplikasi agar mempermudah pengguna dalam menggunakan jasa atau produk kita.

Pada kelas ini kita akan belajar mengenai:

  1. UI UX design menggunakan Figma
  2. Design handoff yang dilakukan designer kepada developer
  3. Develop aplikasi android dan ios menggunakan Flutter
  4. Upload ke Google Play Store untuk portfolio

Tools (semua gratis dan siapa saja bisa belajar):

  • Windows 10 / Linux / Mac OS

Benefit Unggulan

  • Materi Desain UI UX
  • Materi Apps Development (Flutter)
  • File Master Projek Design
  • File Master Projek Mobile Apps
  • Sertifikat Kelulusan
  • Konsultasi Gratis Seumur Hidup (Group Private Telegram)
  • Video kualitas tinggi (1080 HD)
  • Akses Kelas Seumur Hidup
  • Audio lebih nyaman untuk didengarkan 
  • Masih banyak lagi, lihat sendiri saja nanti

Mentor


Angga(Product Designer)Mengajar UI UX Designyoutube.com/anggarisky

Erico(Expert Flutter Developer)Mengajar Flutter SDKyoutube.com/c/ericodarmawanhandoyo

Daftar Materi

Brief projek yang akan dibangun:

https://docs.google.com/document/d/1WjZuRs6JobcGn9bWQn0up1bg5VH-cStDw-Tg5DEnWpE/edit?usp=sharing

UX Information Architecture untuk Flutix:

https://whimsical.com/Ff1aVm7hwTowJWEa5Uo3wS

UX User Flow untuk Flutix:
https://whimsical.com/FDNuuuG65nEotMej19L3RP

UX Wireframe Flutix:

https://whimsical.com/MPM5f55J332HFgM4f7Nqgp

MoodBoard Design:

https://projects.invisionapp.com/boards/UC3YZR3KDSH/

# UX Design (dibawakan oleh Angga)

  • Memahami Brief (Ideation) video tutorial sudah dibuat
  • Membuat Information Architecture UX video tutorial sudah dibuat
    • Splash Screen video tutorial sudah dibuat
    • Login Screen video tutorial sudah dibuat
    • Sign Up Screen video tutorial sudah dibuat
    • Upload Photo User Screen video tutorial sudah dibuat
    • User Profile Screen video tutorial sudah dibuat
    • Sukses Sign Up Screen video tutorial sudah dibuat
    • Home Movies Screen video tutorial sudah dibuat
    • Movie Details Screen video tutorial sudah dibuat
    • Pilih Bioskop dan Jam Screen video tutorial sudah dibuat
    • Pilih Bangku Screen video tutorial sudah dibuat
    • Checkout Screen video tutorial sudah dibuat
    • Sukses Checkout Screen video tutorial sudah dibuat
    • My Tickets Screen video tutorial sudah dibuat
    • My Ticket Details Screen video tutorial sudah dibuat
    • Profile Screen video tutorial sudah dibuat
    • Edit Profile Screen video tutorial sudah dibuat
    • Settings Screen video tutorial sudah dibuat
    • E-Wallet Screen video tutorial sudah dibuat
    • History Transaksi Screen video tutorial sudah dibuat
    • Top-Up Screen video tutorial sudah dibuat
    • Berhasil Top-Up Screen video tutorial sudah dibuat
  • Membuat UserFlow UX video tutorial sudah dibuat
  • Membuat Wireframe video tutorial sudah dibuat
    • Splash Screen video tutorial sudah dibuat
    • Login Screen video tutorial sudah dibuat
    • Sign Up Screen video tutorial sudah dibuat
    • Upload Photo User Screen video tutorial sudah dibuat
    • User Profile Screen video tutorial sudah dibuat
    • Sukses Sign Up Screen video tutorial sudah dibuat
    • Home Movies Screen video tutorial sudah dibuat
    • Movie Details Screen video tutorial sudah dibuat
    • Pilih Bioskop dan Jam Screen video tutorial sudah dibuat
    • Pilih Bangku Screen video tutorial sudah dibuat
    • Checkout Screen video tutorial sudah dibuat
    • Sukses Checkout Screen video tutorial sudah dibuat
    • My Tickets Screen video tutorial sudah dibuat
    • My Ticket Details Screen video tutorial sudah dibuat
    • Profile Screen video tutorial sudah dibuat
    • Edit Profile Screen video tutorial sudah dibuat
    • E-Wallet Screen video tutorial sudah dibuat
    • History Transaksi Screen video tutorial sudah dibuat
    • Top-Up Screen video tutorial sudah dibuat
    • Berhasil Top-Up Screen video tutorial sudah dibuat
    • Review Projek Wireframe video tutorial sudah dibuat 
    • Membuat Low Fidelity Prototype  video tutorial sudah dibuat

# Visual Design (dibawakan oleh Angga)

  • Membuat MoodBoard video tutorial sudah dibuat
  • Menambahkan Design Inspirasi video tutorial sudah dibuat
  • Bermain color swatch video tutorial sudah dibuat
  • memilih font untuk tipografi video tutorial sudah dibuat
  • inspirasi icon dan illustration video tutorial sudah dibuat
  • Transformasi Wireframe ke Visual Design
    • Splash Screen video tutorial sudah dibuat
    • Design Logo App video tutorial sudah dibuat
    • Login Screen video tutorial sudah dibuat
    • Sign Up Screen video tutorial sudah dibuat
    • Upload Photo Screen video tutorial sudah dibuat
    • Sukses Sign Up Screen video tutorial sudah dibuat
    • Home Movies Screen
      • Header video tutorial sudah dibuat
      • Now Playing video tutorial sudah dibuat
      • Navigation Bottom video tutorial sudah dibuat
      • Promo Section video tutorial sudah dibuat
      • Membuat Icon Movie video tutorial sudah dibuat
      • Membuat Icon Ticket video tutorial sudah dibuat
      • Membuat Icon Profile video tutorial sudah dibuat
      • Genre Section
        • Membuat Icon Action video tutorial sudah dibuat
        • Membuat Icon Music video tutorial sudah dibuat
        • Membuat Icon War video tutorial sudah dibuat
        • Membuat Icon Drama video tutorial sudah dibuat
        • Membuat Icon Horror video tutorial sudah dibuat
        • Membuat Icon Crime video tutorial sudah dibuat
    • Movie Details Screen video tutorial sudah dibuat
      • cover section video tutorial sudah dibuat
      • cast & crew photos video tutorial sudah dibuat
      • storyline text video tutorial sudah dibuat
      • button CTA video tutorial sudah dibuat
      • scrolling effect video tutorial sudah dibuat
    • Pilih Bioskop dan Jam Screen video tutorial sudah dibuat
      • pilih lokasi cinema video tutorial sudah dibuat
      • pilih tanggal dan waktu video tutorial sudah dibuat
    • Pilih Bangku Screen video tutorial sudah dibuat
      • Screen video tutorial sudah dibuat
      • Seat Design video tutorial sudah dibuat
      • Indicator Seat video tutorial sudah dibuat
      • Button cTA video tutorial sudah dibuat
    • Checkout Screen video tutorial sudah dibuat
      • Order Information video tutorial sudah dibuat
      • Wallet State video tutorial sudah dibuat
      • Top Up Button video tutorial sudah dibuat
      • Error Message video tutorial sudah dibuat
    • Sukses Checkout Screen
      • Illustration video tutorial sudah dibuat
      • Text dan Button video tutorial sudah dibuat
    • My Tickets Screen video tutorial sudah dibuat
      • Tab Design video tutorial sudah dibuat
      • Card Movie Item video tutorial sudah dibuat
    • My Ticket Details Screen video tutorial sudah dibuat
      • Cover Photo video tutorial sudah dibuat
      • Movie Informations video tutorial sudah dibuat
      • Booking Informations video tutorial sudah dibuat
      • Scan QR video tutorial sudah dibuat
      • User’s Info video tutorial sudah dibuat
    • Profile Screen
      • avatar user video tutorial sudah dibuat
      • main menus video tutorial sudah dibuat
      • user’s information video tutorial sudah dibuat
    • Edit Profile Screen
      • input field user’s data video tutorial sudah dibuat
      • button CTA video tutorial sudah dibuat
      • upload Photo video tutorial sudah dibuat
    • E-Wallet Screen
      • Card Wallet video tutorial sudah dibuat
      • Transaction video tutorial sudah dibuat
    • History Transaksi Screen video tutorial sudah dibuat
    • Top-Up Screen video tutorial sudah dibuat
    • Berhasil Top-Up Screen video tutorial sudah dibuat

# Interaction Design IxD (dibawakan oleh Angga)

  • Mempelajari Micro-Interaction video tutorial sudah dibuat
  • UI Animation video tutorial sudah dibuat
  • UI Prototype video tutorial sudah dibuat
  • Team Collaborate video tutorial sudah dibuat
  • Evaluasi Design video tutorial sudah dibuat

# Usability-Testing (dibawakan oleh Angga)

  • Mempelajari Maze.Design video tutorial sudah dibuat
  • Membuat Task Utama video tutorial sudah dibuat
  • Live-Testing dengan Pengguna video tutorial sudah dibuat
  • Review Result video tutorial sudah dibuat

# Design Handoff (dibawakan oleh Angga)

  • Mempersiapkan Assets video tutorial sudah dibuat
  • Slicing Icon, Illustration, etc. video tutorial sudah dibuat
  • Kolaborasi dengan Developer video tutorial sudah dibuat
  • Support Developer video tutorial sudah dibuat

# Apps Development (dibawakan oleh Erico)

  • User Authentication [Video: Done]
    • Project Setting [Video: Done]
    • Struktur Project [Video: Done]
    • TMDB public API [Video: Done]
    • Sign up, Sign in, Sign Out Function & Service Part 1 [Video: Done]
    • Sign up, Sign in, Sign Out Function & Service Part 2 [Video: Done]
    • Sign up, Sign in, Sign Out Function & Service Part 3 [Video: Done]
  • Navigation [Video: Done]
    • Wrapper [Video: Done]
    • Page BLoC [Video: Done]
    • User BLoC [Video: Done]
  • Splash & Sign In Page [Video: Done]
    • Mengambil informasi dan asset dari Figma [Video: Done]
    • Splash Page [Video: Done]
    • Login Page Part 1 [Video: Done]
    • Login Page Part 2 [Video: Done]
  • Sign Up Related Pages [Video: Done]
    • Custom Bottom Navigation Bar [Video: Done]
    • Main Page Navigation [Video: Done]
    • Movie Page Custom Header [Video: Done]
    • Sign Up Page Part 1 [Video: Done]
    • Sign Up Page Part 2 [Video: Done]
    • Sign Up Page Part 3 [Video: Done]
    • Class RegistrationData [Video: Done]
    • Selectable Box Widget [Video: Done]
    • Preference Page Part 1 [Video: Done]
    • Preference Page Part 2 [Video: Done]
    • Account Confirmation Page [Video: Done]
    • Upload Profile Image [Video: Done]
  • Movie Page [Video: Done]
    • Movie Page Part 1 [Video: Done]
    • Class Movie [Video: Done]
    • Movie Services Part 1 [Video: Done]
    • Movie BLoC [Video: Done]
    • MovieCard Widget [Video: Done]
    • RatingStars Widget [Video: Done]
    • BrowseButton Widget [Video: Done]
    • ComingSoon Widget [Video: Done]
    • Class Promo [Video: Done]
    • PromoCard [Video: Done]
    • Movie Page Part 2 [Video: Done]
  • Purchasing Ticket [Video: Done]
    • Class Movie Detail [Video: Done]
    • Class Credit [Video: Done]
    • Movie Services Part 2 [Video: Done]
    • MovieDetailPage Part 1 [Video: Done]
    • MovieDetailPage Part 2 [Video: Done]
    • DateTime Extension & DateCard Widget [Video: Done]
    • SelectSchedulePage Part 1 [Video: Done]
    • Class Theater [Video: Done]
    • SelectSchedulePage Part 2 [Video: Done]
    • Class Ticket [Video: Done]
    • SelectSeatPage Part 1 [Video: Done]
    • SelectSeatPage Part 2 [Video: Done]
    • SelectSeatPage Part 3 [Video: Done]
    • CheckOutPage Part 1[Video: Done]
    • CheckOutPage Part 2 [Video: Done]
    • Ticket Services [Video: Done]
    • Flutix Transaction [Video: Done]
    • Ticket Bloc [Video: Done]
    • SuccessPage Part 1 [Video: Done]
    • SuccessPage Part 2 [Video: Done]
  • Ticket, Ticket Detail, Profile Page [Video: Done]
    • TicketPage Part 1 [Video: Done]
    • TicketPage Part 2 [Video: Done]
    • TicketDetail Page [Video: Done]
    • Profile Page [Video: Done]
  • Topup & Wallet Page [Video: Done]
    • Topup Page Part 1 [Video: Done]
    • Topup Page Part 2 [Video: Done]
    • Topup Page Part 3 [Video: Done]
    • Wallet Page Part 1 [Video: Done]
    • Wallet Page Part 2 [Video: Done]
    • Wallet Page Part 3 [Video: Done]
    • Wallet Page Part 4 [Video: Done]
  • Edit Profile Page & Finishing [Video: Done]
    • Edit Profile Page [Video: Done]
    • Finishing [Video: Done]

# Deployment Play Store (dibawakan oleh Erico)

  • Publish App Bundle [Video: Done]
  • Upload ke Play Store [Video: Done]

Caranya daftar disini

https://class.buildwithangga.com/register

Kelas gratisnya bisa lihat disini

https://www.buildwithangga.com/kelas/flutter-mobile-apps

https://www.buildwithangga.com/kelas/flutter-fundamentals

Kelas Premiumnya bisa beli disini

https://www.buildwithangga.com/kelas/flutter-mobile-apps-developer

Saya sudah membelinya, materinya cukup bagus, dari desain hingga buat aplikasi full, dan ada grup telegramnya juga.

kamu bisa menggunakan

Kode Unik: k4ilham

untuk mendapatkan diskon sebesar Rp. 15.000

silahkan mencoba

semoga bermanfaat

Flutter Developer