Skip to content
Home ยป Sesi 4: Pengenalan Flask – Membuat Web Aplikasi Sederhana

Sesi 4: Pengenalan Flask – Membuat Web Aplikasi Sederhana

  • by

Selamat datang di Sesi 4 kelas “Python for Beginners“! Pada sesi ini, kita akan memperdalam pemahaman tentang framework Flask dan belajar cara membuat web aplikasi sederhana menggunakan Flask. Kami akan menjelaskan langkah-langkah yang dibutuhkan untuk membuat aplikasi web yang dapat menerima permintaan dari pengguna dan memberikan respons sesuai dengan permintaan tersebut.

Membuat Aplikasi Kalkulator Sederhana dengan Flask

Dalam sesi ini, kita akan membuat aplikasi web sederhana menggunakan Flask yang berfungsi sebagai kalkulator. Aplikasi ini akan menerima input angka dan operasi matematika dari pengguna melalui halaman web, lalu akan menghitung hasilnya dan menampilkannya kembali kepada pengguna.

Berikut adalah langkah-langkah untuk membuat aplikasi kalkulator sederhana:

  1. Impor Modul Flask: Impor modul Flask agar dapat menggunakannya dalam aplikasi web Anda.
from flask import Flask, request, render_template
  1. Buat Objek Aplikasi: Buat objek aplikasi Flask.
app = Flask(__name__)
  1. Definisikan Rute dan Fungsi Tampilan: Tentukan rute dan fungsi tampilan untuk menerima input dari pengguna dan menghitung hasilnya.
@app.route('/')
def home():
    return render_template('index.html')

@app.route('/calculate', methods=['POST'])
def calculate():
    num1 = float(request.form['num1'])
    num2 = float(request.form['num2'])
    operator = request.form['operator']

    if operator == 'add':
        result = num1 + num2
    elif operator == 'subtract':
        result = num1 - num2
    elif operator == 'multiply':
        result = num1 * num2
    elif operator == 'divide':
        result = num1 / num2

    return render_template('result.html', result=result)
  1. Buat Template HTML: Buat template HTML yang akan digunakan untuk tampilan aplikasi web. Buatlah file index.html dan result.html yang mengandung form input dan tampilan hasil kalkulasi.
  2. Menjalankan Aplikasi: Jalankan aplikasi Flask dengan menggunakan perintah berikut.
if __name__ == '__main__':
    app.run()

Dengan mengikuti langkah-langkah di atas, Anda telah berhasil membuat aplikasi kalkulator sederhana dengan menggunakan Flask. Aplikasi ini akan menampilkan halaman web dengan form input untuk memasukkan angka dan memilih operasi matematika. Setelah pengguna mengirimkan formulir, aplikasi akan menghitung hasilnya dan menampilkannya kepada pengguna.

Latihan Praktis

Untuk melatih pemahaman Anda tentang materi yang telah dipelajari, lakukanlah latihan praktis berikut:

  1. Tambahkan validasi pada formulir input untuk menghindari kesalahan input yang tidak diinginkan, misalnya membagi dengan angka nol atau memasukkan input non-numerik.
  2. Kustomisasi tampilan halaman web dengan menggunakan CSS untuk memberikan tampilan yang lebih menarik dan user-friendly.
  3. Tambahkan operasi matematika lain seperti perpangkatan, akar kuadrat, atau operasi matematika lainnya sesuai dengan keinginan Anda.

Selamat! Anda telah berhasil membuat aplikasi web sederhana yang berfungsi sebagai kalkulator dengan menggunakan Flask. Dengan pemahaman ini, Anda dapat melanjutkan ke sesi berikutnya untuk mempelajari konsep yang lebih lanjut dalam pengembangan aplikasi web dengan Flask.

Materi berikutnya: Sesi 5: Membuat Tampilan Dinamis dengan Templating di Flask

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!