-
Notifications
You must be signed in to change notification settings - Fork 2
/
information_page.py
176 lines (138 loc) · 6.12 KB
/
information_page.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
import streamlit as st
import requests
import base64
from streamlit_lottie import st_lottie
from visualization_page import *
def load_lottieurl(url: str):
r = requests.get(url)
if r.status_code != 200:
return None
return r.json()
lottie_bansos = load_lottieurl('https://assets8.lottiefiles.com/packages/lf20_3P0UlV.json')
lottie_kriteria = load_lottieurl('https://assets10.lottiefiles.com/packages/lf20_0ivllrpx.json')
lottie_problematika = load_lottieurl('https://assets2.lottiefiles.com/packages/lf20_2zo0udtb.json')
lottie_peranan = load_lottieurl('https://assets8.lottiefiles.com/packages/lf20_kdivdeom.json')
def information(obj):
# Layout 1
row1_1, row1_2 = st.columns((3,2))
with row1_1:
st.subheader("Selamat Datang di Platform")
st.image("images/logo_pandu_detail.png")
st.write(
"""
Platform ini merupakan upaya Pemerintah Kota Balikpapan dalam rangka
menciptakan transparansi, akuntabilitas dan integrasi pelayanan dalam
pengelolaan bantuan sosial yang bersumber dari Anggaran Pendapatan dan
Belanja Daerah Kota Balikpapan.
Sekarang, seluruh lapisan masyarakat dapat melihat daftar penerima yang berhak mendapatkan bansos di Kota Balikpapan:
"""
)
if st.button("Lihat Penerima Bantuan Sosial"):
obj.data = "Visualisasi"
st.experimental_rerun()
with row1_2:
global lottie_bansos
st_lottie(lottie_bansos, speed=1, height=400, key="awal_bansos")
# ALUR BANSOS
st.image("images/alur_bansos.png")
st.markdown("""<hr style="height:1px;border:none;color:#bbbbbb;background-color:#bbbbbb;" /> """, unsafe_allow_html=True)
# Layout 3
row3_1, row3_2 = st.columns((0.2,0.5))
with row3_1:
global lottie_kriteria
st_lottie(lottie_kriteria, speed=0.35, height=200, key="kriteria")
with row3_2:
st.subheader("Kriteria Penerima Bantuan Sosial")
st.markdown(
"""
1. Diutamakan kepala keluarga
2. Prioritas awal bagi masyarakat berjenis kelamin laki - laki (tidak menutup kemungkinan untuk perempuan)
3. Berdomisili di wilayah Kota Balikpapan
4. Memiliki kelengkapan data yang sesuai dengan database capil
5. Hanya 1 orang yang bisa mendaftar setiap keluarga
"""
)
st.markdown("""<hr style="height:1px;border:none;color:#bbbbbb;background-color:#bbbbbb;" /> """, unsafe_allow_html=True)
# Layout 4
row4_1, row4_2 = st.columns((0.8,0.5))
with row4_1:
st.subheader("Problematika Data Bansos di Kota Balikpapan")
st.write(
"""
1. Data penerima bantuan sosial tidak akurat.
2. Sumber daya pendukung dalam penyaluran bantuan sosial belum mampu beradaptasi dengan situasi pandemi COVID-19.
3. Penyaluran bantuan sosial berpotensi terjadinya korupsi.
4. Pengawasan dalam penyaluran bantuan sosial masih tergolong lemah.
"""
)
with row4_2:
global lottie_problematika
st_lottie(lottie_problematika, speed=0.35, height=200, key="problematika")
st.markdown("""<hr style="height:1px;border:none;color:#bbbbbb;background-color:#bbbbbb;" /> """, unsafe_allow_html=True)
# Layout 5
row5_1, row5_2 = st.columns((0.2,0.5))
with row5_1:
global lottie_peranan
st_lottie(lottie_peranan, speed=0.35, height=200, key="peranan")
with row5_2:
st.subheader("Peranan Data dalam Penanganan Bansos")
st.write(
"""
1. Sebagai pertanggungjawaban dari realisasi sebuah program kerja pemerintah karena bansos berasal dari anggaran APBN.
2. Sebagai bentuk transparansi dari pemerintah ke masyarakat dalam penyaluran bantuan sosial.
3. Sebagai bahan evaluasi agar pemerintah kedepannya lebih baik lagi dalam menyelesaikan permasalahan terkait penyaluran bantuan sosial serta mencari solusi bersama dalam menghadapi kendala-kendala yang ada.
"""
)
st.markdown("""<hr style="height:1px;border:none;color:#bbbbbb;background-color:#bbbbbb;" /> """, unsafe_allow_html=True)
# Layout 6
row6_1, row6_2, row6_3 = st.columns((2, 0.1, 0.1))
with row6_1:
st.subheader("Kesimpulan Platform Pandu - Balikpapan")
st.write(
"""
Pandu - Balikpapan merupakan salah satu upaya pemerintah Kota Balikpapan kepada masyarakat dalam mendapatkan informasi mengenai penyaluran bantuan sosial. Adanya platform ini dapat membuat proses pendistribusian bantuan sosial diharapkan dapat menjadi lebih mudah, transparan, dan jelas.
"""
)
with row6_2:
st.write("")
with row6_3:
st.write("")
st.markdown("""<hr style="height:1px;border:none;color:#bbbbbb;background-color:#bbbbbb;" /> """, unsafe_allow_html=True)
# Layout 7
st.markdown("<h4 style='text-align: center; color: dark-blue;'>Mitra kami</h4>", unsafe_allow_html=True)
#custom CSS
col1, col2 = st.columns(2)
img1 = "images/logo_balikpapan.png"
img2 = "images/logo_mka.png"
st.markdown( f"""
<style>
.img_bpp{{
margin: auto;
display:block;
width: 100px ;
height: 115px;
}}
.img_mka{{
margin: auto;
display:block;
margin-top: 15px;
width: 300px ;
height: 100px;
}}
.capt{{
margin-top: 5px;
text-align:center;
display: block;
}}
</style>
""", unsafe_allow_html=True)
with col1:
st.markdown(f"""
<img class="img_bpp" src="data:image/png;base64,{base64.b64encode(open(img1, "rb").read()).decode()}">
<span class="capt">Kota Balikpapan</span>
""", unsafe_allow_html=True)
with col2:
st.markdown(f"""
<img class="img_mka" src="data:image/png;base64,{base64.b64encode(open(img2, "rb").read()).decode()}">
<span class="capt">PT. Media Kreasi Abadi</span>
""", unsafe_allow_html=True)