Rabu, 19 November 2014

Pembuatan Games Sentuh Menggunakan App Inventor (Online)

Berikut merupakan cara membuat game sentuh sederhana menggunakan App Inventor (online):

1. desain screen anda dengan memasukkan komponen-komponen yang diperlukan seperti di bawah ini :

2. Setelah desain selesai, yang diperlukan adalah memberikan alur-alur proses pada game tersebut dengan cara klik tombol "Block" di pojok kanan atas. 

3. Lakukan drag and drop untuk proses selanjutnya. Berikut merupakan tahapan dari pemasukkan algoritmanya:



4. Jika telah selesai, kita dapat mencobanya melalui android (hp) kita sendiri, dengan cara :
   save project > App (save .apk to my computer). Selanjutnya pindahkan file apk ke hp android anda dan install untuk menjalankannya.

Pembuatan Aplikasi Quiz Menggunakan App Inventor (Online)

Berikut Merupakan Langkah-Langkah Pembuatan Aplikasi Quiz Sederhana Menggunakan App Inventor (Online):

1. buat layout "horizontal arrangement" sebanyak 3 buah dan susun ke bawah
   dengan alignhorizontal "center" pada screen1.

2. drag user interface "image" dan drop ke dalam kotak pertama.

3. pilih gambar yang anda mau lalu buat ukuran width dan height 100px.

4. buatlah user interface "label" dan drop dibawah image dengan nama "QuestionLabel".

5. drag userinterface "textbox" dan drop ke dalam kotak kedua.

6. drag userinterface "button" dan drop ke dalam kotak kedua disamping textbox dengan nama "Submit".

7. drag userinterface "button" dan drop ke dalam kotak ketiga dengan nama "next".


8. setelah selesai mendesain, klik tombol "Block" di pojok kanan atas.

9. untuk membuat pertanyaan, maka :
   - pilih "initialize global name to" di dalam variables. Ganti nama menjadi "QuestionList".
   - pilih "make a list" di dalam list, lalu drop di sebelah "initialize global QuestionList to".
     jika berbunyi "klik" berarti cocok.
   - drag sebanyak 3 buah text kosong di dalam text dan letakkan di samping "make a list".
   - buatlah pertanyaan-pertanyaan pada setiap text kosong tersebut.

10. untuk membuat jawaban, maka:
   - pilih "initialize global name to" di dalam variables. Ganti nama menjadi "AnswerList".
   - pilih "make a list" di dalam list, lalu drop di sebelah "initialize global AnswerList to".
   - drag sebanyak 3 buah text kosong di dalam text dan letakkan di samping "make a list".
   - drag sebanyak 3 buah text kosong di dalam text dan letakkan di samping "make a list".
   - buatlah jawaban-jawaban untuk pertanyaan sebelumnya.


11. lakukan hal yang sama dengan drag and drop proses selanjutnya.


12. Jika telah selesai, kita dapat mencobanya melalui android (hp) kita sendiri, dengan cara :
   save project > App (save .apk to my computer). Selanjutnya pindahkan file apk ke hp android anda dan install untuk menjalankannya.

Kamis, 13 November 2014

Tutorial Installasi Appinventor Offline

Appinventor adalah sebuah aplikasi android bersifat open source di sediadakn google, dll.
kemudahan untuk yang tdk bisa programming hanya drag and drop.

Cara install program :
1. Install AppInventor_Setup_Installer_v_1_2 dan extract V1.4.7 ke driver C: / D:
2. Atur path dengan nama variabel JAVA_HOME di properties my computer dengan cara klik windows, klik kanan computer, klik properties, pilih advance system setting, di tab advanced klik environments variables, dalam system variables klik new dan tuliskan nama variabel dan value.
3. Atur juga path dengan menambahkan lokasi jdk dalam komputer.
(mis dalam komputer saya C:\Program Files\Java\jdk1.7.0) dan tambahkan \bin, jadi
C:\Program Files\Java\jdk1.7.0\bin. klik ok.
4. untuk pengecekan, klik kanan pada startAI.cmd dalam folder AppEngine klik run as administrator
keluar cmd, tunggu sampai keluar "Dev App Server is now running".
keterangan : untuk keluar dari cmd harus ctrl+c kemudian ketik yes dan enter, kalau tidak akan error.
5. masuk ke web browser localhost:8888, enter. maka muncul form logged in. pilih sign in administrator, klik log in.jika ada tulisan lagi maka klik I accept.
6. membuat project baru.
7. pilih new, ketik nama project.
    kiri ada palette (button,canvas,checkbox,dll)
    tengah screen1.
    kanan component : apa yang sudah dimasukaan di screen.
    properties : pengaturan.
8. drag dan drop button, beri nama play
9. drag dan drop player di media, pilih music .mp3, klik ok.
10. klik open the blocks editor. (klok blocks). Jika ada block by security java maka ke control panel, ketik java, keluar java dan pilih security turunkan menjadi medium.