PERANCANGAN WEBSITE COMPANY PROFILE ADAMARE VILLA DI PT MERAH PUTIH MEDIA
MAGANG
Diajukan sebagai salah satu syarat untuk memperoleh Gelar Sarjana Komputer (S.Kom.)
Alvin Octavianus 00000042583
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG 2023
PERANCANGAN WEBSITE COMPANY PROFILE ADAMARE VILLA DI PT MERAH PUTIH MEDIA
MAGANG
Diajukan sebagai salah satu syarat untuk memperoleh Gelar Sarjana Komputer (S.Kom.)
Alvin Octavianus 00000042583
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG 2023
i
Perancangan Website Company Profile..., Alvin Octavianus, Universitas Multimedia Nusantara
Halaman Persembahan / Motto
”Believe you can and you’re halfway there.”
Theodore Roosevelt
v
Perancangan Website Company Profile..., Alvin Octavianus, Universitas Multimedia Nusantara
PERANCANGAN WEBSITE COMPANY PROFILE ADAMARE VILLA DI PT MERAH PUTIH MEDIA
Alvin Octavianus ABSTRAK
PT Merah Putih Media merupakan sebuah perusahaan media di Indonesia yang berfokus dalam menyampaikan informasi melalui media daring situs website. PT Merah Putih Media memiliki website company profile namun website tersebut masih terlihat kurang interaktif, adapun juga klien yang menggunakan jasa dari divisi IT PT Merah Putih Media untuk membuat sebuah website company profile. Pada kerja magang ini tugas yang diberikan adalah untuk mengembangkan website company profile PT Merah Putih Media yang masih kurang interaktif, serta merancang dan membangun website klien yaitu website company profile Adamare Villa. Pembuatan website tersebut menggunakan bahasa pemrograman PHP dan untuk framework pada website company profile PT Merah Putih Media menggunakan Codeigniter 4, sedangkan untuk website company profile Adamare Villa menggunakan Laravel 8. Pembuatan keduawebsite company profileini sudah berhasil dilakukan dengan baik sesuai dengan kebutuhan yang telah ditentukan oleh perusahaan.
Kata kunci: company profile, website, laravel, codeigniter.
vii
Perancangan Website Company Profile..., Alvin Octavianus, Universitas Multimedia Nusantara
Adamare Villa Company Profile Website Design at PT MERAH PUTIH MEDIA
Alvin Octavianus ABSTRACT
PT Merah Putih Media is a media company in Indonesia that focuses on delivering information through online media websites. PT Merah Putih Media has a company profile website, but it appears to be lacking interactivity. Additionally, there are clients who utilize the services of PT Merah Putih Media’s IT division to create a company profile website. In this internship, the assigned task is to develop an interactive company profile website for PT Merah Putih Media and also to design and build a client’s website, specifically the Adamare Villa company profile website.
The creation of these websites involves using the PHP programming language, with Codeigniter 4 as the framework for PT Merah Putih Media’s company profile website, and Laravel 8 for the Adamare Villa company profile website.
Both company profile websites have been successfully developed according to the predetermined requirements set by the company.
Keywords: company profile, website, laravel, codeigniter.
viii
Perancangan Website Company Profile..., Alvin Octavianus, Universitas Multimedia Nusantara
DAFTAR ISI
HALAMAN JUDUL . . . i
PERNYATAAN TIDAK MELAKUKAN PLAGIAT . . . ii
HALAMAN PENGESAHAN . . . iii
HALAMAN PERSETUJUAN PUBLIKASI ILMIAH . . . iv
HALAMAN PERSEMBAHAN/MOTO . . . v
KATA PENGANTAR . . . vi
ABSTRAK . . . vii
ABSTRACT . . . viii
DAFTAR ISI . . . ix
DAFTAR GAMBAR . . . x
DAFTAR TABEL . . . xii
DAFTAR LAMPIRAN . . . xiii
BAB 1 PENDAHULUAN . . . 1
1.1 Latar Belakang Masalah . . . 1
1.2 Maksud dan Tujuan Kerja Magang . . . 2
1.3 Waktu dan Prosedur Pelaksanaan Kerja Magang . . . 2
BAB 2 GAMBARAN UMUM PERUSAHAAN . . . 3
2.1 Sejarah Singkat Perusahaan . . . 3
2.1.1 MerahPutih.com . . . 3
2.1.2 KabarOto.com . . . 4
2.1.3 Bolaskor.com . . . 4
2.1.4 Side.id . . . 5
2.1.5 KamiBijak.com . . . 5
2.2 Visi dan Misi Perusahaan . . . 6
2.3 Struktur Organisasi Perusahaan . . . 6
BAB 3 PELAKSANAAN KERJA MAGANG . . . 9
3.1 Kedudukan dan Organisasi . . . 9
3.2 Tugas yang Dilakukan . . . 9
3.3 Uraian Pelaksanaan Magang . . . 10
3.3.1 Website Company Profile PT Merah Putih Media . . . 17
3.3.2 Admin Page Website Company Profile PT Merah Putih Media 23 3.3.3 Website Company Profile Adamare Villa . . . 30
3.3.4 Admin Page Website Company Profile Adamare Villa . . . . 38
3.4 Kendala yang Ditemukan . . . 63
3.5 Solusi Atas Kendala yang Ditemukan . . . 63
BAB 4 SIMPULAN DAN SARAN . . . 64
4.1 Simpulan . . . 64
4.2 Saran . . . 64
DAFTAR PUSTAKA . . . 65
DAFTAR LAMPIRAN . . . 65
ix
DAFTAR GAMBAR
Gambar 2.1 Logo MerahPutih.com . . . 3
Gambar 2.2 Logo KabarOto.com . . . 4
Gambar 2.3 Logo Bolaskor.com . . . 4
Gambar 2.4 Logo Side.id . . . 5
Gambar 2.5 Logo KamiBijak.com . . . 5
Gambar 2.6 Struktur Organisasi Perusahaan PT Merah Putih Media . . 6
Gambar 3.1 Struktur Halaman Website Company Profile PT Merah Putih Media . . . 18
Gambar 3.2 Flowchart Website Company ProfilePT Merah Putih Media 18 Gambar 3.3 Flowchart HalamanLogin . . . 19
Gambar 3.4 Tampilan HalamanLogin . . . 20
Gambar 3.5 ContohAdmin Login . . . 21
Gambar 3.6 ContohUser Login . . . 21
Gambar 3.7 Tampilan HalamanRegister . . . 22
Gambar 3.8 Tampilan Navigasi Bar . . . 22
Gambar 3.9 TampilanHamburger Menu . . . 23
Gambar 3.10 Struktur Admin Page Company Profile PT Merah Putih Media . . . 24
Gambar 3.11 Flowchart Admin Page Company Profile PT Merah Putih Media . . . 25
Gambar 3.12 Flowchart HalamanDashboard . . . 26
Gambar 3.13 Tampilan HalamanLogin . . . 27
Gambar 3.14 Tampilan HalamanDashboard . . . 28
Gambar 3.15 Tampilan HalamanEdit User . . . 28
Gambar 3.16 TampilanAlert Edit User . . . 29
Gambar 3.17 Alert Delete . . . 29
Gambar 3.18 Pesan Berhasil MenghapusUser . . . 29
Gambar 3.19 StrukturWebsite Company ProfileAdamare Villa . . . 30
Gambar 3.20 Flowchart Website Company ProfileAdamare Villa . . . . 31
Gambar 3.21 Flowchart Halaman Blog Website Company Profile WebsiteAdamare Villa . . . 32
Gambar 3.22 HalamanBlogsAdamare Villa . . . 33
Gambar 3.23 HalamanEventsAdamare Villa . . . 34
Gambar 3.24 HalamanActivitiesAdamare Villa . . . 35
Gambar 3.25 HalamanBlogAdamare Villa . . . 36
Gambar 3.26 Halaman DetailBlogs, Events, Activities . . . 37
Gambar 3.27 HalamanBlogAdamare Villa . . . 38
Gambar 3.28 StrukturAdmin PageAdamare Villa . . . 39
Gambar 3.29 Flowchart Admin PageAdamare Villa . . . 40
Gambar 3.30 Flowchart Admin PageAdamare Villa 2 . . . 41
Gambar 3.31 Flowchart Admin PageAdamare Villa 3 . . . 41
Gambar 3.32 Flowchart MenuBlogs & Others . . . 42
Gambar 3.33 Flowchart Halaman Blogs . . . 43
Gambar 3.34 Flowchart HalamanNews Event . . . 44
Gambar 3.35 Flowchart HalamanActivities. . . 45
Gambar 3.36 Flowchart HalamanTestimonials . . . 46
Gambar 3.37 Flowchart HalamanPromotions . . . 47
Gambar 3.38 Flowchart HalamanFaqs . . . 48 x
Gambar 3.39 Sidebar Blogs & Others . . . 49
Gambar 3.40 TabelBlogs . . . 50
Gambar 3.41 FormulirCreate Blogs. . . 50
Gambar 3.42 FormulirEdit Blogs . . . 51
Gambar 3.43 Alert Delete . . . 51
Gambar 3.44 TabelNews Event . . . 52
Gambar 3.45 FormulirCreate News Event . . . 53
Gambar 3.46 FormulirEdit News Event . . . 54
Gambar 3.47 Alert Delete . . . 54
Gambar 3.48 TabelActivities . . . 55
Gambar 3.49 FormulirCreate Activities . . . 55
Gambar 3.50 FormulirActivities . . . 56
Gambar 3.51 Alert Delete . . . 56
Gambar 3.52 TabelTestimonials . . . 57
Gambar 3.53 FormulirCreate Testimony . . . 57
Gambar 3.54 FormulirTestimonials . . . 58
Gambar 3.55 Alert Delete . . . 58
Gambar 3.56 TabelPromotions . . . 59
Gambar 3.57 FormulirCreate Promotions . . . 59
Gambar 3.58 FormulirEdit Promotions . . . 60
Gambar 3.59 Alert Delete . . . 60
Gambar 3.60 TabelFaqs . . . 61
Gambar 3.61 FormulirCreate Faqs . . . 62
Gambar 3.62 FormulirEdit Faqs . . . 62
Gambar 3.63 Alert Delete . . . 63
xi
DAFTAR TABEL
Tabel 3.1 Pekerjaan yang Dilakukan Tiap Minggu Selama Pelaksanaan Kerja Magang . . . 10
xii
DAFTAR LAMPIRAN
Lampiran 1. MBKM-01 Cover Letter MBKM Internship Track 1 . . . 66 Lampiran 2. MBKM-02 MBKM Internship Track 1 Card . . . 67 Lampiran 3. MBKM-03 Daily Task - Internship Track 1 . . . 68 Lampiran 4. MBKM-04 Verification Form of Internship Report MBKM
Internship Track 1 . . . 92 Lampiran 5. Form Bimbingan . . . 93 Lampiran 6. Hasil Turnitin . . . 95
xiii
