Difference between revisions of "Appinventor"

From OnnoWiki
Jump to navigation Jump to search
 
(56 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.
 +
* Browse / Login ke http://ai2.appinventor.mit.edu/
 +
* Gunakan account Google (gmail).
  
 +
Alternatif lain,
  
 +
* Bisa di coba menggunakan Chrome di SmartPhone.
 +
* Jadi komputer bisa tidak perlu dipakai.
  
===Persiapan di Ubuntu===
+
==Persiapan SmartPhone==
  
Referensi: http://appinventor.mit.edu/explore/ai2/linux.html
+
* 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.
  
sudo apt-get install lib32z1
+
Jika sudah selesai jangan lupa untuk dibuang lagi contreng-nya.
  
* Download http://commondatastorage.googleapis.com/appinventordownloads/appinventor2-setup_1.1_all.deb
+
==Menjalankan Apps Contoh==
  
cd ~/Downloads/
+
Di Komputer
sudo dpkg --install appinventor2-setup_1.1_all.deb.
+
* 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
  
* Jalankan
+
Di SmartPhone
 +
* Scan QR Code - untuk install di HP
  
/usr/google/appinventor/commands-for-Appinventor/aiStarter &
+
==Mulai Programming==
  
Akan keluar
+
* Klik Blocks (sebelah ujung kanan) untuk memasukan koding
 +
* Klik Designer untuk design tampilan.
  
Listening on http://127.0.0.1:8004/
+
==Membuat apk==
Hit Ctrl-C to quit.
 
  
 +
Untuk langsung ke SmartPhone
 +
* Klik Build > App (provide QR code for .apk)
  
===Persiapan di Handphone===
+
Untuk Save ke komputer
 
+
* Klik Build > App (save .apk to my computer)
* Sambungkan Handphone ke laptop via USB
+
* file .apk akan di download ke folder Downloads
* Install App Inventor Companion di Handphone
 
* Settings > Security > Unknown Sources di contreng agar bisa menjalankan aplikasi yang kita buat.
 
* Settings > Development > USB Debugging "on"
 
 
 
 
 
===Test Sambungan===
 
 
 
Web ke http://appinventor.mit.edu/test/
 
Pastikan:
 
 
 
Is aiStarter running?
 
YES, aiStarter v2.2 running!
 
Is your phone connected via USB?
 
YES, your phone is connected via USB!
 
  
 
==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 61: 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 73: 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