Nama : Bagas Maulana

NPM : 2105040064

Prodi : S1 Teknik Informatika S1

LAPORAN PRAKTEK LOGIN FLUTTER

PEMPROGRAMAN MOBILE

Aplikasi Yang dibutuhkan sebagai Berikut

1. Flutter

2. Android studio
3. Visual Studio

4. Emulator From android studio

5. Install extension flutter dan dart pada visual studio code

 6. Node Js

7. Firebase

Mengecek Flutter dengan ‘Flutter doctor’

Membuat file flutter menggunakan extension pada visual studio code yang sudah
di download

Lalu menyambung emulator dengan visual code seperti di bawah :

Menjalankan dulu Hp/Emulator yang kita mau

Output:
File awal yang muncul adalah main.dart yang berisikan seperti ini:

Setelah sudah melihat file awal pilih/select device yang sudah kita jalankan tadi
dan langsung mendebug file awal

OUTPUT :

Melakukan ‘firebase login’ untuk menyambungkan aplikasi dengan firebase

Mengecek Project yang kita buat dengan ‘firebase project list’

OUTPUT :

Setelah Semua langkah langkah dilakukan dan tidak ada terjadi error. Sekarang
lakukan ‘ flutter run ‘ untuk melihat apakah setelah kita sambungkan dengan
firebase terjadi error atau tidak

OUTPUT:

Langkah Berikutnya membuat Tampilan awal Sebelum Login dan Register

Tampilan Register
Saat sudah memasukan data di register data tersebut akan langsung masuk ke data
firebase untuk menggunakan login jika sudah benar makan data langsung masuk
ke firebase seperti dibawah ini

Ini adalah data yang sudah di masukan tadi melalui register

Sekarang akan mencoba data yang sudah terdaftar untuk login

Sudah masuk berarti autentifikasi sudah berjalan dengan baik

Selanjutnya mengecek apakah dengan data yang berbeda masih bia untuk login
Setelah di coba terjadi error yang di sebabkan karna data tidak sesuai dengan yang kita
masukan tadi

Berikut adalah Fullcoding dari aplikasi di atas

File main.dart

File home.dart ( tampilan home setalah login atau register)

File pages.dart ( untuk menampung beberapa package)

File theme_shared (untuk mendefinisikan warna agar memudahkan saat

menggunakan warna)
File wellcomepage.dart (file login dan register menjadi 1 beserta autentifikasinya)