Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2

Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2 - Hallo sahabat Cerita Horror, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Android, Artikel Aplikasi, Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2
link : Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2

Baca juga


Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2


Cara Membuat Aplikasi Gudang Dengan App Inventor 2

Pada tutorial kali ini saya akan menjelaskan cara membuat aplikasi gudang dengan mit app inventor 2 lengkap dengan tinydb.

Tidak seperti pada tutorial-tutorial sebelumnya yang hanya berupa aplikasi sederhana yang hanya menggunakan satu data saja, kali ini berbeda, karena di aplikasi gudang ini akan membutuhkan lebih dari satu jenis data seperti data akun, barang, dan peminjaman.

Aplikasi gudang ini memiliki dua hak akses, yang pertama adalah petugas. Berfungsi untuk menginput data barang ke aplikasi dan memantau data-data yang masuk. Dan yang kedua adalah user, user dapat melakukan peminjaman barang.

Baca juga Cara Membuat CRUD di MIT App Inventor 2

Saya menggunakan TinyDB sebagai sarana penyimpanan untuk meminimalkan ukuran aplikasi dan agar aplikasi bisa berjalan secara offline.

Baca  Juga : Cara Membuat Login Dengan TinyDB Di MIT App Inventor 2

Untuk login sebagai petugas saya tidak menyediakan form tambah petugas, saya hanya melimit 1 akun petugas saja. Jadi ketika aplikasi pertama kali dijalankan akun petugas sudah dibuat terlebih dahulu.

Berikut langkah-langkah membuat aplikasi gudang dengan app inventor 2.

1. Membuat Desain Screen1 (Login)

Desain Halaman Login

Desain lah seperti pada gambar di atas dengan komponen-komponen yang tertera dan rename tiap item komponen persis sebagaimana gambar agar tidak bingung saat menyusun blok program.
(Note: Jangan lupa untuk non-visible components nya untuk dimasukkan juga).

2. Menyusun Blok Program Screen1

Blok Fungsi Login

Susunlah blok program sebagaimana gambar di atas dengan teliti agar aplikasi bisa berfungsi dengan benar. Pertama buatlah terlebih dahulu blok prosedur dengan nama fungsi_utama.

Blok Program Kontrol Screen1

Setelah itu susun blok untuk menkontrol aksi dari button daftar dan login sehingga dapat berfungsi.


Jika sudah, kemudian susunlah blok kontrol when Screen1 .initialize yang berfungsi untuk membuat akun petugas ketika aplikasi pertama kali dibuka. Pada set global tampung_akun kamu dapat merubah username, password dan nama sesuai keinginanmu pada item blok join yang ke 2 (username),4 (password),6 (nama).
Perlu diperhatikan lagi tanda logika ketika if get cek != true , bukan =.

3. Mendesain Screen Daftar

Desain Screen Daftar

Setelah selesai menyusun blok program Scrren1 kemudian buatlah screen baru dengan nama daftar dan desain screen daftar sesuai gambar di atas dengan komponen-komponen yang tertera. Kemudian jangan lupa untuk merename komponen nya.

4. Menyusun Blok Program Screen Daftar

Blok Fungsi Daftar

Buatlah prosedur dengan nama simpan_ke_database dan celar_text, nama dari kedua prosedur tersebut sesuai dengan fungsinya yaitu untuk menyimpan data ke database dan membersihkan form.

Blok Fungsi Daftar

Blok di atas merupakan fungsi utama dari screen daftar ini, di dalam blok tersebut pertama-tama kamu harus menampung data akun ke dalam variabel data_akun, kemudian mengecek apakah username sudah digunakan, jika belum maka simpan data ke database.

Blok Kontrol Daftar

Blok di atas berfungsi mengkontrol aksi ketika btn_simpan di klik, terlebih dahulu data akan divalidasi untuk mencegah kekosongan data.
Setelah blok sudah tersusun kemudian buatlah screen baru dengan nama home_petugas.

5. Mendesain Screen Home Petugas

Desain Home Petugas

Desainlah screen home_petugas seperti pada gambar di atas dengan komponen-komponen yang tertera.

6. Menyusun Blok Program Home Petugas

Blok Program Home Petugas

Susunlah blok seperti pada gambar di atas.
Buatlah prosedur bernama logout_confirm yang berfungsi untuk menampilkan konfrimasi sebelum melakukan logout. Kurang lebih blok-blok di atas hanya mengkontrol aksi dari masing-masing button.

7. Mendesain Screen Peminjaman

Desain Halaman Data Peminjaman

Buatlah screen baru dengan nama peminjaman. Kemudian desain screen seperti pada gambar di atas.

8. Menyusun Blok Program Screen Peminjaman

Blok Program Peminjaman

Susunlah blok seperti pada gambar di atas.
Fungsi dari blok when peminjaman .Initialize yaitu ketika screen peminjaman dibuka set Label2 dengan value dari list yang dikirim dari halaman sebelumnya melalui get start value dengan index ke 3 dan isi ListView1 dengan data dari database.

9. Mendesain Screen Add Barang

Desain Add Barang

Buatlah screen baru dengan nama add_barang. Lalu desain screen seperti pada gambar di atas.
Dengan komponen sebagai berikut.

Komponene Halaman Add Barang

Komponene Halaman Add Barang

10. Menyusun Blok Program Screen Add Barang

Blok Fungsi Add Barang

Blok Kontrol Add Barang

Susunlah blok seperti pada gambar di atas.
Penjelasan dari blok btn_simpan .Click yaitu pertama-tama screen akan menyembunyikan keyboard kemudian menyimpan data barang ke variabel data_barang kemudian melakukan pengecekan apakah nama barang sudah tersedia di database, jika belum maka akan memanggil prosedur simpan_ke_database untuk melakukan penyimpanan data ke database, lalu berpindah ke screen home_petugas.

11. Mendesain Screen List Barang

Desain Halaman List Barang

Buatlah screen baru dengan nama list_barang, kemudian desain screen seperti pada gambar di atas.

12. Menyusun Blok Program Screen List Barang

Blok List Barang

Susunlah blok seperti pada gambar di atas.
Blok di atas berfungsi untuk mengkontrol aksi btn_logout dengan menampilkan pesan konfirmasi dan blok when list_barang .Initialize berfungsi untuk melakukan set Label2 dengan value dari data yang dikirim dari halaman sebelumnya melalui get start value lalu menampilkan data barang dari database ke ListView1.

13. Mendesain Screen Home

Desain Halaman Home

Buatlah screen baru dengan nama home, lalu desain screen seperti pada gambar di atas.

14. Menyusun Blok Program Screen Home

Blok Home

Susunlah blok seperti pada gambar di atas.
Blok di atas kurang lebih hanya untuk menkontrol aksi dari masing-masing button.

15. Mendesain Screen Pinjam

Desain Halaman Pinjam

Buatlah screen baru dengan nama pinjam, lalu desain screen seperti pada gambar di atas.
Dengan komponen sebagai berikut.
Komponen Halaman Pinjam

Komponen Halaman Pinjam

Komponen Halaman Pinjam


16. Menyusun Blok Program Screen Pinjam

Blok Kontrol Pinjam

Haru diperhatikan lagi pada blok when pilih_barang .BeforePicking pada replacement Stok: kamu harus menuliskan text nya dengan (spasi)Stok:(spasi) tidak boleh hanya Stok: saja tanpa spasi diawal dan akhirnya.

Blok Fungsi Pinjam

Blok Fungsi Pinjam

Sama seperti pada blok when pilih_barang .BeforePicking , ketika set barang to split at text nya harus dituliskan seperti (spasi)Stok:(spasi).

Blok Kontrol Pinjam

Susunlah blok seperti pada gambar di atas.
Pada prosedur fungsi_utama data barang yang dipilih akan dimasukkan ke dalam variabel barang kemudian divalidasi dengan syarat jumlah pinjam tidak boleh lebih dari stok barang yang dipilih, jika jumlah pinjam tidak lebih dari stok maka akan mengupdate data barang dengan mengurangi jumlah stok barang dengan jumlah barang yang dipinjam, kemudian menyimpan data peminjaman dan screen akan berpindah ke screen home.

17. Mendesain Screen Histori

Desain Halaman Histori

Buatlah screen baru dengan nama histori, lalu desain screen seperti pada gambar di atas.

18. Menyusun Blok Program Screen Histori

Blok Histori

Susunlah blok seperti pada gambar di atas.
Blok di atas sama hal nya dengan fungsi pada blok program screen peminjaman,list_barang untuk menampikan data ke ListView.

Baca Juga : Cara Membuat Aplikasi Biodata Dengan App Inventor 2

Demikian tutorial cara membuat aplikasi gudang dengan app inventor 2. Semoga dapat memudahkan kamu dalam membuat aplikasi gudang berbasis android. Jika ada pertanyaan tuliskan di kolom komentar.


Demikianlah Artikel Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2

Sekianlah artikel Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2 kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2 dengan alamat link https://horrorgila.blogspot.com/2020/02/cara-membuat-aplikasi-gudang-dengan-mit.html

Subscribe to receive free email updates:

0 Response to "Cara Membuat Aplikasi Gudang Dengan MIT App Inventor 2"

Posting Komentar