Membuat Aplikasi Web Sederhana dengan Python dan Flask

Oleh Dhiecoderweb Desember 10, 2024 Posting Komentar

Membuat Aplikasi Web Sederhana dengan Python

Python tidak hanya digunakan untuk analisis data atau pengembangan perangkat lunak, tetapi juga sangat populer untuk membangun aplikasi web. Dengan berbagai framework yang tersedia, seperti Flask dan Django, Python mempermudah proses pengembangan aplikasi web dari dasar hingga tingkat lanjut. Dalam artikel ini, kita akan membahas langkah-langkah sederhana untuk membuat aplikasi web dengan framework Flask.

Apa Itu Flask?

Flask adalah microframework untuk Python yang ringan dan mudah digunakan. Flask cocok untuk pemula karena strukturnya yang sederhana, namun cukup kuat untuk menangani aplikasi web yang kompleks.

Kelebihan Flask:

Mudah dipelajari.
Memberikan kebebasan dalam mengatur proyek.
Memiliki komunitas besar dan dokumentasi lengkap.

Langkah-Langkah Membuat Aplikasi Web dengan Flask

1. Instalasi Flask

Pertama, pastikan Python sudah terinstal di komputer Anda. Jika belum, unduh dari python.org.

Kemudian, instal Flask menggunakan pip:

pip install flask

2. Membuat Proyek Baru

Buat folder baru untuk proyek Anda. Misalnya:


mkdir aplikasi_web
cd aplikasi_web

Di dalam folder ini, buat file bernama app.py.

3. Menulis Kode Dasar Flask

Berikut adalah kode dasar untuk memulai aplikasi Flask:


from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return "Selamat datang di aplikasi web sederhana dengan Flask!"

if __name__ == '__main__':
    app.run(debug=True)

Penjelasan:

@app.route('/'): Menentukan URL utama (root) aplikasi.
app.run(debug=True): Menjalankan server Flask dengan mode debug aktif, sehingga memudahkan pengembangan.

4. Menjalankan Aplikasi

Jalankan aplikasi dengan perintah berikut:


python app.py

Buka browser dan akses http://127.0.0.1:5000. Anda akan melihat pesan "Selamat datang di aplikasi web sederhana dengan Flask!".

5. Menambahkan Halaman Lain

Anda dapat menambahkan lebih banyak halaman ke aplikasi. Contohnya:

@app.route('/tentang')
def tentang():
    return "Ini adalah halaman tentang kami."

Sekarang, jika Anda mengakses http://127.0.0.1:5000/tentang, Anda akan melihat halaman baru.

6. Membuat Template HTML

Untuk membuat halaman yang lebih menarik, Anda bisa menggunakan file HTML. Flask mendukung templating dengan Jinja2.

Buat folder bernama templates di dalam folder proyek Anda.

Di dalam folder templates, buat file index.html:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Halaman Utama</title>
</head>
<body>
    <h1>Selamat datang di aplikasi web sederhana!</h1>
    <p>Ini adalah contoh aplikasi menggunakan Flask.</p>
</body>
</html>

Ubah fungsi home di app.py untuk merender template:


from flask import render_template

@app.route('/')
def home():
    return render_template('index.html')

7. Menambahkan Form Input

Tambahkan form untuk menerima input dari pengguna.

Buat file form.html di folder templates:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Input</title>
</head>
<body>
    <form action="/hasil" method="post">
        <label for="nama">Nama:</label>
        <input type="text" id="nama" name="nama" required>
        <button type="submit">Kirim</button>
    </form>
</body>
</html>

Tambahkan rute untuk menampilkan form dan memproses data:


from flask import request

@app.route('/form')
def form():
    return render_template('form.html')

@app.route('/hasil', methods=['POST'])
def hasil():
    nama = request.form['nama']
    return f"Terima kasih, {nama}!"

8. Menambahkan CSS untuk Tampilan

Tambahkan gaya ke halaman Anda dengan CSS. Buat folder bernama static di proyek Anda dan tambahkan file style.css:


body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 50px;
}

h1 {
    color: #4CAF50;
}

Hubungkan file CSS ini di file HTML Anda:


<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">

9. Men-deploy Aplikasi

Setelah aplikasi selesai, Anda bisa men-deploy aplikasi menggunakan platform seperti Heroku atau PythonAnywhere.

Membangun aplikasi web dengan Python menggunakan Flask adalah langkah awal yang menarik untuk memahami dunia pengembangan web. Dengan pendekatan sederhana dan fleksibilitas tinggi, Flask memungkinkan Anda mengembangkan aplikasi web sesuai kebutuhan. Dengan terus berlatih, Anda bisa mengembangkan aplikasi yang lebih kompleks dan bermanfaat. Selamat mencoba dan semoga sukses!

Dhidecoderweb | Tutorial Pemrograman Web