Lembar Catatan UTS Perograman Mobile

Nama :

NPM :

Kelas : IF- A / B / C / D *) Coret Yg Tidak Perlu

Bahasan UTS
Pemrograman Mobile
Pengantar Pemrograman Mobile
KOMPUTER
adalah alat pengolah data,
dengan konstruksi elektronik,
yang mempunyai, internal storage
bekerja dengan bantuan
Operating System
menurut program yang diberikan kepadanya.
 PROGRAM
adalah kumpulan
instruksi-instruksi
yang diberikan kepada komputer
untuk menyelesaikan suatu tugas

Instruksi-instruksi
= Langkah-langkah harus tersusun
dalam Alagoritma
secara logis

Memerlukan
LOGIKA
yang benar
PROGRAM
ditulis dalam suatu bahasa yang disebut Bahasa
Pemrograman (Programming Language)

Contoh Bahasa
Pemrograman :
COBOL
FORTRAN
Pascal
BASIC
C
Java
dan sebagainya
Bahasa Pemrograman
• Bahasa Pemrograman merupakan notasi yang dipergunakan untuk
mendeskripsikan proses komputasi dalam format yang dapat dibaca
oleh komputer dan manusia

• Bahasa Natural dirancang untuk memfasilitasi komunikasi antar

manusia

• Bahasa Pemrograman dirancang untuk memfasilitasi komunikasi

antara manusia dengan komputer
Pemrograman Mobile
Pemrograman Mobile tidak banyak berbeda dengan pemrograman konvensional pada
PC.
Pada pengimplementasiannya perlu diperhatikan aspek karakteristik dari perangkat
bergerak itu sendiri yang sering kali mempengaruhi arsitektur dan implementasi dari
aplikasi tersebut.
Dalam Pemrograman Mobile berbagai aspek teknis perangkat implementasi lebih
menonjol. Hal ini dikarenakan perangkat bergerak memiliki banyak keterbatasan
dibandingkan komputer konvensional atau PC.
Teknologi yang bisa dipergunakan untuk pengimplementasian Pemrograman Mobile
beragam antara lain WAP, Brew, .Net, i‐mode dan J2ME, Android version, dll.
Masing‐masing teknologi ini mempunyai kelebihan dan kekurangan masing-masing.
Kelebihan dan kekurangan tersebut dipengaruhi banyak faktor antara lain karakteristik
perangkat, kualitas sinyal dan layanan operator serta karakteristik pengguna dari
aplikasi bergerak.
Jenis Pemrograman
• Desktop Base
• Web Base
• Micro Base
Teknologi Coding
• Base Text
• Visual/Design Programming
• Design Program
• Design Diagram
Desktop Base
• Pascal
• Basic
• Cobol
• Delphi
• Java
• VB
• Visual Studio
• Visual FoxPro
Web Base
• HTML
• PHP
• ASP
• .Net
• AJAX
• JavaScript
Micro Base
• WML
• XML
• XHTML
• J2ME
Alat Pengembang Aplikasi
Mobile
Pemrograman Mobile 3
Pembangun Aplikasi Mobile
• Telepon Selular
• Standar (HP)
• Pintar (Smartphone)
• Aplikasi Smartphone = Mobile Application
• Jenis Aplikasi Mobile
• Native
• Web
• Hybrid
Aplikasi Native
• Khusus berdasarkan Platform mobile dan Bahasa
• Android : Java dengan Eclipse
• iOS : Objective-C dengan Xcode
• Keunggulan
• Spesifik
• Mengakses semua fitur smartphone (info device, kamera, kompas, file, dsb)
• GUI look n feel
• Kelemahan
• Lingkungan, bahasa, dan API (Application Programing Interface) khusus
• Sesuai platform
Aplikasi Web
• Optimalisasi website dilingkungan Smartphone
• HTML5, CSS3, dan JavaScript
• Cross-Platform Application
• Mudah dalam mengembangan
• Tidak dapat mengakses fitur smartphone
• OnLine
• Bergantung Koneksi data
Aplikasi Hybrid
• Penanaman HTML5 kedalam Aplikasi Native
• Konversi Aplikasi Web ke Aplikasi Native
• Pengembangan Mudah
• Multiplatform yang didistribusikan secara Native
• Dapat mengakses fitur smartphone
• Off n On Line
• Memerlukan Framework stabil dan Multiplatform
Lingkungan Pengembang Aplikasi Web
• Webserver • PhoneGap
• Apache Cordova
• XAMMP
• Intel XDK
• Editor • Brackets
• Text Editor • Dreamweaver
• Notepad (Windows) • Web Matrix
• TextEdit (OS X) • Visual Studio
• Gedit (Ubuntu) • Browser WebMobile
• Integrated Development • Emulator/Simulator
Enviropment (EDI) • Safari
• Eclipse • Chrome
• Netbeans • Android
• Android Studio
• Real Browser Mobile
• Eclipse merupakan salah satu alat pengembangan aplikasi yang populer di
kalangan pengembang aplikasi Android dan Java, memiliki library yang
cukup lengkap dan dapat diperbarui sesuai kebutuhan penggunanya.
• Tampilan antarmuka dari alat pengembangan aplikasi ini cukup mudah
digunakan untuk pemula sekalipun.
• Untuk di Indonesia sendiri banyak pengembang aplikasi Android yang
menggunakan Eclipse sebagai alat pengembangannya.
• Eclipse ini telah mendukung Java, Java ME, Java EE, C/C++, dan PHP. Alat
pengembangan aplikasi ini bisa dijalankan di sistem operasi Windows, Mac
OS, dan Linux.
• http://www.eclipse.org/ide/
• NetBeans
• NetBeans mendukung bahasa yang banyak untuk membangun
sebuah aplikasi.
• Untuk tampilan antarmuka dari NetBeans ini bisa dibilang mudah
untuk digunakan dan dukungan library terhadap bahasa dalam alat
pengembangan aplikasi ini lengkap.
• NetBeans telah mendukung Java, Java ME, Java SE, Java EE, HTML5,
PHP, Groovy, dan C/C++. Alat pengembangan aplikasi ini bisa
dijalankan di sistem operasi Windows, Mac OS, dan Linux.
• https://netbeans.org/downloads/
 Xcode
• Alat pengembang aplikasi yang populer untuk mengembangkan
aplikasi di perangkat mobile berbasis iOS.
• Tampilan antarmuka dari Xcode ini terbilang cukup menarik dan
sangat membantu pengembang aplikasi yang masih pemula.
• Bahasa pemrograman yang didukung oleh Xcode ini terdiri dari
Objective-C dan Swift (bahasa pemrograman baru dari Apple). Alat
pengembangan aplikasi ini bisa dijalankan di sistem operasi Mac OS.
• https://developer.apple.com/xcode/download/
 Android Studio
• Android Studio adalah lingkungan pengembangan baru dan terintegrasi
penuh, yang baru saja dirilis oleh Google untuk sistem operasi Android.
• Android Studio dirancang untuk menjadi peralatan baru dalam
pengembangan aplikasi dan juga memberi alternatif lain selain Eclipse yang
saat ini menjadi IDE yang paling banyak dipakai.
• Mendukung Google Cloud Messaging, fitur yang mengijinkan untuk
mengirim data dari server ke perangkat Android melalui cloud, cara terbaik
untuk mengirim Pengingat pada apps
• Program ini juga membantu untuk melokalisasi aplikasi, memberi
gambaran visual untuk tetap memprogram sambil mengontrol alur dari
aplikasi
• http://developer.android.com/sdk/index.html
PhoneGap
• Adobe PhoneGap merupakan salah satu alat pengembangan yang dimiliki oleh
perusahaan pengembang perangkat lunak multimedia, Adobe. Awalnya PhoneGap
dikembangkan oleh Nitobi pada tahun 2009, namun beberapa waktu kemudian Adobe
mengakuisisi produk tersebut.
• PhoneGap adalah sebuah kerangka kerja/framework open source yang dipakai untuk
membuat aplikasi cross-platform mobile dengan HTML5, CSS, dan JavaScript.
• Dengan menggunakan Adobe PhoneGap ini developer dapat melakukan pemrograman
menggunakan HTML, JavaScript, dan CSS untuk membuat aplikasi hybrid yang berbasis
mobile.
• PhoneGap ini dapat membuat aplikasi yang berjalan di platform iOS, Android, Tizen,
Symbian, WebOS, Windows Phone, Blackberry, dan bada.
• PhoneGap menjadi suatu solusi yang ideal untuk seorang web developer yang tertarik
dalam pembuatan aplikasi di smartphone dengan framework phonegap programmer
hanya melakukan satu kali coding lansung bisa di compile kesemua platform sekaligus
• https://build.phonegap.com/
Apache Cordova
• Ketika PhoneGap diakusisi oleh Adobe maka Apache Software Foundation
yang telah mempunyai kode sumber PhoneGap dari Nitobi menggunakan
nama Apache Cordova untuk menggantikan nama alat pengembangan
yang telah diakuisisi ini.
• Cordova sendiri merupakan nama wilayah kantor Nitobi berdiri.
• Dengan menggunakan Apache Cordova ini memungkinkan developer yang
menggunakan HTML, JavaScript, dan CSS dapat membut aplikasi hybrid
layaknya aplikasi native dari perangkat mobile tersebut.
• Dengan dukungan yang baik, Apache Cordova ini membantu developer
untuk mengembangkan aplikasi yang dapat berjalan di platform Android,
Bada, Blackberry, FirefoxOS, iOS, Mac OS X, Qt, Tizen, Ubuntu, WebOS,
Windows (desktop), Windows Phone, dan Browser.
• https://cordova.apache.org/
Intel XDK

• Intel sebagai salah satu vendor besar pengembang prosesor ikut

membuat alat pengembangan untuk mengembangkan aplikasi
yang multiplatform yaitu Intel XDK
• Dengan alat pengembangan ini developer dapat
mengembangkan aplikasi mobile dengan menggunakan HTML5.
• Aplikasi mobile yang dikembangkan dengan Intel XDK ini dapat
diterbitkan pada platform Android, iOS, Windows Phone,
Windows 8 Store, Amazon, Tizen, dan Nook.
• Selain itu, dapat juga membuat aplikasi untuk platform seperti
Facebook, Firefox, dan Chrome.
• https://software.intel.com/en-us/intel-xdk
Brackets
• Brackets memungkinkan pengembang aplikasi website dapat
mengembangkan CSS, HTML dan JavaScript secara langsung.
• Pengembang aplikasi website nantinya dapat melihat langsung
preview dari kode-kode yang telah dibuat di browser.
• Brackets ini sendiri dibuat oleh Adobe Systems Incorporated sebagai
salah satu produsen perangkat lunak multimedia terkenal di dunia.
• Alat pengembangan aplikasi website ini dapat dijalankan di sistem
operasi Windows, Mac OS, dan Linux.
• http://brackets.io/
Microsoft Visual Studio
• Berbasis ASP.NET.
• Bisa dibilang tampilan antarmuka dari Microsoft Visual Studio ini mudah
digunakan oleh pemula sekalipun dan library yang disediakan lengkap.
• Untuk dukungan integritas antara Microsoft Visual Studio dengan
perangkat lunak buatan Microsoft lainnya ini terbilang sangat baik.
• Microsoft Visual Studio ini populer digunakan untuk mengembangkan
aplikasi desktop, Windows Phone, Windows, dan aplikasi serta website
sekelas perusahaan besar di Indonesia dengan teknologi ASP.NET.
• Microsoft Visual Studio ini telah mendukung C#, C++, VB.NET, HTML5,
JavaScript, dan Java. Alat pengembangan aplikasi ini bisa dijalankan di
sistem operasi Windows.
• Untuk mendapatkan alat pengembangan aplikasi ini pembaca dapat
mengunduhnya di situs resmi Microsoft Visual Studio
Tool Depelovment Base
Android
Pemrograman Mobile 3
Perangkat Pengembangan Berbasis Android
• Create Base On Android System
• Gadget or PC
• Emulator Android Untuk PC
• Tools Program For Android
Emulator Android PC
• Aplikasi Simulator Android yang berjalan pada PC
• Menjalankan APP android pada PC
• Beberapa Aplikasi Emulator :
• BlueStack
• NoxPlayer
BlueStacks
• BlueStacks App Player memungkinkan untuk menjalankan aplikasi
mobile lebih cepat dan layar penuh pada Windows dan Mac
• BlueStacks didirikan pada tahun 2011
• Teknologi Layercake
• Alamat : https://www.bluestacks.com/
• Download : https://www.bluestacks.com/download.html#download
Bentrok Bluestak Vs Windows 64 Bit
• Control Panel | Program | Trun Windows Feature On or Off
• □ Hyper - V
NoxPlayer
• Nox Digital Entertainment Co. Limited Hongkong
• Alamat : https://id.bignox.com/
• Versi Windows & Mac
• Free
• 299 Mb
Tampilan Utama
NoXPlayer 6.0.5.2.
Sketchware
Explorer
SignIn – My Project
SignIn – Tutorial
SignIn – Share Project
Create Project
Application Name :AppFirst
Create App
View
Drag Widget
Properties
Edit Properties
View Edit Properties
Test View
Logic
OnClick Button
Sketchware
 Sketchware

Setting Project Tutorial Akun

Pengelolan
Open Project Create Project
Sketchware

Nama
Advanced Setting
Aplikasi

Packed Name Project Name Versi Control

Contoh Bahasa indonesia
Create application
 Project

Project Header Main Footer

Back Widget Manager

Save View Logic XML RUN
Project Helper Project

Library Form Event Activity

Custem
View Layouts Component
View

Image Widgets

Sound

Font

Source
Code
Project
Activity
Component
Logic Block
Block = Scratch MIT
Jenis input
Block perintah dan masukan
Variabel
1. Tunggal = Variabel
2. Majemuk = Array = List
3. Type Variabel
4. Pengisian Variabel
Type Variabel
Boolean
Numbering
String
MAP
Contoh (1)
List
Hasil
• Daftar Berisi
• “1”
• “2”
• Muncul pada Komponen ListView1 & Spinner1
Contoh (2)
VariaBel
Hasil
map
Mengisi data spinner
• Create List
• Add
CustemView
Create MAP Variabel
Create map list
XML
Siklus Hidup Aktivitas di Aplikasi Android
Lifecycle dalam pemrograman Android
• Saat pengguna menjelajahi, keluar, dan kembali ke aplikasi Anda,
contoh Activity dalam transisi aplikasi Anda melalui berbagai bagian
State dalam siklus hidup mereka. Kelas Activity menyediakan
sejumlah callback yang memungkinkan aktivitas mengetahui bahwa
sebuah State telah berubah: bahwa sistem sedang menciptakan,
menghentikan, atau melanjutkan suatu aktivitas, atau
menghancurkan proses di mana aktivitas berada
•
Activity
• Aktivitas menyediakan satu set inti dari enam callback atau fungsi:
onCreate() , onStart() , onResume() , onPause() , onStop() , dan
onDestroy() . Sistem memanggil masing-masing callback ini sebagai
sebuah aktivitas memasuki sebuah State baru
Bagan ACTIVITY
Tambah intent
Pengkondisian
Contoh
quiz
• Masukan 2 Buah Bilangan, • Masukan sebuah nilai,
Tentukan apakah kedua bilangan konversikan menjadi huruf mutu
itu sama atau mana bilangan berikut
yang lebih besar • A : 80-100
• B : 70-79
• C: 60-79
• D: 40-59
• E : 0-39
Pengulangan
Contoh Forever
Componen Suara
• MediaPlayer
• MediaPlayer dirancang untuk file
suara atau aliran yang lebih lama
, ini paling sesuai untuk file
musik atau file yang lebih besar.
File akan dimuat dari disk setiap
kali dibuat disebut, ini akan
menghemat ruang memori
namun mengenalkan delay kecil
(tidak terlalu mencolok).
• SoundPool
• Merupakan kumpulan sampel
yang dapat dimasukkan ke
memori dari sumber daya di
dalam APK atau dari file dalam
sistem file, yang berarti
dirancang untuk klip pendek dan
paling sesuai untuk efek suara.
Soundpool
• Asset Suara • Button OnClick
1. Sound Manager 1. Create Variabel Numerik untuk
• On Create menampung SoundPool
1. Create Component SoundPool 2. Isi variable tersebut dengan
SoundId Playing dan Times 0
2. Create Variabel Numerik
3. Isi Variabel tersebut dengan
SoundId Load
Logic SoundPool
• onCreate

• On Button Click
Mediaplayer • Button Click

• Assett Sound
1. Manager Sound
• onCreate
1. Create Component
MediaPlayer