Lapooran PKL
Lapooran PKL
Oleh :
Muhammad Fuadi
1603015149
Diajukan sebagai Salah Satu Syarat untuk Penulisan Skripsi pada Program Studi
Teknik Informatika Jenjang Pendidikan Strata Satu
Oleh :
Muhammad Fuadi
1603015149
i
HALAMAN PERSETUJUAN
Salah Satu Syarat untuk Penulisan Skripsi pada Program Studi Teknik Informatika
Jenjang Pendidikan Strata Satu
Oleh :
Muhammad Fuadi
1603015149
Telah diperiksa dan disetujui sebagai Laporan Kerja Praktek Program Studi
Teknik Informatika Fakultas Teknik UHAMKA
Mengetahui,
Dekan Fakultas Teknik UHAMKA
ii
PERNYATAAN KEASLIAN
Dengan ini menyatakan bahwa penulisan laporan praktek kerja lapangan ini
merupakan hasil karya sendiri dan isi dari laporan ini merupakan hasil dari
pemikiran dan observasi Saya selama melakukan praktek kerja lapangan di Haltegh
IT Learning Centre. Apabila terdapat referensi dalam karya ini terhadapat karya
pihak lain/orang lain, Saya lakukan dengan menyebutkan sumber secara jelas.
Demikian pernyataan ini Saya buat secara bersungguh-sungguh dan sadar akan
segala sesuatu yang berikatian dengan naskah dan karya ini telah menjadi tanggung
jawab Saya.
Penulis,
Muhammad Fuadi
1603015149
iii
KATA PENGANTAR
Bismillahirrahmaanirrahiim,
Dengan mengucap puji dan syukur kepada Allah Subhanallahu wa Ta’ala atas
berkat rahmat dan karunianya kepada penulis. Sehingga dapat menyelesaikan
penulisan laporan prakterk kerja lapangan dengan judul “PERANCANGAN
WEBSITE COMPANY PROFILE UNTUK CLIENT HALTEGH IT LEARNING
CENTRE”. Sholawat serta salam juga selalu tercurah kepada Baginda Nabi
Muhammad Shalallahu Alaihi wa Sallam berserta keluarga dan pada sahabatnya
hingga hari kiamat.
Maksud dan tujuan dibuatnya laporan praktek kerja palangan ini adalah untuk
melengkapi salah satu syarat dalam penyusunan skripsi untuk jenjang Pendidikan
strata satu pada program studi Teknik Informasika, Fakultas Teknik, Universitas
Muhammadiyah Prof.DR. Hamka (UHAMKA). Sehingga mahasiswa/I mempunyai
bekal untuk menghadapi dunia kerja setelah lulus.
Dalam penlisan laporan ini, penulis menyadari bahwa dalam penulisan laporan
ini dapat berjalan dengan baik dan lancar berkat dukungan, bimbingan dan bantua
dari keluarga tecinta, dosen pembimbing, pembimbing praktek kerja lapangan serta
dan pihak-pihak lainnya yang tidak bisa disebukan satu persatu,sehingga kendala-
kendala yang dihadapi oleh penulis teratasi. Penulis sangat berterima kasih sebesar-
besarnya atas segala bantuan yang telah diberikan selama penulisan laporan praktek
kerja lapangan ini..
Penulis juga menyadari bahwa penulisan laporan ini masih jauh dari kata
sempurna, oleh karenanya penulis sangat mengharpatkan adanya kritik dan saran
dari semua pihak demi penyempurnaan dan perbaikan dalam penulisan yang akan
dating. Semoga dengan adanya laporan ini dapat bermanfaat bagi semua pembaca
terlebih lagi bagi penulis.
Muhammad Fuadi
iv
DAFTAR ISI
v
4.2.7. Simulasi Sistem ................. Error! Bookmark not defined.
4.2.8. Evaluasi Sistem ................. Error! Bookmark not defined.
4.2.9. Revisi Sistem...................... Error! Bookmark not defined.
4.2.10. Implementasi Sistem......... Error! Bookmark not defined.
4.2.11. Pembuatan Laporan ......... Error! Bookmark not defined.
4.2.12. Selesai ................................. Error! Bookmark not defined.
4.3. Jadwal Kegiatan Praktek ................................................................ 9
BAB V PEMBAHASAN DAN HASIL PRAKTEK KERJA ........................... 10
5.1. Pembahasan Praktek Kerja Lapangan ........................................ 10
5.1.1. Perencanaan Kebutuhan ................................................. 10
5.1.4. Perancangan Fungsi-fungsi Sistem ................................ 13
5.2. Hasil Praktek Kerja Lapangan ..................................................... 14
5.2.1. Implementasi Sistem........................................................ 14
5.2.2. Hasil dari implementasi .................................................. 16
BAB VI KESIMPULAN DAN SARAN............................................................. 17
6.1. Kesimpulan ..................................................................................... 17
6.2. Saran ............................................................................................... 17
DAFTAR PUSTAKA .......................................................................................... 18
vi
DAFTAR GAMBAR
Gambar 1. Struktur Organisasi PT. RELINDO UTAMA ................................ 5
Gambar 2. Flowchart Metode Kerja Praktek .................................................... 7
Gambar 3. Tampilan Desain Halaman Utama ................................................. 11
Gambar 4. Tampilan Desain Halaman Tentang Kami ................................... 11
Gambar 5. Tampilan Desain Halaman Cabang ............................................... 12
Gambar 6. Tampilan Desain Halaman Alat Kerja .......................................... 12
Gambar 7. Tampilan Desain Halaman Galeri ................................................. 13
Gambar 8. Struktur Folder ................................................................................ 14
Gambar 9. Struktur File HTML ....................................................................... 14
Gambar 10. Tampilan Halaman Utama ........................................................... 15
Gambar 11. Tampilan Halaman Galeri ............................................................ 15
Gambar 12. Tampilan Halaman Alat Kerja .................................................... 16
vii
DAFTAR LAMPIRAN
1. Surat Pengantar Fakultas.
2. Surat Izin Praktek Kerja dari instansi/perusahaan
3. Surat Keterangan dari instansi/perusahaan.
4. Kegiatan kerja selama di instansi/perusahaan
5. Absensi ditandatangan oleh instansi/perusahaan.
6. Penilaian dari instansi/perusahaan
viii
ABSTRAK
Company profile berbasis website yang penulis rancang disini merupakan Company
profile yang digunakan oleh PT. Relindo Utama untuk menginfomasikan kepada
masyarakat tentang profil PT. Relindo Utama. Selama proses pembuatan company
profile, penulis mengerjakan bagian perancangan tentang profil perusahaan PT.
Relindo Utama. Company profile yang penulis buat berbasis website dan
menggunakan framework Bootstrap. Dalam proses perancangan tersebut penulis
menggunakan software Visual Studio Code sebagai text editor, sehingga
menampilkan informasi profil perusahaan pada website, sehingga dapat
memudahkan pengguna dapat mencari informasi perusahaan PT. Relindo Utama.
ix
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
HALTEGH IT Learning Centre adalah sebuah perusahaan yang berlokasi di
Grand Galaxy Park,Bekasi Selatan. HALTEGH IT Learning Centre menggunakan
Gedung yang memiliki tiga lantai dan ruang fasilitas sesuai fungsinya.Ruang
fasilitas yang ada disana terdiri dari ruang administrator,ruang karyawan & pemilik
pada lantai satu, ruang toilet pada lantai satu & dua, ruang kelas pada lantai dua dan
tiga. Pada HALTEGH IT Learning Centre koneksi jaringan internet menggunakan
jaringan nirkabel (wireless), jaringan nirkabel yang digunakan berbeda antara lantai
satu dengan lantai dua dan lantai tiga.
Pembuatan website company profle ini untuk menghasilkan suatu website
company profile yang sesuai dengan arahan Direktur Haltegh IT Learning Centre.
Berdasarkan penjelasan diatas maka penulis tertarik untuk mengambil laporan
praktek kerja lapangan dengan judul “PERANCANGAN WEBSITE COMPANY
PROFILE UNTUK CLIENT HALTEGH IT LEARNING CENTRE”.
1.2. Rumusan Masalah
Berdasarkan penjelasan latar belakang masalah diatas maka penulis dapat
menarik rumusuan masalah yang ada adalah “Bagaimana merancang website
company profile yang sesuai dengan arahan Direktur HALTEGH IT Learning
Centre.”.
1.3. Batasan Masalah
Adapun batasan masalah untuk menghindari pelebaran masalah pada perancangan
website company profile ini adalah:
1. Perancangan website Compay Profile ini untuk memenuhi keinginan client
berdasarkan arahan dari Direktur HALTEGH IT Learning Centre.
2.
1.4. Tujuan dan Manfaat
Tujuan diadakannya praktek kerja lapangan ini,yaitu:
1
1. Perancangan sebuah company profile untuk membantu HALTEGH IT
Learning Centre dalam membuat website company profile untuk client.
2
Bab IV Metode Praktek Kerja
Pada bab empat ini berisikan penjelasan metode-metode yang digunakan
penulis dalam selama prakter kerja lapangan yang terdiri dari pengenalan
lingkungan kerja, pemberian tugas project, pengumupulan data, perancangan
desain dan fungsi sistem, simulasi sistem, evaluasi sistem, revisi sistem, dan
pembuatan laporan.
Bab V Pembahasan dan Hasil Praktek Kerja
Pada bab ini,penulis menjelaskan tentang pembahasan dan implementasi dari
website yang berisikan perancangan kebutuhan, rancangan kode pemrograman
yang digunakan dalam bootstrap, dan hasil penerapan kode pemrograman.
Bab VI Kesimpulan dan Saran
Dalam bab ini,penulis akan menjelaskan kesimpulan dan saran yang dapat
diambil hasilnya selama menjalankan praktek kerja lapangan di Haltegh IT
Learning Centre.
3
BAB II
PROFIL PERUSAHAAN
2.1. Sejarah Perusahaan
Haltegh IT Learning Centre adalah Start-up Tech yang bergerak pada bidang
pendidikan serta pelatihan ICT (Apss, Web, Data dan System) yang berdomisili di
Bekasi. Perusahaan ini didirikan pada tahun 2019 oleh Bapak Abdu Halim Wibowo
selaku direkutr/Founder/CEO Haltegh IT Learning Centre.
Salah satu kekuatan yang dimiliki Haltegh IT Learning Centre adalah lulusan
siswa terbaik bisa direkomendasikan ke beberapa perusahaan nasional yang telah
menjalin kerja sama, yakni PT. Ayo Bayar Indonesia, PT. NetSolution, PT.
Tokopedia, PT. Karya Cipta Teknologi, PT. Reinovasi Zona Kreasi Indonesia, dan
PT. Mahapatih Sibernusa Teknologi.
2.2. Visi dan Misi Perusahaan
Visi dan Misi yang dimiliki oleh Haltegh IT Learning Centre adalah sebagai
berikut:
Visi : - Mewujudkan masyarakat Indonesia yang madani dengan kemampuan
IT/Programming.
4
Gambar 1. Struktur Organisasi Halltegh IT Learning Centre.
5
BAB III
LANDASAN TEORI
3.1. Pengertian Wesbite
Website adalah kesatuan dalam halaman yang berisikan kumpulan teks,
animasi, gambar, suara dan video atau gabungan semuanya yang dapat dilihat dan
diakses melalui jaringan internet oleh semua orang.
3.2. Pengertian Company Profile
Menurut kamus Bahasa Inggris-Indonesia (John M, Echols dan Hassan
Shadily) Company Profile terdiri dari dua kata yang berbeda tapi saling terikat,yaitu
kata “Company” dan ‘Profile’. Kata company menurut kamus Bahasa Inggris-
Indonesia memiliki arti perusahaan, perseroan, persekutuan, kompi, dan
rombongan. Kata Profile menurut kamus Bahasa Inggris-Indonesia memiliki arti
tampang atau raut muka, penampang, dan riwayat. Dengan pengertian diatas,
company profile dapat diartikan sebagai gambaran umum melalui media untuk
menginformasikan dan menyampaikan nilai positif tentang lembaga-lembagai,
instansi swasta maupun negeri dan perusahaan sebagai jati diri untuk mendapatkan
tanggapan positiif sehiingga keberadaanya bisa diterima oleh masyarakat.
3.3. Bootstrap
Bootstrap adalah sebuah framework CSS untuk pengembangan front-end
sebuah website yang memungkinkan desain website menjadi responsif sehingga
dapat dilihat dari berbagai macam perangkat dengan tampilan yang tetap menarik.[2]
Bootstrap telah menyediakan kumpulan komponen-komponen class interface,
fitur grid untuk mengatur layout halaman website yang bisa didapatkan secara gratis
melalui website resmi milik mereka yakni, getbootstrap.com.
6
BAB IV
METODOLOGI KERJA PRAKTEK
4.1. Flowchart Metodologi Kerja Praktek
Dalam melakukan praktek kerja lapangan di Haltegh IT Learning Centre,
penulis menggunakan metode kerja praktek sebagai berikut :
7
4.2. Penjelasan Flowchart Metodologi Praktek Kerja
4.2.1. Mulai
4.2.2. Pengenalan lingkungan kerja
Proses pengenalan lingkungan kerja di Haltegh IT Learning Centre oleh
Bapak Abdu Halim Wibowo dimulai dari Proses pengenalan lingkungan
kerja di PT. RELINDO UTAMA dari mulai berkeliling gedung sampai
dikenalkan dengan tiap tiap divis yang ada di PT. RELINDO UTAMA
4.2.3. Pemberian Tugas Project
Proses pemberian tugas project oleh Bapak Abdu Halim Wibowo.
Project yang dikerjakan adalah merancang website company profile untuk
membantu perusahaan dalam mendesain company profile untuk client.
4.2.4. Pengumpulan Data
Proses pengumpulan data-data dan informasi terkait perancangan
website company profile Proses pengumpulan kajian pustaka terkait
perancangan sistem informasi yang berbasis website, dan juga pengumpulan
data-data yang dibutuhkan dalam perancangan sistem informasi tersebut
yang selanjutnya menjadi acuan sistem informasi seperti apa yang
dibutuhkan.
4.2.5. Perancangan Website
Dalam proses perancangan desain website dikerjakan oleh penulis
dengan berkonsultasi kepada Bapak Abdu Halim Wibowo.
4.2.6. Laporan Praktek
Pada tahap ini,proses perancangan fungsionalitasi dari website
company profile yang dibuat dapat menampilan data-data yang sesuai
kebutuhan pada setiap halaman website.
4.2.7. Revisi
Proses uji coba sistem dalam komputer penulis kemudian di
presentasikan kepada bagian perancang sistem informasi yaitu bapak Didi
untuk dinilai sistem tersebut, apakah sudah sesuai dengan kebutuhan bapak
Didi dalam membantu pekerjaannya atau belum.
4.2.8. Pembuatan Laporan
8
Proses penilaian yang dilakukan oleh bapak Didi terkait sudah sesuai
atau belum sistem yang penulis buat, serta memberikan saran dan perbaikan
terhadap sistem jika terdapat kekurangan dalam sistem tersebut.
4.2.9. Selesai
Tanggal Kegiatan
Pembagian Project
Pengumpulan data
Pembuatan Website
Revisi Sistem
9
BAB V
PEMBAHASAN DAN HASIL PRAKTEK KERJA
5.1. Pembahasan Praktek Kerja Lapangan
5.1.1. Perencanaan Kebutuhan
Pada tahapan perancangan sistem informasi berbentuk company
profile, penulis menentukan kebutuhan apa saja yang diperlukan dari mulai
perangkat keras hingga perangkat lunak yang akan digunakan, diantaranya
yaitu :
Perangkat Keras :
1. Satu buah laptop dengan spesifikasi sebagai berikut :
Processor : Intel Core i5-8300H 2,30 GHz
VGA : NVIDIA GeForce GTX 1060 6 GB
RAM : 16 GB
Hardisk : 1 TB
SSD : 128 GB
Sistem Operasi : Windows 10 Home 64-Bit
2. Jaringan internet nirkabel (wireless).
Perangkat Lunak :
1. Visual Code Studio sebagai text editor pada pemgrograman website
5.1.2. Pengumpulan Data
Pada tahapan ini, penulis mengumpulkan data-data yang diperlukan
untuk dimasukkan kedalam sistem.
5.1.3. Perancangan Desain Website
Pada tahap ini, penulis membuat desain website menggunakan
Adobe XD.
10
Gambar 3. Tampilan Desain Halaman Utama
11
Gambar 5. Tampilan Desain Halaman Cabang
12
Gambar 7. Tampilan Desain Halaman Galeri
Invariant 1 -
13
5.2. Hasil Praktek Kerja Lapangan
5.2.1. Implementasi Sistem
Pada tahap implementasi code yang sudah di rancang ditempatkan di
masing-masing folder. Berikut adalah struktur folder.
14
Gambar 10. Tampilan Halaman Utama
15
Gambar 12. Tampilan Halaman Alat Kerja
16
BAB VI
KESIMPULAN DAN SARAN
6.1. Kesimpulan
Berdasarkan hasil analisa dan pembahasan yang telah dilakukan pada
Berdasarkan analisa dan pembahasan yang telah dilakukan pada praktek kerja
lapangan yang penulis lakukan menunjukkan bahwa membuat sebuah company
profile berbasis website pada PT.Relindo Utama dapat direalisasikan, sehingga
pengguna dapat menyampaikan profile perusahaan yang ada di PT.Relindo Utama
6.2. Saran
Berdasarkan kesimpulan dari praktek kerja lapangan yang penulis lakukan,
maka penulis memberikan beberapa saran terkait perancangan sistem informasi
berbasis website ini yaitu. Company Profile yang penulis buat masih sangat
sederhana, oleh karena itu diharapkan bagi pembaca dapat menambahkan fitur yang
lebih baik lagi agar informasi yang ditampilkan lebih menarik lagi
17
DAFTAR PUSTAKA
18