2110511008/python-sql-2110511008
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design layout fix

Browse Source
This commit is contained in:
Jesselyn Mu
2025-02-01 12:36:28 +07:00
parent 49f1f93bd9
commit 84f08f24c6
9 changed files with 15417 additions and 8535 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
pages/home.py
View File

@ -241,11 +241,13 @@ def show_home():
<div class="text-content">
<h2 class="section-title">Bagian Aplikasi</h2>
<p style="text-align: justify;">
Aplikasi ini dirancang untuk mendukung prediksi retensi karyawan dan pengelolaan data dengan fitur-fitur yang terstruktur berdasarkan peran pengguna.
Halaman login menjadi pintu masuk utama untuk autentikasi, setelah itu pengguna diarahkan ke halaman sesuai perannya: admin, karyawan, atau pimpinan.
Admin memiliki akses ke halaman prediksi untuk analisis data, dashboard untuk memantau statistik, dan halaman laporan untuk melihat detail data.
Karyawan dapat mengisi form kepuasan kerja untuk memberikan umpan balik terkait pengalaman mereka.
Sementara itu, pimpinan dapat menggunakan dashboard untuk melihat data strategis serta mengisi form penilaian kinerja guna mengevaluasi performa karyawan.
Aplikasi ini dirancang untuk mendukung prediksi retensi karyawan dan pengelolaan data
dengan fitur-fitur yang terstruktur berdasarkan peran pengguna.
Dimulai dari Halaman Utama, pengguna diarahkan ke Halaman Login,
yang kemudian membagi akses berdasarkan peran: Admin, Karyawan, dan Pimpinan.
Admin memiliki akses ke Halaman Prediksi, Halaman Dashboard, dan Halaman Laporan untuk mengelola data dan analisis.
Karyawan dapat mengisi Form Kepuasan Kerja dan Form Komplain untuk memberikan feedback dan keluhan.
Pimpinan memiliki akses ke Form Penilaian untuk evaluasi serta Halaman Dashboard untuk melihat data yang relevan.
Aplikasi ini dirancang untuk mempermudah pengelolaan dan pengambilan keputusan berbasis data.
</p>
</div>
@ -254,7 +256,6 @@ def show_home():
unsafe_allow_html=True
)
# Berita dan Informasi
st.markdown(
f"""
<div class="news-section">
@ -274,7 +275,6 @@ def show_home():
unsafe_allow_html=True
)
# Footer
st.markdown(
"""
<div class="footer">
@ -285,13 +285,10 @@ def show_home():
unsafe_allow_html=True
)
def get_image_as_base64(image_path):
import base64
with open(image_path, "rb") as img_file:
return base64.b64encode(img_file.read()).decode("utf-8")
# Jalankan aplikasi
if __name__ == "__main__":
show_home()

34
pages/prediction.py
View File

@ -462,41 +462,7 @@ def show_prediction():
col1, col2 = st.columns([1.5, 2]) # **Kolom pertama untuk grafik, kolom kedua untuk penjelasan**
with col1:
# st.image(buf, caption="SHAP Waterfall Plot", use_container_width=True)
# Tambahkan CSS styling ke HTML
st.markdown(
"""
<style>
.shap-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.shap-image {
border-radius: 10px; /* Sudut membulat */
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); /* Shadow */
border: 2px solid #ddd; /* Stroke */
padding: 5px; /* Ruang di dalam border */
background: white; /* Biar keliatan efeknya */
max-width: 100%; /* Biar responsif */
}
.shap-caption {
text-align: center;
font-size: 14px;
font-family: 'Poppins', sans-serif;
color: #555;
margin-top: 5px;
}
</style>
""",
unsafe_allow_html=True
)
# Gunakan `st.image()` untuk menampilkan gambar SHAP dari `buf`
st.markdown('<div class="shap-container">', unsafe_allow_html=True)
st.image(buf, caption="SHAP Waterfall Plot", use_container_width=True)
st.markdown('</div>', unsafe_allow_html=True)
with col2:
top_factors = sorted(shap_dict.items(), key=lambda x: abs(x[1]), reverse=True)[:5]