LAPORAN

PRODUK KREATIF DAN KEWIRAUSAHAAN

MEMBUAT AKUN KODULAR

DISUSUN OLEH:

YUNIAR S

15155

XII TKJ 3

TEKNIK KOMPUTER DAN JARINGAN

UPT SMKN 1 BONE

TAHUN PELAJARAN 2021/2022

 PART 1

MENU MAKANAN

MEMBUAT APLIKASI ANDROID DELIVERY FOOD

A. Alat dan Bahan

a. Laptop/PC
b. Jaringan internet yang stabil
B. Langkah-langkah Membuat Aplikasi Delivery Food
1. Buka aplikasi Google dan klik website kodular

2. Setelah muncul tampilan berikut, klik Create Apps!

3. Setelah itu klik Create Project

4. Masukkan nama project baru yang akan dibuat (usahakan tidak
menggunakan spasi) seperti gambar berikut. Lalu klik next

5. Pada tampilan Configure Your Project, atur Android Version menjadi

Android 7.0 (API 26). Seperti gambar berikut. Kemudian klik Finish.

6. Setelah itu, akan muncul tampilan smartphone virtual seperti berikut.

7. Pada menu Palette klik User Interface, lalu drag label 1 ke icon di lanjut
dengan label 2 dan pilih menu image serta button, seperti gambar berikut
ini

8. Pada komponen Screen, tentukan properties sebagai berikut

9. Pada komponen label 1, tentukan properties sebagai berikut

10. Pada komponen label 2, tentukan properties sebagai berikut

11. Pada komponen image 1, tentukan properties sebagai berikut

12. Pada komponen button 1, tentukan properties sebagai berikut

13. Untuk menghilangkan kalimat screen 1 pada icon smartphone,
matikan centang properties pada Tittle Visible.

14. Langkah selanjutnya adalah pembuatan menu, klik add screen lalu pilih
create.
15. Pada screen 2 bukan centang Tittle Visible untuk menghilangkan
kalimat screen 2 pada icon.

16. Pilih menu User Interface ~ Layout ~ General, lalu drage icon
Horizontal Arragement. Pada menu properties, atur komponen tersebut
seperti gambar berikut.

17. Setelah itu tambahkan icon card pada horizontal. Dengan cara klik user
interface ~ layout ~ general, Lalu drag icon Card View.
18. Drag icon image pada card view. Dengan cara pilih user interface.

19. Lalu tambahkan card view pada horizontal.

20. Selanjutnya tambahkan image pada card view yang telah dibuat tadi
pada horizontal.
21. Kemudian atur horizontal pada properties.

22. Lalu atur semua card view pada properties.

23. Selanjutnya atur semua image pada properties.

24. Selanjutnya tambahkan icon horizontal, dengan cara klik user interface
~ layout ~ general. Dan atur properties sebagai berikut.

25. Kemudian kita atur horizontalnya untuk menu makanan yang

diinginkan. Tambahkan button ke dalam horizontal dan atur pada
properties sebagai berikut.

26. Selanjutnya ubah posisi button seperti gambar berikut.

27. Kemudian pada button ganti dengan menu makanan yang diinginkan.

28. Lalu ganti nama button sesuai dengan nama menu makanannya.

29. Kemudian tambahkan label pada atas menu seperti pada gambar.
30. Selanjutnya pindah pada icon Blocks.

31. Kemudian cari screen 2, klik screen 2 intialize windows, selanjutnya ke

image, cari set image picture lalu tambahkan text. Kemudian duplikat
set image picture sesuai pada dengan jumlah menu.

32. Pada teks cari URL (Uniform Resource Locator) dan salin link setiap
makanan yang diinginkan
33. Kemudian kembali pada Desaign, lalu tambahkan background pada
menu.

34. Selanjutnya ganti pada screen 1 dan atur Blocks. Lalu cari button 1, klik
when button 1 click, kemudian klik control dan cari open another
screen, lalu klik text dan pilih kolom pengisi teks.

35. Langkah selanjutnya Export desain dan tunggu hingga proses

penyimpanan selesai. Lalu akan muncul Scan Barcode.
 PART 2
PEMESANAN MAKANAN
1. Buka Screen Menu ayam rica-rica

2. Pilih Layout ~ Views. Drag icon Views ke dalam Screen.

3. Masuk ke google form untuk membuat daftar menu pemesanan seperti

pada tampilan
4. Kemudian membuat data pemesanan seperti pada tampilan

5. Kemudian memilih menu pemesanannya

6. Untuk menambahkan menu pertanyaan baru silahkan klik tambahkan

pertanyaan (+)
7. Setelah itu pilih menu minuman sesuai yang diinginkan dan upload

8. Salin link jawaban pada google farm ke Home url pada properties

9. Kemudian, lanjutkan langkah tersebut seperti pada awal pembuatannya

10. Langkah selanjutnya Export desain dan tunggu hingga proses
penyimpanan selesai. Lalu akan muncul Scan Barcode.
 PENUTUP
A. Kesimpulan
Kodular adalah situs web yang menyediakan tools yang menyerupai
MIT APP Inventor untuk membuat aplikasi Android dengan menggunakan
Block Programming. Dengan kata lain, Anda tidak perlu mengetik kode
program secara manual untuk membuat aplikasi android. Kodular inilah
yang menyediakan kelebihan fitur yakni kodular store dan kodular
extension (IDE) yang bisa memudahkan developer melakukan unggah
(upload) aplikasi android ke dalam kodular store, melakukan dalam
pembuatan blok program extension IDE sesuai dengan keinginan
developer.
B. Saran
Semoga laporan ini dapat dimanfaatkan dalam hal pembelajaran di
sekolah.