1. PORTOFOLIO
Saya berpengalaman mengerjakan proyek secara individu ataupun secara tim.
Ketika saya magang, saya diberi satu proyek besar oleh pembimbing KKN saya di BPJS.
Salah satunya adalah proyek membangun website Sistem Penyusunan Surat Keluar
dan Akseptasi yang dikerjakan secara tim. Kemudian proyek penelitian tugas akhir
saya mengenai pembangunan Pengembangan Fitur Baru Aplikasi Bahan Bakar Minyak
(e-BBM) pada PDAM Kota Malang
Proyek 1 - Website Sistem Penyusunan Surat Keluar dan Akseptasi
Login

2. Tampilanutama bagianUnit Kerja.Recordper page bisadipilihsesuai pilihan(10,25,50,atau
100). Ada juga tombol search yang berfungsi. Ada tombol fungsi untuk mengurutkan data,
dari atas ke bawah atau bawah ke atas.
1. Fiturmemberikankomentar
Unit kerjadapatmelihatsurat-suratterkirimyangpernahdiausulkandengancara
mengunduhfilesurat,setelahmembacasuratyangsudahkeluar,adminUK dapatmelihat
disposisi danmemberikankomentar.

3. 2. Menyetujui suratdanKV
Halamanutama KepalaCabang.Surat keluarharusmelalui persetujuanKepalaCabang,
KepalaCabangmendownloadsuratdulu,membaca,lalumenyetujuiatautidakdengancara
mengubahstatusnya.
Form ubahstatus,bisadiisi komentar/masukkandari kepalaCabang.

4. Jikasudah disetujui makaakantampil seperti ini,laluKepalaCabangharusmembuat
Disposisi agarsuratini ditindaklanjuti.SelainituKepalaCabangjugabisamelihatkonsep
verbal
Form konsepverbal

5. Form disposisi.
Halamanutama Unit Umum danTI. Admindapatmenginisiasi suratdengancaramenyetujui
usulansuratdari unitkerja.

6. Form validasi usulansurat.
Tampilanutamaadministrasi

7. Tampilanformusulansurat.Bagianasministrasi dapatmelihatusulanyangkemudianakan
dijadikansurat.
Setelahmelihatusulandanmembuatsurat,administrasi mengunggahsurat.

8. Tampilanformmembuatkonsepverbal.Selainmembuatkonsepverbal,administrasijuga
dapat mencetakkonsepverbal tersebutdengancaramengklik“CetakKonsepVerbal”.
Tampilanmelihatmasukkan

9. Tampilanmelihatmasukkan.
Administrasi dapatmencetaksuratpadalogoBPJS(netsurat).

10. Admindapatmenambahkankoleksi (draftsurat),draftsuratdapatdiunduh,diedit,
ditambah,ataupundihapus.
Tampilanformeditdraftsurat.

11. Tampilankonfirmasi penghapusansurat.
Tampilanformmembuatkartukendali.
SIM (Sistem Informasi Manajemen) merupakan website sekolah, yang memuat
data kepala cabang, administrasi,admin bagian Unit Kerja dan Admin Bagian Umum
dan IT. Tiap halaman akan berbeda sesuai dengan tingkatan login. Sedangkan super
admin mendapatkan hak akses ke semua fitur.

12. Proyek ini dikerjakan oleh 3 (lima) orang. Saya bertugas menjadi Lead
Programmer yang bertanggungjawab terhadap keseluruhan sistem yang bekerja,
kolaborasi antara input process output dengan PHP dan MySQL. Dan menggabungkan
sistem dengan desain web yang telah dibuat oleh anggota tim.

13. Proyek 2 - Pengembangan Fitur Baru Aplikasi Bahan BakarMinyak
(e-BBM)
Beberapa fitur baru yang saya tambahkan yaitu fitur nota online yang mengani
masalah nota manual pada antara SPBU yang bekerja sama dengan PDAM Kota
Malang dan kantor PDAM Kota Malang. Kemudian fitur pemberitahuan ketika jenis
BBM tertentu kosong fungsinya sebagai penyedia informasi terkini sebelum pegawai
kantor melakukan realisasi pengisian BBM dilapangan.Berikut halaman
pengembangan Fitur Baru Aplikasi Bahan Bakar Minyak berbasis Web yang saya
kembangkan
Menu Nota Online
Menu Nota ini dijadikan sebagai bukti pembayaran BBMyang sudah direalisasikan di SPBU.
Pada Menu nota mempunyai sub menu diantaranya buat nota yang tujuannya untuk
membuat nota baru. Kemudian pada menu nota ini juga terdapat tambahan fitur pencarian
denganfiltertanggandannomorpolisi.Tujuanadanyafilterini,supayamemberikemudahan
dan kecepatan dalam memproses perubahan data maupun penghapusan data.

14. Gambar membuat Nota baru
Menu membuatnotabaru ini isianformnyaberdasarkandenganisi notamanual
pengisianBBMdi SPBU. Hasil nota manual nantinyajgdiinputkankedalamsistemsebagai
pendukungdalammemudahkandalammerekapnotabulananpengeluaranBBM
Gambar Menu Menampilkan informasi Nota

15. Gambar Menu menampilkan informasi detail dan cetaknota perstruk
Hasil informasi tiap nota BBM akan ditampilkan kedalam halaman masing-
masing nota per nomor struk. Pengguna tinggal memilih nota BBM yang akan
ditampilkan informasi notanya .
Gambar Menu hasil cetak nota
Gambar diatas merupakan hasil cetak struk nota BBM disistem aplikasi. Hasil
tampilan cetak struk tersebut sesuai dengan tampilan cetak struk yang manual di
SPBU. Hasil cetak struk manual telah peneliti lampirkan pada halaman lampiran.

16. b. Menu Notifikasi
Gambar Menu menampilkan informasi Notifikasi ketersediaan BBM
Hasil tampilan informasi notifikasi ketersediaan BBM ditampilkan oleh sistem
kedalam bentuk tabel. Pada halaman tersebut peneliti tambahkan form pencarian
untuk memudahkan pencarian ketersediaan jenis BBMtertentu berdasarkan tanggal
saat ini.
Gambar Menu menampilkan informasi pesan ketersediaan BBM
Halamanpesan notifikasiketersediaan BBMyang kosong peneliti tampilkan dalam
bentuk pop up. Informasi status jenis BBMyang kosong tersebut, peneliti tampilkan
berdasarkan tanggal saat ini yang kosong.
Sekian portofolio yang saya buat dengan sebenar-benarnya, agar menjadi bahan
pertimbangan Bapak/Ibu. Terima kasih.
Hormat Saya,
Pratiwi Susanti