LAPORAN MAGANG

PERANCANGAN COMPANY PROFILE BERBASIS WEBSITE

UNTUK PT. HOSIT-HOSIT BANGKA KULINER

Diajukan Untuk Memenuhi Persyaratan Mata Kuliah Magang

Pada Program Studi Teknik Informatika
Fakultas Ilmu Komputer Universitas Esa Unggul

NAMA : WILLI KORNELLIUS

NIM : 20180801010

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS ESA UNGGUL
TAHUN 2022
 UNIVERSITAS ESA UNGGUL

KATA PENGANTAR

Puji syukur penulis haturkan kehadirat Tuhan Yang Maha Esa yang telah
menganugerahkan rahmat serta hikmat-Nya, yang karena-Nya, penulis diberikan
kekuatan dan kesabaran untuk menyusun laporan magang yang berjudul
“PERANCANGAN COMPANY PROFILE BERBASIS WEBSITE UNTUK
RESTORAN HOSIT-HOSIT BANGKA KULINER”.

Dalam penyusunan laporan ini, penulis menyadari banyak pihak yang

memberikan dukungan dan bantuan selama menyelesaikan laporan magang ini.
Oleh karena itu, sudah sepantasnya penulis dengan penuh hormat mengucapkan
terimakasih dan mendoakan semoga Tuhan memberikan balasan terbaik kepada:

1. Kedua orang tua penulis yang selalu memberikan motivasi, dukungan

dan doa kepada penulis, sehingga penulis dapat menyelesaikan laporan
magang ini.
2. Ibu Vitri Tundjungsari, ST, M.Sc, selaku Dekan Fakultas Ilmu
Komputer Universitas Esa Unggul
3. Ibu Dr. Nenden Siti Fatonah, S.Si, M.kom, selaku Wakil Dekan Fakultas
Ilmu Komputer Universitas Esa Unggul
4. Bapak Muhamad Bahrul Ulum, S.Kom, M.Kom, selaku Ka Prodi Studi
Teknik Informatika.
5. Bapak Syahrizal Dwi Putra, ST, M.Kom. Selaku Dosen Pembimbing
penulis yang telah sabar dalam membantu dan membimbing penulis
dalam menyelesaikan Penyusunan Tugas Akhir ini.
6. Ibu Riya Widayanti, S.Kom, M.Kom selaku Dosen Pembimbing
Akademik yang telah membimbing penulis lebih dari 3 tahun berkuliah
di Universitas Esa Unggul ini.
7. Seluruh Dosen dan Staff Fakultas Ilmu Komputer, yang tidak bisa
disebutkan satu persatu namanya.
8. Bapak Santoso Suhadjo yang sudah sangat sabar senantiasa
membimbing penulis selama proses magang berlangsung.

2
 UNIVERSITAS ESA UNGGUL

9. Penulis juga berterima kasih kepada rekan, Difen Yedidya Sjamsu,

Oktavianti, Tedy Andreansyah. Yang telah memberikan informasi dan
memberikan semangat dalam penulisan laporan magang ini.

Akhir kata, penulis berharap dengan disusunya laporan magang ini dapat
memberikan banyak manfaat sekaligus menambah pengetahuan bagi berbagai
pihak yang membacanya.

Jakarta,
Februari, 2022

Willi Kornellius

3
 UNIVERSITAS ESA UNGGUL

LEMBAR PENGESAHAN LAPORAN MAGANG

Nama : Willi Kornellius

NIM : 20180801010

Program Studi : Teknik Informatika

Fakultas : Ilmu Komputer

Judul Laporan : Perancangan Company Profile Berbasis Website

Untuk PT.Hosit-Hosit Bangka Kuliner

Diajukan sebagai syarat untuk memenuhi pelaksanaan Magang Pada Program

Studi Teknik Informatika Fakultas Ilmu Komputer
Universitas Esa Unggul.

Jakarta, Februari 2022,

Menyetujui,

Syahrizal Dwi Putra, ST, M.Kom Yunita Weiling

Pembimbing Materi Pembimbing Lapangan

Mengetahui,

Muhamad Bahrul Ulum, S.Kom, M.Kom

Ka. Prodi Teknik Informatika

4
 UNIVERSITAS ESA UNGGUL

DAFTAR ISI

KATA PENGANTAR .............................................................................................2

LEMBAR PENGESAHAN LAPORAN MAGANG...............................................4
DAFTAR ISI ............................................................................................................5
DAFTAR GAMBAR ...............................................................................................8
BAB 1 PENDAHULUAN ........................................................................................9
1.1 Latar Belakang.......................................................................................... 9
1.2 Ruang Lingkup Magang ......................................................................... 10
1.3 Batasan Masalah Magang ....................................................................... 10
1.4 Maksud dan Tujuan Magang .................................................................. 10
1.5 Manfaat Magang..................................................................................... 11
1.6 Kerangka Berpikir .................................................................................. 12
1.7 Sistematika Penulisan Magang ............................................................... 13
BAB I PENDAHULUAN ................................................................................. 13
BAB II LANDASAN TEORI ........................................................................... 13
BAB III GAMBARAN UMUM PERUSAHAAN ............................................ 13
BAB IV HASIL DAN PEMBAHASAN ........................................................... 13
BAB V KESIMPULAN DAN SARAN ............................................................ 13
BAB 2 LANDASAN TEORI .................................................................................14
2.1 Company Profile..................................................................................... 14
2.2 Website ................................................................................................... 14
2.2.1 HTML .................................................................................................................... 14
2.2.2 CSS ........................................................................................................................ 14

2.3 Unified Modelling Language (UML) ..................................................... 15

2.3.1 Use Case Diagram ................................................................................................. 16
2.3.2 Activity Diagram .................................................................................................... 17

2.4 Wireframe ............................................................................................... 18

2.5 User Interface / User Experience (UI/UX) ............................................ 18
2.6 Metode Prototype ................................................................................... 19
BAB 3 GAMBARAN UMUM PERUSAHAAN ...................................................22
5
 UNIVERSITAS ESA UNGGUL

3.1 PT. Hosit-Hosit Bangka Kuliner ............................................................ 22

3.2 Alur Proses Bisnis Yang Sedang Berjalan ............................................. 22
3.3 Lokasi Magang ....................................................................................... 24
3.4 Visi dan Misi Perusahaan ....................................................................... 24
3.4.1 Visi Menjadi salah satu rumah makan yang terkenal akan kualitas menu khas daerah
dan pelayanannya. ............................................................................................................... 24
3.4.2 Misi ........................................................................................................................ 24

3.5 Struktur Organisasi ................................................................................. 24

3.6 Kegiatan Selama Magang ....................................................................... 26
BAB 4 HASIL DAN PEMBAHASAN ..................................................................27
4.1 Pelaksanaan Kegiatan ............................................................................. 27
4.2 Analisis kebutuhan Sistem ..................................................................... 27
4.2.1 Use Case Diagram ................................................................................................. 28
4.2.2 Activity Diagram Pelanggan................................................................................... 29
4.2.3 Activity Diagram Admin ......................................................................................... 29

4.3 Pembuatan Website................................................................................. 30

4.3.1 Pembuatan Wireframe ............................................................................................ 30
4.3.8 Tampilan Link yang mengarah kepada nomor whatsapp di halaman Contact .......... 40

BAB 5 KESIMPULAN DAN SARAN ..................................................................41

5.1 Kesimpulan ............................................................................................. 41
5.2 Saran ....................................................................................................... 41
DAFTAR REFERENSI .........................................................................................42
Surat Pernyataan *).............................................................................................. 1
Formulir Permohonan Magang ............................................................................ 1
FORMULIR PENILAIAN MAGANG ............................................................... 2
KOMPONEN PENILAIAN ................................................................................ 2
CATATAN : ......................................................................................................................... 1

KERANGKA ACUAN ....................................................................................... 1

Garis Besar Jadwal Rencana Kerja (Per-Minggu) :............................................. 1
Willi Kornellius Yunita Weiling ............... 2
Syahrizal Dwi Putra, ST, M.Kom ....................................................................... 2
LOG KEHADIRAN MAGANG ......................................................................... 1

6
 UNIVERSITAS ESA UNGGUL

7
 UNIVERSITAS ESA UNGGUL

DAFTAR GAMBAR

Gambar 1.1 Kerangka Berpikir ............................................................................ 12

Gambar 2. 1 Use Case Diagram (Sumber: (Dennis Alan, HW. Barabara 2014) . 16
Gambar 2. 2 Activity Diagram (Sumber: (Dennis Alan, HW. Barabara 2014) ... 17
Gambar 2. 3 Tahapan metode prototype .............................................................. 20
Gambar 3. 1 Diagram Alur Bisnis........................................................................ 23
Gambar 4. 1 Use case diagram............................................................................. 28
Gambar 4. 2 activity diagram pelanggan ............................................................. 29
Gambar 4. 3 activity diagram admin.................................................................... 30
Gambar 4. 4 Wireframe halaman home ................................................................ 31
Gambar 4. 5 Wireframe halaman about us ........................................................... 32
Gambar 4. 6 Wireframe halaman products ........................................................... 32
Gambar 4. 7 Wireframe halaman services ........................................................... 33
Gambar 4. 8 Wireframes halaman testimonials .................................................... 34
Gambar 4. 9 Wireframe halaman contact............................................................. 34
Gambar 4. 10 Tampilan website halaman home ................................................... 35
Gambar 4. 11 Tampilan website halaman about us .............................................. 36
Gambar 4. 12 Tampilan website halaman Menu ................................................... 37
Gambar 4. 13 Tampilan website halaman services ............................................... 38
Gambar 4. 14 Tampilan website halaman testimonials......................................... 39
Gambar 4. 15 Tampilan website halaman contact ................................................ 39
Gambar 4. 16 Tampilan link yang mengarah kepada nomor whatsapp PT.Hosit
Bangka Kuliner ..................................................................................................... 40

8
 UNIVERSITAS ESA UNGGUL

BAB 1
PENDAHULUAN

1.1 Latar Belakang

PT. Hosit – Hosit Bangka Kuliner merupakan sebuah perusahaan yang
didirikan pada tahun 2014 oleh Kong Andy William. Perusahaan ini bergerak
dibidang food and beverage (F&B) atau biasa dikenal dengan bidang kuliner. PT
Hosit – Hosit Bangka Kuliner menjalankan usahanya dengan konsep restoran
yang juga menawarkan hasil produk-produk seperti, kerupuk khas kota Bangka,
kue khas Bangka dan lain sebagainya. PT. Hosit – Hosit Bangka Kuliner tentu
saja mengedepankan kesan pertama terhadap pelanggan guna meningkatkan minat
pelanggan untuk datang menikmati hidangan yang tersaji dan berbelanja camilan
yang tersedia pada restoran PT. Hosit – Hosit Bangka Kuliner. Untuk sebab itu
dibutuhkanlah website companyprofile yang mudah diakses, serta nyaman dan
tidak sulit untuk digunakan.

Selama ini, perusahaan melakukan penawaran kepada pelanggan

hanya mengandalkan media online seperti review dari para food-blooger, media
televisi ataupun tradisi mulut ke mulut. Permasalahan yang terjadi yaitu masih
banyak masyarakat yang belum mengerti dan tau hasil produk apa saja yang yang
dimiliki dan dijual oleh restoran Hosit-Hosit Bangka Kuliner. Permasalahan
lainnya adalah jika ada perusahaan lain yang ingin bekerja sama dengan PT.
Hosit-Hosit Bangka Kuliner, perusahaan tersebut harus datang dan bertemu
langsung dengan bagian pemasaran.

Dengan adanya permasalahan tersebut maka, pada magang kali ini

akan dirancang sebuah aplikasi berbasis web untuk membuat sebuah company
profile dari PT. Hosit-Hosit Bangka Kuliner dengan tujuan dan harapan dari
pembuatan company profile ini adalah menyediakan fasilitas bagi customer dan
perusahaan untuk memperkenalkan PT. Hosit-Hosit Bangka Kuliner, melalui
website yang memiliki fitur-fitur yang lengkap seperti (1) company profile berisi
tentang informasi dari PT. Hosit-Hosit Bangka Kuliner secara lengkap; (2) adanya
katalog produk yang berisi detil dari hasil produksi makanan yang dibuat. Selain
itu diharapkan dengan adanya website ini dapat membantu customer untuk lebih
mengenal PT. Hosit-Hosit Bangka Kuliner lewat UI (user interface design) yang
9
 UNIVERSITAS ESA UNGGUL

ditampilkan serta menarik minat customer karena mendapat user experience yang
diharapkan sesuai ekspetasi.

1.2 Ruang Lingkup Magang

Ruang Lingkup Magang adalah:

1. Membuat company profile berbasis website untuk PT. Hosit-Hsoti Bangka

Kuliner.
2. Membekali dan melatih semua karyawan magang dan karyawan tetap PT.
Hosit-Hosit Bangka Kuliner untuk dapat menggunakan, mengelola, meng-
update, serta melakukan edit web yang telah dibuat.

1.3 Batasan Masalah Magang

Batasan masalah magang ini meliputi berbagai hal, yaitu:

1. Perancangan company profile dimaksudkan dengan tujuan agar customer

tau tentang profil dan apa yang dijual di perusahaan tersebut.
2. Pembuatan web dilakukan secara berkelompok mengguakan HTML &
CSS.
3. Setelah web telah selesai dibuat, maka dilakukanlah pelatihan terhadap
karyawan PT. Hosit-Hosit Bangka Kuliner untuk dapat menggunakan,
mengelola, dan mengedit web tersebut.

1.4 Maksud dan Tujuan Magang

Magang ini dilakukan dengan maksud dan tujuan:

1. Perancangan company profile berbasis website ini memiliki tujuan untuk

memberitahukan pelanggan mengenai produk atau layanan yang
ditawarkan sehingga dapat meningkatkan perhatian dan kepercayaan
pelanggan.
2. Mempunyai gambaran organisasi suatu perusahaan dan sistem kerja yang
nyata, sebelum memasuki dunia kerja yang sesungguhnya.
3. Untuk meningkatkan softskill, experience, disiplin, dan pola pikir para
mahasiswa saat memasuki dunia kerja.

10
 UNIVERSITAS ESA UNGGUL

1.5 Manfaat Magang

Manfaat yang terdapat pada pelaksanaan magang:

1. Untuk memenuhi pedidikan Strata satu (S1).

2. Untuk melatih mental dan keterampilan mahasiswa tentang gambaran
dunia kerja nyata.
3. Penerapan ilmu yang sudah dipelajari di kampus.
4. Membantu mendevelop hal yang dibutuhkan perusahaan.

11
 UNIVERSITAS ESA UNGGUL

1.6 Kerangka Berpikir

Gambar 1. 1 Kerangka Berpikir

12
 UNIVERSITAS ESA UNGGUL

1.7 Sistematika Penulisan Magang

Sistematika penulisan laporan magang ini adalah sebagai berikut:

BAB I PENDAHULUAN
Pada bab ini dijelaskan tentang latar belakang, ruang lingkup, batasan masalah,
maksud dan tujuan, manfaat, dan sistematika penulisan.

BAB II LANDASAN TEORI

Pada bab ini dijelaskan tentang teori-teori tentang judul magang yang dibuat.

BAB III GAMBARAN UMUM PERUSAHAAN

Pada bab ini menjelaskan tentang kondisi tempat perusahaan dimana magang
dilakukan.

BAB IV HASIL DAN PEMBAHASAN

Pada bab ini berisi dari hasil pembuatan company profile PT. Hosit-Hosit Bangka
Kuliner.

BAB V KESIMPULAN DAN SARAN

Pada bab ini berisi kesimpulan dan saran yang didapan dalam penyusunan laporan
magang.

13
 UNIVERSITAS ESA UNGGUL

BAB 2
LANDASAN TEORI

2.1 Company Profile

Company profile yaitu gambaran umum mengenai diri suatu
perusahaan yang hendak melakukan serangkaian promosi terpadu melalui sebuah
buku atau media lain (Islamiati, Jatmika, and Wahyudi 2021). Company profile
menginformasikan tentang nilai-nilai positif suatu perusahaan, lembaga atau
instansi baik pemerintah maupun swasta, agar mendapatkan suatu tanggapan yang
positif (simpati dari masyarakat), sehingga keberadaan perusahaan bisa di terima
oleh masyarakat

2.2 Website
Menurut (Prayitno and Jakarta 2015) pengertian website adalah
“keseluruhan halaman-halaman web yang terdapat dari sebuah domain yang
mengandung informasi”. Website awalnya merupakan suatu layanan sajian
informasi yang menggunakan konsep hyperlink, yang memudahkan pengguna
internet melakukan penelusuran informasi di internet. Informasi yang disajikan
dengan web menggunakan konsep multimedia, informasi dapat disajikan dengan
menggunakan banyak media, seperti teks, gambar, animasi, suara, atau film.

2.2.1 HTML
Menurut (Winarno, Zaki, and Community 2014) Hypertext Markup
Language (HTML) adalah sebuah Bahasa untuk menampilkan konten di web.
HTML sendiri adalah Bahasa pemgrograman yang bebas, dimana artinya Bahasa
pemgrograman ini tidak dimiliki oleh siapapun, pengembanganya dilakukan oleh
banyak orang dibanyak negara dan bisa dikatakan sebaagai sebuah Bahasa yang
dikembangkan bersama-sama secara global.

2.2.2 CSS
Menurut (Hilabi 2017) Cascading style sheets (CSS) adalah bahasa
pemograman yang bertujuan untuk menyederhanakan desain dan pengembangan
web. Singkatnya, CSS menangani tampilan dari situs. CSS bukan merupakan
14
 UNIVERSITAS ESA UNGGUL

bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti
Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab,
bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama
dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat
tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS
dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel,
ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar
paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan
dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman
yang sama dengan format yang berbeda.

2.3 Unified Modelling Language (UML)

Unified Modeling Language (UML) adalah salah satu standar bahasa
yang banyak digunakan di dunia industri untuk mengidentifikasikan requirement,
membuat analisis dan desain, serta menggambarkan arsitektur dalam
pemrograman berorientasi objek (Kurniawan 2018). Selain itu UML juga
memiliki kemampuan yang baik dalam merepresantasikan rancangan dari sistem
(HERLINA 2021).

15
 UNIVERSITAS ESA UNGGUL

2.3.1 Use Case Diagram

Gambar 2. 1 Use Case Diagram

(Sumber: (Dennis Alan, HW. Barabara 2014)

Use Case Diagram merupakan diagram yang menggambarkan

hubungan antara aktor dengan sistem. Use Case diagram bisa mendeskripsikan
sebuah interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat.
Pernyataan ini juga didukung oleh (Dharwiyanti and Wahono 2003) bahwa
Diagram ini berguna dalam menangkap dan mendefinisikan kebutuhan sistem.
Diagram ini merepresentasikan sebuah interaksi antara aktor dengan sistem.
Seorang/sebuah aktor adalah sebuah entitas manusia atau mesin yang berinteraksi
dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu.

16
 UNIVERSITAS ESA UNGGUL

2.3.2 Activity Diagram

Gambar 2. 2 Activity Diagram

(Sumber: (Dennis Alan, HW. Barabara 2014)

Diagram aktivitas atau activity diagram menggambarkan workflow

(aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang
ada pada perangkat lunak (Syarif and Nugraha 2020). Dalam diagram ini
dimungkinkan untuk mengevaluasi kemungkinan adanya lebih dari satu jalur yang
terbentuk dan berjalan secara bersamaan. Penggambaran dari activity diagram
dimulai dari initial node hingga berakhir di end node. Yang dapat menjadi catatan
bahwa initial node dalam sebuah activity diagram diperbolehkan lebih dari satu.
Hal ini dilakukan untuk mengakomodasi jika sistem yang dimodelkan memiliki
lebih dari satu input (Dennis Alan, HW. Barabara 2014).

17
 UNIVERSITAS ESA UNGGUL

2.4 Wireframe
Menurut (Husna, Susanti, and Pratondo 2020) Sebuah wireframe
adalah sketsa dari sistem yang akan dibangun. Wireframes harus mengklarifikasi
dengan tepat elemen apa yang menyadari fitur yang berbeda di semua halaman
atau layar produk masa depan tetapi tanpa detail lengkap. Dibuatnya wireframe
memiliki tujuan untuk menyampaikan susunan, struktur, layout, navigasi, dan
organisir konten. Sehingga secara tampilan, wireframe hanya berupa garis dan
kotak yang mengatur tata letak elemen-elemen pada website. Wireframe secara
umum dibagi menjadi tiga jenis sesuai dengan detail kerangka yang dibuat yaitu:
Low- fidelity wireframe merupakan tipe wireframe yang dibentuk tanpa skala,
kisi dan akurasi piksel. Mid-fidelity wireframe menampilkan representasi layout
yang lebih akurat seperti perbedaan ukuran teks yang dapat memisahkan judul dan
konten dengan baik dan pewarnaan yang berbeda. Dan high-fidelity wireframe
yang merupakan kerangka desain yang sudah interaktif dengan menggunakan
gambar dan tulisan konten yang sebenarnya.

2.5 User Interface / User Experience (UI/UX)

UI dan UX adalah singakatan dari User Interface dan User experience
yakni merupakan sebuah tampilan visual dalam sebuah aplikasi atau alat
pemasaran digital dalam bentuk website yang dapat meningkatkan brand yang
dimiliki oleh bisnis atau perusahaan (Muhyidin, Sulhan, and Sevtiana 2020).

User interface (UI) adalah cara program dan pengguna untuk

berinteraksi. Dapat diartikan bahwa UI merupakan cara pengguna untuk
berinteraksi dengan komputer, smartphone, tablet atau perangkat lainnya yang
berbentuk visual, mampu dimengerti oleh pengguna aplikasi tersebut, dan
deprogram sedemikian rupa agar dapat terbaca oleh sistem dan dapat
menjalankan perintah yang tepat (Fadli et al. 2020). UI yang baik mampu
memberikan pengalaman interaksi terhadap aplikasi dengan mudah oleh
pengguna (user friendly), karena memiliki peranan penting pada sebuah aplikasi
yaitu sebagai penghubung antara pengguna dengan sistem aplikasi itu sendiri
serta sebagai faktor kesuksesan aplikasi.

18
 UNIVERSITAS ESA UNGGUL

Sedangkan menurut (Muhyidin, Sulhan, and Sevtiana 2020). Definisi

UX atau user experience ada bermacam-macam. Berdasarkan apa yang
dikerjakan, desainer UX adalah orang yang membuat produk yang bermanfaat dan
memvisualisasi user flow menjadi desain produk yang teruji dan indah. Desainer
UX akan bekerja sama dengan tim-tim lain untuk mencari titik temu antara
kebutuhan pengguna, tujuan bisnis dan kemajuan teknologi. Titik temu tersebut
kemudian dijadikan sebuah produk yang bermakna, berguna, dan menyenangkan.
Seperti namanya, desain yang dibuat oleh desainer UX akan menentukan mudah
atau sulitnya user experience atau interaksi dengan web. Membuat wireframe atau
mendesain mockup adalah salah satu kemampuan dasar yang harus dimiliki oleh
seorang desainer UX.

2.6 Metode Prototype

Menurut (Siswidiyanto et al. 2020) “Prototype adalah salah satu
pendekatan dalam rekayasaperangkat lunak yang secara langsung
mendemonstrasikan bagaimana sebuah perangkat lunak atau komponen-
komponen perangkat lunak akan bekerja dalam lingkungannya sebelum tahapan
konstruksi aktual dilakukan. Model prototipe digunakan sebagai indikator dari
gambaran yang akan dibuat pada masa yang akan datang dan membedakan dua
fungsi eksplorasi dan demonstrasi”.

Pernyataan ini juga didukung oleh (Dwi Asworowati, Wijayanti, and

Ananta 2018) Yang berpendapat Metode prototype (prototyping model) dimulai
dari mengumpulkan kebutuhan pelanggan terhadap perangkat lunak yang akan
dibuat. Lalu dibuatlah program protipe agar pelanggan mendapatkan gambaran
dan lebih terbayang tentang apa yang mereka butuhkan. Program prototipe ini
dievaluasi oleh pelanggan atau user sampai ditemukan spesifikasi yang sesuai
dengan keinginan pelanggan atau user. Tahapan-tahapan dalam metode prototipe:

19
 UNIVERSITAS ESA UNGGUL

Gambar 2. 3 Tahapan metode prototype

a. Menidentifikasi kebutuhan pemakai.Padatahap ini analisis sistem akan

melakukanstudi kelayakan dan studi terhadapkebutuhan pemakai, baik
yang meliputi mode interface, teknik procedural maupun teknologi yang
akan digunakan.
b. Pengembangan prototype. Pada tahap ini analisis sistem bekerja sama
dengan programmer mengembangkan prototype sistem untuk
memperlihatkan kepada pemesan pemodelan sistem yang akan
dibangunnya.
c. Menentukan prototype, apakah dapat diterima oleh pemesan atau pemakai.
Analisis sistem pada tahap ini akan mendeteksi dan megidentifikasi sejauh
mana pemodelan yang dibuatnya dapatditerima oleh pemesan, perbaikan-
perbaikan apa yang diinginkan pemesan atau bahkan harus merombak
secara keseluruhan.

20
 UNIVERSITAS ESA UNGGUL

d. Penggunaan prototipe pada tahap ini, analisis sistem akan menyerahkan

kepada pemrogram untuk mengimplementasikan pemodelan yang
dibuatnya menjadi satu sistem.

21
 UNIVERSITAS ESA UNGGUL

BAB 3
GAMBARAN UMUM PERUSAHAAN

3.1 PT. Hosit-Hosit Bangka Kuliner

PT. Hosit-Hosit Bangka Kuliner adalah sebuah perusahaan yang
bergerak di bidang Food and beverage (F&B) atau biasa dikenal dengan bidang
kuliner yang sudah berdiri sejak tahun 2014. PT Hosit – Hosit Bangka Kuliner
menjalankan usahanya dengan konsep restoran yang juga menawarkan hasil
produk-produk seperti, kerupuk khas kota Bangka, kue khas Bangka dan lain
sebagainya.

3.2 Alur Proses Bisnis Yang Sedang Berjalan

Berikut adalah gambaran alur bisnis atau proses dari sistem yang sedang berjalan,
digambarkan dalam flowchart berikut:

22
 UNIVERSITAS ESA UNGGUL

Gambar 3. 1 Diagram Alur Bisnis

23
 UNIVERSITAS ESA UNGGUL

3.3 Lokasi Magang

Lokasi pelaksanaan magang yaitu di Ruko Ketapang Bussiness Center
Blok A1-2, Jalan KH. Zainul Arifin No. 20, RT.8/RW.7, Krukut, Jakarta Pusat,
Kota Jakarta Barat, Kec. Taman Sari, Daerah Khusus Ibukota Jakarta 11140.

3.4 Visi dan Misi Perusahaan

3.4.1 Visi
Menjadi salah satu rumah makan yang terkenal akan kualitas menu khas
daerah dan pelayanannya.

3.4.2 Misi
1. Melestarikan kekayaan budaya leluhur dalam bidang kuliner nusantara
agar tidak hilang.
2. Mengangkat citra makanan tradisional agar tetap bisa bersaing dengan
makanan modern dan internasional.
3. Memberikan banyak pilihan menu tradisional yang saat ini sudah jarang
ditemui.
4. Mampu membuka banyak lapangan kerja.

3.5 Struktur Organisasi

24
 UNIVERSITAS ESA UNGGUL

Gambar 3. 2 Struktur organisasi PT. Hosit-Hosit Bangka Kuliner

Hosit Bangka Kuliner dalam menjalankan pekerjaanya dibagi dalam 3 divisi

yaitu:

1. Divisi Marketing (manager): Bertanggung jawab untuk merencanakan,

mengarahkan, atau mengkoordinasikan kebijakan dan program pemasaran,
antara lain melihat permintaan untuk produk dan jasa yang ditawarkan
oleh perusahaan dan pesaingnya serta mengidentifikasi pelanggan
potensial. Manajer juga mengawasi perkembangan produk, kebutuhan
untuk produk dari perusahaan-perusahaan yang bekerjasama.
2. Divisi SDM (supervisor): Bertanggung jawab kepada manajer, juga
bertanggung jawab memastikan staf yang bekerja di bawahnya bekerja
sesuai dengan yang sudah ditentukan sehingga seluruh proses produksi
berjalan dengan semestinya, monitoring produksi, pengawasan staf

25
 UNIVERSITAS ESA UNGGUL

karyawan, melakukan instruksi kerja, bertanggung jawab dalam

keamanan, keselamatan atau kesehatan yang terancam di tempat kerja.
3. Divisi Programmer (spv assistant / IT support): Mengikuti setiap arahan
dan masukan supervisor, membantu supervisor dalam berbagai aspek,
memastikan software dan hardware nantinya akan berjalan dengan baik,
dan membantu meng-backup data yang sudah di input oleh supervisor.

3.6 Kegiatan Selama Magang

Selama kegiatan magang, mahasiswa menjabat sebagai IT Support
yang menangani bagian pembuatan company profile berbasis website dan
memberikan pelatihan penggunaan website yang dibuat. Mahasiswa memiliki
seorang mentor yang menjabat sebagai Marketing Manager yang sudah
membimbing mahasiswa dalam proses pembuatan website company profile ini.
Mahasiswa wajib masuk kantor pada hari Senin-Jumat pukul 09.00-15.00,
terkecuali hari selasa karena libur. Dalam bekerja, mahasiswa berada dalam
pengawasan mentor mahasiswa. Mahasiswa ditugaskan untuk membuat company
profile berbasis website yang akan dijelaskan pada laporan ini.

26
 UNIVERSITAS ESA UNGGUL

BAB 4
HASIL DAN PEMBAHASAN

4.1 Pelaksanaan Kegiatan

Pelaksanaan Magang dilaksanakan pada tanggal 23 agustus 2021
sampai 14 Oktober 2021 di restoran atau PT. Hosit-Hosit Bangka Kuliner yang
berlokasi di Komplek Ruko Ketapang Bussiness Center Blok A1-2, Jalan KH.
Zainul Arifin No. 20, RT.8/RW.7, Krukut, Jakarta Pusat, Kota Jakarta Barat, Kec.
Taman Sari, Daerah Khusus Ibukota Jakarta 11140.

Penulis melakukan pengenalan terhadap perusahaan dan melakukan

tahap identifikasi permasalahan yang terdiri dari observasi, wanwancara dan
analisis. Penulis melakukan observasi terlebih dahulu, yaitu dengan
mengumpulkan data yang dibutuhkan dalam proses perancangan website
company profile. Setelah memperoleh data yang dibutuhkan tahap berikutnya
ialah melakukan wawancara tentang proses bisnis yang ada pada Hosit Bangka
kuliner secara langsung. Tahap ketiga yaitu melakukan analisis terhadap observasi
dan wawancara yang telah dilakukan sebelumnya. Pada tahap ini dilakukan
peninjauan dan pemahaman proses bisnis pada resto Hosit Bangka Kuliner,
tentang segala proses yang berhubungan dengan langkah pemecahan masalah.

4.2 Analisis kebutuhan Sistem

PT. Hosit-Hosit Bangka Kuliner membutuhkan suatu website yang
dapat menampilkan informasi company profile yang mencakup: Gambaran
singkat tentang perusahaan, produk yang ditawarkan, pelayanan yang ditawarkan,
informasi kontak restoran serta informasi map lokasi tempat restoran berada.
Sehingga dibuatlah sebuah rancangan Use Case diagram, Activity diagram, dan
low-fidelity wireframing dari website yang akan dibuat sebagai berikut:

27
 UNIVERSITAS ESA UNGGUL

4.2.1 Use Case Diagram

Gambar 4. 1 Use case diagram

Pada gambar 4.1 Use Case Diagram, terdapat 2 aktor dalam sistem ini
yaitu: admin dan (Pelanggan) web visitor atau pengunjung website. Admin pada
nantinya akan memiliki fungsi untuk membuat (Create), melihat (Read),
memperbarui (Update), menghapus (Delete) segala isi website baik komponen,
fitur, maupun konten website Company Profile PT. Hosit-Hosit Bangka Kuliner.
Berbeda dengan admin, Web visitor hanya memiliki akses untuk melihat (Read),
menggunakan fitur open whatsapp untuk mengirim pesan guna memudahkan
pengunjung untuk menghubungi pihak PT. Hosit-Hosit Bangka Kuliner.

28
 UNIVERSITAS ESA UNGGUL

4.2.2 Activity Diagram Pelanggan

Gambar 4. 2 activity diagram pelanggan

Gambar 4.2 menunjukkan activity diagram mengakses dan melihat isi dari
website. Dimulai dari user membuka web / sistem, kemudian web / sistem akan
memuat konten berita / informasi penting yang berkaitan dengan informasi
seputar perusahaan.

4.2.3 Activity Diagram Admin

29
 UNIVERSITAS ESA UNGGUL

Gambar 4. 3 activity diagram admin

Gambar 4.3 menunjukkan activity diagram akses admin. Dimulai dari sistem
menampilkan login form. Kemudian admin mengisi username dan password yang
telah terdaftar disistem. Sistem akan melakukan autentikasi. Jika sesuai, maka
admin berhasil login. Jika tidak sesuai, admin akan diarahkan untuk mengisi
username dan password yang sesuai. Setelah berhasil login, admin dapat memilih
menu dan fitur yang ingin diakses dan merespon permintaan kerja sama admin
bisa mengelola website secara kontinyu yang ada pada sistem. Setelah selesai,
admin bisa logout dari sistem

4.3 Pembuatan Website

4.3.1 Pembuatan Wireframe

Sebelum membuat website, hal pertama yang harus dikerjakan adalah
melakukan analisis terhadap kebutuhan layout yang diperlukan untuk ditampilkan
pada halaman web. Setelah melewati hasil wawancara dan observasi yang sudah
30
 UNIVERSITAS ESA UNGGUL

dijelaskan dibab sebelumnya maka diputuskan untuk dibuat wireframe terlebih

dahulu. Wireframing pada pembuatan companyprofile ini ditujukan untuk
memungkinkan dan mendefinisikan information hierarchy dari desain, sehingga
memudahkan penulis dalam perencanaan layout sesuai dengan rencana
kesepakatan bersama tentang bagaimana user dapat memproses informasi.

Gambar 4. 4 Wireframe halaman home

Pada gambar 4.2 Wireframe halaman Home yang menggambarkan

susunan, struktur, layout, navigasi, dan organisir konten dari halaman Home yang
merupakan halaman utama dari website. Pada halaman ini terdapat informasi
singkat dari PT. Hosit-Hosit Bangka Kuliner.

31
 UNIVERSITAS ESA UNGGUL

Gambar 4. 5 Wireframe halaman about us

Pada gambar 4.3 wireframe halaman about us yang menggambarkan

susunan, struktur, layout, navigasi, dan organisir konten dari halaman about us.
Pada halaman ini terdapat sejarah singkat perusahaan, visi misi, keunggulan, dll

Gambar 4. 6 Wireframe halaman products

32
 UNIVERSITAS ESA UNGGUL

Pada gambar 4.4 Wireframe halaman Products yang menggambarkan

susunan, struktur, layout, navigasi, dan organisir konten dari halaman Products.
Pada halaman ini terdapat informasi mengenai produk-produk apa saja yang dijual
oleh PT. Hosit-Hosit Bangka Kuliner.

Gambar 4. 7 Wireframe halaman services

Pada gambar 4.5 Wireframe halaman Services yang menggambarkan

susunan, struktur, layout, navigasi, dan organisir konten dari halaman Services.
Pada halaman ini terdapat informasi mengenai layanan yang ditawarkan oleh PT.
Hosit-Hosit Bangka Kuliner.

33
 UNIVERSITAS ESA UNGGUL

Gambar 4. 8 Wireframes halaman testimonials

Pada gambar 4.6 wireframes halaman testimonials yang berfungsi

sebagai gambaran hasil review dari masing-masing customer yang telah datang
berkunjung untuk menikmati hidangan secara dine-in dan memberikan masukan
lewat berbagai macam platform yang berbeda.

Gambar 4. 9 Wireframe halaman contact

34
 UNIVERSITAS ESA UNGGUL

Pada gambar 4.7 Wireframe halaman Contact yang menggambarkan

susunan, struktur, layout, navigasi, dan organisir konten dari halaman Contact.
Pada halaman ini terdapat informasi mengenai kontak, dan map lokasi kantor dari
PT. Hosit-Hosit Bangka Kuliner.

4.3.2 Tampilan User Interface dan User Experience halaman Home

Gambar 4. 10 Tampilan website halaman home

Pada gambar 4.8 Tampilan website halaman home merupakan

halaman utama dari website ini, dimana ketika user berkunjung ke website
ini akan langsung dihadirkan langsung menuju halaman home ini. Pada
bagian home menggunakan kombinasi warna cream muda dan gold, Hal
tersebut bertujuan agar user dapat dengan mudah membaca isi dari
informasi yang ditampilkan dan memberikan kontras yang baik antar isi
informasi dan latar belakang. Selain itu warna cream muda memberikan
kesan warna yang berbeda dan tidak monoton seperti warna putih dan aksen
gold pada bagian atas memberikan kesan sedikit elegan.

Informasi yang ditampilkan adalah informasi ringkas dengan gambar

yang merepresentasikan PT. Hosit-Hosit Bangka Kuliner, Informasi dari
halaman Home ini terdapat isi konten yang disusun dengan penulisan pada
sebelah kiri yang berisi slogan atau ajakan untuk menikmati kuliner khas
kota Bangka dan juga dilengkapin dengan button yang bisa diklik untuk
menuju ke page menu & product. Selain itu terdapat juga mode day and
night guna menyesuaikan selera pengunjung website nantinya ketika melihat
35
 UNIVERSITAS ESA UNGGUL

isi website. Penekanan informasi di halaman ini yaitu nama perusahaan,

gambaran restoran hosit Bangka kuliner, about us, service dan contact.

4.3.3 Tampilan User Interface dan User Experience halaman About Us

Gambar 4. 11 Tampilan website halaman about us

Pada gambar 4.9 Tampilan website halaman about us kali ini berisikan
informasi yang meliputi sejarah singkat restoran, Visi dan misi dari restoran
Hosit Bangka Kuliner, jangkauan lokasi penjualan, keunggulan restoran,
serta alasan mengapa restoran ini dibuat oleh Alm. Kong Andy William.
Dan juga terdapat tombol reservation yang dapat di klik jika ingin
melakukan booking table.

4.3.4 Tampilan User Interface dan User Experience halaman Menu

36
 UNIVERSITAS ESA UNGGUL

Gambar 4. 12 Tampilan website halaman Menu

Pada gambar 4.10 Tampilan website halaman menu menampilkan

informasi mengenai produk-produk yang dijual dan ditawarkan oleh PT.
Hosit Bangka Kuliner seputar nama produk, bahan dasar produk, dan harga
produk. Nantinya produk dapat dipesan dengan cara menekan gambar
keranjang yang terdapat diatas menu dimana akan langsung mengarahkan
user kehalaman Contact untuk menghubungi pihak perusahaan langsung.
Penekanan informasi pada halaman ini yaitu menu favorit yang terdapat
pada bagian paling atas isi konten yang menandakan bahwa isi konten pada
halaman ini berfokus kepada produk-produk yang ditawarkan oleh restoran.
Penempatan isi list produk dari konten halaman yang berupa list dari atas ke
bawah ini dibuat dengan tujuan memberitahukan urutan dari produk
unggulan yang ditawarkan dari pihak restoran.

4.3.5 Tampilan User Interface dan User Experience halaman Services

37
 UNIVERSITAS ESA UNGGUL

Gambar 4. 13 Tampilan website halaman services

Pada gambar 4.11 Tampilan website halaman services ini berisikan

informasi mengenai pelayanan apa saja yang diberikan kepada pelanggan
yang berkunjung langsung maupun memesan secara online dengan restoran
Hosit-Hosit Bangka Kuliner seperti packaging yang digunakan untuk setiap
hidangan berbeda-beda guna menjaga kualitas makanan, kerja sama dengan
gojek, dan dapat makan ditempat maupun melakukan take-away langsung.

4.3.6 Tampilan User Interface dan User Experience halaman Testimonials

38
 UNIVERSITAS ESA UNGGUL

Gambar 4. 14 Tampilan website halaman testimonials

Pada gambar 4.12 Tampilan website halaman testimonial memberikan

informasi-informasi berupa testimoni dari customer yang sudah pernah
datang berkunjung langsung. Pada tampilan testimonials terdapat link akses
yang bisa langsung dituju untuk melihat review dari masing-masing
customer di platform yang berbeda.

4.3.7 Tampilan User Interface dan User Experience halaman Contact

Gambar 4. 15 Tampilan website halaman contact

Gambar 4.13 tampilan website halaman Contact memberikan

informasi mengenai kontak dari PT. Hosit Bangka Kuliner seperti alamat,
nomor telepon, Instagram, email, link yang menuju ke nomor whatsapp PT.
Hosit Bangka Kuliner, dan map lokasi kantor dan restoran dari PT. Hosit
Bangka Kuliner yang dapat di gerakan, zoom-in dan zoom-out dan terdapat

39
 UNIVERSITAS ESA UNGGUL

tampilan map sehingga memberikan akses mudah kepada user untuk

menemukan lokasi kantor PT. Hosit Bangka Kuliner. Penekanan informasi
pada halaman ini yaitu contact us yang menandakan bahwa isi dari halaman
ini berfokuskan kepada informasi kontak dari perusahaan yang dapat
digunakan user untuk menghubungi perusahaan.

4.3.8 Tampilan Link yang mengarah kepada nomor whatsapp di halaman

Contact

Gambar 4. 16 Tampilan link yang mengarah kepada nomor

whatsapp PT.Hosit Bangka Kuliner

Pada gambar 4.14 Tampilan link yang mengarah kepada nomor

whatsapp PT. Hosit Bangka Kuliner menunjukan halaman dari website
whatsapp yang memiliki fungsi untuk memudahkan user untuk
menghubungi langsung nomor whatsapp dari PT. Hosit Bangka Kuliner
dengan menekan logo telepon yang terdapat pada halaman Contact.

40
 UNIVERSITAS ESA UNGGUL

BAB 5
KESIMPULAN DAN SARAN

5.1 Kesimpulan
Dari hasil magang di Hosit Bangka Kuliner, dapat diambil beberapa
kesimpulan sebagai berikut :

1. Dengan adanya perancangan companyprofile berbasis Website dapat

membantu perusahaan dalam upaya mengenalkan profil dan citra
perusahaan serta mampu menarik minat customer untuk datang
berkunjung serta membeli produk-produk dari restoran Hosit-Hosit
Bangka Kuliner.
2. Dengan adanya perancangan companyprofile berbasis Website ini, dapat
memudahkan perusahaan dalam menyampaikan informasi terkait produk
makanan, staff, contact, sehingga membantu proses pemasaran restoran.

5.2 Saran
Berdasarkan uraian bab-bab sebelumnya pada Perancangan Company
Profile Berbasis Website pada PT.Hosit Bangka Kuliner, maka saran yang dapat
penulis sampaikan untuk perkembangan website company profile adalah sebagai
berikt :

1. Dalam website companyprofile yang sudah dirancang saat ini, masih

dimungkinkan penerapan jenis company profile dalam bentuk video yang
nantinya dapat disertakan dalam website.
2. Penambahan fitur untuk melakukan pre-order produk-produk dari restoran
Hosit Bangka Kuliner yang disertakan dalam website, Hal tersebut tentu
saja akan membantu customer atau client untuk dapat membangun sebuah
kepercayaan kepada pihak perusahaan.

41
 UNIVERSITAS ESA UNGGUL

DAFTAR REFERENSI

Dennis Alan, HW. Barabara, David.T. 2014. SYSTEMS ANALYSIS & DESIGN An
Object-Oriented Approach with UML. 5th ed. ed. Beth Lang Golub Ellen
Keohane, Mary O’Sullivan. United States of America.
Dharwiyanti, Sri, and Romi Satria Wahono. 2003. “Pengantar Unified Modeling
LAnguage (UML).” IlmuKomputer.com: 1–13.
http://www.unej.ac.id/pdf/yanti-uml.pdf.
Dwi Asworowati, Ratih, Diah Wijayanti, and Yulius Kety Ananta. 2018. “Sistem
Informasi Penerimaan Pengemudi Berbasis Web Dengan Metode Prototype :
Studi Kasus PT. Dinamika Makmur Sentosa Cikarang.” IJCIT (Indonesian
Journal on Computer and Information Technology 3(2): 177.
Fadli, Muhammad Raffi et al. 2020. “Arty : Journal of Visual Arts USER
INTERFACE AND USER EXPERIENCE OF INDOSPORT MOBILE
APPLICATIONS USING A USER CENTERED DESIGN APPROACH
PERANCANGAN USER INTERFACE DAN USER EXPERIENCE PADA
APLIKASI MOBILE.” 9(2).
HERLINA, HERLINA. 2021. “PENERAPAN UNIFIED MODELLING
LANGUAGE (UML) PADA ANALISIS SISTEM SERTA
PERANCANGAN DATABASE TIMBULAN SAMPAH.” Jurnal INSTEK
(Informatika Sains dan Teknologi) 6(2): 170–77. http://journal.uin-
alauddin.ac.id/index.php/instek/article/view/23994 (October 31, 2021).
Hilabi, Shofa Shofiah. 2017. “RANCANG BANGUN SITUS RESPONSIF DI
UNIVERSITAS BUANA PERJUANGAN KARAWANG DENGAN
MENGGUNAKAN METODE PERPADUAN GRID SYSTEM DAN CSS
MEDIA QUERY.” Techno Xplore : Jurnal Ilmu Komputer dan Teknologi
Informasi 2(1).
https://journal.ubpkarawang.ac.id/index.php/TeknikInformatikaSistemInfor/a
rticle/view/220 (October 31, 2021).
Husna, Hanifah Triari, Fitri Susanti, and Agus Pratondo. 2020. “Perancangan Dan
Implementasi Desain User Interface Dan User Experience Pada Aplikasi
Pendidikan Seks Untuk Anak Usia 6-12 Tahun.” eProceedings of Applied
Science 6(2): 2697–2706.
Islamiati, Yuniar, Andy Hidayat Jatmika, and Farid Wahyudi. 2021. “Pembuatan
Sistem Informasi Company Profile Berbasis Website SMPN 4
GUNUNGSARI.” Jurnal Begawe Teknologi Informasi (JBegaTI) 2(2): 126–
37.
Kurniawan, Tri Astoto. 2018. “Pemodelan Use Case (UML): Evaluasi Terhadap
Beberapa Kesalahan Dalam Praktik.” Jurnal Teknologi Informasi dan Ilmu
42
 UNIVERSITAS ESA UNGGUL

Komputer 5(1): 77.

Muhyidin, Muhammad Agus, Muhammad Afif Sulhan, and Agus Sevtiana. 2020.
“Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik
Mahasiswa Menggunakan Aplikasi Figma.” Jurnal Digit 10(2): 208.
Prayitno, Agus, and Yulia Safitri - AMIK BSI Jakarta. 2015. “Pemanfaatan
Sistem Informasi Perpustakaan Digital Berbasis Website Untuk Para
Penulis.” Indonesian Journal on Software Engineering (IJSE) 1(1): 28–37.
https://ejournal.bsi.ac.id/ejurnal/index.php/ijse/article/view/592 (October 31,
2021).
Siswidiyanto, Ahmad Munif, Diah Wijayanti, and Eko Haryadi. 2020. “Sistem
Informasi Penyewaan Rumah Kontrakan Berbasis Web Dengan
Menggunakan Metode Prototype.” Jurnal Interkom 15(1): 18–25.
Syarif, Muhamad, and Wahyu Nugraha. 2020. “PEMODELAN DIAGRAM UML
SISTEM PEMBAYARAN TUNAI PADA TRANSAKSI E-COMMERCE.”
JTIK (Jurnal Teknik Informatika Kaputama) 4(1): 64–70.
https://jurnal.kaputama.ac.id/index.php/JTIK/article/view/240 (October 31,
2021).

43
 UNIVERSITAS ESA UNGGUL
FAKULTAS ILMU KOMPUTER
Lampiran 1
Jln.Arjuna Utara No.9 , Kebon Jeruk-Jakarta Barat
11510

Surat Pernyataan *)

Pembimbing Akademis yang bertanda-tangan di bawah ini menyatakan,

Nama Mahasiswa : Willi Kornellius

Nomor Induk Mahasiswa : 2018-0801-010

Telah Lulus Sejumlah : 127 SKS

IPK Semu **) : 3.59

Sehingga telah memenuhi syarat akademis untuk melaksanakan Mata

Kuliah Magang. Pada program studi Teknik Informatika, Fakultas
Ilmu Komputer Universitas Esa Unggul

Jakarta, 23 Agustus 2021

Syahrizal Dwi Putra, ST, M.Kom

Dosen Pembimbing Akademik ***)

minimal : 100 sks, **) IPK Semu : 2.00

*) Surat Keterangan ini cukup dibuat SATU kali rangkap TIGA:
Bagian Akademis, Mahasiswa Bersangkutan, Pembimbing Akademis.
**) Termasuk nilai yang belum keluar.
***) Diparaf oleh bagian sub-akademis.
 UNIVERSITAS ESA UNGGUL
FAKULTAS ILMU KOMPUTER
Lapiran 2
Jln.Arjuna Utara No.9 , Kebon Jeruk-Jakarta Barat 11510

Formulir Permohonan Magang

Nama Tempat Praktik : PT. Hosit-Hosti Bangka Kuliner

Alamat : Ruko Ketapang Bussiness Center Blok A1-2,
Jalan KH. Zainul Arifin No. 20, RT.8/RW.7, Krukut,
Jakarta Pusat, Kota Jakarta Barat, Kec. Taman Sari,
Daerah Khusus Ibukota Jakarta 11140.
Telepon/Email : (+62) 631- 2021
Surat Pengantar : diperlukan / tidak diperlukan *)
Nama Mahasiswa : Willi Kornellius
Nomor Induk Mahasiswa : 2018 – 08 01-010
Jumlah SKS : 127 SKS
Indeks Prestasi Komulatif : 3.59
Pembimbing Akademik : Syahrizal Dwi Putra, ST, M.Kom
Tanggal Memulai : 23 Agustus 2021
Perkiraan Selesai : 14 Oktober 2021

Bersama ini dilampirkan surat pernyatan untuk memenuhi pelaksanaan magang pada
Program Studi Teknik Informatika, Fakultas Ilmu Komputer. Universitas Esa Unggul.

Jakarta, 22 Agustus 2021

Pemohonan magang

Willi Kornellius
 Lampiran 3 Formulir Penilaian Magang

FORMULIR PENILAIAN MAGANG

Bersama dengan ini,

Nama Pembimbing Lapangan : Yunita Weiling

Instansi Magang : PT.Hosit-Hosit Bangka Kuliner

Menyatakan bahwa peserta magang berikut ini:

Nama Mahasiswa : Willi Kornellius

Nomor Induk Mahasiswa : 2018-0801-010

Judul Laporan Magang : Perancangan companyprofile berbasis website

Untuk PT. Hosit-Hosit Bangka Kuliner

Tanggal Kerangka Acuan : 23 Agustus 2021

Waktu Pelaksanaan : 23 Agustus 2021 – 14 Oktober 2021

Telah menyelesaikan Magang di instansi kami sesuai dengan kerangka acuan tertanggal
diatas (beserta perubahannya). Dengan mempertimbangkan segala aspek, baik dari segi
bobot pekerjaan mau pun pelaksanaan Magang, maka kami memutuskan bahwa yang
bersangkutan telah menyelesaikan kewajibannya dengan hasil sebagai berikut:

KOMPONEN PENILAIAN
1. Kepuasan Pemberi Magang - - A / A- / B+ / B / B- /C + / C / D / E / T *)
2. Disiplin - - A / A- / B+ / B / B- / C + / C / D / E / T *)
3. Semangat - - A / A- / B+ / B / B- / C + / C / D / E / T *)
4. Ketelitian - - A / A- / B+ / B / B- / C + / C / D / E / T *)
5. Tepat Waktu - - A / A- / B+ / B / B- / C + / C / D / E / T *)
6. Kemampuan Memilih Prioritas - - A / A- / B+ / B / B- / C + / C / D / E / T *)
7. Kemampuan Bekerja Sama - - A / A- / B+ / B / B- / C + / C / D / E / T *)
8. Kemampuan Bekerja Mandiri - - A / A- / B+ / B / B- / C + / C / D / E / T *)
9. Kemauan Belajar dan
Kemampuan Menyerap Hal Baru - - A / A- / B+ / B / B- / C + / C / D / E / T *)

10. Kemampuan Analisa dan Merancang - - A / A- / B+ / B / B- / C + / C / D / E / T *)

 Lampiran 3 Formulir Penilaian Magang

Jakarta, 15 Oktober 2021

Mengetahui,

Pembimbing Lapangan

Yunita Weiling

*) Coret yang tidak perlu

*) Nilai A = 80.0 – 100

A- = 77.0 – 79.99
B+ = 74.0 – 76.99
B = 68.0 – 73.99
B- = 65.0 – 67.99
C+ = 62.0 – 64.99
C = 60.0 – 61.99
D = 45.0 – 59.99
E = 0.0 – 44.99
T = 0.0 – 0.0

CATATAN :

Sesuai dengan Pasal 12 (Penilaian) dari Pedoman Pelaksanaan magang,

bobot nilai dari Instansi tempat mengerjakan Magang ialah 50%.
 UNIVERSITAS ESA UNGGUL
FAKULTAS ILMU KOMPUTER
Lampiran 4
Jln.Arjuna Utara No.9 , Kebon Jeruk-Jakarta Barat 11510

KERANGKA ACUAN

Nama Tempat Magang : PT. Hosit Bangka Kuliner

Nama Pembimbing Lapangan : Yunita Weiling

Jabatan Pembimbing Lapangan : Manajemen Marketing

Alamat : Ruko Ketapang Bussiness Center Blok A1-2,

Jalan KH. Zainul Arifin No. 20, RT.8/RW.7, Krukut,

Jakarta Pusat, Kota Jakarta Barat, Kec. Taman Sari,

Daerah Khusus Ibukota Jakarta 11140.

Telepon : (+62) 631-2021

Nama Mahasiswa : Willi Kornellius

Nomor Induk Mahasiswa : 2018-0801-010

Telepon/Email : 081385287898 / wcornelious20@gmail.com

Nama Dosen Pembimbing : Syahrizal Dwi Putra, ST, M.Kom

Telepon/Email :-

Turut Memeriksa Laporan : Ya / Tidak *)

Judul/Topik/Tema : Perancangan company profile Berbasis website

Untuk PT. Hosit-Hosit Bangka Kuliner

Uraian Singkat : Membuat Front End basic company profile

PT. Hosit Bangka Kuliner berbasis website

Perkiraan Jangka Waktu : 23 Agustus 2021 - 14 Oktober 2021

Garis Besar Jadwal Rencana Kerja (Per-Minggu) :

NO Waktu Uraian Rencana Kerja

Minggu Ke-1
23 Agustus  Pengarahan jobdesk
1.
2021 s/d  Penjelasan Struktur Organisasi &
Training dasar
30 Agustus 2021
Minggu Ke-2
1 September  Menganalisa kebutuhan sistem
2.
2021 s/d  Membuat rancangan sketsa wireframe
website
10 September 2021
Minggu Ke-3
13 September  Pembuatan Wireframe
3.
2021s/d  Pembuatan website
20 September 2021
Minggu Ke-4
22 September
4.  Pembuatan website
2021s/d
29 September 2021
Minggu Ke-5
30 September  Revisi website
5.
2021s/d
8 Oktober 2021
Minggu Ke-6  Pertimbangan dan akhir proses magang
6.
11 Oktober 2021
s/d
14 Oktober 2021
Yang Bertanda Tangan di bawah ini Menyatakan Telah Membaca
dan Memahami isi dari Kerangka Acuan serta Pedoman Pengerjaan
Magang.

Peserta Magang Pembimbing Lapangan

Willi Kornellius Yunita Weiling

Dosen Pembimbing Materi

Syahrizal Dwi Putra, ST, M.Kom

 UNIVERSITAS ESA UNGGUL
FAKULTAS ILMU KOMPUTER
Lampiran 5
Jln.Arjuna Utara No.9 , Kebon Jeruk-Jakarta Barat 11510

LOG KEHADIRAN MAGANG

Nama / NIM : Willi Kornellius / 20180801010

Instansi : PT. Hosit-Hosit Bangka Kuliner

Judul : Perancangan company profile berbasis website untuk

PT.Hosit-Hosit Bangka Kuliner

Paraf
No Hari/Tanggal Kegiatan Magang
Pembimbing

1 Senin, 23 Agustus 2021 Penjelasan struktur organisasi

perusahaan

2 Rabu, 25 Agustus 2021 Training dasar

3 Kamis, 26 Agustus 2021 Training dasar

4 Jumat, 27 Agustus 2021 Penjelasan jobdesk

5 Senin, 30 Agustus 2021 Menganalisa kebutuhan sistem

6 Rabu, 1 September 2021 Menganalisa kebutuhan sistem

7 Kamis, 2 September 2021 Mempelajari metode yang digunakan

 UNIVERSITAS ESA UNGGUL
FAKULTAS ILMU KOMPUTER
Lampiran 5
Jln.Arjuna Utara No.9 , Kebon Jeruk-Jakarta Barat 11510

8 Jumat, 3 September 2021 Mempalajari dang mengajukan

software yang akan digunakan

9 Senin, 6 September 2021 Membuat rancangan wireframe

sebagai sketsa website

10 Rabu, 8 September 2021 Mengajukan rancangan wireframe

yang telah dibuat

11 Kamis, 9 September 2021 Melakukan pelatihan pada karyawan

magang dalam menggunakan HTML
& CSS.
Melakukan pelatihan mengedit isi
12 Jumat, 10 September 2021
konten pada website

Melakukan pelatihan mengedit dan

13 Senin, 13 September 2021
penambahan fitur pada website

Melakukan pelatihan mengedit dan

14 Rabu, 15 September 2021
penambahan fitur pada website

Melakukan pelatihan finalisasi testing

15 Kamis, 16 September 2021
website

Menunggu arahan selanjutnya kapan

16 Jumat, 17 September 2021
mulai membuat website

17 Senin, 20 September 2021 Membuat tampilan home

18 Rabu, 22 September 2021 Membuat tampilan products

 UNIVERSITAS ESA UNGGUL
FAKULTAS ILMU KOMPUTER
Lampiran 5
Jln.Arjuna Utara No.9 , Kebon Jeruk-Jakarta Barat 11510

19 Kamis, 23 September 2021 Membuat tampilan contact

20 Jumat, 24 September 2021 Membuat tampilan services

21 Senin, 27 September 2021 Finalisasi produk akhir website

Mengajukan hasil akhir dari website

22 Rabu, 29 September 2021
yang sudah dibuat

23 Kamis, 30 September 2021 Menunggu info seputar revisi ulang

website yang sudah dibuat

24 Jumat, 1 Oktober 2021 Membuat revisi tampilan

25 Senin, 4 Oktober 2021 Membuat revisi pada halaman

products

26 Rabu, 6 Oktober 2021 Membuat revisi pada halaman

products

27 Kamis, 7 Oktober 2021 Membuat revisi pada halaman

products

28 Jumat, 8 Oktober 2021 Pengajuan hasil revisi website

29 Senin, 11 Oktober 2021 Pengajuan hasil revisi website

 UNIVERSITAS ESA UNGGUL
FAKULTAS ILMU KOMPUTER
Lampiran 5
Jln.Arjuna Utara No.9 , Kebon Jeruk-Jakarta Barat 11510

30 Rabu, 13 Oktober 2021 Website akan menjadi list

pertimbangan untuk dipublish

31 Kamis, 14 Oktober 2021 Proses magang telah berakhir

Jakarta, 14 Oktober 2021

Mengetahui,

Pembimbing Lapangan

Yunita Weiling