Postingan

TUGAS MEMBUAT APLIKASI KAS KELAS

Gambar
MEMBUAT APLIKASI KAS KELAS 1. Identitas Nama: EKA RAMDANI Kelas: XI RPL 2 2. Tujuan Praktikum Tujuan dari praktikum Flutter pembuatan aplikasi Kas Kelas ini adalah: 1. Memahami dasar pengembangan aplikasi menggunakan Flutter dan bahasa pemrograman Dart. 2. Menerapkan "Form", "TextFormField", dan "GlobalKey<FormState>" untuk membuat formulir input transaksi. 3. Memahami penggunaan "validator" untuk memvalidasi data sebelum disimpan. 4. Mempelajari cara menghitung total pemasukan, pengeluaran, dan saldo kas kelas. 5. Memahami navigasi ant halaman menggunakan "Navigator.push" serta menerapkan animasi transisi menggunakan "Hero". 3. Screenshot Aplikasi Pada bagian ini, ditampilkan beberapa screenshot hasil praktikum aplikasi Kas Kelas yang telah dibuat menggunakan Flutter di DartPad. A. Halaman Form Kosong Halaman form kosong merupakan tampilan awal untuk menambahkan transaksi baru. Pada halaman ini terdapat beberapa kolom i...

TUGAS MEMBUAT APLIKASI BIODATA

Gambar
TUTORIAL MEMBUAT APLIKASI BIODATA SISWA MENGGUNAKAN FLUTTER DAN DARTPAD 1. Pendahuluan Perkembangan teknologi membuat aplikasi mobile semakin banyak digunakan untuk membantu aktivitas sehari-hari, termasuk dalam pengelolaan data siswa. Salah satu contoh aplikasi sederhana yang dapat dibuat adalah aplikasi Biodata Siswa. Aplikasi Biodata Siswa merupakan aplikasi yang digunakan untuk menyimpan dan menampilkan informasi pribadi siswa, seperti nama, Nomor Induk Siswa (NIS), kelas, alamat, tanggal lahir, dan jenis kelamin. Pada tutorial ini, kita akan membuat aplikasi Biodata Siswa menggunakan Flutter dengan bahasa pemrograman Dart. Aplikasi ini memiliki beberapa fitur, seperti menambahkan data siswa, menampilkan daftar biodata, melihat detail siswa, mengedit data, dan menghapus data. Pembuatan aplikasi dilakukan menggunakan DartPad sehingga tidak memerlukan instalasi aplikasi pemrograman tambahan di komputer. 2. Tujuan Pembuatan Aplikasi Tujuan dari pembuatan aplikasi Biodata Siswa ini ada...

MEMBUAT APLIKASI KANTIN/JASTIP

Gambar
MATERI TENTANG MEMBUAT APLIKASI KANTIN/JASTIP 1. Judul Project “Aplikasi Kantin/Jastip Online” Aplikasi ini merupakan platform yang memudahkan pengguna untuk memesan makanan dan minuman dari kantin secara online, serta menyediakan layanan jasa titip (jastip) bagi pengguna yang ingin membeli makanan/minuman dari kantin tertentu tanpa harus datang langsung. 2. Latar Belakang Kantin merupakan salah satu tempat yang sering digunakan untuk membeli makanan dan minuman. Namun, pada kondisi tertentu, pengguna harus mengantre atau meninggalkan kelas/pekerjaan untuk membeli makanan. Selain itu, seseorang terkadang ingin membeli makanan dari kantin tertentu tetapi tidak dapat datang langsung. Kondisi tersebut dapat menjadi peluang untuk menyediakan layanan jasa titip (jastip). Oleh karena itu, dibuatlah aplikasi Kantin/Jastip yang memungkinkan pengguna untuk melihat menu, melakukan pemesanan, memilih metode pengambilan atau jastip, serta memantau status pesanannya. 3. Rumusan Masalah Beberapa per...

Flutter Dasar: Dari Kode Menjadi Aplikasi Profil Siswa”

Gambar
 BELAJAR FLUTTER DASAR DARI KODE MENJADI APLIKASI PROFIL SISWA ๐ŸŽฏ Tujuan Pada praktikum kali ini saya belajar mengenal dasar-dasar Flutter, terutama cara kerja file main.dart dan beberapa widget yang digunakan untuk membuat tampilan aplikasi. Saya juga mencoba membuat aplikasi sederhana berupa Profil Siswa RPL dengan menggunakan beberapa widget dasar Flutter. ๐Ÿ“– Mengenal Flutter Flutter adalah framework yang digunakan untuk membuat aplikasi dengan menggunakan bahasa pemrograman Dart. Flutter memiliki banyak widget yang dapat digunakan untuk membuat tampilan aplikasi. Widget-widget tersebut dapat disusun dan dikombinasikan sehingga menghasilkan tampilan sesuai dengan yang kita inginkan. Pada praktikum ini saya menggunakan DartPad untuk menulis dan menjalankan kode Flutter secara langsung melalui browser. ๐Ÿ—‚️ Mengenal main.dart Dalam aplikasi Flutter, main.dart menjadi salah satu file penting karena di dalamnya terdapat fungsi main() yang menjadi titik awal program. Ketika aplikasi d...

Membuat aplikasi to do list di dart pad

Gambar
MEMBUAT APLIKASI TO DO LIST DI DART PAD:DARI CODING HINGGA SIAP DI KEMBANGKAN MENJADI APLIKASI Membuat aplikasi mobile tidak selalu harus dimulai dengan proyek yang kompleks. Salah satu proyek sederhana yang cocok untuk belajar pemrograman aplikasi adalah To-Do List. Aplikasi To-Do List memungkinkan pengguna mencatat berbagai aktivitas atau pekerjaan yang harus dilakukan, kemudian menandai tugas tersebut sebagai selesai. Pada tutorial ini, kita akan belajar membuat konsep aplikasi To-Do List menggunakan DartPad. Setelah memahami struktur dan logikanya, project tersebut dapat dikembangkan lebih lanjut menggunakan Flutter hingga nantinya dapat di-build menjadi aplikasi Android atau APK. 1. Apa Itu DartPad? DartPad adalah editor kode online yang disediakan untuk menjalankan bahasa pemrograman Dart langsung melalui browser. DartPad cocok digunakan untuk belajar karena kita tidak perlu langsung menginstal berbagai software seperti Android Studio atau Visual Studio Code. DartPad dapat diguna...

MATERI PEMBELAJARAN FLUTTER — MEMAHAMI WIDGET

Gambar
           PEMBELAJARAN FLUTTER — MEMAHAMI WIDGET 1. Tujuan Pembelajaran Setelah mempelajari materi ini, peserta didik diharapkan mampu: 1. Menjelaskan pengertian widget pada Flutter. 2. Memahami fungsi widget dalam membangun aplikasi Flutter. 3. Membedakan "StatelessWidget" dan "StatefulWidget". 4. Mengenal beberapa widget dasar Flutter. 5. Membuat tampilan sederhana menggunakan widget. 6. Memahami konsep widget tree. --- 2. Pengertian Flutter Flutter adalah framework yang digunakan untuk membuat aplikasi dengan satu basis kode untuk berbagai platform, seperti Android, iOS, web, dan desktop. Flutter menggunakan bahasa pemrograman Dart. Salah satu konsep terpenting dalam Flutter adalah Widget. --- 3. Apa Itu Widget? Widget adalah komponen dasar yang digunakan untuk membangun tampilan dan perilaku aplikasi Flutter. Hampir semua bagian aplikasi Flutter merupakan widget, mulai dari: - Teks - Tombol - Gambar - Kotak atau container - Baris dan kolom - Halaman ap...

Membuat Aplikasi BMI Calculator di Flutter dengan Provider

Gambar
  MEMBUAT APLIKASI BMI CALCULATOR DI FLUTTER DENGAN FROVIDER   Membuat aplikasi sederhana adalah salah satu cara yang bagus untuk belajar Flutter. Pada tutorial kali ini, kita akan membuat BMI Calculator (Body Mass Index) menggunakan Flutter dan package Provider untuk mengelola state aplikasi. Aplikasi ini memungkinkan pengguna mengatur tinggi dan berat badan menggunakan slider, kemudian menghitung nilai BMI berdasarkan data tersebut. Apa Itu BMI? BMI atau Body Mass Index adalah salah satu metode sederhana untuk menghitung perbandingan berat badan terhadap tinggi badan. Rumus BMI adalah: BMI = berat badan (kg) / tinggi badan² (m) Sebagai contoh, seseorang dengan tinggi 170 cm dan berat 70 kg memiliki BMI sekitar 24,2. Pada aplikasi ini, hasil BMI dibagi menjadi tiga kategori sederhana: - Underweight — BMI ≤ 18,5 - Normal — BMI > 18,5 dan < 25 - Overweight — BMI ≥ 25 «Catatan: kategori BMI adalah penyederhanaan untuk kebutuhan aplikasi pembelajaran dan bukan diagnosis med...