Mengenal Designer Dan Blocks Editor Pada App Inventor 2

Setelah pada artikel sebelumnya kita membahas area kerja app inventor 2, selanjutnya pada artikel kali ini admin akan membahas lebih mendalam mengenai dua surface area kerja pada App Inventor 2 sebagai berikut: 

Sumber Gambar : Google

Designer 

Designer merupakan surface area kerja App Inventor two untuk mendesain tampilan (user interface) aplikasi. Area ini terdiri dari beberapa panel adalah Pallate, Viewer, Components, dan Properties.

Berikut ini yakni penjelasan dari beberapa panel tersebut:

1.Menu Bar, terdiri dari barisan menu-menu yang tersedia di App Inventor 2. Menu kafe terbagi dua baris adalah Menu Projects, Connect, Build, Help, My Projects, Gallery, Guide, Report an Issue, English linguistic communication dan User Profile. Sedangkan baris sajian kedua terdiri dari Add Screen, Designer as well as Blocks.  

• Menu Projects memiliki banyak sub sajian yang berfungsi untuk mengatur proyek aplikasi. Sub sajian tersebut mirip gambar dibawah ini. 
• Menu Connect berfungsi untuk menguji coba beberapa jenis koneksi aplikasi. Uji coba dilakukan melalui tiga buah koneksi yaitu: emulator, kabel data, atau WiFi. 
• Menu Build berfungsi terdiri dari two sub sajian yaitu App (Provide QR Code for. apk) dan App (Save .apk to my computer). sub menu App (Provide QR Code for. apk) berfungsi untuk membuat aba-aba QR dari Aplikasi.  Sedangkan sub sajian app berfungsi untuk membuat file paket aplikasi adalah file .apk. Berikut ini yakni gambar dari sajian tersebut. 
• Menu Help berfungsi untuk membantu pengguna (user) jikalau mengalamai masalah. Tampilan sub-sub sajian help dapat dilihat pada gambar berikut ini. 
• Menu My Projects berfungsi untuk menampilkan semua proyek aplikasi. 
• Menu Gallery berisikan galeri proyek aplikasi yang sudah jadi dan proyek tersebut mampu eksklusif dibuka di App Inventor. Berikut yakni tampilan menu Gallery. 
• Menu Guide  berfungsi untuk membuka pustaka/library App Inventor. Tampilan menu Guide dapat dilihat pada gambar dibawah ini. 
• Menu Report An Issue berfungsi untuk menunjukkan aneka macam permasalahan melalui MIT App Inventor Support Forum.
• Menu English linguistic communication berfungsi untuk memilih bahasa yang digunakan di App Inventor. Pada menu ini terdiri dari beberapa pilihan yang mampu dilihat pada gambar di bawah ini. 
• Menu User Profile berfungsi untuk menampilkan alamat e-mail yang digunakan pengguna untuk melakukan login  ke App Inventor. 
• Menu Add Screen berfungsi untuk menambah screen baru. 
• Menu Remove Screen berfungsi untuk menghapus screen terpilih. 
• Menu Designer berfungsi untuk membuka surface area designer, yaitu surface area untuk mendesain tampilan aplikasi.
• Menu Blocks  berfungsi untuk membuka surface area blocks editor, adalah surface area untuk mendesain susunan kode-kode program. 

2.Panel Palette merupakan panel yang berisi aneka macam jenis  komponen yang disediakan oleh App Inventor 2. Panel palette ini dibagi menjadi beberapa tab adalah User Interface, Layout, Media, Drawing & Animation, Sensors, Social, Storage, Connectivity, LEGO MINDSTORMS, Experimental, dan Extension. Berikut ini yakni tampilan dari panel palette. 

Tab-tab tersebut mampu dijelaskan sebagai berikut:

• Tab User Interface merupakan tab yang berisi komponen-komponen untuk mendesain tampilan aplikasi. Komponen-komponen tersebut mampu dilihat pada gabmar berikut. 
• Tab Layout merupakan tab yang berisi komponen-komponen visible di layar aplikasi. Komponen-kompenen tersebut mampu dilihat pada gambar berikut. 
• Tab Media merupakan tab yang berisi komponen-komponen multimedia, mirip kamera, pemutar video, pemutar musik, perekam suara, dan lain-lain. Tampilan nya mampu dilihat pada gambar berikut. 
• Tab Drawing as well as Animation merupakan tab yang berisi komponen-komponen untuk membuat objek bergambar dan animasi. Tampilannya mampu dilihat pada gambar berikut. 
• Tab Sensors meruapakan tab yang berisi komponen-komponen sensor, mirip sensor lokasi, orientasi, jarak dan lain-lain. Tampilannya mampu dilihat pada gambar berikut. 
• Tab Social merupakan tab yang berisi komponen-komponen untuk membuat aplikasi sosial mirip sms, email, twitter, panggilan telepon dan lain-lain. Tampilannya mampu dilihat pada gambar berikut. 
• Tab Storage merupakan tab yang berisi komponen-komponen untuk menyimpan file dan membuat aplikasi-aplikasi database. Tampilannya mampu dilihat pada gambar berikut. 
• Tab Connectivity merupakan tab yang berisi komponen-komponen untuk koneksi perangkat. Tampilannya mampu dilihat pada gambar berikut.

3.Panel Viewer merupakan panel yang berisi tampilan layar perangkat. Tampilan tersebut berfungsi untuk tempat mendesain user interface. Untuk tampilannya rekan-rekan mampu lihat eksklusif di interface App Inventor 2. 

4.Panel Components merupakan panel yang berfungsi untuk menampilkan seluruh komponen yang digunakan dalam berbagi aplikasi. Untuk tampilannya rekan-rekan mampu lihat juga eksklusif di interface App Inventor 2.

5.Panel Properties merupakan panel yang berfungsi untuk menampilkan properti/atribut screen maupun komponen. Untuk tampilannya rekan-rekan mampu lihat eksklusif di interface  App Inventor 2. 

6.Panel Media merupakan panel yang berfungsi sebagai media untuk mengunggah file-file suara maupun gambar yang dibutuhkan aplikasi ke server App Inventor 2. Untuk tampilannya rekan-rekan mampu lihat eksklusif di interface App Inventor 2. 

Blocks Editor 

Blocks editor merupakan surface area kerja App Inventor two yang berfungsi untuk menyusun blok-blok aba-aba program. Area ini terdiri dari two panel yaitu, panel blocks dan panel block viewer. 

Berikut ini yakni penjelasan dari kedua Panel:

1. Panel Blocks berisikan daftar blok aba-aba jadwal built-in (default) maupun aba-aba jadwal yang tersedia di masing-masing komponen. Daftar blok built-in dibagi ke dalam beberapa grouping adalah Control, logic, math, text, list, colors, variables dan procedures. Kelompok ini muncul di panel blocks. Sedangkan daftar blok komponen akan muncul jikalau pengguna menambahkan komponen tersebut ke jadwal aplikasi yang dibuat.  
2. Panel Block Viewer merupakan panel yang berfungsi sebagai temapat mendesain susunan blok-blok aba-aba program. Panel ini memilki surface area yang laus dan kita bebas meletakkan susunan blok-blok aba-aba jadwal di surface area ini. 

Sumber: ShopanSoft.com

Demikianlah information yang mampu admin bagikan bersumberkan dari shopansoft.com. Semoga bermanfaat dan salam satu data. 

Bagikan Artikel ini