![Page 1: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/1.jpg)
Pengenalan Aplikasi Perangkat Berangkat
Dr. Eng. Herman Tolle, ST., MT
Pengembangan Aplikasi Perangkat Bergerak (Mobile)
Informatika / Ilmu Komputer Semester Ganjil 2013/2014
Lab Web & Mobile App PTIIK UB
![Page 2: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/2.jpg)
MATERI BAB I
• Perkembangan Teknologi Mobile
• Jenis dan karakteristik Aplikasi Perangkat
Bergerak
• Anatomi Aplikasi Perangkat Bergerak
• Perangkat Keras Divais Bergerak
![Page 3: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/3.jpg)
What is a mobile app?
• mobile app (n.) a software program that
runs on a smartphone, tablet or similar
device.
![Page 4: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/4.jpg)
![Page 5: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/5.jpg)
![Page 6: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/6.jpg)
• Nomor 2 dari Top 10 Strategic Technology Trends 2013
Sumber: Forbes.com
![Page 7: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/7.jpg)
PERKEMBANGAN TEKNOLOGI
PERANGKAT BERGERAK
Bab 1
![Page 8: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/8.jpg)
Perkembangan Teknologi Mobile
• Perkembangan Teknologi Komunikasi Nir Kabel (Wireless): GSM, CDMA, 2G, 3G, 4G, dll
• Berbagai macam vendor / produsen : Nokia, Samsung, Apple, Blacberry, dll
• Berbagai macam OS / platform: Symbian, Android, RIM, iOS, Windows Mobile, dll
• Berbagai macam development platform
![Page 9: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/9.jpg)
Perkembangan Piranti Mobile
![Page 10: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/10.jpg)
Size Trend
![Page 11: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/11.jpg)
![Page 12: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/12.jpg)
Desktop + Mobile = Tablet
![Page 13: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/13.jpg)
Smartphone
![Page 14: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/14.jpg)
KARAKTERISTIK & JENIS APLIKASI MOBILE
![Page 15: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/15.jpg)
• Apa perbedaan aplikasi bergerak dengan
aplikasi desktop?
![Page 16: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/16.jpg)
Karakteristik Aplikasi Mobile
• short-duration activities: SMS, membaca notifikasi, mengambil foto dan mengunggahnya ke internet, dsb
• fitur yang dimiliki aplikasi bergerak pada umumnya lebih spesifik, instan, dan terbatas.
• Dapat diakses dengan cara sederhana / simple (one touch, sliding, non scrollable)
![Page 17: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/17.jpg)
Jenis Aplikasi dari Teknologinya
• Short Message Service (SMS), • aplikasi native: Symbian, Android, iOS • halaman web mobile • mobile web widget • aplikasi web mobile
![Page 18: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/18.jpg)
Jenis Aplikasi berdasar Fungsionalitas
• Internet • Business • Hiburan /
Entertainment • Permainan • Navigasi • Media sosial • Fotografi
• Utility • Edukasi • Gaya Hidup (Lifestyle) • Keuangan (Finance) • Productifity • dll
![Page 19: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/19.jpg)
![Page 20: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/20.jpg)
Popular Application
![Page 21: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/21.jpg)
Anatomi Aplikasi Bergerak
Layanan Aplikasi
Framework Aplikasi Sistem Operasi
Platform Peranti
Aggregators Jaringan Operator
![Page 22: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/22.jpg)
Anatomi Aplikasi Bergerak
• Bagi para pengembang, lapisan paling dasar yang dapat diakses adalah framework aplikasi atau API yang disediakan oleh vendor.
• Pengembang memiliki kontrol terhadap pemilihan framework aplikasi yang ingin digunakan.
• Framework aplikasi berjalan di atas sistem operasi dan berbagi layanan inti seperti komunikasi, pesan, grafis, lokasi, keamanan, autentikasi, dsb.
• Framework aplikasi dapat dimanfaatkan untuk menghasilkan aplikasi seperti permainan, peramban web, kamera, dan pemutar media.
![Page 23: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/23.jpg)
• Lapisan teratas ekosistem adalah layanan, contohnya akses internet, mengirim pesan teks, mengetahui lokasi, atau segala sesuatu yang dapat dilakukan oleh pengguna.
![Page 24: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/24.jpg)
Next
• Indonesia Mobile Trend
• Perangkat Keras Peranti Bergerak
![Page 25: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/25.jpg)
Tugas Mandiri
• Buat Tulisan (Artikel) di blog masing-masing mahasiswa. • Artikel harus berupa tulisan sendiri yang merupakan
rangkuman (bukan copy paste) dari minimal 2 artikel lain yang sumbernya harus dicantumkan pada artikel tsb.
• Judul harus dilaporkan pada blog dosen. Urutan pendaftaran judul menentukan, untuk menghindari judul atau topik yang sama
• Pilihan topik: – Trend teknologi Perangkat Bergerak – Review Aplikasi
![Page 26: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/26.jpg)
Format Tugas
• Minimal 2 lembar A4
• Ukuran Huruf (Font)
– Calibri 10pt untuk konten
– Calibri Bold 12pt untuk Judul
• Spasi: 1.15
• Margin: Kiri: 3cm; Lainnya: 2cm
• Nama dan NIM pada Header
• Konten yang sama ditulis di blog masing-masing
![Page 27: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri](https://reader031.vdocuments.pub/reader031/viewer/2022021415/5a93e4e87f8b9adb5c8bd79d/html5/thumbnails/27.jpg)
Contoh Judul
• Trend aplikasi social media • Success Story Game Angry Bird • Success Story Aplikasi WhatsApp • Aplikasi Navigasi di iPhone • Perkembangan Smartphone Android • Perkembangan Platform Android • Sensor Gerak di Smartphone