Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat...

27
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

Transcript of Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat...

Page 1: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

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

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

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
Page 5: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri
Page 6: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

• 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

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

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

Perkembangan Piranti Mobile

Page 10: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

Size Trend

Page 11: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri
Page 12: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

Desktop + Mobile = Tablet

Page 13: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

Smartphone

Page 14: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

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

• 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

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

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

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
Page 20: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

Popular Application

Page 21: Pengembangan Aplikasi Perangkat Bergerak (Mobile) · PDF file•Anatomi Aplikasi Perangkat Bergerak •Perangkat Keras Divais Bergerak . ... contohnya akses internet, ... –Calibri

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

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

• 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

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

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

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

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