Pengantar Pemrograman
Perangkat Bergerak (Mobile)
Anisa Istiqomah, S.Kom
Selama ini….. Perangkat mobile selalu bersama
kita
Android is….
Menurut android.com yakni sebuah platform yang memberikan kecanggihan pada
ponsel anda.
1. Android membuat hidup jadi lebih mudah. Contoh : Android membuat GPS Anda dapat
menghindari kemacetan
2. Android dibuat untuk semua orang: developer, desainer, dan pembuat perangkat.
3. Terdapat fitur keamanan yang terintegrasi.
4. Di Android, Anda dapat memutuskan kapan dan apakah data Anda dibagikan, misalnya
Aktivitas Web & Aplikasi atau Histori Lokasi Anda.
https://www.android.com/intl/id_id/what-is-android/
Tools yang digunakan….
IDE
(Integrated
SDK Development
(Software Environment)
Development Kit) Tools/Software yang
Build Tools digunakan untuk teks
Tools yang
Tools/Software yang editor membuat program
digunakan untuk
digunakan untuk (menulis kode, build
mempermudah
membantu mengotomasi program, debugger).
pengembangan
proses (library). Ex : Android Studio
aplikasi untuk
Ex: Gradle
platform tertentu.
Ex : JVM, JDK
Download + Install Tools
Android Studio →
https://developer.android.com/studio/?gclid=Cj0KCQjw6PD3BRDPARIsAN8pHuHqBDIsQDE
6ZNuqpfno1_Kwwzj1KWhp3Al7vjM7NVulULvIWCuySo4aAk2-EALw_wcB&gclsrc=aw.ds
(Android Studio + SDK) https://developer.android.com/studio
Gradle → https://gradle.org/releases/ dapat di extract atau di install
https://gradle.org/install/
SDK Tools → https://developer.android.com/studio/releases/sdk-tools
JDK → https://www.oracle.com/java/technologies/javase-jdk13-downloads.html
Setting JDK → https://docs.oracle.com/cd/E19182-01/820-7851/inst_cli_jdk_javahome_t/
Development Aplikasi Mobile
NATIVE HYBRID
Native Development(1)
Aplikasi yang dibangun dengan bahasa pemrograman yang spesifik untuk
platform tertentu.
Contoh :
- Untuk membuat aplikasi android kita dapat menggunakan bahasa
pemrograman java android
- Untuk membuat aplikasi ios kita dapat menggunakan bahasa pemrograman
swift
https://badoystudio.com/aplikasi-native-hybrid-web/
Native Development(2)
Bahasa pemrograman yang dapat digunakan : java, kotlin, swift, c#, objective C
IDE yang dapat digunakan : android studio, eclipse, X code, visual studio code
Kelebihan &
Kekurangan
Native
Hybrid Development(1)
Aplikasi yang dibangun dengan bahasa pemrograman web dengan bantuan SDK
native dari platform android, ios dan OS yang lainnya (Multiplatform).
Contoh :
- Kita ingin membuat aplikasi kamus yang dapat berjalan di smartphone
android dan iPhone, maka solusinya dengan menggunakan hybrid dan
framework yang telah disediakan (menggunakan bahasa pemrograman web)
https://badoystudio.com/aplikasi-native-hybrid-web/
Hybrid Development(2)
Bahasa pemrograman yang dapat digunakan : javascript, dart, HTML CSS
Tools/framework yang dapat digunakan : ionic, framework7, cordova/phonegap,
flutter
Kelebihan &
Kekurangan
Hybrid
So, Anda pilih yang mana?
Atau Web (Mobile Web)?
Biasanya seperti
m.facebook.com/
Dengan desain UI/UX kita
dapat membuat aplikasi web
dengan aplikasi mobile
native. Hanya saja tidak
dapat dipublish ke playstore
maupun appstore.
Desain UI/UX pada Aplikasi
Mobile
Contoh Desain UI/UX Mobile Apps
UI UX
(User Interface) (User Experience)
Tampilan Aplikasi yang digunakan oleh Proses meningkatkan kepuasan user
pengguna. dalam menggunakan aplikasi melalui
tampilan dan pengalaman pengguna.
(fokus ke visual desain, pewarnaan, icon,
tata letak, dll ) (fokus ke interaksi pengguna dengan
aplikasi)
Software untuk mendesain Aplikasi
Software yang dapat digunakan untuk mendesain aplikasi android, ios, web yakni:
● Photoshop
● Corel Draw
● Indesign
● Adobe Ilustrator
● Sketch
● Figma
● Adobe XD
Kita juga bisa langsung mendesain aplikasi android menggunakan kode-kode xml pada
android studio.
Mendesain menggunakan Figma
Figma adalah salah satu design tool dan keunggulan dari Figma adalah berbasis
web. Sehingga jika anda pengguna windows, linux ataupun mac, anda bisa
menggunakan design tool ini.
Cukup dengan membuka browser dan menuliskan alamat
https://www.figma.com/
Lakukan pendaftaran kemudian mulailah mencoba mendesain aplikasi dengan
beberapa tutorial baik di situs web maupun di youtube.
Latihan
Tutorial membuat desain menggunakan Figma
https://medium.com/insightdesign/tutorial-design-menggunakan-figma-2f08fe08f
2c4
https://youtu.be/5xgtQdrJ_nA
https://youtu.be/B9mhOBAbsuo
Tugas
1. Menurut anda seberapa penting UI/UX dalam sebuah tampilan aplikasi
khususnya di smartphone? Berikan alasan anda! (10 poin)
2. Jelaskan apa saja aspek penting dari UI dan UX! (10 poin)
3. Sebutkan dan jelaskan minimal 4 macam Layouting pada aplikasi android! (10
poin)
4. Buatlah desain aplikasi android dengan menerapkan konsep UI/UX minimal 4
halaman dengan maksimal 3 warna dasar menggunakan Figma
https://www.figma.com/files/recent (lakukan sign in terlebih dahulu)! (70
poin)
“Kemenangan datang dari orang-orang yang
bersungguh-sungguh dan berjuang hingga akhir. Mereka yang
berproses dan mencoba kegagalan hingga membuat solusi
baru dengan kemajuan serta perubahan pada dirinya.”
~ A.I ~
Thank You & Good Luck !
