Difference between revisions of "Appinventor"

From OnnoWiki
Jump to navigation Jump to search
 
(58 intermediate revisions by the same user not shown)
Line 6: Line 6:
  
  
==Persiapan==
 
  
Referensi : http://appinventor.mit.edu/explore/ai2/setup
+
==Persiapan Komputer==
  
* Login ke http://ai2.appinventor.mit.edu/
+
* Pastikan sambungan ke Internet lancar.
* Sambungkan Handphone ke laptop via USB
+
* Browse / Login ke http://ai2.appinventor.mit.edu/
 +
* Gunakan account Google (gmail).
  
 +
Alternatif lain,
  
===Persiapan di Ubuntu===
+
* Bisa di coba menggunakan Chrome di SmartPhone.
 +
* Jadi komputer bisa tidak perlu dipakai.
  
Referensi: http://appinventor.mit.edu/explore/ai2/linux.html
+
==Persiapan SmartPhone==
  
sudo apt-get install lib32z1
+
* Android Operating System 2.3 ("Gingerbread") atau yang lebih tinggi.
 +
* Pastikan sambungan ke Internet Lancar.
 +
* Install apps QR-code reader dari playstore.
 +
* Ijinkan Setting > Unknown Sources - di contreng.
  
* Download http://commondatastorage.googleapis.com/appinventordownloads/appinventor2-setup_1.1_all.deb
+
Jika sudah selesai jangan lupa untuk dibuang lagi contreng-nya.
  
cd ~/Downloads/
+
==Menjalankan Apps Contoh==
sudo dpkg --install appinventor2-setup_1.1_all.deb.
 
  
* Jalankan
+
Di Komputer
 +
* Login ke http://ai2.appinventor.mit.edu/
 +
* Klik Gallery
 +
* Pilih Apps > Klik OPEN THE APPS
 +
* Pilih Build > Pilih "App (provide QR code for .apk)"
 +
* Tunggu beberapa saat sampai keluar QR-Code
  
/usr/google/appinventor/commands-for-Appinventor/aiStarter &
+
Di SmartPhone
 +
* Scan QR Code - untuk install di HP
  
Akan keluar
+
==Mulai Programming==
  
Listening on http://127.0.0.1:8004/
+
* Klik Blocks (sebelah ujung kanan) untuk memasukan koding
Hit Ctrl-C to quit.
+
* Klik Designer untuk design tampilan.
  
 +
==Membuat apk==
  
===Persiapan di Handphone===
+
Untuk langsung ke SmartPhone
 +
* Klik Build > App (provide QR code for .apk)
  
* Install App Inventor Companion di Handphone
+
Untuk Save ke komputer
* Settings > Security > Unknown Sources di contreng agar bisa menjalankan aplikasi yang kita buat.
+
* Klik Build > App (save .apk to my computer)
* Settings > Development > USB Debugging "on"
+
* file .apk akan di download ke folder Downloads
  
 
==Belajar==
 
==Belajar==
  
 +
* https://sites.google.com/site/appinventor/projects
 
* http://www.appinventor.org/content/CourseInABox/Intro
 
* http://www.appinventor.org/content/CourseInABox/Intro
 
* http://www.appinventor.org/content/CourseInABox/textingLocation
 
* http://www.appinventor.org/content/CourseInABox/textingLocation
Line 49: Line 62:
 
* http://www.appinventor.org/content/CourseInABox/userGenerated
 
* http://www.appinventor.org/content/CourseInABox/userGenerated
 
* http://www.appinventor.org/content/CourseInABox/web
 
* http://www.appinventor.org/content/CourseInABox/web
 +
* https://amerkashi.wordpress.com/2014/02/27/how-to-develop-location-based-android-app/
 +
 +
===Tutorial===
  
 +
* http://explore.appinventor.mit.edu/ai2/tutorials
 +
* http://appinventor.mit.edu/explore/
 +
* http://appinventor.mit.edu/explore/get-started
 +
* http://appinventor.mit.edu/explore/ai2/tutorials
 +
* http://appinventor.mit.edu/explore/ai2/hellopurr.html
 +
* http://appinventor.mit.edu/explore/ai2/magic-8-ball.html
 +
* http://appinventor.mit.edu/explore/ai2/molemash.html
 +
* http://appinventor.mit.edu/explore/ai2/paintpot-part1.html
 +
* http://appinventor.mit.edu/explore/ai2/paintpot-part2.html
 +
* http://appinventor.mit.edu/explore/ai2/piccall.html
 +
* http://appinventor.mit.edu/explore/ai2/get-gold.html
 +
* http://appinventor.mit.edu/explore/ai2/minigolf.html
 +
* http://appinventor.mit.edu/explore/ai2/space-invaders.html
 +
* http://appinventor.mit.edu/explore/paint-pot-extended-camera.html
 +
* http://appinventor.mit.edu/explore/ai2/molemash-2.html
 +
* http://appinventor.mit.edu/explore/ai2/location-sensor.html
 +
* http://www.appinventor.org/content/howDoYou/location/distance
  
 
===File Contoh===
 
===File Contoh===
  
 +
* http://appinventor.mit.edu/explore/ai2/tutorials.html
 
* http://www.appinventor.org/bookFiles
 
* http://www.appinventor.org/bookFiles
 +
* http://www.appinventor.org/content/howDoYou/location/latLong
  
 
==Referensi==
 
==Referensi==
Line 61: Line 96:
 
* http://appinventor.mit.edu/explore/
 
* http://appinventor.mit.edu/explore/
 
* https://docs.google.com/document/d/124V0q-Jzs8n9LqAlFKnSWxGLei_KZAUQGJUZwlALVws/edit?hl=en_US&pli=1
 
* https://docs.google.com/document/d/124V0q-Jzs8n9LqAlFKnSWxGLei_KZAUQGJUZwlALVws/edit?hl=en_US&pli=1
 +
 +
===Download SumberDaya Gratisan===
 +
 +
* http://www.wavsource.com/animals/animals.htm
 +
* http://www.wavsource.com/stuff.htm
 +
* https://pixabay.com/
 +
* https://pixabay.com/en/photos/?q=funny&image_type=&cat=&order=
 +
* http://www.freeimages.com/
 +
* http://www.freepik.com
  
 
==Pranala Menarik==
 
==Pranala Menarik==
  
 
* [[Pemrogramman Android]]
 
* [[Pemrogramman Android]]
 +
* [[AppInventor: Tutorial Membuat Tombol dan Bereaksi]]
 +
* [[AppInventor: Input text]]
 +
* [[AppInventor: Tutorial Start dan Stop File Sound]]
 +
* [[AppInventor: Tutorial Kirim SMS]]
 +
* [[AppInventor: Tutorial Menerima SMS dan Menyuarakan SMS]]
 +
* [[AppInventor: Tutorial Mengirim Automatis SMS Lokasi Handphone]]
 +
* [[AppInventor: Tutorial Print Lokasi]]
 +
* [[AppInventor: Menghitung Jarak dan Arah dari GPS]]
 +
* [[AppInventor: Menampilkan Lokasi di Google Map]]
 +
* [[AppInventor: Menampilkan Orientasi Handphone]]
 +
* [[AppInventor: Tutorial List]]
 +
* [[AppInventor: Membuat Daftar / List 1]]
 +
* [[AppInventor: Membuat Daftar / List dengan Tombol Previous]]
 +
* [[AppInventor: Membuat Daftar / List]]
 +
* [[AppInventor: Membuat Daftar Booking]]
 +
* [[AppInventor: MathBlaster]]
 +
* [[AppInventor: TinyDB]]
 +
* [[AppInventor: Memperoleh Consumer dan ConsumerSecret Key]]
 +
* [[AppInventor: Twitter]]
 +
 +
 +
===Connect Web MySQL===
 +
 +
* https://puravidaapps.com/mysql.php
 +
* [[AppInventor: Menyiapkan Server Apache dan MySQL]]
 +
* [[AppInventor: Connect ke MySQL]]
 +
* [[AppInventor: Post Data ke MySQL]]
 +
* [[AppInventor: Put Data ke MySQL]]
 +
* [[AppInventor: Pemakaian CloudDB]]
 +
 +
==IoT==
 +
 +
* [[AppInventor: Orientation dan Proximity Sensor]]
 +
* [[AppInventor: LightSensor]]
 +
 +
==Alternatif Menarik==
 +
 +
* https://www.kodular.io/

Latest revision as of 10:06, 30 January 2024

App Inventor adalah sebuah aplikasi web open-source yang awalnya disediakan oleh Google, dan sekarang dikelola oleh Massachusetts Institute of Technology (MIT).

Hal ini memungkinkan pendatang baru untuk pemrograman komputer untuk membuat aplikasi perangkat lunak untuk sistem operasi Android (OS). Menggunakan antarmuka grafis, sangat mirip dengan Scratch dan user interface StarLogo TNG, yang memungkinkan pengguna untuk drag-and-drop objek visual untuk membuat aplikasi yang dapat berjalan pada perangkat Android. Dalam menciptakan App Inventor, Google menarik pada penelitian yang signifikan sebelum di komputasi pendidikan, serta pekerjaan yang dilakukan dalam Google pada lingkungan pengembangan online.

App Inventor dan proyek-proyek yang didasarkan diinformasikan oleh teori-teori pembelajaran konstruksionis, yang menekankan bahwa program dapat menjadi kendaraan untuk terlibat ide kuat melalui pembelajaran aktif. Dengan demikian, itu adalah bagian dari gerakan yang sedang berlangsung di komputer dan pendidikan yang dimulai dengan karya Seymour Papert dan Logo Grup MIT pada tahun 1960 dan juga telah terwujud dengan pekerjaan Mitchel Resnick pada Lego Mindstorms dan StarLogo.


Persiapan Komputer

Alternatif lain,

  • Bisa di coba menggunakan Chrome di SmartPhone.
  • Jadi komputer bisa tidak perlu dipakai.

Persiapan SmartPhone

  • Android Operating System 2.3 ("Gingerbread") atau yang lebih tinggi.
  • Pastikan sambungan ke Internet Lancar.
  • Install apps QR-code reader dari playstore.
  • Ijinkan Setting > Unknown Sources - di contreng.

Jika sudah selesai jangan lupa untuk dibuang lagi contreng-nya.

Menjalankan Apps Contoh

Di Komputer

  • Login ke http://ai2.appinventor.mit.edu/
  • Klik Gallery
  • Pilih Apps > Klik OPEN THE APPS
  • Pilih Build > Pilih "App (provide QR code for .apk)"
  • Tunggu beberapa saat sampai keluar QR-Code

Di SmartPhone

  • Scan QR Code - untuk install di HP

Mulai Programming

  • Klik Blocks (sebelah ujung kanan) untuk memasukan koding
  • Klik Designer untuk design tampilan.

Membuat apk

Untuk langsung ke SmartPhone

  • Klik Build > App (provide QR code for .apk)

Untuk Save ke komputer

  • Klik Build > App (save .apk to my computer)
  • file .apk akan di download ke folder Downloads

Belajar

Tutorial

File Contoh

Referensi

Download SumberDaya Gratisan

Pranala Menarik


Connect Web MySQL

IoT

Alternatif Menarik