Workshop Pemrograman

Perangkat Bergerak

Nama Lengkap : Mochammad Didin Asiyawan Syabani

Nrp : 3121510502
Prodi : D3PJJ IT A

Membuat database di php my admin\

Membuat api di php agar bisa diterima di flutter

Kemudian kita coba buka di browser apakahkodingan bisa menampilkan data

Buatlah file main.dart yang diarahkan ke file homepage.dart

File main.dart
Setelah itu pasang dependensi http

Buatlah file homepage.dart untuk menampilkan data dari database untuk dan ubah alamat databse
yang awalnya localhost menjadi ip address laptop kita
Karena saya memakai wifi maka saya menggunakan wirelass lan adapter wifi

Homepage.dart
Membuat api untuk menambahkan data pada databse

Kita cek apakah program berjalan dengan lancar

Tambahdata.dart

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class TambahData extends StatefulWidget {

const TambahData({super.key});

@override
State<TambahData> createState() => _TambahDataState();
}

class _TambahDataState extends State<TambahData> {

final formKey = GlobalKey<FormState>();
TextEditingController nisn = TextEditingController();
TextEditingController nama = TextEditingController();
TextEditingController alamat = TextEditingController();
Future _simpan() async {
final respone = await http
.post(Uri.parse('http://192.168.43.80/apiflutter/create.php'), body: {
"nisn": nisn.text,
"nama": nama.text,
"alamat": alamat.text,
});
if (respone.statusCode == 200) {
return true;
}
return false;
}

@override
Widget build(BuildContext context) {

return Scaffold(
appBar: AppBar(
title: Text("Tambah Data"),
),
body: Form(
key: formKey,
child: Container(
padding: EdgeInsets.all(10),
child: Column(
children: [
TextFormField(
controller: nisn,
decoration: InputDecoration(
hintText: "Nisn",
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
),
),
validator: (value) {
if (value!.isEmpty) {
return "Nisn Tidak Boleh Kosong";
}
},
),
SizedBox(
height: 10,
),
TextFormField(
controller: nama,
decoration: InputDecoration(
hintText: "Nama",
 border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
),
),
validator: (value) {
if (value!.isEmpty) {
return "nama Tidak Boleh Kosong";
}
},
),
SizedBox(
height: 10,
),
TextFormField(
controller: alamat,
decoration: InputDecoration(
hintText: "Alamat",
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
),
),
validator: (value) {
if (value!.isEmpty) {
return "alamat Tidak Boleh Kosong";
}
},
),
SizedBox(
height: 10,
),
ElevatedButton(
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20))),
onPressed: () {
if (formKey.currentState!.validate()) {
_simpan().then((value) {
if (value) {
final snackBar = SnackBar(
content: const Text('data berhasil disimpan'),
);
} else {
final snackBar = SnackBar(
content: const Text('data gagal disimpan'),
);
}
});
}
 },
child: Text("Simpan"))
],
),
)),
);
}
}

INI DIA TAMPILAN APLIKASINYA

UNTUK MENAMBAHKAN DATA KITA TEKAN TOMBOL +

KETIKA KITA MENAMBAHKAN DATA DAN MENEKAN TOMBOL SIMPAN MAKA DATA AKAN
OTOMATIS NASUK KEDALAM DATABASE YANG KITA BUAT
KEMUDIAN KITA MELAKUKAN RESTART UNTUK MENDAPAT UPDATE DATA TERBARU