Tutorial Pembuatan Aplikasi dengan Menggunakan MIT App Inventor

Tutorial membuat Aplikasi untuk membuka Elearning dan Sisfo dengan WebView menggunakan MIT App Inventor

      Jadi pada tutorial kali ini saya akan membuat aplikasi untuk membuka Elearning dan Sisfo menggunakan webview, kita akan langsung ke tutorialnya

Pertama kita Login ke MIT App Inventor terlebih dahulu, bisa lewat browser desktop anda, dan berikut step-stepnya:

Step 1.  Componen dan Desain Button

Pada component saya gunakan sebagai berikut:

Dan berikut isi dari component di atas :

Componen	Nama	Height	width	size
VerticalArrangement3	VerticalArrangement3	Automatic	Fill parent	-
VerticalArrangement1	VerticalArrangement1	Automatic	Fill parent	-
Button1	Elearning	Automatic	Fill parent	20
VerticalArrangement1	VerticalArrangement1	Automatic	Fill parent	-
Button2	Sisfo	Automatic	Fill parent	20

Dan untuk desain aplikasi sebagai berikut :

Step 2. Membuat Block (koding) Aplikasi

saya akan jelaskan sedikit tentang block yang akan kita buat, jadi ketika button Elearning atau Sisfo di click maka akan menuju ke screen yang telsh ditentukan :

Step 3 : membuat Screen baru untuk Elearning dan Sisfo

langkah selanjut nya kita akan membuat screen baru untuk Elearning dan Sisfo yang akan kita kasih webview nantinya:

Step 4 : menambahkan WebView di screen Elearning dan Sisfo

Nah sekarang kita ke pallete cari Webview kemudian Tarik ke halaman kerja kita  akan jadi seperti ini

Dan untuk terakhir masuk kan URL Link di screen Elearning dan Sisfo yang telah kita buat tadi bagian  Properties yang telah dimasukan webview di dalam nya :

Jika sudah selesai semuanya, maka aplikasi siap digunakan

Dan untuk hasil screen Elearning dan Sisfo yang telah kita buat tadi sebagai berikut  :

• Tampilan Elearning

• Tampilan Sisfo

Jadi sekian tutorial aplikasi webview dari saya, jika ada salah kata saya mohon maaf semoga tutorial ini bermanfaat bagi kalian semua.