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
Kali ini penulis membahas tentang cara membuat aplikasi kalkulator sederhana 2 bilangan dengan Thunkable. Menurut KBBI, kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu.
Aplikasi kalkulator ini mengoperasikan 4 macam yakni penjumlahan, pengurangan, perkalian, dan pembagian. Operasi Matematika ini merupakan pondasi dasar untuk melanjuti belajar Matematika ke level lebih tinggi.
Langkah-Langkah :
1. Aktifkan web browser di komputer atau laptop anda.
2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.
Tampilan Dashboard Thunkable.
4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "calculatorapp1". Klik OK.
Tampilan Pembuatan Project Kalkulator Sederhana
5. Silahkan kamu melakukan perancangan tampilan seperti di bawah ini. Setelah itu, kamu membuat nama variabel masing-masing object yang sesuai dengan gambar di bawah ini.
7. Membuat Blok Program untuk OnCreate (pada saat pertama kali aplikasi dibuka).
Blok Program untuk OnCreate.
8. Membuat Blok Program untuk me-reset perhitungan.
Blok Program untuk me-reset perhitungan.
9. Membuat Blok Program untuk Penjumlahan.
Blok Program untuk penjumlahan.
10. Membuat Blok Program untuk Pengurangan.
Blok Program untuk pengurangan.
11. Membuat Blok Program untuk Perkalian.
Blok Program untuk perkalian.
12. Membuat Blok Program untuk Pembagian.
Blok Program untuk pembagian.
13. Klik Export >>> Pilihlah App targets API 26 atau App targets API 28. Tunggu beberapa saat sampai selesai download aplikasi tersebut.
Tampilan Ekspor APK.
14. Pasangkan aplikasi ke emulator atau smartphone Android langsung.
15. Berikut hasilnya.
Tampilan Hasil Pengujian Aplikasi.
Selesai.
Ini cocok bagi kamu yang malas belajar coding pakai Android Studio karena spesifikasi PC atau Laptop yang rendah atau bahasa kerennya laptop kentang :D dalam pengerjaan tugas dalam membuat aplikasi Android kalkulator sederhana baik itu tugas sekolah atau tugas kuliah dalam bentuk Kuis, UTS (Ujian Tengah Semester), UAS (Ujian Akhir Semester), TA (Tugas Akhir), bahkan Skripsi.
MINTA SOURCE CODE .AIA ?
EH! KAMU HARUS MEMBAYAR RP 20.000 saja. INI SOURCE CODE .AIA SUDAH JADI, BISA KAMU MODIFIKASI SESUKA KAMU!
Kali ini penulis membahas tentang cara membuat aplikasi kalkulator sederhana 2 bilangan dengan Thunkable. Menurut KBBI, kalkulator adalah alat untuk menghitung...
Menurut KBBI, Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu. Dengan adanya kalkulator, maka kita bisa menghitung baik itu dalam jumlah bilangan kecil maupun bilangan besar, seperti menghitung total pembayaran belanja, total perhitungan gaji bulanan, dan sebagainya. Kali ini, penulis akan membahas tentang cara membuat aplikasi kalkulator sederhana berbasis Android menggunakan Thunkable. Dari segi tampilan aplikasi sih masih simpel karena hanya menghitung 2 bilangan dalam operasi aritmatika dasar yakni penjumlahan (+), pengurangan (-), perkalian (*), dan pembagian (/). Ini sangat cocok bagi anda yang baru belajar membuat aplikasi mobile berbasis Android tanpa mengetik kode perintah (coding) sehingga anda tidak perlu capek-capek mengetik program sampai banyak baris. Anda bisa menonton video di bawah ini bagaimana cara cara membuat aplikasi kalkulator sederhana berbasis Android menggunakan Thunkable.
Penulis akan memberikan penjelasan atau keterangan (clue) dari tutorial video yang diatas. 1. Aktifkan web browser di komputer atau laptop anda.
2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage.
4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "calculatorapp1". Klik OK.
5. Merancang tampilan desain smartphone seperti pada gambar di bawah ini.
Tampilan Perancangan Desain Aplikasi Kalkulator.
Apabila anda masih bingung? Anda bisa menonton video tutorial yang telah disediakan di artikel ini klik disini.
6. Melakukan coding menggunakan block programming seperti pada gambar di bawah ini.
Tampilan Blok Program untuk Aplikasi Kalkulator.
Keterangan dari gambar masing-masing blok program a. Event program OnCreate().
Blok program untuk OnCreate pada Screen1.
Pada saat aplikasi kalkulator pertama kali dibuka oleh pengguna (user), maka tempat input data angka kedua bilangan dalam keadaan "0".
b. Tombol reset atau hapus.
Blok program untuk tombol reset atau hapus.
Pada saat mengklik tombol reset atau hapus akan terjadi penghapusan data hasil input dari total dari kedua bilangan beserta masing-masing tempat input data angka kedua bilangan dalam keadaan "0".
c. Tombol tambah / penjumlahan (+).
Blok programan untuk tombol tambah.
Setelah melakukan penginputan data angka pada bilangan 1 dan bilangan 2, maka ada terjadi eksekusi program yakni menjumlahkan kedua bilangan yang berdasarkan hasil dari penginputan data angka pada masing-masing kedua bilangan.
d. Tombol kurang / pengurangan (-).
Blok program untuk tombol kurang.
Setelah melakukan penginputan data angka pada bilangan 1 dan bilangan 2, maka ada terjadi eksekusi program yakni mengurangkan kedua bilangan yang berdasarkan hasil dari penginputan data angka pada masing-masing kedua bilangan.
e. Tombol kali / perkalian (*).
Blok program untuk tombol kali.
Setelah melakukan penginputan data angka pada bilangan 1 dan bilangan 2, maka ada terjadi eksekusi program yakni mengalikan kedua bilangan yang berdasarkan hasil dari penginputan data angka pada masing-masing kedua bilangan.
f. Tombol bagi / pembagian (/).
Blok program untuk tombol bagi.
Setelah melakukan penginputan data angka pada bilangan 1 dan bilangan 2, maka ada terjadi eksekusi program yakni membagikan kedua bilangan yang berdasarkan hasil dari penginputan data angka pada masing-masing kedua bilangan.
Jadi, hasil project kecilan ini berharap anda bisa mengembangkan dari aplikasi yang telah ada menjadi jauh lebih baik lagi. Ini cocok bagi kamu yang mencari referensi untuk mengerjakan tugas kuliah, sekolah, bahkan kursus. Tidak hanya itu, project kecilan ini juga bisa diterapkan dalam pengerjaaan skripsi atau tugas akhir (TA) bagi kamu mahasiswa yang semester tingkat akhir.
MINTA SOURCE CODE .AIA ?
EH! KAMU HARUS MEMBAYAR RP 20.000 saja. INI SOURCE CODE .AIA SUDAH JADI, BISA KAMU MODIFIKASI SESUKA KAMU!
Menurut KBBI, Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada...
Random (Pengacakan) adalah Random adalah suatu kumpulan sifat yang menjadikan dia seseorang yang patut memiliki nilai ketidakjelasan yang secara harfiah maupun etimologi secara umum (general) dalam memutuskan sesuatu yang pasti. Misalkan, pemilihan undian pada pembagian grup-grup dalam suatu pertandingan sepak bola, bola basket, cerdas cermat, dan lain-lain. Baiklah, penulis akan memberikan tutorial cara membuat aplikasi Random Number Sederhana dengan Thunkable. Disini, kamu bisa menerapkan aplikasi tersebut dalam menentukan pemilihan angka secara acak pada pengundian dalam mendapat hadiah Grand Prize pada aplikasi produk toko online (Marketplace).
Langkah-Langkah :
1. Aktifkan web browser di komputer atau laptop anda.
2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.
Tampilan Dashboard Thunkable.
4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "randomnumber1". Klik OK.
Tampilan Pembuatan Project Aplikasi.
5. Aturlah posisi tata letak pada Screen menjadi posisi tengah (Center : 2).
Tampilan Pengaturan Posisi Tata Letak pada Screen.
6. Masuki bagian User Interface, carilah Label untuk menampilkan hasil dari generate dalam pemilihan angka secara acak (random). Klik tahan pada Label lalu tarik ke layar Screen.
Tampilan Pembuatan Label.
7. Isikan teks pada Label tersebut dengan "Pemilihan Angka : " pada bagian Text. Kemudian, tekan Enter.
Tampilan Perubahan Teks pada Label.
8. Masuki bagian User Interface, carilah Button untuk memproses pemilihan angka secara acak (random) yang akan ditampilkan di dalam Label yang tadi. Klik tahan pada Button lalu tarik ke layar Screen.
Tampilan Pembuatan Button Generate.
9. Isikan teks pada Button tersebut dengan "Generate" pada bagian Text. Kemudian, tekan Enter.
Tampilan Perubahan Teks pada Button Generate.
10. Klik Blocks untuk memasuki Blocks Viewer dalam memulai dalam pembuatan program.
Tampilan Awal pada Blocks Viewer.
11. Klik kiri tahan mouse pada blok program Button1.Click(). Ini berguna untuk memproses pemilihan angka secara acak (random) antara 0 - 100.
Tampilan Pembuatan Blok Program Button1.Click().
12. Geserkan blok program tersebut ke Blocks view.
Tampilan Setelah Pembuatan Blok Program Button1.Click().
13. Klik kiri tahan mouse pada blok program Label1.setText(). Ini berguna untuk menampilkan hasil dari pemilihan angka secara acak (random) tadi.
Tampilan Pembuatan Blok Program Label1.setText().
14. Geserkan blok program tersebut ke dalam blok program Button1.Click().
Tampilan Setelah Pembuatan Blok Program Label1.setText().
15. Klik bagian block Math, klik kiri tahan mouse pada blok program Random Integer. Ini berguna untuk menentukan angka random antara nilai minimum dengan nilai maksimum.
Tampilan Pembuatan Blok Program Random Integer.
16. Geserkan blok program tersebut ke dalam blok program Label1.setText(). Aturlah nilai minimum itu bernilai "0" dan nilai maksimum itu bernilai "100" pada blok program Random Integer tersebut.
Tampilan Setelah Pembuatan Blok Program Random Integer.
17. 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.
18. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa saat sampai muncul tampilan dashboard emulator tadi.
19. Klik ikon Instal APK / APP tergantung dari nama emulator Android tersebut.
20. Berikut hasil pada tampilan awal pada aplikasi tersebut.
Tampilan Awal dalam Pembukaan Aplikasi.
21. Tampilan setelah di-generate dalam pemilihan angka secara random.
Tampilan Setelah Mengklik Generate untuk Memilih Angka Random.
Catatan : Dengan adanya blok program Random Integer, kamu bisa menentukan pemilihan angka secara acak (random) dengan nilai minimum dan maksimum yang telah kamu tentukan.
Pertanyaan : Apa blok program Random Integer tersebut bisa digunakan untuk menentukan pemilihan angka secara acak (random) dengan menggunakan nilai desimal? Apabila kamu telah temukan jawabannya. Silahkan komentar ya...! :)
Random (Pengacakan) adalah Random adalah suatu kumpulan sifat yang menjadikan dia seseorang yang patut memiliki nilai ketidakjelasan yang secara harfiah...
Pada sebelumnya, penulis telah membahas tentang teori penerapan beberapa button secara berdampingan baik itu secara vertikal maupun horizontal. Penerapan ini sangat berpengaruh dalam merancang tampilan beberapa object di dalam screen pada aplikasi Android. Baiklah, penulis akan memberikan tutorial cara menerapkan beberapa button saling berdampingan secara vertikal di dalam Thunkable. Penerapan ini biasanya membuat suatu kegiatan yang berkaitan dengan button pilihan level untuk aplikasi game.
Langkah-Langkah :
1. Aktifkan web browser di komputer atau laptop anda.
2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.
Tampilan Dashboard Thunkable.
4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "buttonberdampingan2". Klik OK.
Tampilan Pembuatan Project App.
5. Masuki bagian Layout, carilah layout Vertical Arrangement untuk mewadah dalam penerapan beberapa button saling berdampingan. Klik tahan pada Vertical Arrangement lalu tarik ke layar Screen. Aturlah tata letak vertikal (Align Vertical) menjadi "Center".
Tampilan Pembuatan Layout Vertikal untuk Penerapan Beberapa Button saling Berdampingan.
6. Aturlah ukuran layout tersebut sesuai keinginan kamu. Misalkan, ukuran layout tersebut width itu 96% dan height itu auto. Klik OK.
Tampilan Ukuran Width pada Layout Vertikal.
7. Masuki bagian User Interface, carilah Button untuk meletakkan ke dalam layout vertical yang telah dibuat sebelumnya. Klik tahan pada Button lalu tarik ke layar Screen. Lakukanlah penambahan 2 button lagi dengan cara yang sama.
Tampilan Pembuatan Beberapa Button ke dalam Layout Vertikal.
8. Aturlah warna background masing-masing ketiga button tersebut. Usahakan pemilihan warna background pada masing-masing button itu berbeda. Sedangkan warna teksnya, pilih warna putih (white).
Tampilan Setelah Memilih warna Background pada masing-masing Button.
9. 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.
10. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa saat sampai muncul tampilan dashboard emulator tadi.
11. Klik ikon Instal APK / APP tergantung dari nama emulator Android tersebut.
12. Kamu bisa melihat hasil penerapan beberapa button yang saling berdampingan secara vertikal pada emulator atau smartphone Android kamu.
Pada sebelumnya, penulis telah membahas tentang teori penerapan beberapa button secara berdampingan baik itu secara vertikal maupun horizontal. Penerapan...
Variabel SuperGlobals adalah variabel khusus di dalam PHP yang bisa diakses dari halaman PHP manapun tanpa perlu mendefinisikannya terlebih dahulu, dan untuk mengakses variabel ini kita juga tidak perlu menggunakan keyword global. Metode GET mengirimkan informasi penguna yang dikodekan yang ditambahkam permintaan halaman yang biasanya diambil dari address bar secara terangan. Halaman dan informasi dikodekan dan dipisahkan oleh karakter. Metode GET ini biasanya digunakan untuk pencarian data, penomoran navigasi halaman, dan sebagainya. Metode GET ini bisa diterapkan ke dalam Thunkable dengan bantuan komponen Web Viewer untuk menampilkan hasil pengiriman data yang hasil diinput ke dalam log server melalui metode GET. Tahap 1 : Membuat File PHP untuk $_GET (Method GET) 1. Buka situs http://www.000webhost.com. 2. Klik login (bagi yang udah memiliki akun atau mendaftar melalui Oauth) atau Sign Up (bagi yang belum memiliki akun tersebut) untuk mendapat hosting gratis. 3. Buatlah website baru agar hosting gratis bisa digunakan dengan klik Build Website. 4. Masukkan nama website tanpa spasi dan kode password. Ini berguna untuk mengakses FTP (File Transfer Manager). 5. Buka situs http://files.000webhost.com untuk melakukan akses FTP tadi. 6. Masukkan nama website dan kode password. Tekan Enter. Tunggu beberapa saat sampai muncul dashboard. 7. Klik New Files untuk membuat file baru. Setelah itu, masukkan nama file yakni "show_getphp.php". Tekan Enter. 8. Klik kanan pada file "show_getphp.php" >>> Pilih Edit. Tunggu beberapa saat sampai muncul tampilan editor. 9. Silahkan kamu ketikkan kode script di bawah ini :
10. Klik "Save" atau "Save & Close" untuk menyimpan hasil pengetikan tadi.
Tampilan Pembuatan File PHP untuk $_GET
Tahap 2 : Membuat Aplikasi Android dalam Penerapan $_GET (Method GET).
1. Aktifkan web browser di komputer atau laptop anda.
2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.
3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.
Tampilan Dashboard Thunkable.
4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "getphp1". Klik OK.
Tampilan Pembuatan Project App.
5. Masuki bagian Pallete yang User Interface, carilah widget TextBox untuk mengetik teks yang diinputkan dalam melakukan metode GET. Klik tahan pada TextBox lalu tarik ke layar Screen. Aturlah ukuran TextBox tersebut yang width-nya 96% dan height-nya auto. Kemudian, hilangkan Text Placeholder pada bagian opsi Hint dengan menghapus seluruh teks hint yang ada.
Tampilan Pembuatan Text Input.
6. Masuki bagian Pallete yang User Interface, carilah widget Web Viewer untuk mengakses situs web untuk memperoleh data dari metode GET. Klik tahan pada TextBox lalu tarik ke layar Screen.
Tampilan Pembuatan Situs Web untuk Memperoleh Data dari metode GET.
7. Isikan pada bagian Home URL yakni "http://www.google.com". Ingat! Harus pakai http atau https agar bisa meload website tersebut ke dalam Web Viewer ketika internet sedang aktif.
Tampilan Pengisian Situs Web untuk Homepage.
8. Masuki bagian Pallete yang User Interface, carilah widget Button untuk mengklik yang menampilkan hasil dari penginputan teks pada metode GET ke Web Viewer. Klik tahan pada Button lalu tarik ke layar Screen.
Tampilan Pembuatan Button untuk Mengklik yang Menampilkan Hasil Penginputan Teks.
9. Ubahlah teks pada Button menjadi "Generate". Tekan Enter. Ubahlah warna teks menjadi "black".
Tampilan Perubahan Pengeditan Objek Button.
10. Klik kiri tahan mouse pada blok program Button1.Click(). Ini berguna untuk melakukan generate dalam menampilkan data $_GET.
Tampilan Pembuatan Blok Program Button1.Click().
11. Geserkan blok program tersebut ke Blocks view.
Tampilan Setelah ditambahkan Blok Program Button1.Click().
12. Klik kiri tahan mouse pada blok program Web_Viewer1.GoToUrl.url(). Ini berguna untuk memanggil situs web yang akan ditampilkan dalam menampilkan data dari metode GET.
Tampilan Pembuatan Blok Program Web_Viewer1.GoToUrl.url().
13. Geserkan blok program tersebut ke dalam blok program Button1.Click().
Tampilan Setelah ditambahkan Blok Program Web_Viewer1.GoToUrl.url().
14. Klik kiri tahan mouse pada blok program Join. Ini berguna untuk menampung beberapa kata yang akan ditampilkan dalam menampilkan data dari metode GET.
Tampilan Penambahan Blok Program Join.
15. Geserkan blok program tersebut ke dalam Blok Program Web_Viewer1.GoToUrl.url().
Tampilan Setelah ditambahkan Blok Program Join.
16. Klik kiri tahan mouse pada blok program teks kosong. Ini berguna untuk mengisi situs web yang akan ditampilkan dalam menampilkan data dari metode GET.
Tampilan Pembuatan Blok Program Kosong untuk Mengisi Situs Web.
17. Geserkan blok program tersebut ke dalam Blok Program Join yang pertama. Isikan situs website yakni "http://www.namawebsite.com?show_getphp.php?fullname=". Namawebsite ini dimaksudkan nama situs website kamu.
Tampilan Pengisian Situs Web.
18. Klik kiri tahan mouse pada blok program getTextBox1.Text(). Ini berguna untuk mengisi atau menampung data dari TextBox1 melalui metode GET.
Tampilan Pembuatan getTextBox1.Text().
19. Geserkan blok program tersebut ke dalam Blok Program Join yang kedua.
20. 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.
21. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa saat sampai muncul tampilan dashboard emulator tadi.
22. Klik ikon Instal APK / APP tergantung dari nama emulator Android tersebut.
23. Berikut hasil pada tampilan awal pada aplikasi tersebut.
Tampilan Awal Aplikasi.
24. Hasil penampilan data $_GET setelah diinput dari TextBox dengan klik Generate.
Tampilan Hasil Generate untuk Metode GET.
Catatan : Pembuatan aplikasi ini, pastikan koneksi internet sedang aktif agar link situs website tersebut bisa bekerja dengan baik. Sekian. Terima kasih...
Variabel SuperGlobals adalah variabel khusus di dalam PHP yang bisa diakses dari halaman PHP manapun tanpa perlu mendefinisikannya terlebih dahulu, dan...