LAPORAN KKL ANISA BNR

LAPORAN KULIAH KERJA LAPANGAN
Company Profile Berbasis Web Pada YPI Al-Waziriyah
Oleh :
Anisa
19552010041
PROGRAM STUDI ILMU KOMPUTER
FAKULTAS ILMU KOMPUTER
UNIVERSITAS SUMATERA SELATAN
2022
LAPORAN KULIAH KERJA LAPANGAN
Company Profile Berbasis Web Pada YPI Al-Waziriyah
Laporan Ini Disusun untuk Memenuhi Salah Satu Persyaratan Mendapatkan Nilai
pada Kegiatan Kuliah Kerja Lapangan
Oleh :
Anisa
19552010041
2022
LEMBAR PERSETUJUAN
Laporan ini telah diperiksa dan disetujui sebagai hasil kegiatan Kuliah Kerja
Lapangan untuk memenuhi persyaratan pada program studi Ilmu Komputer
Fakultas Ilmu Komputer Universitas Sumatera Selatan
Periode : 5 September – 5 Oktober 2022
Palembang, 9 Desember 2022
Pembimbing Lapangan Dosen Pembimbing KKL
Wazir, S.Fil.I Ubaidillah, S.Kom, M.Kom
NIK.1671020605730008 NIDN. 0227127402
2022
ii
LEMBAR PENGESAHAN
1. Nama : Anisa
NIM : 19552010041
2. Program Studi : Ilmu Komputer
3. Judul Laporan : Company Profile Berbasis Web Pada YPI Al-
Waziriyah
PANITIA PENGUJI HASIL KULIAH KERJA LAPANGAN
Hari / Tanggal :
(Ubaidillah, S.Kom, M.Kom) ( )
(Usep Teisnajaya, S.Kom, M.Kom) ( )
Telah menguji dan diterima untuk memenuhi sebagian dari persyaratan

guna memperoleh gelar sarjana komputer (S.Kom) pada program studi Ilmu
Komputer.
Palembang,…...………..2022
Mengetahui,
Ketua Program Studi
Serly Oktarini, S.Kom, M.Kom
NIDN. 0215109003
KATA PENGANTAR
iii
Puji dan syukur atas kehadirat Tuhan Yang Maha Esa karena atas rahmat
dan karunia-Nya, penulis dapat menyelesaikan laporan kuliah kerja lapangan yang
berjudul “Company Profile Berbasis Web YPI Al-Waziriyah”. Laporan ini
disusun berdasarkan hasil studi dalam pelaksanaan kerja lapangan di YPI Al-
Waziriyah.
Dalam pelaksanaan kerja lapangan dan penyelesaian laporan kerja
lapangan ini, penulis mendapatkan bimbingan dan dukungan dari berbagai pihak.
Oleh karena itu, pada kesempatan ini penulis mengucapkan terima kasih kepada:
1. Ayah, Ibu, Kakak, dan Adik serta keluarga besar yang selalu memberikan
dukungan lahir maupun batin atas kegiatan positif yang penulis lakukan.
2. Ibu Serly Oktarina, S.Kom, M.Kom. selaku ketua program studi S1 Ilmu
Komputer Universitas Sumatera Selatan.
3. Pak Ubaidillah, S.Kom, M.Kom. selaku dosen pembimbing yang telah
memberikan dukungan penuh berupa motivasi, koreksi, maupun wawasan
yang sangat berharga bagi penulis dalam pelaksanaan kerja lapangan ini.
4. Ibu Diah Triesia S.Kom, M.Kom. selaku dosen pembimbing akademik yang
telah memberikan motivasi serta memberikan pengarahan mengenai kuliah
kerja lapangan.
5. Teman-teman kampus yang selalu memberikan dukungan, arahan, hiburan
dalam menyelesaikan Kerja Lapangan ini.
6. Teman-teman main, komunitas, dan sahabat tersayang saya Laras Tri Rizki,
Diana Oktarini dan Aliyah yang telah memberikan refrensi, semangat, serta
iv
hiburan untuk menyelesaikan Kerja Lapangan ini.
7. Serta semua pihak yang telah membantu pelaksanaan kerja lapangan dan
penyelesaian laporan kerja lapangan yang tidak dapat penulis sebutkan satu
persatu.
Semoga Tuhan Yang Maha Esa memberikan limpahan rahmat-Nya
kepada semua pihak yang telah memberikan bantuan, bimbingan, dan nasehat
dalam proses kerja lapangan ini.
Penulis menyadari bahwa kerja lapangan yang dikerjakan masih banyak
terdapat kekurangan, sehingga kritik yang bersifat membangun dan saran dari
dosen maupun dari rekan-rekan mahasiswa/mahasiswi sangatlah diharapkan agar
website Company Profile ini dapat diperbaiki menjadi lebih baik lagi dikemudian
hari. Semoga laporan kerja lapangan ini dapat diterima dan bermanfaat bagi
penulis dan semua pihak.
Palembang, 2022
Penulis
v
DAFTAR ISI
LAPORAN KULIAH KERJA LAPANGAN..........................................................ii

LEMBAR PERSETUJUAN....................................................................................ii
LEMBAR PENGESAHAN....................................................................................iii
KATA PENGANTAR............................................................................................iv
DAFTAR ISI...........................................................................................................vi
DAFTAR GAMBAR............................................................................................viii
DAFTAR TABEL...................................................................................................ix
BAB I PENDAHULUAN........................................................................................1
A. Latar Belakang..............................................................................................1
B. Rumusan Masalah.........................................................................................3
C. Tujuan...........................................................................................................3
D. Manfaat.........................................................................................................3
E. Batasan Masalah...........................................................................................4
F. Lokasi dan Waktu Pelaksanaan KKL...........................................................5
G. Metodologi Penelitian...................................................................................6
H. Sistematika Penulisan...................................................................................6
BAB II LANDASAN PUSTAKA...........................................................................8
A. Company Profile...........................................................................................8
1. Pengertian Company Profile.....................................................................8
2. Unsur Company Profile...........................................................................13
3. Fungsi Company Profile..........................................................................14
4. Isi Company Profile.................................................................................15
B. Website........................................................................................................17
C. Web Server..................................................................................................19
D. Hyper Text Markup Language (HTML)....................................................20
E. Cascading Style Sheet (CSS)......................................................................22
F. Software Development Life Cycle (SDLC)..................................................23
G. Visual Studio Code.....................................................................................25
vi
H. Data Flow Diagram.....................................................................................25
1. DFD Level 0............................................................................................25
2. DFD Level 1 Administrasi Website.........................................................26
I. Perancangan ERD (Entity Relationship Diagram).....................................27
BAB III GAMBARAN UMUM OBJEK PENELITIAN......................................28
A. Gambaran Umum Yayasan.........................................................................28
B. Visi Yayasan...............................................................................................28
C. Misi Yayasan...............................................................................................28
D. Logo Yayasan.............................................................................................29
E. Struktur Yayasan.........................................................................................29
F. Legalitas Yayasan.......................................................................................30
BAB IV DEKSRIPSI KERJA PRAKTEK............................................................32
A. Perencanaan................................................................................................32
B. Analisis........................................................................................................33
1. Identifikasi Pengguna..............................................................................34
2. Identifikasi Data......................................................................................35
3. Identifikasi Kebutuhan Fungsional.........................................................35
4. Identifikasi Kebutuhan Sistem................................................................36
C. Desain..........................................................................................................37
1. Data Flow Diagram (DFD)......................................................................37
2. Use Case..................................................................................................39
3. ERD (Entity Reliationship Diagram)......................................................40
4. Rancangan Interface................................................................................40
D. Implementasi...............................................................................................44
BAB V KESIMPULAN DAN SARAN.................................................................48
A. Kesimpulan.................................................................................................48
B. Saran............................................................................................................48
DAFTAR PUSTAKA............................................................................................50
vii
DAFTAR GAMBAR
Gambar 1. 1 Lokasi Penelitian.................................................................................5

Gambar 2. 1 Flase model wlaterflall......................................................................23
Gambar 2. 2 Data Flow Diagram...........................................................................26
Gambar 2. 3 DFD Level 1 Administrasi Website..................................................26
Gambar 3. 1 Logo Yayasan....................................................................................29
Gambar 3. 2 Struktur Yayasan...............................................................................29
Gambar 4. 1 Site Map Company Profile Berbasis Website...................................34
Gambar 4. 2 DFD Level 0......................................................................................37
Gambar 4. 3 DFD Level 1 Manajemen Admin......................................................38
Gambar 4. 4 DFD Level 1 Manajemen Pengunjung..............................................38
Gambar 4. 5 Use Case Diagram Company Profile YPI Al-Waziriyah..................39
Gambar 4. 6 Entity Realationship Diagram...........................................................40
Gambar 4. 7 Rancangan Interface page Home.......................................................41
Gambar 4. 8 Rancangan Interface page About......................................................42
Gambar 4. 9 Rancangan interface Program...........................................................43
Gambar 4. 10 Rancangan Interface Contact..........................................................43
Gambar 4. 11 Page Home......................................................................................44
Gambar 4. 12 Page About......................................................................................45
Gambar 4. 13 Page Program..................................................................................46
Gambar 4. 14 Page Contact....................................................................................46
viii
DAFTAR TABEL
Tabel 3. 1 Legalitas Yayasan Al-Waziriyah..........................................................30

Tabel 3. 2 Landasan Hukum Pendirian Perusahaan...............................................30
Tabel 3. 3 Tabel Pengurus......................................................................................30
Tabel 3. 4 Direksi/Penanggung Jawab/Pengurus Lembaga...................................31
Tabel 3. 5 Status Terdaftar.....................................................................................31
Tabel 4. 1 Identifikasi Kebutuhan Fungsional.......................................................35
ix
BAB I
PENDAHULUAN
A. Latar Belakang
YPI Al-Waziriyah merupakan salah satu yayasan islam yang berada di
kota Palembang. YPI Al-Waziriyah Palembang memiliki tujuan untuk
menjadikan generasi muda yaitu generasi yang berakhlak qur’ani sesuai
dengan apa yang diajarkan oleh Rasulullah SAW. Namun sebagai penunjang
untuk mencapai hal tersebut dibutuhkan adanya platform untuk
mempromosikan yayasan agar dapat memperlihatkan keunggulan lembaga
tersebut di masyarakat luas.
Dalam mempromosikan yayasan YPI Al-Waziriyah selama ini masih
menggunakan penyebaran brosur dan memasang spanduk-spanduk di jalanan.
Salah satu masalah yang di hadapi oleh YPI Al-Waziriyah yaitu kurangnya
platform serta penyampaian informasi di YPI Al-Waziriyah Palembang masih
sederhana, membuat masyarakat dan calon santri mencari informasi seputar
yayasan dengan cara datang langsung ke yayasan yang membuat
penyampaian informasi tidak efektif dan efisien dikarenakan pihak yayasan
harus menyampaikan informasi yang sama berulang-ulang sehingga
menghabiskan banyak waktu. Salah satu yang mampu menyelesaikan
permasalahan tersebut yaitu dengan pembuatan Company Profile berbasis
website.
1
2
Company Profile ini menggunakan metode penelitian SDLC
(Software Development Lifecycle) sebagai kerangka pengerjaan penelitian.
Yang mana terdapat empat tahapan kegiatan utama SDLC, yaitu:
perencanaan, analisis, desain, dan implementasi sistem. bahasa pemograman
HTML, CSS serta Visual Studio Code sebagai aplikasi untuk membangun
website ini.
Adapun dari beberapa hasil Penelitian terdahulu mengenai pembuatan
website ini yang dilakukan oleh Herman & Janah (2020), Rancang Bangun
Company Profile E-Life Solutions Plt Berbasis Web sebagai Corporate
Branding. Penelitian ini bertujuan untuk dapat memberikan informasi dan
memperkuat branding perusahaan serta tampilan informasi pada website
company profile E-Life Solutions dapat diterima oleh pengguna. Website
dibuat menggunakan CSS Framework, HTML, MySQL dan PHP. Penelitian
selanjutnya yang dilakukan oleh Wibisana (2022), Perancangan Company
Profile Berbasis Web PT. Kurnia Jaya Karya. Penelitian ini bertujuan untuk
menampung semua informasi tentang hal – hal yang bersifat umum dari
perusahaan. Website dibuat menggunakan HTML dan CSS.
Berdasarkan permasalahan tersebut dapat dibuat sebuah "Pembuatan
Company Profil Berbasis Web Pada YPI Al-Waziriyah Palembang" yang
diharapkan mampu mengatasi permasalahan yang terjadi juga dapat
memudahkan dalam proses mempromosikan sekaligus mengenalkan yayasan
kepada masyarakat luas.

3
B. Rumusan Masalah
Dari latar belakang dapat dirumuskan beberapa permasalahan yaitu:
1. Bagaimana merancang Company Profile YPI Al-Waziriyah dengan
bahasa pemrograman HTML dan aplikasi Visual Studio Code.
2. Bagaimana membangun Company Profile YPI Al-Waziriyah dengan
bahasa pemrograman HTML dan aplikasi Visual Studio Code.
C. Tujuan
Adapun tujuan dari kerja praktek ini adalah sebagai berikut:
1. Dapat merancang Company Profile YPI Al-Waziriyah dengan bahasa
pemrograman HTML dan aplikasi Visual Studio Code.
2. Dapat membangun Company Profile YPI Al-Waziriyah dengan bahasa
pemrograman HTML dan aplikasi Visual Studio Code.
D. Manfaat
Manfaat dari merancang dan membangun website company profile
berbasis website pada YPI Al-Waziriyah ini ialah sebagai berikut :
1. Bagi Penulis :
Mendapatkan pengalaman di dunia kerja dalam bidang teknologi
informasi, serta menambah koleksi portofolio penulis.
2. Bagi YPI Al-Waziriyah :
a. Untuk mempermudah wali santri/ santri dari YPI Al-Waziriyah
dalam mencari informasi.

4
b. Meningkatkan eksistensi yayasan
3. Bagi Perguruan Tinggi :
a. Sebagai pengenalan kepada mahasiswa Ilmu Komputer di dunia
kerja.
b. Menjalin kerjasama atau mitra kerja antara perguruan tinggi dengan
dunia industri dimasa akan dating, khususnya dalam perekrutan
tenaga kerja.
c. Untuk meningkatkan kualitas dan pengalaman lulusan yang terampil
dan professional di bidang IT.
d. Mendapat bahan evaluasi mengenai system pengajaran yang lebih
sesuai dengan lingkungan kerja.
e. Memperkenalkan keberadaan jurusan Ilmu Komputer FASILKOM
Palembang kedalam dunia industri.
E. Batasan Masalah
Agar penyusunan kerja praktek ini tidak keluar dari pokok
permasalahan yang dirumuskan, maka ruang lingkup pembahasan dibatasi
pada :
1. Company Profile ini dibuat hanya untuk memberikan informasi lembaga
kepada masyarakat.
2. Company Profile ini hanya memiliki satu orang administrator.
3. Dalam pembuatan website menggunakan bahasa pemrograman HTML
dan aplikasi Visual Studio Code.

5
4. Membuat website sebagai informasi Company Profile dan hanya
mencakup fitur gambaran umum yayasan seperti Home, About, Visi dan
Misi, Program dan Contact Info.
5. Aspek Search Engine Optimazation (SEO) tidak diperhatikan dalam
sistem ini.
6. Aspek keamanan tidak diperhatikan dalam sistem ini.
F. Lokasi dan Waktu Pelaksanaan KKL
Berikut adalah lokasi dan waktu pelaksanaan selama melakukan
kergiatan kerja lapangan di YPI Al-Waziriyah.
1. Lokasi Penelitian Lokasi dan tempat yang menjadi objek penelitian yakni
bertempat di Jl. Pangeran Ratu PERUM TOP Amin Mulya Blokf 6 No11
Rt 23/Rw 08. Telp : (0711) - 5622221, 085369446626 .
Gambar 1. 1 Lokasi Penelitian

2. Waktu Penelitian Waktu penelitian dilakukan dari tanggal 5 September -
5 Oktober 2022 bertempat langsung dilokasi yang bersangkutan.

6
G. Metodologi Penelitian
Metode penelitian yang digunakan dalam perancangan company
profile ini penulis menggunakan SDLC (Software Development Lifecycle)
sebagai kerangka pengerjaan penelitian ini. Yang mana terdapat empat
tahapan kegiatan utama SDLC, yaitu: perencanaan, analisis, desain, dan
implementasi sistem. bahasa pemograman HTML, CSS serta Visual Studio
Code sebagai aplikasi untuk membangun website ini.
H. Sistematika Penulisan
Adapun sistematika penulisan dalam penelitian ini adalah sebagai
berikut :
BAB I PENDAHULUAN
Dalam bab ini dijelaskan tentang latar belakang, rumusan masalah,
tujuan, manfaat, batasan masalah, lokasi dan pelaksanaan KKL,
metodologi penelitian dan sistematika penulisan.
BAB II TEORI PUSTAKA
Bab ini menjelaskan tentang teori-teori pendukung yang digunakan
dalam pembuatan website company profile yaitu: company profile,
website, web server, HTML, CSS, SDLC (System Development
Life Cycle), Visual Studio Code, DFD, ERD.
BAB III GAMBARAN UMUM OBJEK PENELITIAN
Bab ini menjelaskan tentang deskripsi yayasan (gambaran umum
yayasan, visi dan misi, logo, struktur organisasi, legalitas).

7
BAB IV DESKRIPSI KERJA PRAKTEK
Bab ini menjelaskan tentang deskripsi kegiatan KKL, serta hasil
perancangan selama melaksanakan kerja praktek di YPI Al-
waziriyah.
BAB V KESIMPULAN DAN SARAN
Bab ini menjelaskan tentang kesimpulan dan saran. Kesimpulan
dan saran yang ada dalam bab ini didapatkan dari hasil evaluasi
bab tiga. Kesimpulan akan dijelaskan dari hasil evaluasi sistem,
sedangkan saran akan menjelaskan tentang masukan terhadap
sistem untuk pengembangan lebih lanjut.

BAB II
LANDASAN PUSTAKA
A. Company Profile
1. Pengertian Company Profile
Complany profile ladlallah glamblarlan umum mengenlai diri sulatu
peruslahlalan ylang hendlak mellakuklan serlangklailan promosi terpladu
mellalui sebulah buku latlau medila lain. Menurut Maimunah et al. (2012) l l l l
company profile adalah produk tulisan praktisi yang berisi gambaran

l l l l l l l l l l
umum perusahaan. Sebuah profil perusahaan bisnis dapat sesingkat satu l l l l l l l l l l l
halaman, atau mengundang data yang cukup untuk mengisi beberapa

l l l l l l l l l l l
halaman. Walaupun ada sejumlah format yang berbeda dan digunakan

l l l l l l l l l l l l l l
menyusun sebuah profil, ada beberapa jenis informasi penting yang wajib l l l l l l l l
disertakan. Setiap jenis laporan profil perusahaan, informasi kontak

l l l l l l l l l l
selalu disertakan. Informasi kontak mungkin tidak lebih dari sekedar

l l l l l l l l
alamat fisik dan surat untuk kantor pusat perusahaan, atau mungkin
l l l l l l l l l l l l
termasuk nama dan alamat dari petugas atau eksekutif tertentu dari
perusahaan. Biasanya nomor telepon dan nomor faks juga dimasukan

dalam data kontak dasar. Dalam beberapa tahun terakhir, alamat email
l l l l l l l l l l l l l l l l l
dan informasi umum juga dianggap penting dalam sebuah profil

l l l l l l l l
perusahaan. Selain informasi kontak, profil perusahaan biasanya

mencakup beberapa informasi tentang latar belakang dan sejarah dari

l l l l l l l l l l l l l
bisnis yang bersangkutan. Ini termasuk data mengenai kapan perusahaan

8
9
itu dibentuk, nama-nama pendiri, dan bagaimana tumbuh kembang l l l l l l l l l l
tersebut. Kadang penulisan proses perjalanan jatuh bangun dari sebuah l l l l l l l l l l
perusahaan di sangkut-pautkan dengan perkembangan bisnis terkait pada

saat ini. Sebuah company profile meskipun tidak mencakup sejarah yang
l l l l l l l l l
sangat lengkap, tetapi dianggap telah cukup untuk memberi pembaca

l l l l l l l l l
gambaran
l l l tentang l perusahaan l l l tersebut melewati l tahun-tahun
l l
perkembangannya. Company profile menginformasikan tentang nilai- l l l l l l l l
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. Sebuah company profile meskipun tidak mencakup sejarah

l l l l l l l l l l
yang sangat lengkap, tetapi dianggap telah cukup untuk memberi

l l l l l l l l
pembaca gambaran tentang perusahaan tersebut melewati tahun tahun

perkembangannya. l l l
Dalam sebuah company profile terdapat beberapa unsur penting

l l l l l l l l
yang harus dicantumkan. Menurut sebuah website (www.anneahira.com)

l l l l l l l l
mengatakan bahwa unsur-unsur tersebut adalah sebagai berikut:

l l l l l l l l l l
1. Sejarah berdirinya perusahaan l l l l l l
Perusahaan yang sudah lama berdiri biasanya akan memiliki nilai yang
lebih tinggi dari perusahaan yang baru berdiri karena dianggap l l l l l l l l l l
cukup memiliki banyak pengalaman sehingga memudahkan proses l l l l l l l l
penyelesaian apabila dalam proses kerjasama terjadi sebuah l l l l l l l l l l l l
hambatan. Selain itu, perusahaan yang lama berdiri dianggap

10
memiliki relasi yang luas sehingga calon konsumen berharap l l l l l l l
mendapatkan nilai lebih dari kerjasama yang yang dilakukan dengan

perusahaan tersebut. Misalnya, mendapatkan relasi baru atau

kemudahan dalam kegiatan usahanya. l l l l l l l l l
2. Visi misi usaha l l
Kesamaan visi dan misi perusahaan akan memudahkan proses kerjasama

yang terjadi pada dua perusahaan.

l l l l l l l l
3. Stuktur organisasi l l
Perusahaan bonafid biasanya memiliki struktur perusahaan yang jelas

dan lengkap sehingga masing-masing bagian akan memiliki

l l l l l l l l l
penanggung jawab tersendiri dan tidak terjadi penumpukan tanggung

l l l l l l l l
jawab.
l l
4. Sumber daya manusia l l l l
Latar belakang sumber daya manusia, memiliki peranan penting dalam

menentukan kualitas perusahaan itu sendiri. Perusahaan yang berisi l l l l l l l l l l
para sarjana tentunyakan lebih bonafid dibandingkan dengan

perusahaan yang berisi para lulusan SMK.l l l l l l l
5. Sumber daya perusahaan l l l l l
Perusahaan yang memiliki reputasi yang baik, tentu akan memiliki

l l l l l l l l l
perangkat pendukung yang memadai dalam setiap aktivitasnya.

Sehingga pada nantinya perangkat tersebut dapat bermanfaat untuk l l l l l l l l l l l l
memperlancar aktivitas perusahaan khususnya dalam hal kerjasama. l l l l l l l l l l l l l l

11
6. Kinerja perusahaan l l l l
Perusahaan yang baik akan memiliki kinerja yang baik. Salah satu
indikatornya ladlallah mampu memenuhi jadwal yang sudah

l l l l l l l
dirancang dan mencapai target yang sudah ditetapkan. Perusahaan

yang memiliki kemampuan seperti ini adalah perusahaan yang

l l l l l l l l l l
memiliki kinerja yang baik dan layak dijadikan refrensi untuk l l l l l l l l
menjalin kerjasama. l l l l
7. Klien terdahulu l
Gambaran tentang klien yang pernah ditangani oleh perusahaan mampu

mengangkat reputasi perusahaan tersebut dalam company profilenya.

l l l l l l l l l l
Semakin besar dan bonafid klien yang pernah diajak kerjasama,

semakin mengangkat nilai dari perusahaan tersebut. Karena hal ini

menunjukkan bahwa perusahaan tersebut sudah diakui kinerjanya l l l l l l l l l l
oleh klien yang memiliki nama besar. l l l l
8. Pengalaman l l l
Perusahaaan harus mampu mencantumkan kemampuan apa yang

menjadi keunggulan perusahaan tersebut. Dalam hal ini, tidak perlu

l l l l l l l l l
mencantumkan hal-hal yang belum pernah dilakukan karena hanya

akan menyebabkan kerugian laplabilla calon klien mengetahuinya.

l l l l l l l l
Akan lebih baik, menyampaikan beberapa jenis pekerjaan yang

sudah pernah dijalankan dengan hasil yang sesuai harapan.

12
9. Portofolio perusahaan l l l
Adalah kumpulan informasi yang berupa data serta dokumentasi dari

setiap prestasi atau karya yang sudah pernah dicapai perusahaan.

Selain memenuhi unsur-unsur yang telah ditentukan diatas,

l l l l l l
sebuah company profile juga harus memiliki kriteria lain agar dapat
l l l l l l l l l l
menarik minat audience untuk membaca, menurut sebuah website

l l l l l l
(takeitfun.blogdetik.com) kriteria tersebut adalah sebagai berikut:

l l l l l l l
1. Representatif l
Desain company profile pertama-tama harus representatif, sesuai dengan

l l l l l l l l l l
kesan, karakter dan image yang telah dibangun dan ingin

l l l l l l l l l
ditampilkan oleh perusahaan. Umumnya kesan, karakter dan image

yang l ditampilkan l l pada l l company l profile itu formal/resmi, l
konservatif, profesional, punya integritas, kredibel dan akuntabel.

l l l l l l l
Tetapi ada juga perusahaan yang ingin lebih kelihatan casual,

dinamis, egaliter, ramah, hangat dan akrab, berani tampil beda

sambil tetap menjaga profesionalitas integritas, kredibilitas dan

l l l l l l l l l
akuntabilitas. Pada akhirnya yang menentukan kesan, karakter dan

image seperti apa yang akan ditampilkan adalah sifat dari bisnis
yang dijalankan oleh perusahaan (company profile sebuah law firm,

l l l l l l l l l l
misalnya, l l pasti l akan

l l berbeda l dengan l animation
l l house),
atau preferensi dari top decision maker dalam perusahaan tersebut.

l l l l l l l l l
Sering ditemukan company profile sebuah perusahaan yang l l l l l l l

13
desainnya sangat tidak biasa, karena top decision makernya

l l l l l l l l l
menginginkan hal seperti itu.
2. Informatif l
Selain representatif, desain company profile juga harus bisa membantu

l l l l l l l l
supaya setiap informasi yang ada ditampilkan dengan benar, akurat,

dan lengkap, dan disajikan dengan cara yang menarik, jelas dan
mudah untuk dimengerti. Untuk memenuhi kedua hal di atas,

l l l l l
pemahaman tentang pemakaian wujud (form) dan ruang (space),

l l l l l l l l l l
tipografi, foto/ilustrasi, warna, dan layout yang tepat memegang

l l l l l l l l l
peranan yang sangat penting. Selain itu perlu diperhatikan juga cara
dan metode distribusi dan penyampaiannya.

l l l l l l
2. Unsur Company Profile
Menurut Muh. Akbar bidang Akademika dan Kemahasiswaan l l l l l l l l l l l
company profile memiliki berbagai fungsi dan tujuan, diantaranya:

l l l l l l l l l
1. Memberikan informasi tentang jati diri perusahaan dan atau l l l l l l l l l l
organisasi. l l
2. Dapat mengkomunikasikan perusahaan atau organisasi pada

khalayak umum sehingga masyarakat memiliki pandangan dan

mengerti keberadaan perusahaan atau organisasi tersebut. l l l l l l l l l l
3. Dapat memperkenalkan profile perusahaan pada khalayak umum

dengan mudah. l l
14
4. Untuk memudahkan audience dalam memahami dan mengenal lebih l l l l l l l l l
jauh tentang profile perusahaan atau organisasi, yang mana dalam

pembuatannya meliputi beberapa media seperti cetak, interaktif, dan

l l l l l l l l l
lain sebagainya.
l l l l
5. Membangun citra perusahaan.

l l l l l
3. Fungsi Company Profile
Menurut Putra (2018), fungsi Company Profile yaitu sebagai l l l l l
berikut:
1. Representasi perusahaan l l l l
Company profile merupakan gambaran tentang perusahaan. bisa juga

dianggap mewakili perusahaan sehingga publik tidak usah bersusah

l l l l l l l l l l
payah mencari informasi tentang perusahaan. Dapat juga digunakan

sebagai alat membangun citra agar berbagai kelompok penekan

dlallam mlasylarlaklat mempunylai pemlahlamlan ylang benlar tentlang
peruslahlalan.
2. Dlaplat digunlaklan untuk melengklapi komuniklasi lislan demi
terciptlanyla mutulal understlanding.
3. Menghemlat wlaktu trlanslaksi. Pihlak-pihlak llain ylang berklaitlan denglan
bisnis peruslahlalan tidlak perlu menlanylaklan seclarla detlail tentlang
peruslahlalan, produk, plaslar, visi, misi, posisi keulanglan dlan llain-llain.
Hlal itu dlaplat dipellajlari mellalui complany profile, sebelum dlan
sesudlah pertemulan.
15
4. Memblangun identitlas dlan citrla korporlat. Complany profile ylang
dikemlas menlarik, detlail, jellas dlan mewlah, mencerminklan wlajlah
peruslahlalan di mlatla publik seblaglai peruslahlalan ylang beslar dlan dlan
bonlafit.
4. Isi Company Profile
Banyak hal yang bisa ditulis dalam company profile. Tetapi,

l l l l l l l l l
secara umum isi company profile mencakup [5] :

l l l l
1. Sejarah perusahaan, mencakup antara lain pendiri perusahaan,

jajaran direksi, asal muasal, proses perkembangan, dan sebagainya.

2. Filosofis perusahaan, bisa disebut pandangan atau ideologi dasar- l l l l l l l l l l l
dasar perusahaan
l l l l l
3. Budaya perusahaan, adalah nilai-nilai kunci dan konsep bersama

yang membentuk citra anggota organisasi terhadap organisasinya.

Misalnya, etos kerja tinggi, maju untuk semua, makan tidak makan
l l l l l l l l l l
yang penting kumpul, dan sebagainya

l l l l l
4. Sambutan dari pimpinan (direktur utama dan komisaris utama)

l l l l l l l l l l
tentang segala hal yang sangat berpengaruh pada aktivitas

perusahaan dan rencana jangka panjang. l l l l l l l l l l
5. Identitas perusahaan, termasuk disini logo, uniform, interior gedung

l l l l l
dan kantor, kualitas cetakan atau kualitas audio visualnya.

6. Visi, misi strategi perusahaan, termasuk komitmen perusahaan untuk l l l l l l l l
meraih kemajuan. Ini menunujukan bahwa oprasional perusahaan

dilakukan tidak sembarangan, tetapi melalui perencanaan yang

16
mtlang dlan berkeseimblanglan. Seblaglai jlaminlan mlasla deplan bisnis
ylang berkellanjutlan. Pladla lakhirnyla menciptlaklan keperclaylalan publik,
blahwla mlasla deplan peruslahlalan terjlamin.
7. Alamat cabang-cabang. Semakin banyak cabang perusahaan l l l l l l l l l l l l
dibeberapa wilayah menujukan jalur distribusi yang merata. Pada

akhirnya mencerminkan kebersamaan dan prestise perusahaan

l l l l l l l l l l
8. Gambaran tentang SDM, ceritakan orang-orang dibalik operasional

perusahaan, siapa saja figur pengendali dijajaran manajemen

termasuk tokoh berpengaruh di masyarakat yang berkaitan dengan

l l l l l l l l l l
perusahaan. l l l
9. Sistem pelayanan dan fasilitas yang disediakan. Dalam persaingan l l l l l l l l l l l l l
ketat dewasa ini, pelayanan pelanggan memegang kunci strategis.

l l l l l l l l l l
Gambaran kelebihan perusahaan dari sisi yang membedakan dengan

kompetitor.
10. Prestasi dan keunggulan perusahaan, termasuk segala hal yang telah
dilakukan perusahaan untuk kepentingan masyarakat. Masyarakat

menuntut bukan hanya kualitas produk atau jasa, tapi juga apa yang l l l l l l l l l l l l l l
bisa dilakukan perusahaan dalam upaya meningkatkan kualitas

kehidupan masyarakat. Misalnya program peduli lingkungan sebagai l l l l l l l l l l l
wujud tanggung jawab perusahaan. l l l l l l
11. Laporan perkembangan perusahaan (annual report), termasuk

l l l l l l l l l l
informasi keuangan perusahaan. l l l l l l
12. Deskripsi tentang produk-produk dan jasa utama yang ditawarkan. l l l l l l l l l l
13. Program pengembangan dimasa mendatang.

l l l l l l l
17
B. Website
Website menurut Nilasari (dalam Islamiati et al., 2021), Semua

l l l l l l l l
informasi di dalam website dapat diakses oleh banyak orang selama memiliki
koneksi internet. Website sendiri memiliki beberapa unsur sebagai penunjang, l l l l l
diantaranya adalah nama domain atau alamat yang digunakan untuk

l l l l l l l l l l l l l l l l l l
menemukan sebuah website di internet, unsur kedua merupakah web hosting

l l l l l
yang berfungsi seblaglai rumlah penyimplanlan dlatlablase, dlan ylang terlakhir

l
meruplaklan unsure konten wesbsite berupla isi dlari sebulah website. Berblaglai
mlanflalat dlaplat dirlaslaklan oleh penggunla dlallam menggunlaklan website.
Adapun mlanflalat penggunlalan website berupla :
1. Website dlaplat menjladi medila pengenlallan peruslahlalan latlau lemblagla
2. Website menjladi slarlanla informlasi ylang ceplat dlan mudlah
3. Website dlaplat menjladi slarlanla komuniklasi mlasylarlaklat diseluruh dunila
4. Website menjladi slarlanla pemlaslarlan dlan promosi bisnis ylang efektif
denglan jlangklaulan terlulas.
Memblangun sebulah website hlarus dillakuklan denglan teplat, sehinggla
website dlaplat memberiklan informlasi ylang teplat denglan tlampillan ylang mudlah
digunlaklan oleh penggunla. Tlahlaplan dlallam memblangun situs website ylaitu :
1. Reklaylasla dlan pemodellan sistem latlau informlasi
Tlahlap lawlal denglan memblangun sylarlat dlari semula elemen sistem dlan
menglaloklasiklan beberlapla subset kebutuhlan softwlare. Tlahlap ini
menylangkut pengumpullan kebutuhlan pladla tingklat sistem denglan jumllah
kecil lanlalisis sertla deslain tingklat tinggi.

18
2. Perencanaan dan planning l l l l l
Tahap perencanaan menentukan tujuan dari sebuah website dibuat,

l l l l l l l l l l
melakukan analisis kebutuhan, dan mengumpulkan semua data yang

dibutuhkan. l
3. Desain atau designing

l l l
Proses desain fokus pada emat atribut yaitu struktur data, arsitektur l l l l l l l l l
software, representasi interface, dan detail algoritma. Tahapan ini

l l l l l l l l l l
berdasarkan kebutuhan hingga sesuai dengan yang diharapkan sebelum

memasuki tahap pengkodean. l l l l
4. Pemrograman atau Scripting l l l l
Pembuatan kode mulai dilakuakan dengan menterjemahkan desain l l l l l l l l l l
kedalam bentuk mesin yang dapat dibaca.

l l l l l l l
5. Pengujian l
Pengujian terfokus pada logika internal software yang berfungsi untukl l l l l l l
memastikan semua pernyataan sudah diuji dan fungsi gungsi dapat

l l l l l l l l l l
berjalan tanpa ditemukannya error.

l l l l l l
6. Pemeliharaan atau Maintenance l l l l l l l
Tahap
l l pemeliharaan l l l software l mengaplikasikan l l l setiap l program l
sebelumnya dan tidak dilakukan dengan membuat baru. Tahap ini l l l l l l l l l l
merupakan tahap penyesuaiaan terhadap perubahan perubahan yang

terjadi dilingkunag eksternal saat software akan digunakan.

l l l l l l l l l l
Website dibuat untuk mempermudah pengguna untuk mencari dan l l l l l
menambah informasi, dari situ fungsi website dibedakan menjadi tiga. Secara
l l l l l l l l l l
19
umum situs web mempunylai fungsi seblaglai berikut :
1. Fungsi komuniklasi
Situs web ylang mempunylai fungsi komuniklasi meruplaklan situs web
dinlamis. Terdlaplat flasilitlas ylang memberiklan fungsi komuniklasi seperti
web emlail, chlatting form, dlan form contlact.
2. Fungsi informlasi
Situs web ylang lebih meneklanklan konten klarenla bertujulan menylamplaiklan
isi situs. Berisikilan teks dlan grlafik ylang dlaplat di downlolad denglan
flasilitlas ylang memberiklan fungsi informlasi berupla news, profile complany,
librlary, dlan reference.
3. Fungsi entertlainment
Situs web ylang berfungsi seblaglai slarlanla hiburlan denglan flasilitlas berupla
glame online, film online, dlan music online.
4. Fungsi trlanslaksi
Situs web ylang dlaplat dijladiklan templat trlanslaksi bisnis blaik berupla blarlang
latlau jlasla. Situs ini menghubungklan peruslahlalan penyedila blarlang latlau jlasla
kepladla konsumen untuk memullai trlanslaksi online.
C. Web Server
Web server merupakan perangkat lunak yang melayani permintaan

l l l l l l l l l l
HTTP dan web browser dan mengirimkan kode-kode dinamis ke server

l l l l
aplikasi [7].
l l Server aplikasi
l l inil ah l y ang menerjemahkan
l l l dan l
memproses kode-kode dinamis menjadi kode-kode statis HTML dalam

l l l l l
20
suatu halaman statis yang kemudian dikirimkan ke browseroleh web server.

l l l l l l l l
Web server biasanya disebut l l l juga l sebagai l l HTTP server, k arena

l l
basisnya
l l menggunakan l l protocol HTTP.
D. Hyper Text Markup Language (HTML)
HTML merupakan singkatan dari Hyper Text Markup Language, l l l l l l l l
serangkaian kode program yang merupakan dasar dari representasi visual

sebuah halaman web. Berisikan kumpulan informasi yang tersimpan dalam

tag-tag yang digunakan untuk format terhadap informasi yang dimaksud.

HTML sendiri adalah suatu dokumen teks biasa yang mudah untuk l l l l l l l l
dimengerti dibandingkan bahasa pemrograman lainnya, dan karena bentuknya l l l l l l l l l l l l l
itu maka HTML dapat dibaca oleh platform yang belainan seperti windows,
l l l l l l l l l l
unix, dan lainnya, [8]. l l l
HTML merupakan bahasa pemrograman fleksibel dimana kita bisa l l l l l l l l l l l
meletakkan script dari bahasa pemrograman lainnya, seperti Javascript, PHP,

CSS, dan lainnya. Hypertext dalam HTML berarti bahwa kita dapat menuju
ke suatu tempat, misal website atau halaman homepage lain, dengan cara
memilih suat link yang biasanya digaris bawahi atau diwakili oleh suatu l l l l l l l l l l l l
gambar. Selain link ke website atau homepage halaman lain, hypertext ini
l l l l l l l l l l
juga mengizinkan kita untuk menuju ke salah satu bagian dalam satu tesk itu
sendiri.
HTML tidak berdiri sendiri, agar HTML dapat bertugas dalam l l l l l l l l
membangun halaman web, HTML harus ditulis dalam software atau aplikasi
21
tertentu, yang dikenal dengan HTML Editor. HTML Editor inil ah yang
l l l l l
bertugas untuk “ menerjemahkan” bahasa HTML menjadi halaman web yang

siap dilihat oleh para surfer di seluruh dunia. Secara umum, ada dua jenis
l l l l l l l l l l
HTML Editor yaitu Text Editor dan WYSIWYG editor. l l
1. Text Editor Text Editor biasanya digunakan oleh mereka yang sudah l l l l l l l l
mahir dalam menggunakan HTML, karena melalui editor jenis ini kita
l l l l l l l l l
dapat langsung menuliskan kode – kode HTML satu – persatu, sesuai

l l l l l l l
prosedur teknis yang berlaku. Untuk editor jenis ini, kita dapat l l l l l
menggunakan Notepad,Notepad++, Sublime text,CKEditor,Coffe Cup l l l l
HTML Editor, Dev-PHP IDE, Komodo Editor, Aptana, akan tetapi yang l l l l l l l
paling sering digunakan oleh kita adalah Notepad dan Notepad++ sebab
kedua editor tersebut sangat mudah untuk di dapatkan dan juga untuk
l l l l l l l l l
digunakan l l
2. WYSIWYG Editor WYSIWYG Editor adalah solusi bagi mereka yang l l l l l l
belum mahir dalam menggunakan bahasa HTML. Pada jenis aplikasi ini,
kita dapat membangun halaman web dengan lebih mudah, karena apa
yang terlihat di layar akan sama dengan hasil yang anda dapatkan,
l l l l l l l l l l l l l l l l
WYSIWYG adalah singkatan dari What You See Is What You Get, l l l l l l l l
untuk editor jenis ini, kita dapat menggunakan aplikasi Microsoft Word, l l l l l l l
Excel, Access, Powerpoint, Outlook, FrontPage dan yang cukup popular

l l l l l
Macromedia Dreamweaver.
l l l l
22
E. Cascading Style Sheet (CSS)
Menurut Monica (2021) Cascading Style Sheet (CSS) merupakan l l l l l
salah satu Bahasa pemrograman website untuk mengendalikan beberapa

komponen dalam sebuah website sehingga akan lebih terstruktur dan l l l l l l l
seragam. CSS dapat mengendalikan gambar, warna, bagian tubuh pada teks,
warna table, ukuran border, warna border, warna hyperlink, warna mouse
l l l l l l l l l l
hover, sapasi antar paragraph, jenis huruf, mengatur margin, dan masih
banyak lainya. CSS adalah bahasa style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan programmer untuk

l l l l l l l l
menampilkan halaman web yang sama dengan format yang berbeda.

Web yang menggunakan CSS akan lebih ringan dan mudah untuk
l l l l l l l l
dibuka dibandingkan dengan web yang tidak menggunakan CSS. Tujuan

l l l l l l l l l
lainnya menggunakan CSS adalah untuk mempercepat pembuatan halaman

web. Keuntungan yang dapat diperoleh dengan menggunakan CSS, antara l l l l l l l l l l
lain:
l
1. Memislahklan pembulatlan dokumen (CSS dlan HTML)
2. Mempermudlah dlan mempersingklat pembulatlan dlan pemelihlarlalan
dokumen web.
3. lAkses web lebih ceplat slalat di-lolading (memperceplat pemblaclalan
HTML).
4. Fleksibel, interlaktif, tlampillan lebih menlarik dlan nylamlan diplandlang.
5. Lebih kecil ukurlan file sehingga bandwith yang digunakan juga otomatis l l l l l l l
menjadi lebih kecil. l

23
6. Dapat digunakan pada semua web browser

l l l l l l l
F. Software Development Life Cycle (SDLC)
Menurut Sihaloho et al. (2019) di dalam SDLC terdapat beberapa l l l l l l l l
model salah satunya ialah model waterfall, model ini biasanya juga disebut
dengan siklus hidup klasik, yang menunjukan sistematis, pendekatan

l l l l l l l
sekuensial untuk penyebaran perangkat lunak yang dimulai dengan

l l l l l l l l l
spesifikasi permintaan pelanggan dan berlangsung melalui perencanaan,

pemodelan, construction, dan deployment yang berakhir pada dukungan yang

l l l l l l l l
berkelanjutan dari terselesaikannya software.

l l l l l l l
Fase-fase dalam model waterfall menurut referensi pressman dapat

l l l l l l l l l
dilihat seperti gambar dibawah ini :

l l l l l
Gambar 2. 1 Flase model wlaterflall
1. Communiclation
Llangklah ini meruplaklan lanlalisis terhladlap kebutuhlan perlangklat
lunlak, dlan tlahlap untuk mengladlaklan Pengumpullan dlatla denglan
mellakuklan pertemulan dengn customer, maupun menggumpulkan data l l l l
tambahan baik yang ada di jurnal, artikel, maupun dari internet [11].
2. Planning l
24
Proses planning merupakan lanjutan dari proses communication l l l l l l l
(analysis requirement). Tahap ini akan menghasilkan dakumen user

l l l l l l l l l
requirement atau bisa dikatakan sebagai data yang berhubungan dengan l l l l l l l l l l l l l
keinginan user dalam pembuatan software, termasuk rencana yang akan

dilakukan [12]. l l
3. Modeling
Proses ini akan menerjemahkan syarat kebutuhan ke sebuah l l l l l l l l
perancangan software yang diperkirakan sebelum dibuat coding. Proses

l l l l l l l l
modeling ini berfokus pada rancangan struktur data, arsitektur software, l l l l l l l l l
representasi interface, dan detail (algoritma) procedural. Tahapan ini

l l l l l l l l l l
akan menghasilkan dokumen yang disebut software requirement

l l l l l l
(Simanullang et al., 2017). l l l
4. Construction
Construction merupakan proses penyususnan source code. Coding l l l
atau pengkodean merupakan penerjemahan desain dalam Bahasa yang

bisa dikenali oleh komputer [14]. Programmer akan menerjemahkan

l l l l l l l
transaksi yang diminta oleh user. Tahap inilah yang merupakan tahapan
secara nyata dalam mengerjakan suatu software, artinya pengguna

komputer akan dimaksimalkan dalam tahapan ini. setelah pengkodean l l l l l l l l l l l l
selesai maka akan dilakukan testing terhadap sistem yang telah dibuat
tadi. Testing bertujuan untuk menemukan kesalahan- kesalahan terhadap

sistem tersebut untuk kemudian diperbaiki. l l
5. Deployment
25
Setelah l perangkat l l lunak l telah l dianggap l l sasuai l l dengan l
requirement customer, perangkat lunak akan di implementasikan. l l l l l l l
G. Visual Studio Code
Visual Studio Code merupakan software editor yang dibuat oleh

l l l l l l
Microsoft, pada dasarnya Microsoft mengetahui bahwa tidak semua

l l l l l l l l l l
programmer menggunakan sistem operasi Microsoft Windows. Kemudian

l l l l l
Microsoft mengambil keputusan untuk rilis Visual studio code online dalam
l l l l l
bentuk website , target utama dari editor ini ialah para programmer web l l l l l l l l l
developer yang mengembangkan aplikasi website maupun android atau IOS

l l l l l l l l l
[15]
H. Data Flow Diagram
1. DFD Level 0
Data Flow Diagram merupakan suatu gambaran dari sistem yang

telah atau baru yang akan dikembangkan secara logika tanpa melihat
l l l l l l l l l l l l l l l
lingkungan fisik. Data Flow Diagram yang paling dasar merupakan DFD
Level 0 yang merupakan proses utama dari sistem dan didalamnya

l l l l l l l l l l
terdariri dari hubungan antar entry, proses, data flow, alur data dan data
store.
26
Gambar 2. 2 Data Flow Diagram
2. DFD Level 1 Administrasi Website
DFD Level 1 Administrasi Website merupakan proses lanjutan

l l l l l l
dari DFD Level 0, pada tahapan ini admin mengelola data administrasi.
Gambar 2. 3 DFD Level 1 Administrasi Website

27
I. Perancangan ERD (Entity Relationship Diagram)
ERD (Entity Relationship Diagram) adalah model konseptual yang

l l l l l l l l
mendeskripsikan hubungan penyimpanan (dalam DFD). Karena itu, ERD

l l l l l l l l
berbeda dengan DFD (DFD memodelkan fungsi sistem), atau dengan STD
l l l l l l
(State Transition Diagram, yaitu memodelkan sistem dari segi ketergantungan

l l l l l l l l l
terhadap waktu). ERD digunakan unutk memodelkan struktur data dan

l l l l l l l l l
hubungan dalam data, karena hal ini relatif kompleks (Widiyatni et al., 2021)
.
BAB III
GAMBARAN UMUM OBJEK PENELITIAN
A. Gambaran Umum Yayasan
Pada tahun 2017, Ustadz Wazir dan istrinya mulai mendirikan

l l l l l l l l l
Yayasan Pendidikan Islam Al-Waziriyah di daerah Jakabaring, Palembang.

Tujuan dari pendirian yayasan ini adalah untuk menjadikan generasi muda
yaitu generasi yang berakhlak qur’ani sesuai dengan apa yang diajarkan oleh
Rasulullah SAW.Yayasan ini memiliki cabang di Tegal Binangun, Amin

Mulya dan Sekojo serta sedang proses pembangunan pesantren Al-Waziriyah

l l l l l l l l l l
di Karya Jaya. l l l l
B. Visi Yayasan
Untuk menjadi l lembaga l l pendidikan l islam l terdepan l dalam

l l
mencerahkan dan mencerdaskan kehidupan bangsa guna membentuk

l l l l l l l l l
masyarakat indonesia yang beriman, berilmu, beramal, bertakwa serta

berakhlak mulia. l l l
C. Misi Yayasan
 Menyelenggarakan kegiatan islam yang berkualitas melalui lembaga l l l l l l l l l l l l
pendidikan formal maupun nonformal. l l l l
 Membina dan mengembangkan pendidikan islam dalam arti yang seluas- l l l l l l l l l l l
28
29
luasnya.
l l
 Membina dan mengembangkan pendidikan islam dalam arti yang seluas-

luasnya.
l l
D. Logo Yayasan
Gambar 3. 1 Logo Yayasan
E. Struktur Yayasan
Gambar 3. 2 Struktur Yayasan

30
F. Legalitas Yayasan
Yayasan Al-Waziriyah merupakan yayasan legal yang mempunyai

No. NPWP, Akta Notaris serta pendukung legalitas lainnya, dibawah ini l l l l l l l l l l
adalah tabel penjelasannya.

l l l l l l l
Tabel 3. 1 Legalitas Yayasan Al-Waziriyah
1. Nama Yayasan
l l l l l YPI
: AL-WAZIRIYAH
2. Status Yayasan l l l l : Pusat l Daerah l l
Alamat Kantor Pusat

l l l l l : Jl. Pangeran Ratu PERUM TOP Amin
l l l l
Mulya Blokf 6 No11 Rt 23/Rw 08

l
Nomor Telepon
: 085369446626
Email : admin@ypialwaziriyah.com
l l l l
Tabel 3. 2 Landasan Hukum Pendirian Perusahaan
Akta : YPI ALWAZIRIYAH

Pendirian
a. Nomor Akta : “11”
b. Tanggal : 21 Agustus 2017
c. Nama Notaris : Avriaztheni P G , SH.,M.Kn

Tabel 3. 3 Tabel Pengurus
No Nama No. KTP Jabatan dalam Badan Lembaga
1. Wazir,S.FilIl 16.7102.060573.0008 Pendiri

31
Tabel 3. 4 Direksi/Penanggung Jawab/Pengurus Lembaga
Jabatan dalam Badan

No. Nama No. KTP
Lembaga
1. Wazir, S.Fil.I
l 16.7102.060573.0008 Pendiri/Ketua l
2. Amin
l 16.7102.160580.0023 Anggota
l l
3. Antoni, S.Ag
l l 16.7102.210974.0008 Anggota
l l
4. Malik A H, Alhafidz
l l l l 16.7102.290895.0007 Ketua Pengurus
l
5. Mai Surida l l 16.7102.490174.0006 Sekretaris l
6. Nyayu Nurlaila
l l l 16.7102.451275.0007 Bendaharal l l
7. Adi Anton
l l 16.7102.150482.0016 Pengawas l l
Tabel 3. 5 Status Terdaftar

Nomor SMD 3112.1.6710.043
anggal l 6 Agustus 2018

l
Instansi pemberi izin

l : Kementrian Agama Palembang
l l l l l l
BAB IV
DEKSRIPSI KERJA PRAKTEK
Setelah melakukan observasi dan wawancara dengan pihak yayasan tempat

kerja praktek di YPI Al-Waziriyah, didapatkan beberapa permasalahan salah

satunya permasalahan dengan company profile yang akan dirancang untuk

membantu mempromosikan profil YPI Al-Waziriyah kepada masyarakat luas.

Dalam mewujudkan website dengan berdasar pada konsep SDLC (System

l l l l l l l l
Development Life Cycle) yang berfungsi untuk menggambarkan tahapan-tahapan l l l l l l l l l l
utama untuk menghlasilklan website.

l l
Llangklah-llangklah ylang laklan dillakuklan dlallam perlanclanglan website
complany profile, ylaitu
a. Perenclanlalan
b. lAnlalisis
c. Deslain
d. Implementlasi
A. Perencanaan
Penulis melaksanakan kerja praktik di YPI Al-Waziriyah yang

l l l l l l l l l l
berlokasi di Jl. Pangeran Ratu Perum TOP Amin Mulya Jakabaring

l l l l l l l l l
Palembang. Penulis melakukan pengenalan terhadap yayasan dan melakukan

tahap identifikasi permasalahan yang terdiri dari observasi, wanwancara dan

analisis. Penulis melakukan observasi terlebih dahulu, yaitu dengan

l l l l l l l l
32
33
mengumpulkan data yang dibutuhkan dalam proses perancangan website l l l l l l l l l l
company profile. l
Setelah memperoleh data yang dibutuhkan tahap berikutnya ialah

l l l l l l l l l l
melakukan wawancara tentang sistem yang ada pada YPI Al-Waziriyah

secara langsung. Tahap ketiga yaitu melakukan analisis terhadap observasi

dan wawancara yang telah dilakukan sebelumnya. Pada tahap ini dilakukan
peninjauan dan pemahaman sistem pada YPI Al-Waziriyah, segala proses

yang berhubungan dengan langkah pemecahan masalah.

l l l l l l l l l l
B. Analisis
Sebelum membuat website, hal pertama yang dikerjakan adalah l l l l l l l l l l
melakukan analisis terhadap kebutuhan layout yang diperlukan untuk

l l l l l l l l l l
ditampilkan pada halaman web. Berdasarkan hasil wawancara dan observasi

tentang proses sistem pada YPI Al-Waziriyah diketahui bahwa YPI Al-
l l l l l l l l l l
Waziriyah sampai saat ini untuk media pemasaran kepada masyarakat masih
menggunakan cara membuat proposal penawaran kepada perusahaan atau

instansi tertentu untuk diajak bekerjasama dengan melampirkan buku manual

company profile. l
Berdasarkan permasalahan yang terjadi, dibutuhkan company profile

pada YPI Al-Waziriyah berbasis website. Dengan adanya web ini, santri
ataupun masyarakat dapat mengetahui YPI Al-Waziriyah dengan cepat

melalui internet dan biaya pengunaan web lebih hemat banding dengan
l l l l l l l l l
penggunaan brosur yang membutuhkan biaya. Didapatkan gambaran

34
mengenai apa saja yang akan ditampilkan pada website YPI Al-Waziriyah
seperti halaman Home yang berisi tentang infromasi YPI Al-Waziriyah, about
l l l l l l l l l l
dan program. halaman About yang berisi tentang about, visi dan misi.
l l l l l l l l l l
halaman Program berisi tentang program yang ada pada YPI Al-Waziriyah.
Contact yang berisi informasi contact info dan peta.

l l l l l l
Dari hasil analisis yang dilakukan penulis, sehingga didapatkan

site map company profile berbasis website yang akan dibuat, seperti gambar
l l l l l l l l l
dibawah ini:
l l
Gambar 4. 1 Site Map Company Profile Berbasis Website
1. Identifikasi Pengguna
Identifikasi pengguna dapat dilakukan dengan melihat kepada

l l l l l l l l l l
pihak-pihak yang berkepentingan terhadap perusahaan. Pihak-pihak

35
tersebut memiliki kebutuhlan laklan informlasi dlan fungsi ylang dislajiklan
sistem tersebut:
a. Owner
b. lAdmin
c. Pengunjung (visitor)
2. Identifikasi Data
Berdasarkan observasi, wawancara, dan indentifikasi pengguna

yang akan dibuat sebagai dasar penelitian perancangan company profile

berbasis website, maka dapat lakukan identifikasi data sebagai berikut:

a. Data sejarah yayasan

l l l l l l l
b. Data program
l l l
c. Data gambar konten page

l l l l l
d. Data contact
l l l
e. Data alamat
l l l l l
3. Identifikasi Kebutuhan Fungsional
Adapun Identifikasi kebutuhan Fungsional dapat dilihat pada l l l l l l l l
tabel dibawah ini :

l l l
Tabel 4. 1 Identifikasi Kebutuhan Fungsional
No Pengguna Fungsi
1 lAdmin 1. Dlaplat menyimplan, menghlapus, dlan

mengedit form home.
2. Dlaplat menyimplan, menghlapus, dlan
mengedit form labout.
36
No Pengguna Fungsi
mengedit form progrlam.

mengedit form contlact.
2 Pengunjung 1. Dapat melihat informasi home.
l l l l
2. Dapat melihat informasi about.

l l l l l
3. Dapat melihat informasi program.

l l l l l
4. Dapat melihat informasi contact.

l l l l l
4. Identifikasi Kebutuhan Sistem
Adapun kebutuhan sistem yang akan digunakan antara lain:

l l l l l l l l l l
a. Hardware
l l
1. Kebutuhan Prosesor minimal Dual Core; 2.3GHz

l l l
2. Kebutuhlan VGlA Intel HD Grlaphics
3. Kebutuhlan RlAM 2 GB
4. Kubutuhlan Hardisk 120 GB l
b. Software
l
1. Menggunakan Windows 10
l l
2. Google Chrome
3. HTML, CSS
4. Visulal Studio Code

37
C. Desain
Dalam mendesain sistem diperlukan langkah yang harus dilakukan

l l l l l l l l l l
antara lain ialah DFD. Dibawah ini menjelaskan tentang perancanga untuk
website company profile. l
1. Data Flow Diagram (DFD)
DFD adalah model logika data atau proses yang dibuat untuk
l l l l l l l l l l
menggambarkan darimana asal data, kemana tujuan data yang keluar dari
l l l l l l l l l l l l l l l l l l
sistem, dimana data disimpan, proses apa yang dihasilkan data tersebut
dan interaksi antara data yang tersimpan dan proses yang dikenakan pada
data.
l l
a. DFD level 0
Gambar 4. 2 DFD Level 0

38
b. DFD Level 1 Manajemen Admin

l l l
Gambar 4. 3 DFD Level 1 Manajemen Admin
c. DFD Level 1 Manajemen Pengunjung

l l
Gambar 4. 4 DFD Level 1 Manajemen Pengunjung

39
2. Use Case
Untuk menggambarkan perancangan company profile pada YPI l l l l l l l l l
Al-Waziriyah, penulis menggunakan pemodelan sistem yaitu use case

l l l l l l l l
diagram, pada tahap ini use case akan menunjukkan dua aktor yaitu
admin dan pengunjung yang melakukan kegiatannya masing-masing,

l l l l l l l l l l
seperti:
1. Admin melakukan login, kemudian admin melakukan input, edit

l l l l l l l
maupun delete pada menu home, about, program dan contact pada
l l l l l l l l l
YPI Al-Waziriyah. l l l
2. Pengunjung mengunjungi website profil YPI Al-Waziriyah untuk l l l
melihat atau mengetahui data informasi YPI Al-Waziriyah seperti

l l l l l l l l l l
home, about, program dan contact pada YPI Al-Waziriyah. Adapun

l l l l l l l l l l
use case diagram company profile YPI Al-Waziriyah dapat dilihat

l l l l l l l l l l
pada Gambar dibawah ini:

l l l l l l
Gambar 4. 5
Use Case Diagram Company Profile YPI Al-Waziriyah
40
3. ERD (Entity Reliationship Diagram)
Berikut ERD (Entity Realationship Diagram) dari company l l l l l l
profile pada YPI Al-Waziriyah sebagai berikut;

l l l l l l l
Gambar 4. 6 Entity Realationship Diagram
4. Rancangan Interface
Dari gambaran pada tahap analisa dan perancangan diatas, maka

l l l l l l l l l l l l l l l l l l l
penulis membuat desain interface yang memudahkan komunikasi antara

l l l l l l l l l l
penulis dengan yayasan. Berikut adalah rancang desain interface setiap

halaman yang telah diklarifkasikan:

l l l l l l l l
41
a. Rancangan Interface page Home
Gambar 4. 7 Rancangan Interface page Home
Penjellaslan :
1. Medsos : pladla blagilan tersebut laklan di tlampilklan medsos YPI
lAl-Wlaziriylah seperti (Flacebook, Instlagrlam, Tweeter dlan
YouTube. Ylang berfungsi untuk menlampilklan informlasi
mengenlai sosilal medila dlari ylaylaslan ylang ditlampilklan denglan
icon dlari mlasing-mlasing sosilal medila.
2. Foto + Klalimlat Singklat : pladla blagilan tersebut laklan ditlampilklan
sebulah glamblar ylang menlarik disertlai pengenlallan singklat
mengenlai YPI lAl-Wlaziriylah.
3. About : ditlampiklan sejlarlah singklat berdirinyla YPI lAl-
Wlaziriylah.
4. Progrlam : pladla blagilan ini ditlampilklan beberlapla progrlam ylang
ladla di YPI lAl-Wlaziriylah seperti pendidiklan qur’lan, blahlasla
larlab, klajilan kitlab dlan metode ummi.

42
b. Rancangan Interface page About
Gambar 4. 8 Rancangan Interface page About
Penjellaslan :
1. Glamblar : glamblar labout di tenglah laglar menlarik.
2. Sejlarlah Singklat Peruslahlalan : berisiklan informlasi mengenlai
sejlarlah berdirinyla ylaylaslan.
3. Visi : Berfungsi untuk menylamplaiklan informlasi visi dlari
ylaylaslan.
4. Misi : Berfungsi untuk menylamplaiklan informlasi misi dlari
ylaylaslan.
43
c. Rancangan interface Program
Gambar 4. 9 Rancangan interface Program

Penjelasan : l l
Pada bagian ini ditampilkan beberapa program yang ada di YPI

Al-Waziriyah serta penjelasan tentang pendidikan qur’an,

l l l l l
bahasa arab, kajian kitab dan metode ummi.

l l l l l l l l l
d. Rancangan Interface Contact
Gambar 4. 10 Rancangan Interface Contact

Penjelasan : l l
Contact person : berfungsi untuk menampilkan informasi contact person

l l l l l
dari bagian pemasaran yayasan.

l l l l l l l l l
44
D. Implementasi
Pada tahap ini akan dijelaskan hasil perancangan dan pemrograman

website company profile YPI Al-Waziriyah, yang merupakan implementasi

l l l l l l l l
dari perancangan yang telah dibuat. Menu yang ada pada website company
profile ini ada 4 menu. Yaitu Home, About, Program dan Contact. Adapun
l l l l l l l l l
Menu dan fitur pada website company profile YPI Al-Waziriyah adalah
l l l l l l l l l l
sebagai berikut :
l l
1. Page Homel
Gambar 4. 11 Page Home

45
Page home dari website YPI Al-Waziriyah. Halaman atau page ini
biasa juga disebut dengan Home Page. Setiap kali user melakukan kunjungan
l l l l l l l l l l
ke website, maka halaman ini yang pertama akan dilihat oleh user.
2. Page Aboutl l
Gambar 4. 12 Page About
Pada halaman ini berisi tentang gambaran dari YPI Al-Waziriyah.

Menu About bertujuan untuk memberikan informasi tentang profil yayasan,

l l l l l l l l
visi dan misi dari YPI Al-Waziriyah.

l l l l l
46
3. Page Program
l l
Gambar 4. 13 Page Program
Pada halaman ini berisi tentang menu program pada YPI Al-
l l l l l l l l l l
Waziriyah. Beberapa program yang dimiliki YPI Al-Waziriyah yaitu

l l l l l l l l l l
Pendidikan Qur’an (Iqro, Al-Qur’an dan Tahfidz.

l l l l l l
4. Page Contact
l l
Gambar 4. 14 Page Contact

47
Halaman ini berisi menu Contact pada website company profile YPI
l l l l l l l
Al-Waziriyah. Halaman ini berisikan informasi lokasi dengan maps dan

contact info. Hal tersebut diharapkan memudahkan pengunjung menemukan

l l l l l l l l
lokasi dan menghubungi yayasan.

l l l l l
BAB V
KESIMPULAN DAN SARAN
A. Kesimpulan
Dari hasil uji coba dan implementasi terhadap rancang bangun

l l l l l l l l l l
company profile yayasan berbasis web, maka dapat diambil kesimpulan

sebagai berikut:
l l
1. Website yang telah dibangun ini berhasil menampilkan berapa informasi

l l l l l l l l l
yaitu home, about, program dan contact yang ditujukan kepada para wali
santri atau masyarakat umum.

l l l l l l l
2. Website ini dapat menjadi media promosi untuk menyebarkan informasi l l l l l l l
mengenai YPI Al-Waziriyah kepada masyarakat sehingga dapat

meningkatkan l l efisiensi serta l mempercepat l dalam l l penyampaian l l l
informasi. l
B. Saran
Adapun saran yang dapat diberikan penulis agar Company Profile

l l l l l l l l l
berbasis website ini menjadi lebih baik di masa yang akan datang adalah
sebagai berikut:
l l
1. Melakukan perbaikan pada tampilan serta menambahkan fitur-fitur

baru
l untuk dapat lebih
l l menunjang kinerja dari sistem dan l l l l
memudahkan wali santri atau masyarakat umum dalam mengelola data-

data informasi yang dimiliki YPI Al-Waziriyah.

l l l l l l l
49
2. Diharapkan kedepannya untuk

l l l l l selalu
l memperbaharui
l l tampilan
l l
website agar terlihat lebih up to date mengikuti perkembangan

l l l l l l
teknologi IT.
DAFTAR PUSTAKA
[l
Fahril, M., & Farhan, M. (2021). Web-Based Company Profile Information

l l l l l l
System Design At PT . G otrans Logistics Rancang Bangun Sistem Informasi l l l l l l
Company Profile Berbasis Web Pada. IJIRSE (Indonesian Journal of

l l l l l l
Informatic Research and Software Engineering), 1(1), 45–52.

l l l l
Herman, N., & Janah, N. Z. (2020). Rancang Bangun Company Profile E-Life
l l l l l l l
Solutions Plt Berbasis Web Sebagai Corporate Branding. Journal of Applied l l l l l l l
Multimedia and Networking, 4(2), 16–26. l l
Hidayat, N. (2018). Kerja Praktik: Company Profile Berbasis Web Pada PG TK

l l l l l l l l
Al-Zaitun Rewwin Waru Sidoarjo. Surabaya: Stikom Surabaya.

l l l l l l l l l l
Islamiati, Y., Jatmika, A. H., & Wahyudi, F. (2021). Pembuatan Sistem Informasi
l l l l l l l l l
Company Profile Berbasis Website SMPN 4 Gunungsari ( The Making of

l l l l
Website based Information System of Company Profile for SMPN 4 l l l
Gunungsari). JBegaTI, 2(2), 126–137. l l
Kurniawan, A. (2021). Praktik Kerja Lapangan: Rancang Bangun Company

Profile Berbasis Web Pada RS. Mutiara Bunda Lampung. Palembang: kolah l l l l l l l l l l
Tinggi Manajemen Informatika Dan Komputer Palcomtech. l l l l l l
Monica, S. F. (2021). Kerja Praktik: Company Profile Berbasis Web Pada PT.
l l l l l l l
Bintang Energi Sejahtera. Surabaya: Universitas Dinamika.

l l l l l l l l l
Mukminin, A. (2020). Perancangan Company Profile Berbasis Website (Studi

l l l l l l
Kasus Lentera Consultant In Law). Surabaya: Universitas Dinamika.

l l l l l l l l l l
Putra, Y. B. A. (2018). Kerja Praktk: Rancang Bangun Company Profile Berbasis

l l l l l l l l l
Website Pada SMPN 39 Surabaya. Surabaya: Stikom Surabaya. l l l l l l l l l l l

51
Sihaloho, P. R., Bombongan, C., & Putra, J. (2019). Perancangan Company

l l l l l l l
Profile Berbasis Website Pada Tauko Wedding Organizer. PURIBERSAMA:

l l l l l l l
Judul Publikasi Riset Bersama Dosen dan Mahasiswa, 1(2), 76–80.

l l l l l l l
Susanto, E., & Widiyanto, W. W. (2021). Jurnal Sustainable : Jurnal Hasil

l l l l l l l
Penelitian dan Industri Terapan New Normal : Pengembangan Sistem

l l l l l l l
Informasi Penjualan Menggunakan Metode SDLC ( System Development

l l l l l
Life Cycle ). Jurnal Sustainable: Jurnal Hasil Penelitian dan Industri l l l l l l l
Terapan, 10(01), 1–9.

l l
Wibisana, D. R. (2022). Perancangan Company Profile Berbasis Website PT.

l l l l l l l
Kurnia Jaya Karya. Jember: Politeknik Negeri Jember.

l l l l l
Widiyatni, W., Rafida, V., & Arfyanti, I. (2021). Rancang Bangun Company
l l l l l l l l l
Profile Gabungan Perusahaan Konstruksi Nasional Indonesia (Gapeksindo)

l l l l l l l l l
Berbasis Web. Jurnal Ilmiah MATRIK, 23(1), 69–75.

l l l l

LAPORAN KKL ANISA BNR

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

LAPORAN KKL ANISA BNR

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN KULIAH KERJA LAPANGAN

Company Profile Berbasis Web Pada YPI Al-Waziriyah

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS SUMATERA SELATAN

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS SUMATERA SELATAN

Lapangan untuk memenuhi persyaratan pada program studi Ilmu Komputer

Fakultas Ilmu Komputer Universitas Sumatera Selatan

Periode : 5 September – 5 Oktober 2022

Palembang, 9 Desember 2022

Pembimbing Lapangan Dosen Pembimbing KKL

Wazir, S.Fil.I Ubaidillah, S.Kom, M.Kom

NIK.1671020605730008 NIDN. 0227127402

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS SUMATERA SELATAN

PANITIA PENGUJI HASIL KULIAH KERJA LAPANGAN

(Ubaidillah, S.Kom, M.Kom) ( )

(Usep Teisnajaya, S.Kom, M.Kom) ( )

Telah menguji dan diterima untuk memenuhi sebagian dari persyaratan

Ketua Program Studi

Serly Oktarini, S.Kom, M.Kom

berjudul “Company Profile Berbasis Web YPI Al-Waziriyah”. Laporan ini

Dalam pelaksanaan kerja lapangan dan penyelesaian laporan kerja

Komputer Universitas Sumatera Selatan.

3. Pak Ubaidillah, S.Kom, M.Kom. selaku dosen pembimbing yang telah

memberikan dukungan penuh berupa motivasi, koreksi, maupun wawasan

telah memberikan motivasi serta memberikan pengarahan mengenai kuliah

5. Teman-teman kampus yang selalu memberikan dukungan, arahan, hiburan

dalam menyelesaikan Kerja Lapangan ini.

Semoga Tuhan Yang Maha Esa memberikan limpahan rahmat-Nya

dalam proses kerja lapangan ini.

Penulis menyadari bahwa kerja lapangan yang dikerjakan masih banyak

dosen maupun dari rekan-rekan mahasiswa/mahasiswi sangatlah diharapkan agar

penulis dan semua pihak.

LAPORAN KULIAH KERJA LAPANGAN..........................................................ii

Gambar 1. 1 Lokasi Penelitian.................................................................................5

Tabel 3. 1 Legalitas Yayasan Al-Waziriyah..........................................................30

YPI Al-Waziriyah merupakan salah satu yayasan islam yang berada di

kota Palembang. YPI Al-Waziriyah Palembang memiliki tujuan untuk

menjadikan generasi muda yaitu generasi yang berakhlak qur’ani sesuai

untuk mencapai hal tersebut dibutuhkan adanya platform untuk

mempromosikan yayasan agar dapat memperlihatkan keunggulan lembaga

tersebut di masyarakat luas.

Dalam mempromosikan yayasan YPI Al-Waziriyah selama ini masih

menggunakan penyebaran brosur dan memasang spanduk-spanduk di jalanan.

platform serta penyampaian informasi di YPI Al-Waziriyah Palembang masih

sederhana, membuat masyarakat dan calon santri mencari informasi seputar

yayasan dengan cara datang langsung ke yayasan yang membuat

penyampaian informasi tidak efektif dan efisien dikarenakan pihak yayasan

harus menyampaikan informasi yang sama berulang-ulang sehingga

menghabiskan banyak waktu. Salah satu yang mampu menyelesaikan

permasalahan tersebut yaitu dengan pembuatan Company Profile berbasis

Company Profile ini menggunakan metode penelitian SDLC

(Software Development Lifecycle) sebagai kerangka pengerjaan penelitian.

Yang mana terdapat empat tahapan kegiatan utama SDLC, yaitu:

perencanaan, analisis, desain, dan implementasi sistem. bahasa pemograman

Adapun dari beberapa hasil Penelitian terdahulu mengenai pembuatan

Company Profile E-Life Solutions Plt Berbasis Web sebagai Corporate

Branding. Penelitian ini bertujuan untuk dapat memberikan informasi dan

memperkuat branding perusahaan serta tampilan informasi pada website