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:

    Bahaya Scam di Era Digital: Waspadai Penipuan Online yang Merugikan

    Peran Pendidik Tak Akan Tergantikan oleh Kecerdasan Buatan

    Gonjang-ganjing Dunia Teknologi: Tech Winter

    Single Responsibility Principle (SRP) dalam Paradigma Pemrograman Berorientasi Objek

    Pemanfaatan Virtual Reality dan Augmented Reality dalam Bidang Pendidikan

    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
    • Selamat! Prof. Sri Kusumadewi Dilantik sebagai Dekan FTI UII Periode 2026–2030July 1, 2026 - 21:09
    • menunggu berbuka puasa di masjid
      Menjemput Keberkahan di Tanah Suci: Hakikat dan Manfaat Ibadah UmrahJuly 1, 2026 - 16:15
    • AI Mengubah Pekerjaan, Bukan Menghapusnya: Pesan Prof. Fathul Wahid bagi Mahasiswa InformatikaJuly 1, 2026 - 12:03
    • Belajar Sistem Enterprise dari Zulhia Septiandini, Alumni Informatika UII yang Berkarier 18 Tahun di Bidang SAPJuly 1, 2026 - 10:40
    • Pengumuman Pergantian Dosen Pembimbing Akademik (DPA)June 26, 2026 - 15:07
    • Dari Yogyakarta ke Hiroshima: Pandu Nur Afi Dewanto Bawa Riset Rekomendasi Micro-Credential Berbasis AIJune 8, 2026 - 10:27
    • Mozanda Presentasikan Penelitian AI untuk Bimbingan Akademik di Seminar Internasional JepangJune 8, 2026 - 10:13
    • Webinar PJJ Informatika UII: Menavigasi Pengambilan Keputusan di Era AIJune 6, 2026 - 20:42
    • PJJ Informatika UII Goes to Bogor: Pelatihan Network Engineering Skills di Era DigitalJune 6, 2026 - 09:42
    • Surat Edaran Dosen Pembimbing Skripsi TA Genap 2025-2026 Tahap-1May 25, 2026 - 08:55

    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