Postingan

ReactNative

Gambar
1. Apa itu mobile development/konsep mobile development ? 2. Apa itu ReactNative ? 3. Mengapa ReactNative banyak digunakan di industri ? 4. Software pendukung apa saja untuk mendukung pemrogramman ReactNative ?  Berikut penjelasan dan jawaban yang mudah dipahami untuk setiap pertanyaan. 1. Apa itu Mobile Development / Konsep Mobile Development Mobile Development adalah proses membuat aplikasi yang dapat dijalankan pada perangkat mobile seperti smartphone dan tablet , baik yang menggunakan sistem operasi Android maupun iOS . Konsep Mobile Development Konsep utama dalam mobile development adalah membuat aplikasi yang dapat memberikan pengalaman pengguna yang baik pada perangkat bergerak. Dalam prosesnya, developer harus memperhatikan beberapa hal, seperti: User Interface (UI) yang menarik dan mudah digunakan. User Experience (UX) agar aplikasi nyaman digunakan. Performa aplikasi agar berjalan cepat dan tidak mudah mengalami error. Keamanan data pengguna. Kompatibilitas dengan...

Membuat Aplikasi Pemesanan Kantin

Gambar
## Aplikasi Pemesanan Kantin SMKN 1 Banjar **Apa itu Aplikasi Kantin SMKN 1 Banjar?** Aplikasi Kantin SMKN 1 Banjar adalah platform pemesanan makanan online yang dirancang khusus untuk memudahkan siswa, guru, dan staf sekolah dalam memesan makanan dari berbagai kantin yang ada di lingkungan SMKN 1 Banjar. **Fitur Utama:** 1. **Daftar Kantin Lengkap** - Menampilkan seluruh kantin yang tersedia di sekolah beserta informasi singkat tentang jenis makanan yang dijual. 2. **Menu dan Harga Transparan** - Setiap kantin memiliki daftar menu lengkap dengan harga yang jelas, mulai dari makanan berat, snack, hingga minuman. 3. **Keranjang Gabungan** - Fitur unggulan yang memungkinkan pembeli memesan dari beberapa kantin sekaligus dalam satu pesanan. Tidak perlu repot pesan satu per satu. 4. **Form Pemesanan Praktis** - Cukup isi nama dan lokasi kelas untuk pengantaran, pesanan siap diproses. 5. **Integrasi WhatsApp** - Pesanan langsung dikirim ke WhatsApp kurir/jastip dengan format rincian yang le...

Membuat BMI Calculator dengan Flutter

Gambar
     https://z4c069y4d06.zapp.page/#/ by: Moch. Alfin Fauzan BMI-Moch. Alfin Fauzan: Aplikasi Praktis untuk Menghitung dan Memantau Kesehatan Tubuh Menjaga kesehatan tubuh kini menjadi lebih mudah berkat BMI-Moch. Alfin Fauzan , sebuah aplikasi inovatif yang membantu menghitung Body Mass Index (BMI) dengan cepat, akurat, dan praktis. Dengan aplikasi ini, Anda tidak hanya mengetahui nilai BMI, tetapi juga mendapatkan informasi lengkap tentang kategori berat badan, potensi risiko kesehatan, dan rekomendasi gaya hidup sehat. Apa Itu BMI? Body Mass Index (BMI) adalah metode sederhana untuk menilai apakah berat badan seseorang tergolong kurang, normal, berlebih, atau obesitas berdasarkan tinggi badan. Rumus BMI adalah: [ BMI = \frac{Berat\ Badan\ (kg)}{Tinggi\ Badan\ (m)^2} ] Mengetahui BMI penting karena dapat membantu Anda memahami kondisi tubuh secara menyeluruh, sehingga pola makan dan olahraga dapat diatur dengan lebih tepat. Mengapa BMI Penting? Mendeteksi Risiko Penya...

Membuat to do list sederhana

Gambar
  import 'package:flutter/material.dart'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       debugShowCheckedModeBanner: false,       title: 'To Do List',       home: const TodoPage(),     );   } } class TodoPage extends StatefulWidget {   const TodoPage({super.key});   @override   State<TodoPage> createState() => _TodoPageState(); } class _TodoPageState extends State<TodoPage> {   final TextEditingController _controller = TextEditingController();   final List<String> _tasks = [];   void addTask() {     if (_controller.text.isNotEmpty) {       setState(() {         _tasks.add(_controller.text);         _controller.clear();       }...

Membuat Tampilan Sederhana & Eksperimen

Gambar
Laporan Tugas Flutter: Implementasi UI Sederhana Menggunakan Column dan Row Identitas Nama: Mochammad Alfin Fauzan Mata Pelajaran: Pemrograman Mobile / Flutter Pendahuluan Flutter merupakan framework UI open-source dari Google yang digunakan untuk membangun aplikasi mobile dengan tampilan menarik dan responsif. Pada tugas ini, dilakukan pembuatan dua jenis tampilan antarmuka (UI) sederhana menggunakan Flutter, yaitu tampilan vertikal menggunakan Column dan tampilan horizontal menggunakan Row dengan tambahan efek visual seperti gradient dan icon. Tujuan Tujuan dari pembuatan tugas ini adalah: Memahami struktur dasar project Flutter. Mengimplementasikan widget AppBar , Column , dan Row . Membuat tampilan UI vertikal dan horizontal. Menerapkan styling sederhana seperti warna, gradient, icon, dan alignment. Membandingkan dua jenis tampilan UI dalam Flutter. Alat dan Bahan Software: Flutter SDK, Android Studio / Visual Studio Code Bahasa Pemrograman: Dart Library: Flutter Material La...

2 ARTIKEL PENGEMBANGAN GIM

Gambar
Artikel 1:Pengembangan Gim: Pengertian, Tahapan, dan Peran Tim Perkembangan teknologi digital membuat industri gim berkembang sangat pesat. Gim tidak hanya digunakan sebagai hiburan, tetapi juga sebagai media edukasi, simulasi, hingga sarana bisnis. Di balik sebuah gim yang menarik, terdapat proses panjang yang disebut pengembangan gim (game development). Pengertian Pengembangan Gim Pengembangan gim adalah proses pembuatan gim mulai dari perencanaan ide, desain, pemrograman, hingga gim siap dimainkan oleh pengguna. Proses ini melibatkan berbagai disiplin ilmu seperti desain grafis, pemrograman, audio, dan manajemen proyek. Tahapan Pengembangan Gim Secara umum, pengembangan gim terdiri dari beberapa tahap utama, yaitu: 1. Konsep dan Perencanaan Pada tahap ini, pengembang menentukan ide gim, genre, target pemain, serta platform yang digunakan (PC, mobile, atau console). 2. Desain Gim Tahap ini meliputi pembuatan alur cerita, karakter, level, mekanik permainan, dan antarmuka pengguna (UI)...

Kartu Profil Keren dengan Flutter

Gambar
Ingin membuat kartu profil digital yang keren dengan Flutter? Berikut ini adalah contoh **profil interaktif** dari Mochammad Alfin Fauzan, lengkap dengan hobi, cita-cita, dan tombol “Hubungi Saya” yang bisa langsung menampilkan email dan nomor HP. Kamu bisa menyesuaikan **foto, nama, hobi, dan kontak** sesuai kebutuhan. Tampilan Profil :         Link:  https://zk2ck06z5k2cl.zapp.page/#/ Nama: Mochammad Alfin Fauzan Sekolah: SMKN 1 Banjar – XI RPL 1 Hobi: Badminton, Ngoding, mendengarkan musik, mendesain UI/UX, eksplorasi teknologi baru Cita-cita: Menjadi software engineer profesional dan desainer UI/UX yang berpengaruh Kontak:   Email: [mochalfin.fauzan@gmail.com](mailto:mochalfin.fauzan@gmail.com)   Nomor HP: +62 89503167276 Tampilan profil menggunakan *warna merah maroon dan hitam*, dengan animasi ringan pada foto profil, card hobi dan cita-cita yang gradient, serta tombol interaktif untuk menghubungi langsung.   *Kode Flutter Lengkap* dart...