Pemrograman Berbasis
Mobile
Adi Wahyu Pribadi
Agenda
• Penilaian
• Perkenalan
• Flutter dan Dart
• Instalasi Flutter di Local Environment
Bobot Penilaian
• Tugas 30%
• UTS 35%
• UAS 35%
Mobile Development
• Proses pengembangan aplikasi berbasis mobile untuk digunakan di
berbagai gawai mobile.
• [Link]
Different
Types of
Mobile Apps
• Native apps
• Hybrid apps
• Web apps
Native
apps
Web Apps
Hybrid
Stages of
Mobile App
Developme
nt
Lifecycle
Mobile App Development Lifecycle
• Stage 1: Ideation
• Ideation is a creative stage that kicks off the mobile app
development process. To develop a new mobile app,
you must first form an idea about what kind of app you
want to develop.
• This stage involves techniques like SCAMPER,
brainstorming, and the Worst Possible Idea to challenge
assumptions and generate ideas by thinking “out of the
box”. Also, you need to have a solid background of
knowledge to make sure that your mobile app idea will
work.
Mobile App Development Lifecycle
• Stage 2: Wireframing & Prototyping
• This stage is the foundation of your mobile app design
and development stage. The idea is to map out the
layout and produce a replica prototype for saving time
across the entire project and ensuring a more efficient
design and development stage.
• To put it simply, a wireframe is a blueprint or digital
sketch that illustrates the elements, functionality, and
usability of an app. A prototype is a clickable,
interactive, and dynamic model which closely resembles
what your future app will look like.
Mobile App Development Lifecycle
• Stage 2: Wireframing & Prototyping
• Tool for wireframing & prototyping
• Figma
• [Link]
Mobile App Development Lifecycle
• Stage 3: Design
• UI and UX design with complete attention by using the latest and best
design practice
• Reading summarizing assignment
• [Link]
• [Link]
best-practices-ui-ux-designers/
• [Link]
Mobile App Development Lifecycle
• Stage 4: Development
• The biggest part is establishing the appropriate
technical architecture and coding the app by embracing
the latest and best mobile app development practices.
Mobile App Development Lifecycle
• Stage 5: Testing
• Testing is very essential for your app to avoid countless
crashes that may arise if you skimp out on thorough
testing of the app for security, performance, user
acceptance, usability, compatibility, and functionality.
Mobile App Development Lifecycle
• Stage 6: Deployment
• First launch a beta version of your app just a few short weeks before it’s
anticipated launch to check how users respond to it and work out last minute
issues.
• It’s mandatory to create a developer account if you want to publish your in an
app store.
• Make sure you review your app adheres to app store submission guidelines:
Google Play Store Guidelines | Apple’s App Store Guidelines
• It’s a good strategy to hold back some features of your mobile app to make
room for further development and launching of an updated version soon.
Mobile App Development Lifecycle
• Stage 7: Post Launch
• A winning app is one that is not only well developed but
also has well-placed support, maintenance, marketing,
innovation, and continuous improvement. The post-
launch activities will include pitching your app, App
Store Optimization (ASO), providing frequent updates,
gathering feedback, understanding users’ reactions,
solving customer queries, and planning for your growth.
Courses Structure
What is Flutter?
A tool that allows you to build native cross-platform (iOS, Android) apps
with one programming language and code base.
A SDK (Software Development Kit) A Framework/Widget Library
Tools to compile your code to native machine Re-usable UI building blocks (=widgets),
code + develop with ease utility functions, packages
Dart
Programming language developed by Google
Focused on frontend (mobile apps, web) user interface (UI) development
Flutter vs Dart
Flutter Framework A framework (set of features)
A Dart framework, providing utility
functions & UI elements (widgets)
Flutter Dart The programming language
Flutter SDK A set of tools
Flutter Architecture
Everything is a Widget!
The Basics
Transform Flutter/Dart to a Native APp
Tugas
• Install Flutter Development Environment on your own system!
• [Link]
• Get the flutter SDK
• Run flutter doctor
• Android Setup
• Install Android Studio
• Set up your Android
• Set up the Android Emulator
• Agree to Android Licenses
• Set up an Editor (VS Code or Android Studio)
• [Link]
• Install the Flutter and Dart Plugins
• Test Drive
• [Link]
• Create the App
• Run the App
Tugas
• Laporan dalam format Microsoft Word kertas A4, Times New Roman,
12pt.
• Lampirkan screen shot setiap langkah
• Screen shot harus full satu halaman desktop
• Dikumpulkan minggu depan
Dart Basics
[Link]
Bisa gunakan [Link] untuk latihan langsung Bahasa Dart secara online
Data Types
• A program works with different types of data
• Text
• Strings: “Hello World!”
• Numbers
• Integers: 29
• Floats: 29.99
Main function
• main() function adalah fungsi utama yang special di mana berfungsi sebagai titik masuk
pertama kali ketika program Dart dijalankan.
Main function
• main() function adalah fungsi utama yang special di mana berfungsi sebagai titik masuk
pertama kali ketika program Dart dijalankan.