Laman

Kamis, 21 Desember 2017

Cara Menggunakan App Inventor Online Dan Offline

sumber : http://www.grizenzio.com/2017/04/cara-menggunakan-app-inventor-online.html
 
App Inventor ?
Jawab : App Inventor adalah aplikasi web sumber terbuka yang awalnya dikembangkan oleh Google, dan saat ini dikelola oleh Massachusetts Institute of Technology (MIT).
App Inventor adalah sebuah tool untuk membuat aplikasi android, yang menyenangkan dari tool ini adalah karena berbasis visual block programming, jadi kita bisa membuat aplikasi tanpa kode satupun. Mengapa disebut visual block programming?, karena kita akan melihat, menggunakan, menyusun dan drag-drops “block” yang merupakan simbol-simbol perintah dan fungsi –event handler tertentu dalam membuat aplikasi.
Kita tidak harus memiliki basic programmer, mengerti kode-kode atau berkecimpung dalam dunia teknologi informasi untuk membuat aplikasi dengan App Inventor. Bahkan App Inventor tidak hanya untuk membuat aplikasi, karena bisa digunakan untuk mengasah logika anda, sperti halnya menyusun sebuah puzzle. Untuk programmer tentu ada opsi-opsi advance untuk membuatnya sesuai dengan level kita.
Framework visual programming ini terkait dengan bahasa pemrograman Scratch dari MIT, yang secara spesifik merupakan implementasi dari Open Block yang didistribusikan oleh MIT Scheller Teacher Education Program yg diambil dari riset yang dilakukan oleh Ricarose Roque. App Inventor menggunakan Kawa Language Framework dan Kawa’s dialect – yg di develop oleh Per Bothner dan di distribusikan sebagai bagian dari GNU Operating System oleh Free Software Foundation sebagai Compiler yang mentraslate visual block programming untuk diimplementasikan pada platform Android. Tentu disini anda tinggal menikmati kemudahan yang ada. alu, apa yg bisa kita lakukan dengan App Inventor?, yang bisa kita lakukan dengan App Inventor adalah :
1. Just for fun
Katakanlah anda memiliki Handset Android, atau baru memasang virtual handset Android pada komputer anda, atau bahkan tidak sama sekali, App Inventor akan bisa menjadi sesuatu yang menyenangkan seperti halnya anda menyukai mengedit gambar, bermain puzzle, mengasah otak anda seperti mengisi TTS, atau belajar sebagai basis menguatkan kemampuan logika anda, semua terasa menyenangkan.
2.Learning tool
Entah anda seorang pelajar, mahasiswa, guru, dosen atau hobbist anda akan bisa menjadikan App Inventor sebagai tool belajar anda. Jika anda seorang guru atau dosen anda akan membuat App Inventor menjadi alat pengajar yang hebat, karena visualisasi akan mempermudah siswa memahami dan menguasai apa yg anda ajarkan.
3.Membuat aplikasi 
Mulai dari membuat prototype, aplikasi untuk kebutuhan pribadi & organisasi, atau aplikasi serius yang bisa anda jual.
Perbedaan App Inventor Versi Online dan Offline ?
Jawab  : Perbedaan antara versi yang online dengan offline adalah jika kita menggunakan App Inventor Versi Online kita membutuhkan koneksi Internet yang cukup tinggi minimal 100 kbps, sedangkan untuk versiOffline kita tidakmemerlukan koneksi internet.
Cara Menggunakan App Inventor Online ?
Untuk membuat aplikasi android menggunakan App Inventor bisa dilakukan melalui 2 cara, yaitu secara online dan offline. Kali ini saya akan membahas yang versi online terlebih dahulu. Selanjutnya untuk versi offline akan saya bahas setelah kita berhasil membuat sebuah apk secara online, menginstal dan menjalankannya pada smartphone android kesayangan kita.
Untuk membuat aplikasi secara online, dibutuhkan sebuah email berbasis Gmail. Jika anda belum memiliki akun di gmail, silahkan meluncur ke gmail.com dan buatlah akun gmail anda. Tetapi jika anda sudah memilikinya, silahkan melanjutkan membaca tulisan saya ini 
Untuk memulai App Inventor versi online, ikuti langkah berikut:
Bukalah browser anda dan ketikkan pada Address bar http://ai2.appinventor.mit.edu/
Jika anda belum login ke akun gmail anda, maka akan tampil halaman Login Gmail. Isikan Username dan password akun gmail anda, dan pilih tombol Sign In/Masuk.

Selanjutnya, Google akan menghubungkan akun anda dengan aplikasi MIT AppInventor Ver. 2
Klik tombol Allow/Injinkan, dan pada halaman “Terms of Service-MIT App Inventor Privacy Policy and Terms of Use” , pilih tombol Accept the terms of service. Maka, anda telah berhasil masuk ke halaman MIT App Inventor 2.
Klik I Accept the terms of service!
Pilih Take survey later, supaya anda bisa langsung memulai membuat aplikasi melalui App Inventor ini.
Selanjutnya pilih Continue pada kotak dialog “Welcome to App Inventor!”
Cara Menginstall App Inventor Offline ?
App Inventor versi Offline di Perbedaan antara versi yang online dengan offline adalah jika kita menggunakan App Inventor Versi Online kita membutuhkan koneksi Internet yang cukup tinggi minimal 100 kbps, sedangkan untuk versi Offline kita tidak memerlukan koneksi internet.
Berikut   langkah   -   langkah   install App   Inventor   Versi   Offline atau   bisa   disebut
Ai2LiveComplete,
Download Ai2LiveComplete!
http://sourceforge.net/projects/ailivecomplete/
Setelah proses download selesai, selanjutnya file Ai2LiveComplete.zip di-extract ke direktori C (Seperti Gambar dibawah ini)

Sebelum dilanjutkan kembali, pastikan komputer atau laptop anda sudah ter-install JDK.
Kalo belum ada atau belum anda install, Instal terlebih dahulu JDK.
Setelah    itu,    kita    atur    environment    variable JAVA_HOME untuk    menunjuk folder JDK yang sudah ter-install. Caranya adalah klik kanan pada My Computer di desktop, lalu klik Properties.
Selanjutnya klik Advanced system settings, yang dapat anda lihat seperti dibawah ini
Maka  akan  muncul  window System   Properties,  selanjutnya  klik Environment Variables
Maka  akan  muncul  jendela Environment  Variables,  kemudian  klik New… seperti gambar dibawah ini
Maka akan tampil jendela New User Variable, kemudian isi
Variable name : JAVA_HOME
Variable      value : C:\Program      Files\Java\jdk      1.7.0 atau      alamat dimana JDK kita ter-install lengkapnya seperti gambar dibawah ini
Buka kembali folder Ai2LiveComplete, selanjutnya klik 2 kali pada WinStartAIServer.cmd
Maka akan muncul jendela cmd yang menandakan bahwa server AiLiveComplete sedang dijalankan seperti gambar dibawah ini
Langkah    Berikutnya    buka    web    browser.    Lalu    ketikan    di    kotak    address http://localhost:8888, Maka akan tampil seperti dibawah ini. Silakan isi email yang kita miliki atau langsung klik Log In
Dan anda berhasil Login di App Inventor versi Offline. Tampilan yang anda lihat tidak jauh berbeda dengan tampilan App Inventor versi Online.
Selanjutnya kita coba buat project baru, klik New Project
Isikan nama project yang kita inginkan, misal TestOfline
Dan kita bisa langsung membuat aplikasi Android yang kita inginkan, cukup drag & drop komponennya, lalu drag & drop block events nya.
Apabila kita ingin menyimpan atau men-download file .apk dari project aplikasi android yang sudah dibuat. Langkah Pertama yang akan kita lakukan adalah, kita klik 2 kali file WinStartBuildServerWithHeap.cmd untuk   menjalankan   server   Build   nya pada cmd.
Selanjutnya   kembali   lagi   ke   browser   yang   sudah   membuka App   Inventor dan menampilkan project Android yang ingin di-download .apk nya.
Pada Menu  Bar,  klik Build,  lalu  pilih App  (save  .apk  to  my  computer) seperti gambar dibawah ini.
Maka  akan  tampil Progress  Bar yang  menandakan  bahwa  project  sedang  di-Build untuk menghasilkan .apk nya.
Apabila Progress Bar sudah menunjukkan 100% maka akan tampil tulisan “The APK file will be saved in download folder” yang berarti file APK sudah selesai di-Build dan siap untuk di-download.
Dan  apabila  kita  cek  di  cmd  yang  udah  kita  buka  sebelumnya  maka  terdapat tulisan INFO : BUILD 1 FINISHED yang berarti file APK sudah berhasil dibuat.
Secara otomatis akan langsung men-download seperti gambar di bawah ini.
Dan terakhir coba kita cek di direktori penyimpanan folder, file Test.apk siap untuk di- install di smartphone Android kita.
Demikianlah tutorial untuk menjalankan App Inventor versi Offline untuk mempermudah anda dalam membuat dan menyiapkan Aplikasi Android tanpa harus terkoneksi melalui Internet.

Membuat Aplikasi Android Dengan App Inventor 2

sumber : http://codenesia.my.id/android/membuat-aplikasi-android-dengan-app-inventor-2/

app-inventor
Halo Sahabat Codenesia, Hari ini saya ingin berbagi mengenai tutorial bagaimana membuat aplikasi android tanpa coding. Nah untuk bisa membuat aplikasi android tanpa coding, kita akan menggunakan aplikasi App Inventor 2. Aplikasi ini berupa web based, jadi kalian harus mempunyai koneksi internet. Kalian bisa mengakses App Inventor lewat link berikut: http://ai2.appinventor.mit.edu/
Disini saya akan mencoba membuat aplikasi Quiz yang dimana pada aplikasi ini saya akan menampilkan 5 pertanyaan saja. Dan nanti pengguna bisa menjawab pertanyaan tersebut dan akan mendapatkan skor. Untuk membuat aplikasi quiz, berikut ini langkah-langkahnya:
1. Login ke aplikasi App Inventor http://ai2.appinventor.mit.edu/
2. Buat project baru dengan cara mengklik start new project, kemudian ketikkan nama projectnya. Terus klik OK
appinventor1

3. Langkah berikutnya adalah membuat layout aplikasi yang akan kita buat. Kita akan membuat background gambar. Langkahnya yaitu klik tombol upload file pada sisi sebelah kanan bawah. Kemudian pilih gambarnya
appinventor2
4. Kemudian klik component screen pada sisi sebelah kanan layar. Kemudian ubahlah BackgroundImage dan pilihlah gambar yang baru saja anda upload
5. Lalu kita akan membuat layout seperti gambar dibawah ini. Layoutnya terdiri dari 3 Text Label dan 4 Button. Kalian tinggal drag and drop saja ya
appinventor5
5. Kemudian kalian harus mengubah layout tersebut sesuai keinginan anda. Sesuaikan layout anda seperti gambar dibawah ini
appinventor6
6. Selanjutnya kita akan membuat layout kedua yang nantinya akan digunakan untuk menampilkan skor kuisnya. Untuk membuat layout atau screen baru caranya yaitu klik tombol add screen lalu klik ok seperti pada gambar dibawah ini
appinventor7
7. Kemudian ubahlah dan sesuaikan layout “Screen2” Seperti gambar dibawah ini. Sesuaikan dengan kreasi kalian
appinventor8

8. Setelah semua layout selesai dibuat. Kita akan masuk ke menu block disamping kanan. Kita akan membuat sebuah blocks sehingga aplikasi yang kita buat berjalan sesuai dengan yang kita inginkan.
9. Kita akan mendeklarasikan variabel di “Screen1”. Kita pilih Screen1. Selanjutnya kita klik “Blocks”. Pertama-tama kita akan mendeklarasikan sebuah variabel pertanyaan. Caranya cukup mudah yaitu klik “variables” yang berada disamping kiri, kemudian drag and drop “initialize global” ke area sebelah kanan
appinventor9
appinventor10
10. Kemudian lakukan hal yang sama dan silahkan di eksplor sehingga membentuk “blocks”seperti pada gambar dibawah ini
appinventor11
11. Pada gambar diatas variabel “pertanyaan” memiliki sebuah list, tetapi listnya hanya berisi dua text, padahal kita akan membuat quiz dengan 5 pertanyaan, Berarti kita perlu menambah listnya lagi dong. Caranya cukup mudah, klik icon gerigi yang ada di blok “make a list”. Kemudian tinggal drag and drop ke samping kanan. Silahkan lihat gambar dibawah ini
appinventor12
appinventor13
Screenshot (70)
12. Kemudian buatlah variabel pilihan_A, pilihan_B, pilihan_C, pilihan_D, jawaban. Sehingga akan jadi seperti gambar di bawah ini
Screenshot (71)
Screenshot (72)
13. Selanjutnya kita akan membuat 2 variabel yaitu variabel skor dan variabel index. Kemudian kita akan membuat sebuah prosedure yang kita namanakan “soal”. Procedure “soal” ini berfungsi untuk menampilkan sebuah soal.
appinventor15
14. Kemudian kita akan membuat OnClick Handler. Yaitu kita akan membuat tugas yang akan dilakukan oleh aplikasi jika pengguna memencet tombol pilihan Jawaban. Silahkan lihat gambar di bawah ini
appinventor16
15. Selanjut kita tinggal men-copy paste blocks kode “when Button1.Click”. Dan lalu diedit sehingga jadi seperti gambar di bawah ini
appinventor161
appinventor162
16. Lalu kita pindah ke Screen 2. kita akan mengubah Blocks pada Screen 2. Ubahlah seperti gambar di bawah ini
appinventor17


Silahkan dukung developer indonesia dengan mendownload aplikasi buatan anak bangsa. Silahkan klik https://play.google.com/store/apps/details?id=com.codenesia.mathgames
Aplikasi codenesia
FacebookTwitterGoogle+WhatsApp