Scribd Logo
Unggah

Selamat datang di Scribd!

  • La Gede Besok

    Diunggah oleh

    Wirawan Arif
    18 tayangan9 halaman
    Laporan praktikum membuat dan menguji aplikasi web login dan register sederhana menggunakan Flask yang berisi penjelasan tentang penggunaan Flask, membuat halaman login dan register, serta logika otentikasi pengguna."

    Deskripsi Asli:

    Judul Asli

    La gede besok

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Laporan praktikum membuat dan menguji aplikasi web login dan register sederhana menggunakan Flask yang berisi penjelasan tentang penggunaan Flask, membuat halaman login dan register, serta logika otentikasi pengguna."

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    18 tayangan9 halaman

    La Gede Besok

    Diunggah oleh

    Wirawan Arif
    Laporan praktikum membuat dan menguji aplikasi web login dan register sederhana menggunakan Flask yang berisi penjelasan tentang penggunaan Flask, membuat halaman login dan register, serta logika otentikasi pengguna."

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 9

    LAPORAN AKHIR PRAKTIKUM

    Mata Praktikum : Algoritma dan Pemrograman 2B

    Kelas : 1IA24

    Praktikum Ke- :2

    Tanggal : 2 Mei 2023

    Materi : Mengenal dan Membuat Flask

    NPM : 51422730

    Nama : Muhammad Yassin

    Ketua Asisten : Gede Oke

    Nama Asisten :

    Paraf Asisten :

    Jumlah Lembar : 9 Lembar

    LABORATORIUM TEKNIK INFORMATIKA

    UNIVERSITAS GUNADARMA

    2023
    LISTING
    Login

    Register
    LOGIKA

    Di lane pertama kita import Flask, request, render_template, dan url_for dari modul
    flask dan selanjutnya mengimport generate_password_hash dan check_password_hash dari
    modul werkzeug.security untuk menghasilkan hash password saat pengguna mendaftar, dan
    memeriksa hash tersebut saat pengguna mencoba untuk masuk. Setelah itu kita mengunakan
    objek Flask dengan variabel app dan menggunakan __name__ sebagai parameter. Kamus
    kosong disediakan untuk menyimpan informasi pengguna, yaitu daftar pasangan nama
    pengguna dan hash kata sandi.

    Pada lane selanjutnya kita buat fungsi login dengan @app.route dan mendefinisikan endpoint
    URL root (‘/’) dari aplikasi web dengan metode permintaan GET atau POST. Setelah itu jika
    permintaan POST maka username dan password akan disimpan di variabel users dari form yang diisi
    oleh user. Jika username dan password yang sudah diisi user cocok dengan hash yang disimpan variabel
    “users” maka akan menampilkan Welcome dan nama user dan jika username dan password tidak sama
    maka akan menampilkan Invalid username or password dan click back ke link yang akan kembali ke
    halaman login dan fungsi dari permintaan GET ini yaitu untuk menampilkan halaman login dengan
    menggunakan render_template.
    Berikutnya mendefinisikan endpoint URL /register pada aplikasi web dengan metode
    permintaan GET atau POST. Jika metode permintaan adalah GET maka aplikasi akan merender
    tampilan HTML yang terkait dengan endpoint tersebut menggunakan fungsi render_template().
    Jika metode permintaan adalah POST, maka aplikasi akan memproses data yang dikirimkan
    oleh pengguna untuk mendaftar. Jika username sudah ada di dalam daftar pengguna, aplikasi
    akan memberikan pesan "Username already take". Jika tidak, aplikasi akan menyimpan
    informasi pengguna yang baru mendaftar ke dalam daftar pengguna dengan password yang di-
    hash menggunakan generate_password_hash(). Setelah itu aplikasi akan memberikan pesan
    sukses dan meminta pengguna untuk melakukan login dengan menampilkan link untuk
    mengakses halaman login. Pada akhirnya, if __name__ == '__main__': akan menjalankan
    aplikasi Flask dalam mode debug.
    Selanjutnya kita buat HTML yang digunakan untuk membuat halaman login menggunakan
    framework Bootstrap 5. HTML ini akan ditampilkan pada fungsi login() pada file Flask. Pada
    bagian <head> terdapat beberapa tag meta untuk memberikan informasi mengenai halaman
    web, seperti charset, compatibility mode, dan viewport. Kemudian terdapat tag title yang
    digunakan untuk memberikan judul pada halaman. Pada bagian <body> terdapat elemen-
    elemen untuk membuat tampilan halaman login, seperti tag container, row, col-md-6, dan card.
    Pada form, terdapat input untuk username dan password dengan type="text" dan
    type="password". Terdapat juga tombol submit dengan type="submit" yang akan mengirim
    data ke fungsi login() pada Flask. Pada elemen terakhir <p class="text-center">, terdapat juga
    hyperlink untuk menuju halaman registrasi yang dibuat menggunakan Flask, dengan
    menggunakan tag a dan memanggil fungsi url_for('register').
    Selanjutnya kita buat halaman untuk web sign up. Halaman ini berisi form untuk mendaftarkan
    akun baru dengan memasukkan username dan password. Setelah memasukkan informasi pada
    form, pengguna dapat menekan tombol "Submit" untuk mengirimkan data ke server. Form ini
    akan mengirimkan data dengan method POST ke route /register. Pada halaman ini, terdapat
    juga hyperlink ke halaman login jika pengguna sudah memiliki akun. Hyperlink ini akan
    mengarahkan ke route /login menggunakan url_for dari Flask.
    OUTPUT

    register
    Jika username dan password salah

    Anda mungkin juga menyukai