MAGANG
Leonardo Martine
00000033749
MAGANG
Leonardo Martine
00000033749
i
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
PERNYATAAN TIDAK MELAKUKAN PLAGIAT
[meterai Rp10.000,-]
(Leonardo Martine)
ii
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
HALAMAN PERSETUJUAN
oleh
Tangerang,
Pembimbing
iii
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK
KEPENTINGAN AKADEMIS
Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Non
eksklusif ini Universitas Multimedia Nusantara berhak menyimpan, mengalih
media / format-kan, mengelola dalam bentuk pangkalan data (database), merawat,
dan mempublikasikan tugas akhir saya selama tetap mencantumkan nama saya
sebagai penulis / pencipta dan sebagai pemilik Hak Cipta. Demikian pernyataan
ini saya buat dengan sebenarnya.
Leonardo Martine
iv
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Halaman Persembahan / Motto
v
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
KATA PENGANTAR
Puji Syukur atas berkat dan rahmat kepada Tuhan Yang Maha Esa, atas
selesainya penulisan laporan Magang ini dengan judul: Rancang Bangun Website
Budgeting Planning System pada PT MULTIMEDIA DIGITAL NUSANTARA
dilakukan untuk memenuhi salah satu syarat untuk mencapai gelar Sarjana/Magister
Komputer Jurusan Informatika Pada Fakultas Teknik dan Informatika Universitas
Multimedia Nusantara. Saya menyadari bahwa, tanpa bantuan dan bimbingan dari
berbagai pihak, dari masa perkuliahan sampai pada penyusunan laporan magang
ini, sangatlah sulit bagi saya untuk menyelesaikan laporan magang ini. Oleh karena
itu, saya mengucapkan terima kasih kepada:
2. Dr. Eng. Niki Prastomo, S.T., M.Sc., selaku Dekan Fakultas Teknik dan
Informatika Universitas Multimedia Nusantara.
3. Ibu Marlinda Vasty Overbeek, S.Kom., M.Kom., selaku Ketua Program Studi
Informatika Universitas Multimedia Nusantara.
Semoga laporan magang ini bermanfaat, baik sebagai sumber informasi maupun
sumber inspirasi, bagi para pembaca.
Leonardo Martine
vi
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
RANCANG BANGUN WEBSITE BUDGETING PLANNING SYSTEM
PADA PT MULTIMEDIA DIGITAL NUSANTARA
Leonardo Martine
ABSTRAK
Kerja magang ini didasari dengan perkembangan teknologi yang semakin canggih,
membuat para masyarakatpun mulai beralih untuk melakukan aktivitas sehari-
hari, dari yang sebelumnya dilakukan secara offline, menjadi online, terlebih lagi
di bidang website, seperti contohnya proses jual-beli, hingga proses pendataan
keuanganpun dilakukan secara online. Metode yang digunakan selama pelaksanaan
magang adalah metode obeservation, melakukan pengamatan dan pencatatan
mengenai sumber informasi sejelas mungkin sebelum lanjut ke tahap berikutnya,
yaitu tahap pengerjaan. Pelaksanaan kerja magang ini diawali dengan sesi
onBoarding, yang berikutnya pengembangan UMN Merdeka 2.0,lalu proyek
finance dan administrasi dan diakhiri dengan proyek akhir yaitu budgeting planning
system, dengan proses pengerjaan secara menyeluruh baik dari segi frontend
maupun backend sesuai dengan fitur yang sudah dibagi masing-masing, lalu
pembuatan database secara bersama-sama dan tools yang digunakan adalah
Visual Studio Code dan Github, untuk proses pengerjaan masih dalam tahap
pengerjaan, dikarenakan proses pengerjaan dibagi berdasarkan beberapa fitur dan
untuk pengujian dicek berdasarkan fungsi dan tampilan dari setiap fiturnya.
vii
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Designing a Website Planning Budgeting System in PT MULTIMEDIA
DIGITAL NUSANTARA
Leonardo Martine
ABSTRACT
viii
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
DAFTAR ISI
ix
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
3.5.2
Solusi atas Kendala yang Ditemukan pada saat melakukan
studi independen .........................................................................39
BAB 4 SIMPULAN DAN SARAN ....................................................................40
4.1 Kesimpulan..............................................................................................40
4.2 Saran ........................................................................................................40
DAFTAR PUSTAKA .................................................................................................41
x
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
DAFTAR GAMBAR
xi
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
DAFTAR TABEL
xii
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
DAFTAR LAMPIRAN
xiii
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
BAB 1
PENDAHULUAN
Di era 4.0 ini perkembangan teknologi semakin cepat dan juga canggih,
dimana masyrakat dituntut untuk terus mengikuti perkembangan teknologi tersebut,
bahkan menurut data dari We Are Social, pengguna internet di Indonesia mencapai
205 juta jiwa pada januari 2022, dimana angka tersebut meningkat pesat selama
5 tahun belakangan , sebab pada tahun 2017 tercatat bahwa pengguna internet di
Indonesia hanyalah 136 juta jiwa. Itu semua terjadi karena beberapa aktivitas yang
awalnya hanya tersedia offline berkembang menjadi online mulai dari permainan,
transaksi jual-beli, bahkan proses pendataan keuangan secara online seperti melalui
website. Menurut Hidayat, Website adalah kumpulan halaman yang digunakan
untuk menampikan informasi teks, gambar, animasi, suara atau gabungan dari
semuanya, baik yang bersifat statis ataupun dinamis yang membentuk satu
rangkaian bangunan yang saling terkait, yang masing masing dihubungkan dengan
jaringan jaringan halaman[1]
Website sendiri hadir di dunia sejak tahun 1991 dan mulai dapat
digunakan secara umum pada tahun 1993, yang lebih dikenal dengan WWW atau
kepanjangannya adalah World Wide Web, WWW ini tidak lain merupakan kumpulan
situs web yang telah terhubung antara komputer melalui internet. Pengaruh dari
perkembangan teknologi juga berefek pada banyak perusahaan,terlebih sekarang
semua hal dapat dilakukan secara online dan jauh lebih efesien dibandingkan secara
offline, seperti pendaatan atau pengolahan uang perusahaan. Banyak perusahaan
yang mulai megolah data keuangannya melalui website, karena jauh lebih efektif
dan juga guna untuk menghindari human error dan menurut Pusphitasar, website
diimplementasikan dan digunakan sebagai cara dalam mempermudah penyebaran
informasi yang sekarang ini banyak gunakan oleh siapapun.[2]
PT Multimedia Digital Nusantara menjadi salah satu perusahaan yang
mulai mengembangkan pendataan atau pengelolaan keuangan perusahaan secara
online atau melalui website dengan tujuan untuk membantu pengelolaan keuangan
perusahaan agar lebih terdata dan juga terstruktur dengan baik, selain itu
keuntungan untuk mulai melakukan pendataan dan pengelolaan keuangan secara
online adalah guna untuk mengurangi kemungkinkan terjadinya human error
1
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
karena perhitungan juga sudah dilakukan oleh sistem, akan tetapi tidak dapat
dipastikan 100% selalu benar, tetapi dapat meminimalisir kemungkinan terjadinya
kesalahan dalam proses perhitungan dan tentunya sangat menghemat waktu dalam
proses pengerjaan. pengembangan website budgeting system planning ini dibuat
dengan framework django dengan bahasa python.
2
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
BAB 2
GAMBARAN UMUM PERUSAHAAN
2.2.1 Visi
2.2.2 Misi
3
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
petinggi atau pemilik perusahaan, hingga seorang intern, untuk struktur organisasi
perusahaan pada PT Merdeka Digital Nusantara, seorang IT intern memiliki
tugas untuk merancang website Merdeka 1.0 dan website Merdeka 2.0, mulai
dari flowchart, sitemap, hingga wireframe dan jgua mockup mengguna figma,
tugas berikutnya adalah merancang website SR-Bridge, dengan membuat flowchart,
sitemap dan juga wireframe dan yang terakhir adalah merancang dan membangun
webiste planning budgeting system atau SR-RAB, dengan membuat backend dan
juga frontend yang diakhiri dengan proses testing untuk fitur-fitur yang diminta oleh
bapak Andrew Willis, selaku supervisi peserta magang.
4
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
2. Komisaris
Jabatan yang ditunjuk atau dipilih untuk mengawasi seluruh kegiatan
perusahaan, terutama yang berkaitan dengan kebijakan dan pengelolaan
perusahaan.
3. Direktur
Jabatan yang memiliki tugas untuk memimpin, mengelola dan
mengarahkan Perseroan sesuai dengan tujuan Perseroan serta terus
meningkatkan efisiensi dan efektivitas Perseroan.
4. Manager
Seseorang yang bertugas untuk mengarahkan, memimpin, melakukan
koordinasi, serta melakukan berbagai pengembangan dalam rangka
mencapai tujuan perusahaan.
5. IT Intern/Peserta Magag
Posisi jangka pendek yang memberi siswa, mahasiswa, atau bahkan
fresh graduate kesempatan untuk mendapatkan keterampilan dan
pengalaman dalam lingkungan kerja langsung.
6. Project Manager
Jabatan ini menjalankan proses manajemen sebuah proyek.Bertugas
mengatur, merencanakan, dan melaksanakan proyek sesuai batasan
yang sudah ditentukan, seperti anggaran dan waktu.
7. Staff
Jabatan ini merupakan peran pembantu, untuk membantu ketua dalam
mengerjakan tugasnya.
5
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
BAB 3
PELAKSANAAN KERJA MAGANG
Tugas pertama yang diberikan adalah untuk mempelajari peran dari fitur
evaluasi pada website UMN Merdeka, sebelum proses pembelajaran mengenai fitur
evaluasi, terdapat juga sesi OnBoarding pada sesi ini, terdapat beberapa aturan dan
juga penjelasan mengenai struktur dan arah tujuan magang. Berikutnya memahami
dan mempelajari bagamainana cara fitur evaluasi ini dapat dikembangkan dengan
lebih baik lagi pada website Merdeka UMN, dengan fungsionalitas yang baik
dan mudah dimengerti oleh beberapa pihak, baik bagi mahasiswa, department,
maupun instansi, berdasarkan user guide untuk lecturer maupun company yang
sudah diberikan oleh pihak perusahaan.
6
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
3.2.2 PHP,React.js, Node.js, dan Tailwind
Berikut adalah proses atau berlajannya skema untuk flowchart fitur evaluasi,
sebelum dapat masuk ke fitur evaluasi, terdapat 3 roles yaitu user atau mahasiswa
7
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
lalu supervisi perusahaan dan juga dosen, pada halaman user, terdapat tampilan total
working hours dan rubrik penilaian mahasiswa, mahasiswa juga dapat melakukan
input working hours dan pada akun user akan mendapatkan notifikasi mengenai jam
kerja yang masih kurang dari 400 Jam sebelum Ujian Tengah Semester dan juga jam
kerja sebelum 800 Jam sebelum UAS, Sedangkan untuk supervisi perushaan juga
menampilkan total working hours untuk mahasiswa, akan tetapi supervisi nantinya
akan memberikan penilaian mengenai hasil kerja magang untuk memenuhi syarat
Ujian Tengah Semester dan juga Ujian Akhir Semester mahasiswa,yang berikutnya
akan dikirim kepada pihak department, berikutnya untuk halaman department, pada
halaman ini, pihak department akan melakukan update untuk menampilkan hasil
penilaian dari supervisi dan berikutnya pihak department juga melakukan input
penilaian untuk pihak mahasiswa.
8
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.2. Bagian 3 - sitemap
9
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.3. Bagian 3 - Student Counseling Meeting
10
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.4. Bagian 3 - Pre Exam Report Review
11
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.5. Bagian 3 - Student Counseling Meeting
Pada gambar 3.6 bagian 3 terdapat tampilan untuk halaman Pre Exam Report
Review page ini menampilkan halaman untuk hasil laporan yang sudah dipisah
12
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
perbabnya oleh mahasiswa, dan terdapat proses persetujuan dan juga penolakan
mengenai proses hasil laporan magang yang sudah dikirim oleh mahasiswa.
13
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.7. Bagian 3 - Penanganan Kendala
Pada gambar 3.7 terdapat sitemap untuk fitur penanganan kendala, dimana
terdapat fungsionalitas fitur ini mirip seperti FAQ, dimana terdapat beberapa
pertanyaan dan juga jawaban mengenai beberapa masalah yang sering muncul atau
dialami oleh pengguna dan terdapat juga ticket yang berguna untuk pertanyaan
lebih detail mengenai masalah yang sedang dihadapi dan lebih jelasnya apabila
pertanyaan serta jawaban yang terdapat pada FAQ kurang jelas, pada sesi ini
pengguna dapat memberikan pertanyaan lebih detail yang nantinya akan dijawab
oleh admin, selain itu terdapat juga history pengguna saat menggunakan fitur
penaganan kendala.
14
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.8. Bagian 3 - Penanganan Kendala
Pada gambar 3.8 terdapat wireframe untuk fitur penanganan kendala dimana
terdapat halaman awal yaitu FAQ pada halaman ini menampilkan fitur search
FAQ dan search ticket dan menampilkan beberapa pertanyaan dan juga jawbanya,
berikutnya ada halaman untuk pengguna yang ingin bertanya lebih detail pada
halaman ini akan terjadi proses komunikasi antara pengguna dan juga admin untuk
memabahas dan memberi solusi terhadap masalah yang sedang dialami.
15
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Pada gambar 3.9 terdapat mockup yang dikembangkan berdasarkan
wireframe yang sudah dibuat pada gambar 3.6, tujuan utama dibuatnya mockup
untuk memberikan gambaran nyata kepada klien tentang konsep atau desain
produk yang sedang dibuat. Dengan adanya mockup dapat mempermudah skema
berjalannya aplikasi, garis-garis panah pada gambar 3.7 menunjukan flow
berjalanya aplikasi.
3.2.11 SR-BRIDGE
Tugas berikutnya adalah mempelajari proyek baru atau disebut dengan SR-
BRIDGE, proyek ini berhubungan dengan finance dan proses administrasi dengan
proyek PT Multimedia Digital Nusantara, atau dapat dikatakan proyek ini berada
dibawah naungan PT Multimedia Digital Nusantara,
16
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Pada gambar 3.10 merupakan flowchart dari pruek SR-BRIDGE dimana
terdapat proses login lalu akan langgsung menampilkan project list page, user juga
dapat melihat detail project dan create new project, tidak hanya itu user juga dapat
melakukan update terhadap project yang sudah dibuat sebelumnya.
17
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.12. Bagian 3 - Wireframe SR-BRIDGE
Pada gambar 3.12 bagian 3 terdapat page untuk project detail page untuk
menampilkan seluruh informasi proyek dan juga terdapat edit project page yang
muncul melalui pop up dengan menampilkan informasi proyek yang mau diedit
atau diperbaharui informasinya.
18
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
framework Django, untuk Framework CSS menggunakan Bootstrap5.
Berikut adalah tampilan login page untuk SR-RAB, dan harus dibuat secara
responsive.
Berikut adalah tampilan navbar dan juga sidebar untuk SR-RAB dimana
terdapat perbedaan pada home antara user yang sudah login dan belum login, dan
harus dibuat secara responsive.
19
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Berikut adalah tampilan profile user dan juga edit profile user untuk SR-
RAB, pada halaman ini user dapat melihat data diri user dan melakukan edit profile.
20
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.17. Bagian 3 - Responsive Login
21
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
responsive dengan menggunakan CSS manual, yaitu menggunakan media query.
Pada proyek SR-RAB terdapat 2 homepage yang disertai juga dengan navbar
dan sidebar yang berbeda pada saat sebelum dan sesudah user melakukan login, dan
pada gambar 3.18 ini merupakan tampilan untuk homepage untuk user yang belum
melakukan login.
22
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.20. Bagian 3 - Navbar,Sidebar
Berikutnya untuk gambar 3.20 bagian 3 ini, merupakan tampilan navbar dan
sidebar secara responsive, dengan menggunakan media query.
23
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.21. Bagian 3 - Database SR-RAB
Tugas beriktunya adalah membuat backend untuk login dan juga registrasi
user, pada bagian ini, sistem login harus sudah dapat membedakan baik itu user
maupun admin, karena masing-masing roles memiliki permissions yang berbeda.
24
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.22. Bagian 3 - User Registration
Pada gambar 3.22 merupakan tampilan untuk admin yang ingin menambah
user, hal ini sama seperti sistem registrasi, hanya saja melewati admin dan hanya
admin yang dapat menambah user. Pada halaman ini terdapat opsi role yang
nantinya berguna untuk membedakan seorang pengguna itu adalah user atau admin.
25
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.23. Bagian 3 - Admin Site
Pada gambar 3.23 merupakan tampilan untuk admin site yang merupakan
bagian dari framework django pada halaman ini, terdapat database dan kita dapat
melihat grouping untuk role user maupun admin.
26
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.25. Bagian 3 - Forms Sign Up
Pada gambar 3.26 bagian 3 merupkan tampilan code untuk add new
user, pada bagian views pemanggilan data menggunakan post dan get,dimana
variabel yang yang dinamai data1 merupakan variabel untuk mendapatkan role, dan
berikutnya yang dicek adalah jika pengisian form sudah benar, dan proses get yang
27
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
dicek berdasarkan variabel data1 sudah berhasil juga, maka proses penambahan
pengguna berdasarkan role sudah berhasil.
Pada gambar 3.27 merupakan code pada views untuk login, sama seperti
registrasi, views login juga menggunakan method get dan post, pada view login
yang dicek adalah username dan password pengguna, pengguna akan dicek, apa
sudah terautentikasi atau belum, apabila belum terautentikasi, maka tidak akan
dapat melakukan proses login dan bila sudah terautentikasi, maka pengguna dapat
masuk ke index sesuai dengan rolenya dan models yang digunakan adalah models
user.
28
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
terautentikasi, yang dapat masuk dan if user.groups.all.0.name == user adalah
untuk membagi berdasarkan role dimana, seorang user akan masuk kedalam section
yang sudah dibatasi saja, sebaliknya juga dengan admin.
Tugas berikutnya adalah membuat backend dan frontend untuk profile user
dan edit profile user page, pada halaman ini akan menampilkan informasi pengguna
atau user dan juga halaman untuk melakukan edit informasi pengguna.
Pada gambar 3.29 bagian 3 merupakan tampilan untuk user profile yang
sudah dibuat secara responsive juga, halaman ini menampilkan informasi user
mulai dari nama lengkap, email, kota, nomor telepon, tanggal lahir dan juga waktu
29
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
registrasi. Terdapat juga icon pensil untuk mengarahkan ke halaman edit profile.
30
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.31. Bagian 3 - Context
31
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.32. Bagian 3 - Edit Profile
Pada gambar 3.32 bagian 3 merupakan tampilan edit profile user yang sudah
dibuat secara responsive pada halaman ini bertujuan apabila seorang user ingin
melakukan edit atau update terhadap informasi data dirinya.
32
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.33. Bagian 3 - Edit Profile Views
Berikutnya adalah membuat views untuk page edit profile user, hal pertama
adalah memanggil models user, lalu memanggil UserUpdateForm sehingga setiap
input dapat langgsung masuk ke dalam database dan terdapat context untuk
menampilkan informasi pengguna sebelumnya juga.
33
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Tabel 3.1. Pembelajaran yang dilakukan setiap minggu selama pelaksanaan Magang
2
• Melanjutkan pembelajaran untuk pengembangan fitur
evaluasi
3
• Membuat flowchart untuk fitur evaluasi
4
• Membuat sitemap untuk fitur evaluasi
5
• Melakukan konsolisasi sitemap untuk fitur evaluasi dengan
supervisi
34
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Tabel 3.1. Proses pengerjaan yang dilakukan selama pelaksanaan magang(Lanjutan)
6
• Membuat wireframe untuk fitur evaluasi
7
• Mempelajari fitur baru yaitu penanangan kendala pada web
Merdeka UMN 2.0
8
• Mempertajam pemahaman untuk fitur penanganan kendala
9
• Membuat wireframe untuk fitur penanganan kendala
10
• Memperbaiki wireframe untuk fitur penanganan kendala
11
• Mempelajari proyek baru yaitu SR-Bridge
12
• Memperdalam mengenai alur dan skema proyek SR-Bridge
35
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Tabel 3.1. Proses pengerjaan yang dilakukan selama pelaksanaan magang(Lanjutan)
13
• Memperbaiki flowchart SR-Bridge
14
• Membuat Wireframe untuk SR-Bridge
15
• Memahami dan mempelajari proyek baru SR-RAB
16
• Membuat halaman login,navbar,sidebar untuk SR-RAB
secara responsive
17
• Membuat database untuk proyek SR-RAB
18
• Mengerjakan fitur login disertai dengan autentikasi
36
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Tabel 3.1. Proses pengerjaan yang dilakukan selama pelaksanaan magang(Lanjutan)
19
• Mengimplementasikan grouping untuk admin dan user
20
• Membuat halaman profile user dan edit profile user secara
responsive
37
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Gambar 3.34. Bagian 3 - Web Testing
Pada gambar 3.34 adalah hasil pengujian fitur untuk membuktikan hasil
optimasi website SR-RAB. Hasil pengujian menunjukan bahwa fitur untuk user
sudah dapat berjalan dengan baik, mulai dari proses login yang sudah dapat berjalan
sesuai dengan data yang dibuat pada saat proses registrasi, berikutnya ada proses
grouping yang sudah dapat berjalan berhasil membuat section baik untuk user dan
juga admin , berikutnya ada profile user dan edit profile user, proses pemanggilan
dan penampilan data dari database juga sudah berhasil, disertai dengan edit dan
update juga sudah sesuai yang diharapkan, meskipun terdapat hasil yang kurang
memuaskan pada fitur registrasi, dimana proses pengisian phone number masih
terbatas dan harus sesuai dengan contoh yang diberikan, berikutnya pihak dari
PT MDN juga akan membantu dalam proses pengerjaan, sehingga website yang
dihasilkan lebih optimal.
38
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
2. Komunikasi cukup terkendala pada saat proses magang berlanggsung.
3.5.2 Solusi atas Kendala yang Ditemukan pada saat melakukan studi
independen :
3. Berusaha untuk membagi waktu dan juga memprioritaskan hal yang lebih
penting, dan tetap mengerjakan kewajiban yang dimiliki.
39
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
BAB 4
SIMPULAN DAN SARAN
4.1 Kesimpulan
4.2 Saran
1. Pemberian tugas yang kurang spesifik dan deadline yang tidak sesuai, karena
beberapa kali terjadi pemberian tugas yang kurang spesifik, lalu di luar jam
kerja magang dan waktu pengumpulan yang kurang sesuai.
3. Terdapat juga saran untuk penambahan fitur change password, agar lebih
aman baik dari sisi user, karena pada saat ini, hanya ada fitur edit profile.
40
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
DAFTAR PUSTAKA
41
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Lampiran 1. Form Bimbingan
42
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Lampiran 43.
MBKM01
Student ID : 00000033749
Student Name : Leonardo Martine
Academic Program : Informatics
Email : leonardo.martine@student.umn.ac.id
Mobile Phone 6281317171896
Company will be received the student as an employee and Internship Track 2 participant, he/she
express their willingness to follow 800 working hours or 100 working days prior to work rules 8 hours
per day. Therefore, UMN’s student must obey all regulations stipulated by company from time to time.
Along with respect, we considered our student to get selected in the Internship Track 2 program from
your company. We thank you and look forward to hear employment acceptance letter of our student’s.
Sincerely,
Digitally signed
by Marlinda
Vasty Overbeek
Date: 2023.01.10
12:52:18 +07'00'
Kampus UMN, Scientia Garden | jl. Boulevard Gading Serpong - Tangerang | P. +62 21 5422 0808 | F. +62 21 5422 0800 | www.umn.ac.id
43
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Lampiran 44.
MBKM02
Company Address : Jl. Scientia Boulevard, Curug Sangereng, Kec. Klp. City : Tangerang
Dua, Kabupaten Tangerang, Banten 15810 Postal Code: 15810
Department : IT Position : IT
This MBKM Internship Track 2 Card has been completed with my real information and can be accounted for. I am
ready to be disqualified if the data given are incorrect.
44
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Lampiran 45.
MBKM03
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
Briefing mengenai visii, misi
1 22/08/2022 08:00 17:00 Oktober 2022
pengerjaan melalui zoom
05:31
Approved at 21
2 23/08/2022 08:00 17:00 Membahas sistem pengerjaan evaluasi Oktober 2022
05:31
Approved at 21
Membagi kelompok untuk divisi yang
3 24/08/2022 08:00 17:00 Oktober 2022
mengerjakan fitur evaluasi
05:31
Approved at 21
Mendiskusikan jenis bahasa pemograman
5 26/08/2022 08:00 17:00 Oktober 2022
yang akan digunakan nantinya.
05:31
Approved at 21
Dibagikan bussiness requiretment dan
6 29/08/2022 08:00 17:00 Oktober 2022
juga alur untuk pembuatan flowchart
05:31
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
45
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
9 02/09/2022 08:00 17:00 Memastikan dan mengumpulkan Oktober 2022
pengerjaan flowchart
05:31
Approved at 21
11 06/09/2022 08:00 17:00 mulai mengerjakan sitemap Oktober 2022
05:31
Approved at 21
12 07/09/2022 08:00 17:00 Mengecek apakah kebutuhan yang Oktober 2022
diperkulan untuk mengerjakan sitemap
05:31
Approved at 21
13 08/09/2022 08:00 17:00 Memastikan kembali pengerjaan sitemap Oktober 2022
05:31
Approved at 21
14 09/09/2022 08:00 17:00 crosscheck kembali hasil sitemap yang Oktober 2022
telah dibuat
05:31
Approved at 21
15 12/09/2022 08:00 17:00 Mulai mempelajari react js dan juga Oktober 2022
node js
05:31
Approved at 21
16 13/09/2022 08:00 17:00 mengulang kembali hasil pembelajaran Oktober 2022
mengenai react js
05:31
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
46
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
17 14/09/2022 08:00 17:00 memperdalam materi node js Oktober 2022
05:31
Approved at 21
18 15/09/2022 08:00 17:00 mempelajari lebih dalam mengenai Oktober 2022
komponen yang terdapat pada react js
05:31
Approved at 21
19 16/09/2022 08:00 17:00 memperlajari komponen-komponen yang Oktober 2022
terdapat pada node js
05:31
Approved at 21
20 19/09/2022 08:00 17:00 merevisi kembali hasil sitemap Oktober 2022
05:31
Approved at 21
21 20/09/2022 08:00 17:00 crosscheck dan mengumpulkan hasil Oktober 2022
sitemap yang baru
05:32
Approved at 21
22 21/09/2022 08:00 17:00 mulai mempelajari bahasa django Oktober 2022
05:32
Approved at 21
23 22/09/2022 08:00 23:00 memperdalam basic dari bahasa django November 2022
dan mulai melakukan beberapa tutorial
11:08
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
47
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
self learning, mulai membuat CRUD
25 24/09/2022 08:00 17:00 November 2022
singkat menggunakan django
11:08
Approved at 21
belajar mengenai database dalam
26 26/09/2022 08:00 17:00 November 2022
django
11:08
Approved at 21
Memperdalam sintak-sintak yang
27 25/10/2022 08:00 17:00 November 2022
terdapat pada bahasa django
11:08
Approved at 21
29 29/09/2022 08:00 17:00 Mempelajari sitemap MKBKM November 2022
11:08
Approved at 21
Mendiskusikan serta menentukan
30 30/09/2022 08:00 19:00 November 2022
sitemap yang akan dibuat untuk MBKM
11:08
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
48
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
menjelaskan hasil rapat dan perubahan
39 13/10/2022 08:00 17:00 November 2022
arah pengerjaan project
11:08
Approved at 21
Pengerjaan tugas yang baru, mendesign
40 14/10/2022 08:00 17:00 November 2022
figma
11:08
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
49
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
Mulai mendiskusikan untuk mengerjakan
42 18/10/2022 08:00 21:00 November 2022
feature Guide untuk user dan lecturer
11:08
Approved at 21
Proses pengerjaan untuk lecturer
45 21/10/2022 08:00 17:00 November 2022
masih belanjut
11:08
Approved at 21
46 24/10/2022 08:00 17:00 Proses revisi pengerjaan feature code November 2022
11:08
Approved at 21
47 26/10/2022 08:00 17:00 Menentukan tema project berikutnya November 2022
11:08
Approved at 21
48 28/11/2022 08:00 20:00 Mulai membuat prototype di figma November 2022
11:08
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
50
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
49 27/10/2022 08:00 20:00 Masih melanjutkan pembuatan protype November 2022
di figma
11:08
Approved at 21
50 31/10/2022 08:00 20:00 Menyusun kembali coloring untuk November 2022
design
11:08
Approved at 21
51 01/11/2022 14:00 19:00 Mulai melakukan polling untuk November 2022
menentukan projek beriktunya
11:08
Approved at 21
52 02/11/2022 08:00 18:00 mulai menyusun desain menggunakan November 2022
figma yang dibagi untuk beberapa page
11:08
Approved at 21
54 04/11/2022 08:00 17:00 melakukan finishing untuk setiap page November 2022
11:08
Approved at 21
55 07/11/2022 08:00 17:00 Mencatat setiap fitur yang masih November 2022
kurang jelas arahnya dan fungsinya
11:08
Approved at 21
56 08/11/2022 08:00 19:00 Membuat table database untuk projek November 2022
yang akan dikerjakan
11:08
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
51
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 21
57 09/11/2022 08:00 19:00 Merevisi pengerjaan dalam pembuatan November 2022
database
11:08
Approved at 21
58 10/11/2022 08:00 17:00 Membuat Flowchart untuk projek yang November 2022
sedang dikerjakan
11:08
Approved at 21
59 11/11/2022 08:00 17:00 Menyelesaikan flowchart yang sedang November 2022
dikerjakan
11:08
Approved at 22
60 12/11/2022 08:00 20:00 Mulai membagi tugas untuk membuat UI Desember 2022
SR Bridge
16:33
Approved at 22
61 13/11/2022 08:00 20:00 Menentukan framework dan juga CSS Desember 2022
framework yang akan dipilih
16:33
Approved at 22
62 14/11/2022 08:00 19:00 Mulai mengerjakan UI pada bagian Desember 2022
login form
16:33
Approved at 22
63 15/11/2022 08:00 17:00 Menyelesaikan tampilan UI untuk login Desember 2022
page
16:33
Approved at 22
64 16/11/2022 08:00 20:00 Membuat Navbar untuk setiap page Desember 2022
16:33
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
52
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 22
Menyelesaikan pengerjaan Navbar untuk
65 17/11/2022 08:00 17:00 Desember 2022
setiap page
16:33
Approved at 22
Membuat Feature details untuk UMN
66 18/11/2022 08:00 20:00 Desember 2022
Merdeka 2.0
16:33
Approved at 22
Melanjutkan revisi untuk feature
70 22/11/2022 08:00 20:00 Desember 2022
merdeka 2.0
16:33
Approved at 22
Mulai mengerjakan front end untuk
71 23/11/2022 08:00 20:00 Desember 2022
projek SR-Bridge
16:33
Approved at 22
72 24/11/2022 08:00 20:00 Menentukan CSS dan bahasa pemograman Desember 2022
16:33
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
53
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 22
73 25/11/2022 08:00 20:00 Perubahan project, kembali Desember 2022
mengerjakan SR-Bridge
16:33
Approved at 22
74 29/11/2022 08:00 17:00 Merencanakan pengerjaan projek Desember 2022
16:33
Approved at 22
75 30/11/2022 08:00 20:00 Mulai mempelajari BR yang diberikan Desember 2022
16:33
Approved at 22
76 01/12/2022 08:00 21:00 Masih mempelajari BR yang diberikan Desember 2022
16:33
Approved at 22
77 02/12/2022 08:00 20:00 Menelaah BR yang diberikan agar dapat Desember 2022
membuat wireframe
16:33
Approved at 22
79 04/12/2022 08:00 19:00 Masih melanjutkan pembelajaran untuk Desember 2022
django
16:33
Approved at 22
80 05/12/2022 08:00 20:00 Mencoba membuat projek sederhana Desember 2022
menggunakan django
16:33
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
54
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 22
81 06/12/2022 08:00 20:00 Masih melanjutkan proses pembuatan Desember 2022
projek sederhana django
16:33
Approved at 22
82 07/12/2022 08:00 20:00 Mulai merencakan pembuatan wireframe Desember 2022
16:33
Approved at 22
83 08/12/2022 08:00 20:00 proses pengerjaan wireframe untuk Desember 2022
planning budge system
16:33
Approved at 22
84 09/12/2022 08:00 20:00 penyelesaian proses pengerjaan Desember 2022
wireframe
16:33
Approved at 22
85 10/12/2022 08:00 22:00 Mulai mengerjakan frontend untuk Desember 2022
login page
16:33
Approved at 22
86 11/12/2022 08:00 22:00 mengerjakan sistem authenticaton dan Desember 2022
multilogin system pada login page
16:33
Approved at 22
87 12/12/2022 08:00 20:00 Membuat sidebar dan juga navbar pada Desember 2022
setiap menu
16:33
Approved at 22
88 13/12/2022 08:00 20:00 Memahami sistem pembuatan login Desember 2022
16:33
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
55
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
MBKM-03 Daily Task - Internship Track 2
Daily Task
STUDENT ID : 00000033749
STUDENT NAME : Leonardo Martine
COMPANY NAME : PT Multimedia Digital Nusantara
Supervisor’s
No Date In Out Duties /Responsibilities
Sign
Approved at 22
89 14/12/2022 08:00 20:00 Mulai mencoba membuat sistem login Desember 2022
menggunakan user authentication
16:33
Approved at 22
90 15/12/2022 08:00 20:00 Membuat model dan juga views untuk Desember 2022
login
16:33
Approved at 22
91 16/12/2022 08:00 20:00 Membuat template global untuk setiap Desember 2022
url setiap page
16:33
Approved at 22
92 17/12/2022 08:00 20:00 menyabungkan login dengan index based Desember 2022
on role user dan juga admin
16:33
Approved at 22
93 18/12/2022 08:00 20:00 membuat user authentication dan juga Desember 2022
logout untuk user
16:33
Notes:
Andrew Willis
Manager of UMN Technology
Please sign along with the Company’s stamp
56
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Lampiran 5. MBKM04
Student ID : 00000033749
Kampus UMN, Scientia Garden | jl. Boulevard Gading Serpong - Tangerang | P. +62 21 5422 0808 | F. +62 21 5422 0800 | www.umn.ac.id
57
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Lampiran 6. Turnitin
Magang_leonardomartine
ORIGINALITY REPORT
8 %
SIMILARITY INDEX
8%
INTERNET SOURCES
1%
PUBLICATIONS
3%
STUDENT PAPERS
PRIMARY SOURCES
1 kc.umn.ac.id
Internet Source 5%
2
Submitted to Institut Teknologi Nasional
Malang
1%
Student Paper
3
www.utakatikotak.com
Internet Source <1 %
4
www.dewaweb.com
Internet Source <1 %
5 journal.nurulfikri.ac.id
Internet Source <1 %
6
eprints.polbeng.ac.id
Internet Source <1 %
7 Submitted to Dewan Perwakilan Rakyat
Student Paper <1 %
8
Submitted to Fakultas Ekonomi Universitas
Indonesia
<1 %
Student Paper
9
e-journal.uajy.ac.id
58
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
Internet Source
<1 %
10
etheses.uin-malang.ac.id
Internet Source <1 %
11
www.scribd.com
Internet Source <1 %
12
digilib.uinsgd.ac.id
Internet Source <1 %
13
kerma.esaunggul.ac.id
Internet Source <1 %
14 repository.unika.ac.id
Internet Source <1 %
15
www.logique.co.id
Internet Source <1 %
59
Rancang Bangun Website Budgeting Planning System..., Leonardo Martine, Universitas
Multimedia Nusantara
HALAMAN PENGESAHAN
oleh
iv
Rancang Bangun Website Budgeting Planning System ..., Leonardo Martine, Universitas
Multimedia Nusantara