Mohon untuk bersikap bijak dalam setiap menyikapi infomasi dan berita yang beredar di internet karena tidak semua berita itu benar, terkadang di salah gunakan oknum tertentu untuk membuat kekacauan dan fitnah
» » Membuat Aplikasi Web Browser Sederhana #1 dengan Thunkable (Bagian 2)

Membuat Aplikasi Web Browser Sederhana #1 dengan Thunkable (Bagian 2)

on

Berita Anda, Halo Pengunjung blog dimanapun anda berada semoga kalian tetap dalam keadaan sehat, saat ini anda sedang membaca Artikel dengan judul Membuat Aplikasi Web Browser Sederhana #1 dengan Thunkable (Bagian 2), semoga bermanfaat dan selamat membaca

Tutorial kali ini akan membuat program dengan program blok (Block Programming) agar aplikasi web browser tersebut bisa berfungsi sebagaimana mestinya. Anda sendiripun bisa mengembangkan program sesuai dengan kreativitas anda.

Web Browser adalah salah satu aplikasi atau software yang memiliki fungsi untuk melakukan jelajahi internet dalam berbagai keperluan masyarakat, baik itu mencari informasi, video call, mengunduh suatu file tertentu, chatting, menggungah file tertentu, dan sebagainya.

Disini akan membuat sebuah project yaitu Aplikasi Web Browser sederhana. Jadi, anda seharusnya bisa membuat sebuah aplikasi meskipun sederhana, dengan tujuan dapat mengasah kemampuan anda dalam membuat aplikasi Android dengan Thunkable.

Langkah-Langkah:

25. Silahkan klik button Block untuk memasuki lembar kerja program untuk memulai lakukan program.

26. Klik Button1 >>> Klik tahan pada Button1.Click() dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Button1.Click().
27. Lepaskan klik mouse-nya.
Tampilan Hasil dari Blok Button1.Click().
28. Klik Web_Viewer1 >>> Klik tahan pada Web_Viewer1.GoToUrl_url() dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Web_Viewer1.GoToUrl_url().
29. Klik tahan dan geserkan pada Web_Viewer1.GoToUrl_url() dan masukkan blok tersebut ke dalam blok Button1.Click().
Tampilan Hasil dari Blok Web_Viewer1.GoToUrl_url().
30. Klik Text >>> Klik tahan pada Text join dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Text join.
31. Klik tahan dan geserkan pada Text join dan mengisi blok tersebut ke dalam blok Web_Viewer1.GoToUrl_url().
Tampilan Hasil dari Blok Text join.
32. Klik Text >>> Klik tahan pada blok Text yang masih kosong yang terletak paling atas dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Teks Kosong.
33. Klik tahan dan geserkan pada blok Text tersebut ke dalam blok Text Join yang bagian atas. Dan ketikkan "http://" di dalamnya. Ini berfungsi sebagai pelengkap alamat situs, karena tanpa itu, tampilan halaman situs tersebut tidak muncul atau loading mulu.
Tampilan Hasil Pengisian HTTP di dalam Blok Teks Kosong.
34.  Klik TextBox1 >>> Klik tahan pada TextBox1.getText() dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok TextBox1.getText().
35. Klik tahan dan geserkan pada blok TextBox1.getText() tersebut ke dalam blok Text Join yang bagian bawah. Ini adalah mengisi alamat situs yang berasal dari pengetikkan di kotak teks (text box).
Maaf kalau tidak ada gambar... :D

36. Klik Screen1 >>> Klik tahan pada Screen1.Initialize dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Screen1.Initialize().
37. Lepaskan klik mouse-nya.
Tampilan Hasil dari Blok Screen1.Initialize().
38. Klik Web_Viewer1 >>> Klik tahan pada Web_Viewer1.GoHome() dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Web_Viewer1.GoHome().
39. Klik tahan dan geserkan pada Web_Viewer1.GoHome() dan masukkan blok tersebut ke dalam blok Screen1.Initialize().
Tampilan Hasil dari Blok Web_Viewer1.GoHome().
40. Klik Screen1 >>> Klik tahan pada Screen1.BackPressed() dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Screen1.BackPressed().
41. Lepaskan klik mouse-nya.
Tampilan Hasil dari Blok Screen1.BackPressed().
42. Klik Control Build >>> Klik tahan pada blok IF-THEN... dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok IF-THEN...
43. Klik tahan dan geserkan pada blok IF-THEN... ke dalam blok Screen1.BackPressed().
Tampilan Hasil dari Blok IF-THEN...
44. Klik ikon setting untuk menambahkan suatu kriteria atau kondisi. Klik tahan pada blok else dan tarik ke dalam blok IF yang di sebelah kanan.
Tampilan Penambahan suatu Kriteria atau Kondisi.
45. Klik Web_Viewer1 >>> Klik tahan pada Web_Viewer1.CanGoBack() dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok Web_Viewer1.CanGoBack().
46. Klik tahan dan geserkan pada Web_Viewer1.CanGoBack() dan masukkan blok tersebut ke dalam blok kondisi yang bagian IF.
Tampilan Hasil dari  Blok Web_Viewer1.CanGoBack().
47. Klik Web_Viewer1 >>> Klik tahan pada Web_Viewer1.GoBack() dan tarik blok tersebut ke block view.
Tampilan Pemilihan  Blok Web_Viewer1.GoBack().
48. Klik tahan dan geserkan pada Web_Viewer1.GoBack() dan masukkan blok tersebut ke dalam blok kondisi yang bagian THEN.
Tampilan Hasil dari  Blok Web_Viewer1.GoBack().
49. Klik Control Build >>> Klik tahan pada blok close_application dan tarik blok tersebut ke block view.
Tampilan Pemilihan Blok close_application.
50. Klik tahan dan geserkan pada blok close_application dan masukkan blok tersebut ke dalam blok kondisi yang bagian ELSE.
Tampilan Hasil dari Blok close_application.
Penjelasan :
Pada Langkah 42 - 50 ini berperan untuk button back device smartphone Android ini melakukan kembali ke halaman sebelumnya pada situs website yang sedang aktif. Apabila ada penumpukan beberapa situs website, pasti dia akan melakukan go back ke halaman situs yang sebelumnya. Apabila tidak ada penumpukan situs website, maka langsung menutupi aplikasi tersebut.

51. Klik Export >>> App (save .apk to my computer) untuk mengkonversi ke aplikasi Android siap pakai (.apk) dan menyimpan ke dalam komputer. Tunggu beberapa waktu sampai aplikasi tersebut berhasil tersimpan di dalam komputer.

52. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa saat sampai muncul tampilan dashboard emulator tadi.

53. Klik ikon Instal APK / APP tergantung dari nama emulator Android tersebut.

54. Pilihlah file aplikasi (.apk) website mobile yang anda unduh (download) tadi. Klik Open, tunggu beberapa saat sampai terinstal dan buka aplikasi tersebut di dalam emulator Android.
Tampilan Aplikasi pada saat Membuka Aplikasi.

Tampilan Aplikasi pada saat Akses Situs Web dari kolom Alamat URL.

SELESAI!!!!

E-Book? Modul? Source Code AIA? Coming Soon... :D

Catatan :
Hati-hati untuk anda yang membuat website berbasis Android dengan Webview yang isinya Blogger, Youtube, atau produk Google lainnya, sering terjadi reject app ketika melakukan publish aplikasi ke Google Play Store. Usahakan, jangan menyisipkan situs website produk Google seperti blogger, youtube, dan lainnya. Apalagi aplikasi webview tersebut ada iklan AdMob, maka dipastikan tidak sedikit pengguna akun AdMob mengalami banned itu termasuk anda sendiri, karena anda menyisipkan link situs website produk Google, walaupun konten dari website itu milik anda. Anda masih beruntung apabila ID iklan aplikasi aja yang disable (dihentikan) dari pihak Google Adsense, berarti akun AdMob / AdSense anda masih aman.

Baca juga :

Sekian dari posting ini... Terima kasih... 
Labels: Project

Thanks for reading Membuat Aplikasi Web Browser Sederhana #1 dengan Thunkable (Bagian 2). Please share...!

0 Komentar untuk "Membuat Aplikasi Web Browser Sederhana #1 dengan Thunkable (Bagian 2)"

Back To Top