Difference between revisions of "Appinventor"

From OnnoWiki
Jump to navigation Jump to search
 
(71 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
A Young Adult's Reflections on App Inventor
+
App Inventor adalah sebuah aplikasi web open-source yang awalnya disediakan oleh Google, dan sekarang dikelola oleh Massachusetts Institute of Technology (MIT).
  
−
Ever try teaching computer science to a group of teenagers right after they get out of a long day at school? I would expect it to be remarkably difficult and frustrating. But that’s just what I did last week, and it was great. When I enrolled at Youth Radio three years ago as a 16-year-old interested in journalism, I had no idea that pretty soon I’d be teaching fellow teenagers how to create mobile apps.
+
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.
  
−
Lucky for us at the Youth Radio’s Mobile Action Lab, we have been able to use an amazing tool to get these students excited and focused. We host week-long Google App Inventor Workshops, to get hands-on experiences with mobile app development, and hopefully to spark an interest in computer science.
+
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.
  
−
Google App Inventor, now available to all, is web-based software that allows anyone--by anyone I mean non-computer scientists like me--to develop mobile applications. App Inventor uses pre-programmed blocks of code, so you don’t need to fully understand Java or Android SDK. You get to build fully functioning mobile apps that have images, links, use location-based services, and all those great features you use on your favorite apps every day.
 
  
−
We start our App Inventor Workshops by talking about what apps or mobile applications even are. Then we download and test some of the most popular and obscure apps on the market. App Inventor allows us to be hands-on and create apps using tutorials. After we are done following the tutorials, we develop an idea, and attempt to tackle the idea together using what we have learned from the tutorials and exploring the program.
 
  
−
There are three big steps in App Inventor. First you decide what you want your app to do, identify the needed components, and set the properties for each component. Second, you open the Blocks Editor, using blocks of codes connected like puzzle pieces, to make the components work. Third, test the app with your cell phone or an emulator. We prefer to use the cell phones, because it’s more fun that way, and it’s easier to test phone-specific functionality like shaking, tilting, or location-based services. Austin De Rubira, a member of the Mobile Action Lab, likens the process to trial and error: “You try something, and if it doesn't work, you fix it until it does work." De Rubira continues, “That was a really hands-on definition of the iterative development process. It definitely clicked in my mind and it really made a lot of sense to me. Iterative development is a very effective way to work on apps, and that's how I've been thinking about our entire process with the Mobile Action Lab."
+
==Persiapan Komputer==
  
−
Now several of us in the Mobile Action Lab have had enough hands-on time with App Inventor to start teaching it to the new students. It’s extraordinarily fulfilling to create an app that works. But when you can explain that process and help other members of our workshop successfully finish their apps, it is incredibly rewarding. Peer teaching is a major model here at Youth Radio: youth experts teaching youth. We in the Mobile Action Lab are becoming those Mobile App youth experts.
+
* Pastikan sambungan ke Internet lancar.
 +
* Browse / Login ke http://ai2.appinventor.mit.edu/
 +
* Gunakan account Google (gmail).
  
−
We have used Google App Inventor to prototype the AllDayApp (You can down load it from the Android Market!), and we plan to continue to use App Inventor to develop and prototype our future mobile app ideas.
+
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==
 +
 +
* https://sites.google.com/site/appinventor/projects
 +
* http://www.appinventor.org/content/CourseInABox/Intro
 +
* http://www.appinventor.org/content/CourseInABox/textingLocation
 +
* http://www.appinventor.org/content/CourseInABox/quizApps
 +
* http://www.appinventor.org/content/CourseInABox/procedures
 +
* http://www.appinventor.org/content/CourseInABox/userGenerated
 +
* 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===
 +
 +
* http://appinventor.mit.edu/explore/ai2/tutorials.html
 +
* http://www.appinventor.org/bookFiles
 +
* http://www.appinventor.org/content/howDoYou/location/latLong
  
 
==Referensi==
 
==Referensi==
  
−
* http://appinventoredu.mit.edu/developers-blogs/andrew/2011/nov/running-your-own-app-inventor-service
+
* http://www.appinventor.org/
−
* http://appinventoredu.mit.edu/download-jar-files
+
* http://www.appinventor.org/content/CourseInABox/Intro/courseinabox
−
* http://appinventoredu.mit.edu/sites/appinventoredu.mit.edu/files/appinventor-service-v61-Jan-20.zip
+
* 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

Retrieved from "https://onnocenter.or.id/wiki/index.php?title=Appinventor&oldid=70103"