LAPORAN KERJA PRAKTEK
DINAS KOMUNIKASI INFORMASI DAN STATISTIK (DISKOMINFOTIK) BENGKALIS
RANCANG BANGUN TAMPILAN DASHBOARD WEBSITE BERITA DAERAH MENGGUNAKAN FRAMEWORK LARAVEL
MUHAMMAD ANDRE SAPUTRA 6103191336
PROGRAM STUDI D-III TEKNIK INFORMATIKA POLITEKNIK NEGERI BENGKALIS BENGKALIS
RIAU
2021
KATA PENGANTAR
Puji dan syukur ke hadirat Allah SWT, Zat Pencipta Yang Maha Kuasa atas segala Hidayah dan Karunia-Nya. Shalawat beserta salam semoga senantiasa tercurah kepada baginda Nabi Muhammad SAW dengan mengucapkan Allahumma shalli ‘ala Muhammad wa’ala alihi sayyidina muhammad. Alhamdulillahirabbil’alamin, atas izin Allah SWT, penulis dapat menyelesaikan penulisan Laporan Kerja Praktek yang berjudul “RANCANG BANGUN TAMPILAN DASHBOARD WEBSITE BERITA DAERAH MENGGUNAKAN FRAMEWORK LARAVEL”. Penulis menyadari bahwa semua temuan dalam Laporan Kerja Praktek ini bukanlah merupakan hal yang baru, Selama penulisan laporan kerja praktek ini, penulis banyak mendapat bantuan tenaga, materi, informasi, waktu maupun motivasi yang tidak terhingga dari berbagai pihak.
Karena itu dengan ketulusan dan kerendahan hati penulis mengucapkan terima kasih yang tidak terhingga kepada yang terhormat.
Laporan Kerja Praktek ini dibuat dengan berbagai observasi dan beberapa bantuan dari berbagai pihak untuk membantu menyelesaikan tantangan dan hambatan selama melaksanakan Kerja Praktek hingga dalam mengerjakan laporan ini. Oleh karena itu, penulis mengucapkan terimakasih yang sebesar-besarnya kepada :
1. Tuhan Yang Maha Esa yang telah memberikan nikmat dan hidayah-Nya.
2. Kedua orang tua yang selalu memberikan do’a dan dukungan
3. Bapak Muhammad Nasir, M.Kom selaku Ketua Program Studi D-III Teknik Informatika.
4. Bapak Andri Irawan, ST selaku Kepala Seksi Aplikasi Dinas Komunikasi Informasi dan Statistik.
5. Ibu Sri Mawarni, M.Si selaku Dosen Pembimbing Kerja Praktek.
6. Bapak Desi Amirullah, M.T selaku Koordiantor Pelaksanaan Kerja Praktek.
7. Semua pihak yang telah membantu dalam pelaksanaan Kerja Praktek di Kantor Dinas Komunikasi Informasi dan Statistik (DISKOMINFOTIK) Bengkalis.
8. Seluruh anggota staff dan teknisi Kantor Dinas Komunikasi Informasi dan Statistik (DISKOMINFOTIK) Bengkalis.
9. Seluruh teman-teman yang telah membantu memberikan dorongan, motivasi dan semangat, sehingga penulis bisa menyelesaikan laporan ini dengan sebaik mungkin.
10. Aurelia Meiwanda Jv selaku teman dekat yang selalu menemani dengan kasih sayang, memberi arahan dan energy yang positif dan memberi suport penuh senantiasa membantu penulis hingga akhir.
Penulis merasa sangat bersyukur selama melaksanakan Kerja Praktek di Kantor Dinas Komunikasi Informasi dan Statistik (DISKOMINFOTIK) Bengkalis, karena dengan adanya pelaksanaan Kerja Praktek ini penulis mendapatkan begitu banyak pengalaman berharga yang dapat dijadikan pegangan yang sangat berguna dan membantu di masa yang akan datang terutama di dalam dunia kerja dengan lingkup yang lebih luas.
Penulis menyadari bahwa masih terdapat banyak kekurangan pada laporan ini. Oleh karena itu penulis mengundang pembaca untuk memberikan saran serta kritik yang dapat membangun. Kritik dari pembaca sangat diharapkan untuk penyempurnaan laporan selanjutnya. Untuk itu kritik dan saran demi kesempurnaan penulisan Kerja Praktek (KP) ini sangat penulis harapkan.
Bengkalis, 31 Agustus 2021
MUHAMMAD ANDRE SAPUTRA NIM. 6103191336
DAFTAR ISI
KATA PENGANTAR ... I
DAFTAR ISI ... II
DAFTAR GAMBAR ... IV
BAB I PENDAHULUAN ... 6
1.1. Latar Belakang ... 6
1.2. Tujuan ... 6
1.3. Manfaat ... 7
BAB II GAMBARAN UMUM PERUSAHAAN ... 8
2.1. Sejarah Singkat Perusahaan ... 8
2.2. Visi dan Misi Perusahaan ... 8
2.2.1. Visi ... 8
2.2.2. Misi ... 8
2.3. Struktur Organisasi Perusahaan ... 9
2.4. Ruang Lingkup Perusahaan... 9
BAB III BIDANG PEKERJAAN SELAMA KP ... 11
3.1. Spesifikasi Tugas Yang Dilaksanakan ... 11
3.1.1. Belajar sistem yang digunakan ... 11
3.1.2. Layanan Teknisi Video Conferense ... 11
3.1.3. Pemantauan CCTV Roro Bengkalis ... 12
3.2. Target Yang Diharapkan ... 13
3.3. Perangkat Yang Digunakan ... 13
3.4. Data-data Yang Diperlukan ... 16
3.5. Kendala Yang dihadapi ... 17
3.6. Pemecah Masalah ... 17
BAB IV RANCANG BANGUN WEBSITE BERITA MENGGUNAKAN FRAMEWORK LARAVEL ... 18
4.1. Uraian Judul ... 18
4.1.1.Rancang ... 18
4.1.2.Bangun ... 18
4.1.3.Rancang Bangun ... 18
4.1.4.Dashboard ... 18
4.1.5.Laravel ... 18
4.2. Perancangan Mockup ... 19
4.2.1. Membuat tampilan login user admin ... 19
4.2.2. Membuat tampilan halaman utama ... 19
2.2.3. Membuat mockup halaman sambutan ... 20
4.2.4. Tampilan Berita ... 21
4.2.5. Membuat Halaman kegiatan ... 21
4.3. Hasil rancangan ... 22
4.3.1. Tampilan halaman home ... 22
4.3.2. Tampilan Berita Harian ... 22
4.3.3. Tampilan kata sambutan ... 23
4.3.4. Tampilan video harian ... 23
4.3.5. Tampilan Galeri Kegiatan ... 24
BAB V PENUTUP ... 25
5.1 Kesimpulan ... 25
5.2 Saran ... 25
DAFTAR PUSTAKA ... 26
DAFTAR GAMBAR
Gambar 2.1. Logo Diskominfotik Bengkalis ... 7
Gambar 2.2. Struktur Organisasi Diskominfotik Bengkalis... 8
Gambar 3.1. Proses Pembelajaran laravel ... 10
Gambar 3.2. Kegiatan teknisi VidCon ... 11
Gambar 3.3. CCTV Roro Bengkalis ... 11
Gambar 3.4. Laptop Acer Core I3 ... 12
Gambar 3.5. Camera ... 12
Gambar 3.6. Proyektor Infocus ... 13
Gambar 3.7. Tripod ... 14
Gambar 3.8. Cam-Link ... 14
Gambar 3.9. Sound System ... 15
Gambar 3.10. Layar Proyektor ... 15
Gambar 3.11. Logo Laravel ... 16
Gambar 4.1. Tampilan Login Admin ... 19
Gambar 4.2. Halaman mockup halaman utama ... 20
Gambar 4.3. Halaman sambutan ... 20
Gambar 4.4. Halaman Mockup Edit Berita ... 21
Gambar 4.5. Tampilan halaman kegiatan... 21
Gambar 4.6. Tampilan corousel home ... 22
Gambar 4.7. Tampilan berita ... 22
Gambar 4.8. Tampilan kata sambutan... 23
Gambar 4.9. Tampilan video ... 23
Gambar 4.10. Tampilan Galeri Kegiatan ... 24
