IMPLEMENTASI LAMAN CONTACT, DETAIL PROMO, BLOG, DETAIL BLOG, GALLERY, DAN CAREER PADA WEBSITE CLIENT MERAH PUTIH MEDIA LAPORAN KERJA MAGANG

(1)

IMPLEMENTASI LAMAN CONTACT, DETAIL PROMO, BLOG, DETAIL BLOG, GALLERY, DAN CAREER PADA

WEBSITE CLIENT MERAH PUTIH MEDIA

LAPORAN KERJA MAGANG

Muhammad Naufal Randhika 00000009760

PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2020

(2)

ii

LEMBAR PENGESAHAN LAPORAN KERJA MAGANG IMPLEMENTASI LAMAN CONTACT, DETAIL PROMO, BLOG, DETAIL BLOG, GALLERY, DAN CAREER PADA

WEBSITE CLIENT MERAH PUTIH MEDIA

Oleh

Nama : Muhammad Naufal Randhika NIM : 00000009760

Telah disetujui untuk diajukan pada

Sidang Kerja Magang Universitas Multimedia Nusantara

Tangerang, 12 Mei 2020 Dosen Pembimbing

Farica Perdana Putri, S.Kom., M.Sc.

Dosen Penguji

Fenina Adline Twince Tobing, M.Kom.

Mengetahui, Ketua Program Studi

Informatika

Nunik Afriliana, S.Kom., MMSI

(3)

iii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT DALAM PENYUSUNAN LAPORAN MAGANG

Dengan ini saya :

Nama : Muhammad Naufal Randhika

NIM : 00000009760

Program Studi : Informatika

Menyatakan bahwa saya telah melaksanakan praktek kerja magang : Nama Perusahaan : PT Merah Putih Media

Divisi : IT Division

Alamat : Jalan Gading Golf Timur Blok GGT no.112 Cluster Paramount Hill Golf Tangerang 15332

Periode Magang : 27 Januari 2020 – 24 April 2020 Pembimbing Lapangan : Rusmanto (Head IT)

Laporan kerja magang merupakan hasil karya saya sendiri, dan saya tidak melakukan plagiat. Semua kutipan karya ilmiah orang lain atau lembaga lain yang dirujuk dalam laporan kerja magang ini telah saya sebutkan sumber kutipannya serta saya cantumkan di Daftar pustaka.

Jika dikemudian hari terbukti ditemukan kecurangan/penyimpangan baik dalam pelaksanaan kerja magang maupun dalam penulisan laporan kerja magang, saya bersedia menerima konsekuensi dinyatakan tidak lulus untuk mata kuliah kerja magang yang telah saya tempuh.

Tangerang, 27 April 2020

Muhammad Naufal Randhika

(4)

iv

KATA PENGANTAR

Puji syukur kepada Tuhan yang Maha Esa atas segala rahmat dan penyertaan-Nya sehingga penulisan laporan magang yang berjudul “Implementasi Laman Detail Promo, Blog, Contact, Detail Blog, Career, dan Gallery Pada Website Client Merah Putih Media” ini dapat diselesaikan tepat waktu. Laporan magang ini disusun sebagai persyaratan kelulusan pada Program Studi Informatika Universitas Multimedia Nusantara.

Penyusunan laporan magang ini tidak lepas dari dorongan serta bantuan yang diberikan dari berbagai pihak. Oleh karena itu, Penulis mengucapkan terimakasih kepada:

1. Dr. Ninok Leksono, selaku Rektor Universitas Multimedia Nusantara.

2. Nunik Afriliana, S.Kom., MMSI, selaku Ketua Program Studi Informatika Universitas Multimedia Nusantara.

3. Farica Perdana Putri, S.Kom., M.Sc., selaku Dosen Pembimbing Magang yang telah membimbing dalam penyusunan laporan Kerja Magang dengan sabar.

4. Rusmanto, selaku pebimbing lapangan di PT Merah Putih Media yang telah membantu dan membimbing selama kerja magang berlangsung

5. Reza Fadhilah Khan selaku rekan kerja magang, yang sering kali membantu dan memberi dukungan.

6. Teman dan sahabat, khususnya Bayu Emellyo, Fachry Purwa, Benyamin

Pratama, Raymond Felix, yang telah banyak membantu dan memberi

dukungan dalam menyelesaikan laporan ini.

(5)

v

Penulis juga mengucapkan terimakasih kepada Orang tua dan Keluarga yang senantiasa mendukung penulis, serta pihak – pihak lainnya yang membantu penulis selama pelaksanaan kerja magang maupun penulisan laporan kerja magang yang tidak dapat disebutkan satu per satu.

Semoga laporan Kerja Magang ini dapat bermanfaat, baik sebagai sumber informasi maupun sumber inspirasi, bagi para pembaca.

Tangerang, 27 April 2020

Muhammad Naufal Randhika

(6)

vi

IMPLEMENTASI LAMAN CONTACT, DETAIL PROMO, BLOG, DETAIL BLOG, GALLERY, DAN CAREER PADA

WEBSITE CLIENT MERAH PUTIH MEDIA

ABSTRAK

PT Merah Putih Media merupakan sebuah perusahaan yang bergerak di bidang media berita berbasis digital, memiliki divisi IT yang difungsikan sebagai vendor teknologi untuk media berita milik perusahaan, dan client umum. Divisi IT di PT Merah Putih Media memiliki pelayanan yang disajikan untuk client pada bidang digital marketing seperti Website and Mobile Apps development, Website and Mobile Apps Maintenance, Live Streaming Media Management, dan Search Engine Optimization (SEO). Restoran MANGIAMO ingin membuat sebuah website profil restoran yang menampilkan segala informasi mengenai restoran yaitu menu makanan, lokasi restoran, sejarah restoran, promo makanan, kontak restoran, galeri restoran, blog mengenai restoran, dan dapat melakukan rekurtmen tenaga kerja.

Pembuatan aplikasi berbasis website ini dikerjakan dengan menggunakan framework Laravel dan Bootstrap. Tugas yang dilakukan adalah membuat tampilan halaman Blog, halaman Detail Blog, halaman Detail Promo, halaman Contact, halaman Gallery, dan halaman formulir apply Career pada website versi mobile milik restoran MANGIAMO. Hasil implementasi ini juga sudah naik ke versi beta, masih ada beberapa bagian back end yang masih dalam tahap pengerjaan sehingga belum selesai sepenuhnya.

Kata kunci : MANGIAMO, client, Laravel, Bootstrap, website.

(7)

vii

DAFTAR ISI

LEMBAR PENGESAHAN LAPORAN KERJA MAGANG ... ii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT DALAM PENYUSUNAN LAPORAN MAGANG ... iii

KATA PENGANTAR... iv

ABSTRAK ... vi

BAB I ... 1

PENDAHULUAN ... 1

1.1 Latar Belakang... 1

1.2 Maksud dan Tujuan Kerja Magang... 2

1.3 Waktu dan Prosedur Pelaksanaan Kerja Magang ... 3

1.3.1 Waktu Pelaksanaan Kerja Magang ... 3

1.3.2 Prosedur Pelaksanaan Kerja Magang ... 3

BAB II ... 4

GAMBARAN UMUM PERUSAHAAN ... 4

2.1. Sejarah Singkat Perusahaan... 4

2.2. Visi Perusahaan ... 6

2.3. Misi Perusahaan ... 6

2.4. Struktur Organisasi Perusahaan ... 7

BAB III ... 10

PELAKSANAAN KERJA MAGANG ... 10

3.1. Kedudukan dan Koordinasi ... 10

3.2. Tugas yang Dilakukan ... 11

3.3. Proses Pelaksanaan Kerja Magang ... 16

3.3.1. Flowchart Aplikasi ... 16

3.3.2. Struktur Tabel ... 23

3.3.3. Rancangan Antarmuka ... 27

3.3.4 Implementasi Aplikasi ... 34

3.3.6 Kendala yang Dihadapi ... 44

3.3.7 Solusi atas Kendala yang Dihadapi ... 44

BAB IV ... 45

SIMPULAN DAN SARAN... 45

4.1 Simpulan ... 45

4.2 Saran ... 45

(8)

viii

DAFTAR PUSTAKA ... 46 DAFTAR LAMPIRAN ... 47

(9)

ix

DAFTAR GAMBAR

Gambar 2. 1 Logo PT Merah Putih Media ... 4

Gambar 2. 2 Struktur Organisasi PT Merah Putih Media ... 7

Gambar 3. 1 Struktur Divisi IT ... 10

Gambar 3. 2 Flowchart Halaman Contact ... 16

Gambar 3. 3 Flowchart Halaman Detail Promo ... 18

Gambar 3. 4 Flowchart Halaman Blog ... 19

Gambar 3. 5 Flowchart Halaman Detail Blog ... 20

Gambar 3. 6 Flowchart Halaman Gallery ... 21

Gambar 3. 7 Flowchart Halaman Career ... 22

Gambar 3. 8 Rancangan Antarmuka Contact ... 28

Gambar 3. 9 Rancangan Antarmuka Detail Promo ... 29

Gambar 3. 10 Rancangan Antarmuka Blog ... 30

Gambar 3. 11 Rancangan Antarmuka Detail Blog ... 31

Gambar 3. 12 Rancangan Antarmuka Gallery ... 32

Gambar 3. 13 Rancangan Antarmuka Career ... 33

Gambar 3. 14 Implementasi Contact ... 35

Gambar 3. 15 Implementasi Detail Promo ... 36

Gambar 3. 16 Implementasi Blog ... 37

Gambar 3. 17 Implementasi Detail Blog ... 39

Gambar 3. 18 Implementasi Gallery ... 40

Gambar 3. 19 Implementasi Career ... 41

(10)

x

DAFTAR TABEL

Tabel 3. 1 Detail pekerjaan Per Minggu ... 11

Tabel 3. 2 Struktur tabel pages ... 23

Tabel 3. 3 Struktur tabel tbl_messages ... 24

Tabel 3. 4 Struktur tabel tbl_promos ... 24

Tabel 3. 5 Struktur tabel tbl_news ... 25

Tabel 3. 6 Struktur tabel tbl_galleries ... 26