LAPORAN PRATIKUM I

“Mobile Programming”

Nama : Khairul azmi

NIM : 1990343027
Kelas : TRKJ 1B

PROGRAM STUDI TEKNOLOGI REKAYASA KOMPUTER JARINGAN

JURUSAN TEKNOLOGI INFORMASI DAN KOMPUTER

POLITEKNIK NEGERI LGOKSEUMAWE

2019
 Halaman Pengesahan

Nomor Praktikum : 01/TRKJ/1C/2019

Judul Praktikum :Penjumlahan 2 Bilangan & Aplikasi Stop Watch

Nama Praktikan : Khairul Azmi

NIM : 1990343027

Tgl Praktikum : 13 Februari 2020

Tgl Selesai : 15 Februari 2020

Tgl Penyerahan : 16 Februari 2020

Dosen Pembimbing : Hari Toha Hidayat. S,Si. M.Cs

Keterangan :

Nilai :
 1. Dasar teori

App Inventor 2 adalah program yang sangat bagus yang dibuat oleh Google dan sekarang
dikembangkan oleh MIT. Program ini dapat digunakan untuk membuat dan mendesain aplikasi
Andriod yang berbasis Web page dan Java interface. Hanya dengan pengetahuan pemograman
yang sedikit kita sudah bisa membuat sebuah aplikasi Android yang sederhana. Jika kita sudah
berpengalaman menggunakan App Inventor kita juga bisa membuat program yang sangat rumit
dan berguna hanya dengan menggukan App Inventor 2 ini.

App Inventor ini menggunakan Sistem berbasis web dimana aplikasi Android dapat
digunakan tanpa perlu tahu bagaimana cara meng-code-nya. Sistem ini telah dihentikan oleh
google tapi dirilis kembali oleh google sebagai proyek open-source dan saat ini dikelola oleh
Massachusetts Institute of Technology (MIT).

Dengan app inventor, pengguna bisa melakukan pemrograman komputer untuk

menciptakan aplikasi perangkat lunak dengan sistem operasi berbasi android. App inventor ini
berbasis visual block programming karena memungkinkan pengguna bisa menggunakan,
melihat, menyusun dan men-drag and drops block yang merupakan simbol perintah dan fungsi
event handler untuk menciptakan sebuah aplikasi yang bisa berjalan di sistem android.

App inventor ini juga tidak hanya bisa membantu dalam menciptakan sebuah aplikasi namun
juga bisa membantu anda dalam mengasah logika. Beberapa contoh aplikasi yang bisa dibuat
dengan app inventor seperti game dengan grafis 2D dan animasi, utility, aplikasi multinedia,
navigasi dan GPS, sistem pengamanan
2. Tujuan
 Para mahasiswa dapat memahami cara penggunaan app inventor
 Para mahasiswa dapat membuat aplikasi stop watch dan penjumlahan 2 bilangan
menggunakan app inventor

3. Langkah Kerja
a. Membuat aplikasi penghitung dua jumlah bilangan
 Membuka app inventor , kemudian mengetikkan “Localhost8888” pada web browser
 Lalu gunakan email anda untuk login

Gambar 1.1 Login menggunakan email

 Kemudian klik “Project”, lalu pilih “Start new Project”

Gambar 1.2 new project

 Kemudian masukkan judul project dengan nama “PenjumlahanDuaBilangan” ,dengan

cara tidak menggunakan spasi
 Lalu klik “OK”

Gambar 1.3 judul project

 selanjutnya geserkan 3 unit Label ,2 unit Text Box dan 1 unit Button dari tool interface
kedalam Screen1.

Gambar 1.4 beberapa tool dari interface

 selanjutnya klik 1 kali pada component Screen1 , lalu pilih Top:1 pada properties
AlignVertical, dan Center:3 pada properties AlignHorizontal. Agar semua interface
yang sudah kita susunkan pada Screen1 tersusun di tengah layar Screen1.

Gambar 1.5 Tool dari interface

 kemudian ubahlah semua nama komponen diatas dengan format dibawah ini :
Label1 = Bilangan Pertama
Label2 = Bilangan Kedua
Label3 = Hasil
Button1 = Proses

Gambar 1.6 Tampilan komponen diubah

 kemudian klik Block pada sudut kanan atas layar, hingga akan muncul gambar seperti
dibawah ini

Gambar 1.7 Tampilan Block pada sudut kanan atas layar

 selanjutnya klik satu kali pada Block BtnProses, lalu pilihlah bentuk puzzle seperti
dibawah ini

Gambar 1.8 Memilih puzzle untuk Block BtnProses

 kemudian klik lagi pada Block LbHasil , lalu pilih puzzle seperti dibawah ini

Gambar 1.9 Memilih puzzle untuk Block LbHasil

 lalu klik satu kali pada Block Math, kemudian pilih puzzle berikut ini

Gambar 1.10 Puzzle untuk Block Math

 selanjutnya pada Block TxtBilangan1 dan TxtBilangan2 pilihlah puzzle seperti

dibawah ini

Gambar 1.11 Puzzle untuk Block TxtBilangan1 dan TxtBilangan2

 kemudian susunlah semua puzzle seperti gambar dibawah ini

Gambar 1.12 Menyusun semua puzzle yang sudah dipilih

 langkah selanjutnya adalah meng-compile (Build), dengan cara klik pada tool Connect,
kemudian pilih Emulator.jika proses compile berjalan ,maka akan muncul seperti
tampilan berikut ini

Gambar1.13 Proses compile (Build)

 kemudian klik Build , lalu pilih Save Apk To My Computer, kemudian tunggu proses
Build hingga selesai

Gambar 1.14 Build aplikasi

Gambar 1.15 Proses ketika build

 langkah selanjutnya ialah memindahkan file aplikasi yang sudah di build tersebut
kedalam SmartPhone, dan menginstal aplikasi.

Gambar 1.16 Aplikasi berhasil diinstall

 Dan langkah terakhir adalah melakukan uji coba pada aplikasi tersebut, apakah aplikasi
yang telah kita buat bisa berjalan dengan lancar atau error

Gambar 1.17 Aplikasi dapat berjalan dengan lancar

 b. Membuat aplikasi StopWatch
 Membuka app inventor , kemudian mengetikkan “Localhost8888” pada web browser
 Lalu gunakan email anda untuk login

Gambar 1.1 Login menggunakan email

 Kemudian klik “Project”, lalu pilih “Start new Project”

Gambar 1.2 New project

 Kemudian isikan judul project dengan nama “StopWatch” ,dengan cara tidak
menggunakan spasi

Gambar 1.3 Nama project (StopWatch)

 Selanjutnya klik satu kali pada tool LayOut, kemudian geserkan TableArranggement
kedalam Screen1

Gambar 1.4 TableArranggement

 Kemudian pada Properties TableArranggement , buatlah seperti format dibawah ini
Columns :3
Row :1

Gambar 1.5 properties TableArrangement

 Setelah mengatur properties tersebut,maka tampilan pada Screen1 akan menjadi seperti
pada gambar diawah ini

Gambar 1.6 mengubah properties TableAranggement

 Selanjutnya pilihlah 3 User Interface Button, dan masukkan ke dalam Screen
TableArranggement

Gambar 1.7 Menambahkan User Interface

 Kemudian ubahlah nama pada Properties Button dan Components Button dengan
format berikut :
Button1 : Start
Button2 : Stop
Button3 : Reset

Gambar 1.8 mengubah Properties Button

 Kemudian pada tool Sensors pilihlah Clock , lalu geserkan ke dalam Screen1
 Selanjutnya pada Properties Clock, aturlah waktu seperti pada gambar dibawah ini

Gambar 1.9 Properties Clock

 kemudian klik Block pada sudut kanan atas layar, hingga akan muncul gambar seperti
dibawah ini

Gambar 1.10 Tampilan Block

 kemudian pada Block Variables , pilihlah puzzle berikut ini,dan ubahlah “Name”
menjadi “StartTime”

Gambar 1.11 “Name” menjadi “StartTime”

 selanjutnya pada Block Math, pilihlah puzzle berikut :

Gambar 1.12 puzzle Block Math

 lalu pada Block Start, pilihlan puzzle dibawah ini :

Gambar 1.13 puzzle Block Start

 selanjutnya pada Block Clock1, pilihlah puzzle berikut:

Gambar 1.14 puzzle Block Clock1

 lalu pada Block Logic, pilihlah puzzle berikut :

Gambar 1.15 puzzle Block Logic

 selanjutnya klik lagi pada Block Clock1, lalu pilih puzzle berikut:

Gambar 1.16 Puzzle Block Clock1

 selanjutnya klik pada Block Start, dan pilih puzzle berikut:

Gambar 1.17 Puzzle Block Start

 kemudian klik lagi pada Block Logic, dan pilih puzzle berikut :

Gambar 1.18 Puzzle Block Logic

 setelah menyusun semua puzzle tersebut, maka tampilannya akan menjadi seperti gambar
dibawah ini

Gambar 1.19 menyusun puzzle

 selanjutnya klik lagi pada Block Stop, dan pilih puzzle berikut:

Gambar 1.20 Puzzle Block Stop

 kemudian pada Block Reset, pilihlah puzzle berikut:

Gambar 1.21 Puzzle Block Reset

 selanjutnya pada Block Label1, pilihlah puzzle berikut :

Gambar 1.22 Puzzle Block Label1

 lalu pada Block Text, pilihlah puzzle berikut dan isikan seperti pada gambar dibawah ini

Gambar 1.23 Puzzle Block Label1

 kemudian pada Block Clock1, pilihlah puzzle berikut :

Gambar 1.24 Puzzle Block Clock1

 selanjutnya klik lagi pada Block Variables, dan pilih puzzle dibawah ini

Gambar 1.25 Puzzle Block Variables

 selanjutnya pada Block Clock1, pilih puzzle berikut:

Gambar 1.26 Puzzle Block Clock1

 selanjutnya klik lagi pada Block Clock1, lalu pilih puzzle berikut:

Gambar 1.27 Puzzle Block Clock1

 selanjutnya pada Block Clock1, pilihlah puzzle berikut:

Gambar 1.28 puzzle Block Clock1

 lalu pada Block Logic, pilihlah puzzle berikut :

Gambar 1.30 puzzle Block Logic

 setelah semua puzzle diatas disusun,maka tampilannya akan menjadi seperti gambar
dibawah ini

Gambar 1.31 puzzle di susun

 langkah selanjutnya adalah meng-compile (Build), dengan cara klik pada tool Connect,
kemudian pilih Emulator.jika proses compile berjalan ,maka akan muncul seperti
tampilan berikut ini

 langkah selanjutnya adalah meng-compile dan memindahkan file aplikasi yang sudah di
build tersebut kedalam SmartPhone, dan menginstal aplikasi.

Gambar 1.32 Aplikasi berhasil diinstall

 Dan langkah terakhir adalah melakukan uji coba pada aplikasi tersebut, apakah aplikasi
yang telah kita buat bisa berjalan dengan lancar atau error

Gambar 1.33 Aplikasi (start)

Gambar 1.32 Aplikasi (Stop)

Gambar 1.31 Aplikasi (reset)

4. Analisa
Pada pratikum kali ini App Inventor adalah sebuah tool untuk membuat aplikasi android,
yang menyenangkan dari tool ini adalah karena berbasis visual block programming.App
Inventor memungkinkan pengguna baru untuk memprogram komputer untuk
menciptakan aplikasi perangkat lunak bagi sistem operasi android. App Inventor
menggunakan antarmuka grafis, serupa dengan antarmuka pengguna pada Scratch dan
StarLogo-NG, yang memungkinkan pengguna untuk men- drag and-drop objek visual
untuk menciptakan aplikasi yang bisa dijalankan pada perangkat Android. Dalam
menciptakan App Inventor, Google telah melakukan riset yang berhubungan dengan
komputasi edukasional dan menyelesaikan lingkungan pengembangan online Google.
Langkah awal yang harus diperhatikan dalam membuat projek baru dalam app inventor
kita harus terlebih dahulu memiliki email, jika kita sudah memiliki alamat email bisa
langsung mengisi alamat emailnya.

5. Kesimpulan
Pada praktikum kali ini yang telah dikakukan oleh para mahasiswa dia atas,kini para
mahasiswa sudah dapat memahami beberapa kegunaan fitur yang ada pada aplikasi
Inventor.dan kini para mahasiswa juga sudah dapat membuat aplikasi untuk menghitung
dua penjumlahan bilangan dan membut aplikasi StopWatch.Mahasiswa juga dapat
membuat aplikasi sesuai keinginannya menggunakan aplikasi Inventor tersebut dengan
sebagai mana tau cara dan fitur codingnyaa tersebut dimengerti dalam pratikum kali ini
dapat disimpulkan bahwa app inventor ini berguna untuk para programming mobile yang
masih tahap belajar.

6. Daftar Pustaka
http://novitstudio.blogspot.com/2015/10/pengertian-mit-app-inventor-2.html
http://beyzuraarias.blogspot.com/2016/09/laporan-analisa-workshop-aplikasi.html