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:

    Cara Membuat Program Login Sederhana dengan Bahasa Java

    IoT Mengubah Cara Kita Berinteraksi dengan Dunia

    Ketika AI Merampas Kuas: Apa Kabar Seniman?

    Single Responsibility Principle (SRP) dalam Paradigma Pemrograman Berorientasi Objek

    Keamanan Siber di Era Digital

    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
    • Informatics Undergraduate Program logo
      Pengumuman Asisten Mandiri Semester Ganjil 2026/2027September 25, 2026 - 12:24
    • Informatics Undergraduate Program logo
      Surat Edaran Dosen Pembimbing Skripsi Tugas Akhir Semester Ganjil 2026/2027September 25, 2026 - 12:14
    • Informatics Undergraduate Program logo
      ITSC Laboratory Opens Recruitment for Teaching Assistants in the International ProgramSeptember 23, 2026 - 11:06
    • Open Recruitment Asisten Laboratorium ITSC Semester Ganjil Tahun Akademik 2026/2027September 16, 2026 - 16:37
    • PJJ START Sambut Mahasiswa Baru Informatika PJJ UII Semester Ganjil 2026/2027September 16, 2026 - 16:18
    • Tim Yu Ai Ai dari Informatika UII Raih Best Finalist Idea Track Astranauts 2026September 8, 2026 - 15:37
    • Sambut Maba 2026, Prodi Informatika Bekali Mahasiswa Baru lewat Penjelasan AkademikSeptember 8, 2026 - 09:16
    • 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

    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