Jurusan Informatika - Fakultas Teknologi Industri - Universitas Islam Indonesia
  • PROFIL
    • Visi dan Misi
    • Sambutan Ketua Jurusan
    • Struktur Organisasi
    • Dosen
    • Staf
    • Kontak
  • PROGRAM STUDI
    • Program Sarjana
      • Sambutan Kaprodi S1
      • Profil Lulusan
      • Kurikulum 2020
      • Capstone
      • Jalur Tahun Keempat
      • Informatics Expo
      • Informasi & Layanan
      • Prospektus S1
      • Mahasiswa
        • Informasi Akademik
        • Mahasiswa Baru S1 – 2022
        • New IP Students – 2022
        • S1 2021 – Reguler
        • S1 – 2021 – International Program
        • S1 – 2020
    • Program Magister
    • Program Doktor
    • International Program
    • Informatika PJJ
  • UNIT PENDUKUNG
    • Laboratorium
    • Pusat Studi
      • Pusat Studi Forensika Digital
      • Pusat Studi Informatika Medis
        • Visi-Misi
        • Struktur Organisasi
        • Mitra Kerjasama
        • Kegiatan
      • Pusat Studi Sistem Informasi Enterprise
      • Pusat Studi Sains Data
    • ITCentrum
    • Student Staff
    • Komunitas Mahasiswa
    • Lembaga Mahasiswa
  • KEMITRAAN
  • ARTIKEL
    • Pojok Dakwah
    • Pojok Informatika
  • Click to open the search input field Click to open the search input field Search
  • Menu Menu
  • Link to Instagram
  • Link to Facebook
  • Link to Youtube
Pojok Informatika

Membuat Aplikasi Web Sains Data dengan Mudah Menggunakan Streamlit

Streamlit!

Di dalam dunia sains data, terkadang kita merasa sedikit kerepotan ketika harus membangun aplikasi web dari model machine learning kita. Perlu upaya yang ekstra untuk mengimplementasikan aplikasi berbasis web jika kita menggunakan framework seperti Flask, Django, atau yang sejenisnya. Untungnya, saat ini telah ada sebuah framework berbasis web yang disebut dengan Streamlit.

Streamlit adalah sebuah framework berbasis Python dan bersifat open-source yang dibuat untuk memudahkan dalam membangun apikasi web di bidang sains data dan machine learning yang interaktif . Salah satu hal menarik dari framework ini adalah kita tidak perlu mengetahui banyak hal tentang teknologi web development. Kita tidak perlu dipusingkan tentang bagaiamana mengatur tampilan website dengan CSS, HTML, atau Javascript. Untuk menggunakan Streamlit, kita cukup memiliki modal dasar mengetahui bahasa Python saja.

Setelah ini, akan dijelaskan mengenai langkah-langkah instalasi dan fitur apa saja yang ada di dalam Streamlit.

Langkah Instalasi

  1. Pastikan bahwa anda sudah meng-install Python 3.6 atau versi yang setelahnya di komputer anda.
  1. Buka terminal dan install Streamlit menggunakan Pip.
    pip install streamlit 
  2. Coba cek hasil instalasi anda menjalankan ‘hello world’ app.
    streamlit hello 

    Setelah itu, anda akan melihat hasilnya pada tab baru di browser seperti terlihat pada gambar:

    Melalui halaman di atas, kita dapat melihat beberapa contoh demo dari aplikasi Streamlit. Untuk melihat demo, kita cukup memilih salah satu demo aplikasi dari fitur di bagian kiri “Choose a demo”. Di sana, ada beberapa contoh demo beserta source code yang disediakan seperti animasi, plotting, mapping, dan dataframe. Berikut adalah contoh demo untuk melakukan plotting data.

Secara umum, Streamlit memiliki beberapa fitur yang cukup lengkap. Fitur-fitur tersebut dapat digunakan untuk melakukan kontrol terhadap aplikasi web kita seperti slider, text input, checkbox, selectbox, dan sebagainya. Fitur-fitur tersebut dibuat dalam bentuk “API Reference” yang dapat diakses di sini.

Membuat Aplikasi Web Sederhana dengan Streamlit

  1. Buat sebuah file baru dengan nama my_streamlit.py.
  1. Pertama-tama kita akan meng-import beberapa library yang akan digunakan.
    import streamlit as st
    import pandas as pd
    import numpy as np
  1. Pada langkah ini, kita akan menambahkan selectbox widget pada bagian sidebar. Kita akan membuat tiga pilihan pada sidebar, ‘home’,’dataframe’, dan ‘chart’.
    option = st.sidebar.selectbox(
        'Silakan pilih:',
        ('Home','Dataframe','Chart')
    )
  1. Langkah berikutnya kita akan menampilkan halaman berdasarkan pilihan tersebut. Ketikkan perintah berikut ini:
    if option == 'Home' or option == '':
        st.write("""# Halaman Utama""") #menampilkan halaman utama
    elif option == 'Dataframe':
        st.write("""## Dataframe""") #menampilkan judul halaman dataframe
    
        #membuat dataframe dengan pandas yang terdiri dari 2 kolom dan 4 baris data
        df = pd.DataFrame({
            'Column 1':[1,2,3,4],
            'Column 2':[10,12,14,16]
        })
        df #menampilkan dataframe
    elif option == 'Chart':
        st.write("""## Draw Charts""") #menampilkan judul halaman 
    
        #membuat variabel chart data yang berisi data dari dataframe
        #data berupa angka acak yang di-generate menggunakan numpy
        #data terdiri dari 2 kolom dan 20 baris
        chart_data = pd.DataFrame(
            np.random.randn(20,2), 
            columns=['a','b']
        )
        #menampilkan data dalam bentuk chart
        st.line_chart(chart_data)
        #data dalam bentuk tabel
        chart_data

    Source code di atas menjelaskan tentang apa yang akan ditampilkan di halaman web untuk setiap pilihan pada selectbox.

  2. Jalankan file anda dengan menuliskan perintah berikut pada terminal:

streamlit run my_streamlit.py

Hasilnya dapat langsung dilihat pada tab baru browser anda.

  • Halaman Utama
    Halaman Judul
  • Halaman Dataframe
  • Halaman Chart
    Halaman Chart

    Sekian tutorial ini dibuat, anda dapat mengunduh source code dari tutorial ini melalui tautan berikut https://github.com/fathanick/simple-streamlit.git.

    Terima kasih!

    Referensi

    • https://docs.streamlit.io/en/stable/index.html
    • https://towardsdatascience.com/streamlit-101-an-in-depth-introduction-fc8aad9492f2
    • https://www.kdnuggets.com/2019/10/write-web-apps-using-simple-python-data-scientists.html

    Penulis: AHMAD FATHAN HIDAYATULLAH, S.T., M.CS.

    Related posts:

    ChatGPT atau Ulama?

    Cara Membuat Program Login Sederhana dengan Bahasa Java

    Chess Bot, Bagaimana Komputer Bermain Catur

    Dampak Algoritma TikTok terhadap Fungsi Kognitif dan Perilaku Generasi Muda Indonesia

    Internet of Things (IoT) dalam Rumah Tangga

    March 15, 2021/by dmc
    Share this entry
    • Share on Facebook
    • Share on X
    • Share on WhatsApp
    • Share on LinkedIn
    • Share by Mail
    https://informatics.uii.ac.id/wp-content/uploads/2021/03/lindsay-moe-526857-unsplash-scaled.jpg 1707 2560 dmc https://informatics.uii.ac.id/wp-content/uploads/2020/03/Logo-webTF-UII-1030x420.png dmc2021-03-15 09:48:062021-04-16 13:17:50Membuat Aplikasi Web Sains Data dengan Mudah Menggunakan Streamlit
    • Oracle Academy Sambangi Informatika UII, Paparkan Pemutakhiran Program bagi Institusi AnggotaSeptember 4, 2026 - 17:55
    • From Graph Engineering to Model Routing : Bagaimana Bisnis Menggunakan AI Lebih Cepat, Lebih Hemat, dan Tetap AndalSeptember 3, 2026 - 17:06
    • Satu Pola Perancangan Sistem Informasi untuk para UMKM: Riset Mahasiswa S-1 Informatika UII Dipresentasikan di ICOLISAT 2026September 3, 2026 - 16:47
    • Terlihat Belum Berarti Siap: Studi Ekosistem Wellbeing Tourism Yogyakarta Dipresentasikan di ICOLISAT 2026September 3, 2026 - 15:33
    • Fakultas Ilmu Komputer UPI “YPTK” Padang Studi Banding ke PJJ Informatika UIIAugust 31, 2026 - 12:22
    • PANDUAN KEY IN PSI-PS-PROGRAM PENDIDIKAN JARAK JAUH GANJIL 2026/2027August 31, 2026 - 10:16
    • BUKU PANDUAN AKADEMIK PSI-PS-PROGRAM PENDIDIKAN JARAK JAUH 2025/2026August 31, 2026 - 08:45
    • Kuliah Informatika Itu Belajar Apa Sih? Webinar PJJ Informatika UII Jawab Kebingungan Calon MahasiswaAugust 29, 2026 - 17:30
    • PANDUAN KEY-IN PRAKTIS SEMESTER GANJIL 2026/2027August 28, 2026 - 18:04
    • Mahasiswa PJJ Informatika UII Berbagi Semangat Berani MencobaAugust 21, 2026 - 17:53

    Categories

    JURUSAN INFORMATIKA

    Gedung KH. Mas Mansyur  Lantai 2
    Universitas Islam Indonesia
    Jl. Kaliurang KM. 14,5 Sleman Yogyakarta 55584

    Telepon: +62 274 895287 ext. 122
    Faks: +62 274 895007
    Email:
    Jurusan: [email protected]
    Prodi Informatika Program Sarjana: [email protected]
    Prodi Informatika Program Magister : [email protected]
    Prodi Informatika PJJ : [email protected]
    Instagram: @informatics.uii

    TAUTAN CEPAT

    Universitas

    Fakultas

    UII Gateway

    Admisi

    © Hak Cipta 2022 - Jurusan Informatika UII - Yogyakarta
    • Link to Instagram
    • Link to Facebook
    • Link to Youtube
    Link to: Bekal Menuju Ramadan Link to: Bekal Menuju Ramadan Bekal Menuju RamadanPedro Bariak Link to: Bersedekah dengan Kebaikan Link to: Bersedekah dengan Kebaikan BersedekahBersedekah dengan Kebaikan
    Scroll to top Scroll to top Scroll to top