SUPLEMEN KULIAH MOBILE PROGRAMMING By : Tenia Wahyuningrum, S.Kom., MT

dokumen-dokumen yang mirip
MIT App Inventor 2 blok

App Inventor. Kartika Dwintaputri S, ST., MMSI

Membuat Aplikasi Android Menggunakan MIT App Inventor!

Modul Workshop Me buat Aplikasi Mobile A droid Ta pa Codi g. Daftar Isi

MODUL PELATIHAN PEMBUATAN APLIKASI. Menggunakan. Disusun Oleh: Riza Arifudin

IMPLEMENTASI APLIKASI MONITORING PENGENDALIAN PINTU GERBANG RUMAH MENGGUNAKAN APP INVENTOR BERBASIS ANDROID

Visual Basic 6.0 For Beginners

DASAR MENGGUNAKAN VISUAL BASIC 6.0

Mengenal & Menggunakan Google Drive

Praktikum 1 - Getting Started with Android

BAB III PERENCANAAN SISTEM DAN PERANCANGAN ALAT

PERTEMUAN KE 1 Pengenalan Aplikasi Mobile. Mahasiswa diharapkan dapat memahami dan mengetahui tentang aplikasi mobile.

FUNGSI GOOGLE DRIVE. Deni Nur Apriyatna. Abstrak. Pendahuluan.

RANCANG APLIKASI ANDROID PENGENDALI MOBIL DAN KAMERA MENGGUNAKAN APP INVENTOR

BAB I SEKILAS VISUAL STUDIO.NET 2008

Pemrograman Visual. Pengenalan Visual Basic. Sisilia Thya Safitri, MT Agus Priyanto, M.KOM

BAB III ANALISIS DAN PERANCANGAN

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG Pemrograman Berorientasi Objek 3 (Mobile And Web Programming)

Modul Praktikum Ke-1

Pengenalan VB.net. Ibnu Muakhori, S.Kom (wa)

Program Kalkulator Sederhana Menggunakan Java Netbeans

MODUL I PENGENALAN VISUAL BASIC.NET

BAB 2 LANDASAN TEORI

RANCANG APLIKASI ANDROID PENGENDALI MOBIL DAN KAMERA MENGGUNAKAN APP INVENTOR

1. MENGENAL VISUAL BASIC

5 Membuat Web Service dengan Azure

Aplikasi Augmented Reality Keadaan Geografis Negara di Asia Tenggara

SOFTWARE DEVELOMENT KIT (SDK) & DASAR PENGEMBANGAN APLIKASI MOBILE

Pengenalan VB.net Ibnu Muakhori

PEMROGRAMAN KOMPUTER KODE MODUL: TIN 202 MODUL IV PENGENALAN MICROSOFT VISUAL BASIC 6.0

Membangun Android Studio Dengan Gradle

BAB I PENDAHULUAN 1.1 Latar Belakang

BAB III ANALISIS DAN DESAIN SISTEM

Gambar tampilan file di Google Drive

MENGENAL VISUAL BASIC

Pelatihan Intel XDK. Modul 3. Pengenalan Intel XDK Development Tools. Dikembangkan oleh Intel Software.

Visual Basic (VB) Tatik yuniati. Abstrak.

DASAR PEMROGRAMAN VISUAL BASIC

BAB II LANDASAN TEORI

LAPORAN PRAKTIKUM BAHASA PEMOGRAMAN VISUAL. Asnita Meydelia C. K OFF E

MODUL I. A. Landasan Teori. Modul Praktimum Pemrograman Visual II D3 Manajemen Informatika UNIJOYO

2. Setelah proses download selesai, selanjutnya file Ai2LiveComplete.zip di-extract ke direktori C (Seperti Gambar dibawah ini).

BAHASA PEMROGRAMAN 2 PENGENALAN GAMBAS

Krisna D. Octovhiana. 1.1 Membuat User Interface (UI)

BAB I Pengenalan Visual Basic pada Pemrograman Akuntansi 1

BAB III PROSEDUR PELAKSANAAN

Memulai Google+ 2.1 Registrasi Google+

PRAKTIKUM ASP 5 MENGGUNAKAN SERVER CONTROL. Praktikum diambil berdasar Buku Pemrograman Web Dinamis dengan ASP.NET 4.5.

Instalasi Android SDK Maret 2012 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Platform : Windows XP, Eclipse

: Keterampilan Komputer dan Pengelolaan Informasi : Menginstal Tema dan Menulis Artikel (Pos) MENGINSTAL TEMA DAN MENULIS ARTIKEL (POS)

BAB 3 Mengenali Lingkup Pemrograman Anda

Modul Pengembangan Bahan Ajar Sosiologi Berbasis Teknologi Informasi Aplikasi Game Html 5 dengan Construct 2

BAB 2 LANDASAN TEORI

BAB III METODOLOGI PENELITIAN

VISUAL JAVA PROGRAMMING

BAB II LANDASAN TEORI. di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,

8. Berita Daftar Berita Tambah Berita Pengumuman Daftar Pengumuman Tambah Data Pengumuman Kotak Pesan...

BAB III ANALISA DAN PERANCANGAN

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

MANUAL PENGGUNAAN JANDROID

PANDUAN PENGELOLAAN SITUS WEB BPKP

BAB IV STUDI KASUS 4.1 Rumusan masalah 4.2 Pendekatan masalah

BAB I PENDAHULUAN 1.1 Latar Belakang

Tutorial Dasar Cara Membuat Blog

PENGENALAN NETBEANS Algoritma & Pemrograman 2016/2017 Hastha Sunardi 2016 PENGENALAN NETBEANS. (Pertemuan: K[-]/L[1])

PEMANFAATAN TEKNOLOGI AUGMENTED REALITY UNTUK PEMBELAJARAN CANDI CANDI DI INDONESIA PADA PLATFORM ANDROID

14 Upload Project ke Play Store

1.1 Perkembangan Foto Video

Menemukan & Berbagi Sumber Belajar

FEB Arduino IoT Bagian I Tutorial Arduino dan Blynk

M. Choirul Amri. 2.1 Membuat Project Baru.

Gunadarma University. Google Map API

Panduan Penggunaan Aplikasi incloud Bahasa Indonesia

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN UJI COBA

Praktikum Pemrograman 1. Mengenal Delphi

BAB 2 LANDASAN TEORI. Perangkat lunak adalah perintah ( program komputer ) yang bila dieksekusi

BAB IV IMPLEMENTASI DAN PENGUJIAN

MODUL PELATIHAN V.1.0 SISTEM E-LEARNING STT-HARAPAN BERBASIS MOODLE PENGGUNA : DOSEN

BAB 3 Mengenali Lingkup Pemrograman Anda

BAB 1 PENDAHULUAN. Perangkat lunak adalah istilah umum untuk data yang diformat dan disimpan secara

Rancang Bangun Aplikasi Location-Based Service Pencarian Lokasi Wisata Di Kota Semarang Berbasis Android

PANDUAN PELATIHAN E LEARNING DASAR

MODUL PENGABDIAN MASYARAKAT PENINGKATAN KREATIVITAS SISWA SMA INSTITUT INDONESIA DENGAN PENGENALAN TEKNOLOGI AUGMENTED REALITY 3D MENGGUNAKAN ANDROID

PENGEMBANGAN APLIKASI PERANGKAT BERGERAK (MOBILE)

BAB I KOMUNIKASI DALAM JARINGAN SINKRON

MODUL PELATIHAN Pembuatan Aplikasi

Bab 3 Metode dan Rancangan Sistem

PRESENTASI DENGAN PREZI

BAB III DESAIN DAN PERANCANGAN

Panduan Pengguna Mobile App APLIKASI GRATIFIKASI ONLINE (GOL)

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG Pemrograman Berorientasi Objek 3 (Mobile And Web Programming)

BAB IV ANALISA DAN PERANCANGAN

BAB II KAJIAN PUSTAKA

BAB I PENDAHULUAN. dengan adanya penerapan TIK untuk meningkatkan efisiensi pemerintah dalam

Pertama tama install terlebih dahulu java versi terbaru pada. atau didalam

Emulator Android Di Linux

MODUL PRAKTIKUM PEMROGRAMAN BERORIENTASI OBJEK. Maimunah, S.Si,M.Kom

BAB IV HASIL DAN UJI COBA

BAB 2 LANDASAN TEORI

Transkripsi:

SUPLEMEN KULIAH MOBILE PROGRAMMING By : Tenia Wahyuningrum, S.Kom., MT * Suplemen kuliah ini digunakan sebagai bahan belajar mahasiswa untuk mata kuliah mobile programming menggunakan MIT App Inventor. What is MIT App Inventor? MIT App Inventor merupakan pengenalan pemrograman inovatif bagi pemula, dan pembuatan aplikasi yang mengubah bahasa komplex pengkodean yang berbasis teks ke dalam visual, pembangungan menggunakan balok yang dapat drag dan drop. Antarmuka grafis yang sederhana memungkinkan pengguna pemula untuk membangun aplikasi dasar dengan fungsi yang lengkap tanpa membuang waktu, atau dengan waktu yang singkat. Mission Proyek MIT App Inventor berusaha untuk memungkinkan pengembangan perangkat lunak dengan memberdayakan semua orang, terutama orang-orang muda untuk bertransisi menjadi pencipta teknologi yang dapat digunakan. History Google's Mark Friedman dan seorang Professor dari MIT, Hal Abelson memimpin pengembangan App Inventor saat itu sementara Hal cuti dari Google pada tahun 2009. Pada awal pengembangannya, kontributor Google Engineer lainnya yang ikut andil di dalamnya adalah Sharon Perl, Liz Looney, dan Ellen Spertus. App Inventor berjalan sebagai layanan web yang dikelola oleh staf di MIT Center for Mobile Learning - sebuah kolaborasi dari MIT Ilmu Komputer dan Laboratorium Artificial Intelligence (CSAIL) dan MIT Media Lab. Today Pada tahun 2015, komunitas MIT App Inventor mendekati 3 Juta pengguna yang merepresentasikan 195 negara. Lebih dari 100.000 pengguna aktif mingguan yang membangun lebih dari 7 Juta aplikasi Android. Sebagai perangkat pengembang yang open source, mereka mencari pemrograman dan kreasi aplikasi yang dapat diakses pengguna dalam area yang luas, dan MIT App Inventor telah mendapatkan perhatian dari mereka. Pengguna-pengguna tersebut mewakili pendidik formal dan informal, pekerja pemerintahan dan sipil, serta relawan, desainer dan manager proyek, peneliti, penggemar dan pengusaha. Formal and informal educators Yaitu pengguna yang menggunakan MIT App Inventor untuk memperkenalkan pemrograman kepada siswa Ilmu Komputer, anggota klub sains, bimbingan belajar, dan peserta kemping musim panas. Banyak pendidik juga berawal dari menggunakan MIT App Inventor untuk membangun aplikasi yang dapat mendukung instruksi pembelajaran.

Government and civic employees and volunteers Yaitu pengguna yang memanfaatkan kekuatan dari MIT App Inventor untuk membangun aplikasi secara kustom, dan sering kali merupakan aplikasi lokal untuk merespon bencana alam dan berbagai kebutuhan dasar komunitas Designers and product managers Yaitu pengguna yang dapat melihat potensi MIT App Inventor yang memiliki dukungan pada desain proses melalui prototype cepat, pengujian dan iterasi. Researchers Yaitu pengguna yang menggunakan MIT App Inventor untuk membuat aplikasi kustom yang dapat memroses koleksi data dan kebutuhan analisis pada variasi yang luas dari medis maupun sosial. Hobbyists and Entrepreneurs Yaitu pengguna yang dengan cepat menubah ide menjadi aplikasi tanpa biaya ataupun menggunakannya untuk membuat proses kreasi dalam rangka belajar. Getting started with MIT App Inventor 2 App Inventor merupakan perangkat berbasis awan, yang memungkinkan semua pengguna membangun aplikasi pada web browser. App Invenor website mendukung pengguna dalam mempelajari bagaimana cara membuat aplikasi pengguna sendiri. App Inventor software atau service dapat diakses http://appinventor.mit.edu/ 1. To get started, go to App Inventor on the web Pengembangan aplikasi dimulai dengan mengetikkan http://appinventor.mit.edu/ pada web browser. Tampilan program akan menjadi seperti dibawah ini. Lalu, klik pada create apps! Sebuah tombol berwarna orange! 2. Log in to App Inventor with a gmail (or google) user name and password.

Selanjutnya, Anda akan dihadapkan pada tampilan akun google seperti gambar dibawah ini. Gunakan akun google yang telah Anda miliki untuk mengijinkan Anda mengakses aplikasi MIT App Inventor. Jika Anda belum memiliki akun google, maka Anda dapat membuat nya terlebih dahulu. Klik button Izinkan untuk masuk pada langkah selanjutnya. Jika ingin menambahkan akun lain, silakan klik pada link Masuk ke akun lain 3. Click "Continue" to dismiss the splash screen. Tampilan awal MIT App Inventor akan terlihat seperti gambar berikut ini. Splash Screen akan nampak pada layar, dan klik continue. 4. Start a new project. Buat project pertama Anda dengan klik start new project

Tuliskan nama projectnya : misalkan Hello World Semua project yang telah dibuat, dicatat tanggal pembuatan dan tanggal modifikasinya, serta keterangan published (yes/no). Tampilannya akan terlihat sebagai berikut : 5. App Inventor opens the Designer window Designer merupakan tempat untuk menciptakan FUI atau untuk melihat aplikasi Anda. Anda dapat memilih komponen seperti Button, Image, TextBox, dan beberapa komponen fungsional seperti Text-to-Speech, Sensor, dan GPS.

App Inventor Designer Pallete : Untuk memilih komponen dengan cara drag ke Viewer untuk menambahkan pada aplikasi. Pada pilihan pallete, dikelompokkan menjadi 8 kategori yaitu : User Interface, Layout, Media, Drawing and Animation, Sensors, Social, Storage, dan Connectivity.

6. The Blocks Editor Built-in Blocks dapat menangani berbagai macam event dan proses seperti math, logic, dan text. Berikut ini tampilan blocks yang dapat digunakan pada masing-masing komponen yang ditambahkan pada aplikasi Anda. Menggunakan blocks editor sangat mudah, karena Anda tidak perlu mahir dalam menulis program. Anda seperti memainkan puzzle yang ditata sedemikian rupa agar program dapat berjalan dengan baik. Sebelum Anda memasuki Blocks Editor, terlebih dahulu, pastikan komponen Anda telah diletakkan pada Designer. 7. Build Programs Anda dapat langsung mengeksekusi program dengan mendownload file apk pada komputer, atau dapat menjalankannya melalui emulator. Jalankan aplikasi pada HP atau smartphone Anda untuk dapat melihat reaksi dan hasil secara langsung. 8. Look at the result! Lihat hasil aplikasi Anda pada smartphone atau HP Anda, dan berilah penilaian pada aplikasi tersebut. Jika sudah cukup baik hasilnya, Anda dapat menguploadnya di App Store untuk dijual pada pengguna lain. Mudah bukan?