maylendraw's blog

Kamis, 29 September 2016

App Inventor 2 - Tutorial Menampilkan Text yang

Diinputkan

App Inventor adalah aplikasi web sumber terbuka yang awalnya

dikembangkan oleh Google dan saat ini dikelola oleh Massachusetts
Institute of Technology (MIT). 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 Star Logo
TNG, 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.
Pada tutorial kali ini menjelaskan bagaimana Menampilkan Text
yang Diinputkan, langkah-langkahnya percobaannya, yaitu :
1. Buka link App Invententor http://appinventor.mit.edu/explore/  
2. Klik Create apps!
  

3. Sign In keakun google . Kemudian klik Start My New Project dan isi
nama project sesuai keinginan lalu klik Ok. Berikut adalah tampilan awal
dari Screen App Inventor.

4. Untuk membuat keterangan pada Screen berupa teks, seperti judul,

Nama, NIM, Alamat, Umur dan Status seperti gambar di bawah,
tambahkan komponen Label. Label berfungsi untuk menamakan
Screen. Caranya : drag and drop Label yang ada pada menu User Interface
ke Screen. Anda dapat mengatur format Label pada menu Properties
sesuai keinginan Anda.
5. Untuk membuat kotak untuk mengisi data diri, tambahkan Textbox yang
ada pada Menu User Interfaces.Caranya : drag and drop Textbox yang ada
pada menu User Interface ke Screen. Anda dapat mengatur format
Textbox pada menu Properties sesuai keinginan Anda.
6. Agar Label dan Textbox dapat berdampingan seperti pada gambar, perlu
ditambahkan Layout Table Arrangement. Caranya : drag and drop
TableArrangement dari menu Layout ke Screen. Kemudian atur format
Rows pada menu Properties sesuai kebutuhan. Pada project ini, format
Rows dibuat 5 karna pada project ini ada 5 Label dan Textbox. Lalu drag
and drop Label dan Textbox ke dalam kotak TableArrangement.
 10. Setelah selesai mendesain tampilan untuk project ini, Klik Blocks yang
ada pada pojok kanan aplikasi. Buat program sesuai dengan Block seperti
gambar di bawah ini. 

7. Untuk melihat hasil dari project yang sedang dibuat dibutuhkan tombol
Button pada Screen. Caranya :drag and draw Button yang ada pada menu
User Interface ke Screen. Anda dapat mengatur format Button yang Anda
masukkan dalam Screen sesuai keinginan Anda.

8. Tambahkan tempat untuk melihat tampilan hasil dari project ini,

tambahkan Text for Label yang ada pada menu User Interface. Text for
Label ini berfungsi untuk menampilkan teks yang kita inputkan pada
Textbox. Caranya : drag and draw Text for Label yang ada pada menu User
Interface ke Screen. Anda dapat mengatur format Label yang Anda
masukkan dalam Screen sesuai keinginan Anda.  

9. Setelah komponen di atas sudah tersusun pada Screen, tambahkan

Layout Vertical Scroll Arrangement agar saat di jalankan pada aplikasi
Android tampilan Screen dapat di Scroll. Caranya : drag and drop
VerticalScrollArrangement pada menu Layout ke Screen. Kemudian drag
and drop TableArrangement, semua Label dan semua Textbox ke dalam
kotak VerticalScrollArrangement.

 11. Setelah program selesai, simpan project dengan meng-klik menu bar
Build lalu pilih App (provide QR code for apk).

 12. Setelah itu masukkan kode barcode ke dalam handphone android

anda yang sebelumnya telah diinstal aplikasi MIT AI2 Companion.
13. Pilih “scan QR code” pada Aplikasi MIT AI2 Companion. Scan QR code,
lalu Instal aplikasi di ponsel anda.
14. Untuk menjalankan Aplikasi, Isilah data sesuai identitas seperti
gambar dibwah ini. Kemudian untuk memverifikasi klik button “OK”.
Setelah di klik, data yang telah di isi dinyatakan benar dan sesuai dengan
identitas yang dimiliki.

May Lendrawati di Kamis, September 29, 2016

Berbagi

1 komentar:

Subarja Yasin 29 Juni 2018 10.13

hasilnya bisa gak di jalankan di laptop lalu di presentasikan.. ini untuk
skripsi saya.. mohon pencerahannya
Balas

Tambahkan komentar
‹ Beranda ›
Lihat versi web

Diberdayakan oleh Blogger.