PERANCANGAN WEBSITE PROFILE DINAS PERHUBUNGAN

PROVINSI SUMATERA SELATAN

LAPORAN KERJA PRAKTEK

Diajukan sebagai syarat untuk

Menyelesaikan mata kuliah kerja praktek

MUHAMMAD ALFIAN

2019310004

PROGRAM STUDI SISTEM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS INDO GLOBAL MANDIRI

2022

1
PERANCANGAN WEBSITE PROFILE DINAS PROVINSI
PERHUBUNGAN SUMATERA SELATAN

LAPORAN KERJA PRAKTEK

Oleh:

NPM : 2019310004

NAMA : MUHAMMAD ALFIAN

JENJANG STUDI : STRATA SATU (S1)

PROGRAM STUDI : SISTEM KOMPUTER

PROGRAM STUDI SISTEM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS INDO GLOBAL MANDIRI

2022

2
 HALAMAN PENGESAHAN LAPORAN KERJA PRAKTEK

NIM : 2019310004

NAMA : MUHAMMAD ALFIAN

JENJANG STUDI : STRATA SATU (S1)

PROGRAM STUDI : SISTEM KOMPUTER

JUDUL KERJA PRAKTEK : PERANCANGAN WEBSITE PROFILE DINAS

PERHUBUNGAN PROVINSI SUMATERA
SELATAN

Disetujui oleh:

Tanggal ………………… Tanggal …………………

Pembina Pembimbing

(Tasmi, S. Si., M.Kom) (Yusrizal S, SiT, MT)

NIK.2017.01.02.30 NIP. 198110132002121003

Tanggal …………………

Ketua Program Studi Sistem Komputer

(Fery Antony, S.T., M.Kom)

NIK. 2003.01.00.67

3
 KATA PENGANTAR

Puji dan Syukur Penulis persembahkan kepada Tuhan Yang Maha Esa karena
akhirnya Laporan Kerja Praktek ini bisa terselesaikan dengan baik tepat pada
waktunya.

Laporan Kerja Praktek yang Penulis buat dengan judul “PERANCANGAN

WEBSITE PROFILE DINAS PERHUBUNGAN PROVINSI SUMATERA
SELATAN”dibuat sebagai salah satu syarat untuk menyelesaikan mata kuliah Kerja
Praktek.

Tidak lupa Penulis mengucapkan terima kasih atas bantuan yang diberikan selama
penyusunan Laporan Kerja Praktek ini kepada :

1. Dr. H. Marzuki Alie, SE., MM selaku Rektor Universitas Indo Global Mandiri
Palembang.

2. Rudi Heriansyah, S.T., M. Eng, Ph. D sebagai Dekan Fakultas Ilmu Komputer

3. Fery Antony, ST., M.Kom sebagai Ketua Program Studi Sistem Komputer.

4. Pak Tasmi, S. Si., M.Kom sebagai Dosen Pembimbing.

5. Pak Yusrizal S, SiT, MT sebagai Pembimbing Perusahaan.

6. Dosen-dosen yang ada di fakultas Ilmu Komputer Universitas IGM Palembang.

7. Karyawan / karyawati di Dinas Perhubungan Kota Palembang.

8. Teman teman seperjuangan program studi Sistem Komputer angkatan 2019.

Penulis,

Muhammad Alfian

4
 REKOMENDASI SEMINAR KERJA PRAKTEK

Kami yang bertanda tangan dibawah ini, menerangkan bahwa :

Nama Mahasiswa : Muhammad Alfian

NPM : 2019310004

Judul Laporan Kerja Praktek : PERANCANGAN WEBSITE PROFILE

DINAS PERHUBUNGAN PROVINSI
SUMATERA SELATAN

Tempat Kerja Praktek : DINAS PERHUBUNGAN PROVINSI

SUMATERA SELATAN

Benar telah menyelesaikan Kerja Praktek dan penulisan laporan kerja praktek yang
dibuktikan dengan 1 (satu) berkas laporan dan surat keterangan telah menyelesaikan
Kerja Praktek.

Palembang,

Pembimbing Akademik, Pembimbing Kerja Praktek,

(Tasmi, S. Si., M.Kom) (Yusrizal S, SiT, MT)

NIK.2017.01.02.30 NIP. 198110132002121003

5
 DAFTAR ISI
HALAMAN PENGESAHAN…………………………………………………..……iii

KATA PENGANTAR…………………………………………………………..……iv

REKOMENDASI SEMINAR KERJA PRAKTEK……………………………..……v

DAFTAR ISI……………………………………………………..……………..……vi

DAFTAR TABEL……………………………………………………..……….…….ix

DAFTAR GAMBAR…………………………………………………….…………....x

DAFTAR LAMPIRAN………………………………………………………………xi

BAB 1 PENDAHULUAN…………………………………………………………….1

1.1 Latar Belakang…………………………………………………………………….1

1.2 Rumusan Masalah…………………………………………….…………………..2

1.3 Tujuan dan manfaat…………………………………………….…………....……2

1.3.1 Tujuan…………………………………………………………………….……..2

1.3.2 Manfaat………………………………………………………………………….2

1.4 Batasan Masalah…………………………………………………………....……..3

1.5 Waktu dan tempat pelaksanaa…………………………….…………...………….4

1.5.1 Waktu Pelaksanaan………………………………………………………...……4

.5.2 Tempat Pelaksanaan…………………………………...............................………4

BAB II GAMBARAN UMUM PERUSAHAAN……………………………….……5

2.1 Sejarah Singkat Perusahaan…………………………………………..….………5

2.2 Visi dan Misi Perusahaan………………………………………..………..….….6

2.2.1 Visi……………………………………………………..………………...……6

6
2.2.2 Misi………………………………………………………………………....….6

2.3 Struktur Organisasi………………………………………………………….…..7

2.3.1 Unit-unit kerja………………………………………….…………….………..8

2.3.2 Tugas dan wewenang……………………………………………..….…..……9

2.4 Unit Kerja Praktek……………………………………………………..……….11

2.4.1 Prosedur pada unit kerja Praktek……………………………….………….…11

2.4.2 Kegiatan Kerja Praktek yang dilakukan……………….………………..……11

BAB III TINJAUAN PUSTAKA…………………………………………..……….13

3.1 Teori Umum…………………………………………………….……………….13

3.1.1 Definisi Website…………………………………………………………….…13

3.1.2 Definisi Website Profile…………………………………………………….…13

3.1.3 Definisi Hypertext Markup Languange (HTML)……….…….………...…..…13

3.1.3 Definisi Internet………………………………………………………….….…14

3.1.5 Definisi Analisis……………………………………………….………………14

3.1.6 Definisi Sistem…………………………………………….……………..……14

3.1.7 Definisi Metode Model Waterfall………………………….………….………15

3.1.8 Definisi Framework……………………………………………………..…..…15

3.1.9 Definisi Unified Modelling Languange (UML)…….…………………………15

BAB IV METODOLOGI PENELITIAN……………………………………..…..…24

4.1 Jenis Penelitian……………………………………………………………....…..24

4.1.1 Research and development (R&D)…………………………………………….24

7
4.1.2 Model Waterfall……….…………………………………………………….....26

4.2 Batasan Penelitian……………………………………………………….……….27

4.3 Pengumpulan Data……………………………………………………………….28

4.4 Desain Sistem……………………………..………………………...…….……..29

4.4.1 Use Case Diagram…………………………………………..…………………29

4.4.2 Activity Diagram…………………………………………….….………..….…29

4.4.3 Sequence Diagram…………………………………….………..…………...…30

4.5 Tampilan Website…………………………………………….……………….…31

4.5.1 Tampilan awal website. ………………………………………...……………..31

4.5.2 Tampilan isi website……………….………………………………………..…31

4.5.3 Tampilan kontak………………………………………….……...………….…32

4.6 Pengujian Blackbox Test…………………………………………………………32

BAB V KESIMPULAN DAN SARAN…………………………………………..…35

5.1 Kesimpulan………………………………………………………………………35

5.2 Saran……………………………………………………………………………..35

DAFTAR PUSTAKA……………………………………….……………………….36

LAMPIRAN…………………………………………………………………………36

8
 DAFTAR TABEL

Tabel 2.1 Tabel Grant- Chart Kegiatan pada saat kerja praktek…………………….22

Tabel 3.1 Tabel Keterangan Usecase Diagram……………………………………..25

Tabel 3.2 Tabel Keterangan Activity Diagram…………………………….….….….27

Tabel 3.3 Tabel Keterangan Sequence Diagram…………………………….…...….28

Tabel 4.1 Tabel perbedaan website statis dan dinamis……………………..….……36

Tabel 4.2 Tabel Pengujian Blackbox test pada website……………………..………40

9
 DAFTAR GAMBAR

Gambar 1.1 Peta Google Maps dari Dinas Perhubungan Sumatera Selatan……..….14

Gambar 2.1 Gedung Dishub Sumsel………………………………………………...15

Gambar 2.2 Struktur Organisasi Dishub Sumsel…………………………………….18

Gambar 2.3 Foto Dokumentasi mengantar surat ke Kantor Gubernur…………...….22

Gambar 4.1 Skema R&D (Research and development)……………………………..32

Gambar 4.2 Skema Metode Waterfall…………………………………………….…34

Gambar 4.3 Use Case Diagram Website……………………………………….……37

Gambar 4.4 Activity diagram website……………………………………………….37

Gambar 4.5 Sequence Diagram website……………………………………….……38

Gambar 4.6 Tampilan awal website…………………………………………………39

Gambar 4.7 Tampilan visi misi , berita dan galeri website………………………….39

Gambar 4.8 Tampilan Kontak website…………………………………………..…..40

10
 DAFTAR LAMPIRAN

Lampiran 1. Surat Penerimaan Dari Instansi tempat KP

Lampiran 2. Laporan Harian KP

Lampiran 3. Kartu Peserta Seminar

Lampiran 4. Penilaian Kerja Praktek

Lampiran 5. Kartu Peserta Seminar

11
 BAB I

PENDAHULUAN

BAB I PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi dan informasi sangat cepat dan bahkan mengubah
cara manusia hidup, salah satunya di bidang pekerjaan yang sangat terbantu dengan
perkembangan teknologi dan informasi. Banyak perusahaan dan lembaga
menggunakan teknologi dan informasi agar dapat dikenal banyak orang untuk
mengetahui dan mengenal perusahaan atau produk mereka salah satu contoh melalui
website profile.

Situs Web (Website) awalnya merupakan suatu layanan sajian informasi yang
menggunakan konsep hyperlink yang memudahkan surfer (sebutan bagi pemakai
komputer yang melakukan penyelusuran informasi di Internet ) untuk mendapatkan
informasi dengan cukup mengklik suatu link berupa teks atau gambar maka informasi
dari teks atau gambar akan ditampilkan secara lebih terperinci (detail), Sidik
(2017:107).

Website memiliki 2 jenis yaitu statis dan dinamis, website statis memiliki
konten yang jarang berubah sesuai keinginan pengurus website sedangkan website
dinamis konten didalam website berubah ubah sesuai keinginan kedua belah pihak
yaitu user dan pengurus website.

Dinas Perhubungan Provinsi Sumatera Selatan adalah lembaga yang memiliki

tanggung jawab terhadap lalu lintas dan segala sesuatu yang berkaitan dengan
transportasi. Dinas Perhubungan Sumsel berada dibawah Gubernur Sumatera
Selatan.

1
Selama melakukan kerja praktek di Dinas Perhubungan Sumatera Selatan ternyata
bahwa Dishub Sumsel tidak memiliki website profile yang berisi tentang perusahaan
dan informasi terkait lembaga berbeda dengan Dinas Perhubungan Kota Palembang
yang memiliki website Profile. Dikarenakan Dinas Perhubungan Sumatera Selatan
lebih memilih social media sebagai sarana untuk lebih di kenal masyarakat, sehingga
permasalahan ini membuat saya menulis studi kasus dengan judul:
“PERANCANGAN WEBSITE PROFILE DINAS PERHUBUNGAN PROVINSI
SUMATERA SELATAN”

1.2 Rumusan Masalah

Pada penulisan laporan kerja praktek ini masalah yang akan penulis bahas:

“Bagaimana perancangan website profile Dinas Perhubungan Provinsi Sumatera

Selatan?”

1.3 Tujuan dan Manfaat

1.3.1 Tujuan

Berdasarkan masalah diatas maka tujuan dari kerja praktik ini adalah merancang dan
membangun website company profile Dinas Perhubungan Sumatera Selatan dapat
memperkenalkan identitas lembaga dan mempermudah masyarakat untuk
memperoleh informasi yang mereka inginkan mengenai lembaga selain dari social
media.

1.3.2 Manfaat

Manfaat dari adanya kerja praktek dibagi menjadi adalah:

2
1.) Bagi Mahasiswa:

a. Sebagai sarana untuk mahasiswa dalam menyalurkan ilmu yang di dapat dalam
penulisan laporan kerja praktek dan pembuatan website company profile Dinas
Perhubungan Provinsi Sumatera Selatan.

b. Memperkenalkan mahasiswa untuk lebih mengetahui dan mengenal dunia kerja

nyata nantinya.

2.) Bagi Instansi

a. Meningkatkan efisien bagi perusahaan, dengan bantuan dari mahasiswa magang

perusahaan yang membantu dalam mengerjakan tugas-tugas kecil .

b. Menerima website profile Dinas Perhubungan Sumatera Selatan

1.4 Batasan Masalah

Agar penyusunan laporan ini tidak menyimpang, maka penulis membuat
Batasan pada penulisan laporan ini, yang hanya akan membahas tentang usulan
website profile yaitu Perancangan Website Profile Dinas Perhubungan Provinsi
Sumatera Selatan.

1.5 Waktu dan tempat pelaksanaan.

1.5.1 Waktu Pelaksanaan

Kegiatan Kerja Praktek mahasiswa Fakultas Ilmu Komputer Universitas Indo Global
Mandiri ini berlangsung dari tanggal 1 Oktober 2022 sampai dengan tanggal 31
Oktober 2022, dari pukul 07.30 WIB s.d pukul 16.00 WIB

3
1.5.2 Tempat Pelaksanaan

Nama Instansi : Dinas Perhubungan Provinsi Sumatera Selatan

Alamat Instansi : Jl. Kapten A. Rivai No.51, Sungai Pangeran

Unit/Bagian : Bidang Lalu Lintas

Gambar 1.1 Peta Google Maps letak dari Dinas Perhubungan provisi Sumsel

4
 BAB II

GAMBARAN UMUM PERUSAHAAN

BAB II GAMBARAN UMUM PERUSAHAAN

2.1 Sejarah Singkat Dinas Perhubungan Provinsi Sumatera Selatan

Dinas Perhubungan provinsi Sumatera Selatan merupakan salah satu Bagian

di Sekretariat Daerah Kota Palembang yang mengelola dan mengatur segala sesuatu
tentang transportasi seperti Lalu lintas, angkutan, pelayaran dan berada dibawah
Gubernur Sumatera Selatan.

Gambar 2.1 Gedung Dishub provinsi Sumsel

Dibentuknya Dinas Perhubungan Provinsi Sumatera Selatan tidak serta merta

diikuti perubahan Instasi, melainkan tahapan-tahapan Instansi yakni berawal dari
terbentuknya Dinas LLAJ (Lalu Lintas dan Angkutan Jalan) Sumsel I berubah
menjadi LLAJR (Lalu Lintas dan Angkutan Jalan Raya) Wilayah I, berubah lagi
menjadi cabang Sinas LLAJR Tingkat II Sumatera Selatan. Setelah berlakunya
Undang-Undang Nomor 14 Tahun 1992 tentang Lalu Lintas dan Angkutan Jalan dan
Peraturan Pemerintahan Nomor 22 Tahun 1990 tentang Penyerahan sebagian urusan

5
pemerintahan di bidang lalu lintas dan angkutan jalan kepala daerah tingkat I dan
daerah tingkat II.

Untuk kelancaran teknis administrasi setelah dikeluarkannya peraturan daerah nomor

2 tahun 1995 tentang pembentukan, organisasi dan tata kerja Dinas LLAJ Kotamadya
Daerah Tingkat II Palembang, pada tanggal 26 Maret 1996 cabang Dinas LLAJ
Tingkat II Kodya Palembang oleh Walikota Palembang (Bapak Drs. H. Husni)
berubah menjadi Dinas LLAJ Kota madya Tingkat II Palembang yang keberadaannya
di bawah Pemerintah Daerah Kotamadya Tingkat II Palembang. Berdasarkan
Undang-Undang Nomor 22 Tahun 1999 tentang Otonomi Daerah, berubah menjadi
Dinas LLAJ Kota palembang dan pada bulan Mei tahun 2001 menjadi Dinas
Perhubungan Kota Palembang.

Dinas Perhubungan Provinsi Sumatera Selatan terletak di Jl. Kapten A. Rivai No.51,
Sungai Pangeran, Kec. Ilir Tim. I, Kota Palembang, Sumatera Selatan 30127.

2.2 Visi dan Misi Perusahaan

2.2.1 Visi

Berdasarkan kondisi, potensial dan hasil kesepakatan stakeholders serta tujuan

utama dibentuknya Dinas Perhubungan Provinsi Sumatera Selatan, maka visi yang
ditetapkan adalah: “Terwujudnya Pelayanan Perhubungan yang berkualitas, adil, dan
berwawasan lingkungan dalam rangka menuju Palembang Emas 2018 ”.

Pelayanan perhubungan yang berkualitas, diidentifikasikan sebagai

penyelenggaraan pelayanan perhubungan yang aman, selamat, nyaman, tepat waktu,
terpelihara, mencukupi kebutuhan,menjangkau seluruh lapisan masyarakat Provinsi
Sumatera Selatan. Pelayanan perhubungan yang adil, di identifikasikan sebagai
penyelenggaraan pelayanan perhubungan yang merata dan dapat dijangkau/dirasakan

6
seluruh lapisan masyarakat Kota Palembang. Pelayanan perhubungan yang
berwawasan lingkungan, di identifikasikan sebagai penyelenggaraan pelayanan
perhubungan ramah lingkungan yaitu penyelenggaraan pelayanan baik dalam
penambahan sarana dan prasarana perhubungan,perbaikan pelayanan dengan
pengembangan dan penerapan teknologi transportasi.

2.2.2 Misi

Dalam rangka mengantisipasi kondisi dan permasalahan yang dihadapi serta

memperhatikan tantangan kedepan dengan memperhitungkan peluang yang dimiliki,
maka untuk mencapai Visi Dinas Perhubungan Provinsi Sumatera Selatan,
dirumuskan 2 (dua) Misi sebagai berikut:

a. Menciptakan ketertiban lalu lintas melalui pengaturan, pengawasan, pengendalian

dan pemberian perizinan dibidang perhubungan dalam upaya menciptakan ketertiban
lalu lintas, pemerintah berupaya untuk melakukan pengaturan arus lalu lintas agar
tetap stabil, pengawasan terhadap pemakai/penggana jalan dalam upaya untuk
mengurangi tingkat pelanggaran lalu lintas, pengendalian arus lalu lintas sesuai
dengan arah, koridor dan trayek yang ditetapkan dan pemberian perizinan di bidang
perhubungan sesuai dengan persyaratan teknis yang telah ditentukan.

b. Meningkatnya kualitas sumber daya aparatur dan kualitas sarana prasarana aparatur
Peningkatan kualitas sumber daya aparatur diarahkan kepada peningkatan
kemampuan dan profesionalisme pegawai sehingga dapat memberikan kinerja
pelayanan yang optimal bagi masyarakat.

7
2.3 Struktur Organisasi

Gambar II.2 Struktur Organisasi Dishub Provinsi Sumsel

Struktur dari Dinas Perhubungan Sumatera Selatan terdiri dari :

 1 Kepala Dinas
 1 Sekretaris
 4 Bagian
 3 Sub Bagian
 16 Sub bidang beserta Kelompok Jabatan Fungsional

2.3.1 Unit – Unit Kerja

Sebagaimana peraturan Gubernur nomor 72 tahun 2016 tentang Kedudukan, Susunan

Organisasi, Tugas dan Fungsi Serta Tata kerja Dinas Perhubungan Provinsi Sumatera
Selatan adalah sebagai berikut:

1. Kepala Dinas

8
2. Sekretaris membawahi:

a. Subbagian Perencanaan, Evaluasi dan Pelaporan

b. Subbagian Keuangan

c. Subbagian Umum dan Kepegawaian

3. Bidang Lalu Lintas Jalan membawahi:

a. Seksi Manajemen dan rekayasa Lalu Lintas

b. Seksi Pengendalian Operasional Lalu Lintas

c. Seksi Keamanan Lalu Lintas

2.3.2 Tugas dan Wewenang

1. Bidang Lalu Lintas Jalan mempunyai tugas:

a. Memberikan pedoman pengumpulan,pengelolaan dan analisa kecelakaan lalin di

kabupaten atau kota.

b. Memberikan bimbingan pedoman penyelenggaraan pendidikan dan latihan

keselamatan.

c. Memberikan pedoman kecepatan kendaraan bermotor dalam berlalu lintas di ruas

jalan provinsi/kabupaten/kota.

d.Mengaudit dan inspeksi keselamatan lalu lintas angkutan jalan di ruas jalan
provinsi.

e. Mengumpulkan, pengolahan data dan analisis kecelakaan Ialu lintas di wilayah

provinsi.

f. Menyelenggarakan pencegahan penanggulangan kecelakaan lalu lintas provinsi dan

jalan nasional.

9
g. Memberikan bimbingan pelaksanaan pelajar pelopor di tingkat provinsi dan
nasional.

h. Meneliti dan menganalisa daerah rawan kecelakaan, rawan kemacetan, rawan

longsor dan rawan banjir di jalan propinsi dan nasional.

i. Melakukan bimbingan teknis, evaluasi dan pelaporan di bidang penyelenggaraan

lalu lintas yang berwawasan lingkungan.

j. Memberikan bimbingan penanganan dampak lingkungan terhadap penyelenggaraan

lalu lintas angkutan jalan;

k. Melaksanakan dan memberikan persetujuanan alisis dampak lalu lintas di jalan

provinsi dan pelaksanaan rekomendasi hasil analisis dampak lalu lintas di jalan
nasional.

2. Bidang Angkutan Jalan mempunyai tugas:

a. Pengumpulan dan pengolahan data, penyusunan rencana program sektor

perhubungan di bidang sarana dan prasarana angkutan orang, angkutan barang dan
pemadu moda, pengelolaan data dan informasi transportasi, pengelolaan sistem
informasi manajemendan komunikasi transportasi serta pengembangan transportasi.

b. Penyiapan perumusan kebijakan sektor perhubungan di bidang sarana dan

prasarana angkutan orang, angkutan barang dan pemadu moda, pengelolaan data dan
informasi transportasi, pengelolaan sistem informasi manajemen dan komunikasi
transportasi serta pengembangan transportasi.

2.4 Unit Kerja Praktek

2.4.1 Prosedur pada Unit Kerja Praktek

10
 Pada penempatan posisi magang, penulis ditempatkan pada struktur organisasi
Dinas Perhubungan Provinsi Sumatera Selatan pada Bidang Lalu Lintas. Dan penulis
sendiri masuk kedalam Seksi Manajemen dan rekayasa Lalu Lintas, dimana bidang
ini masih berhubungan dengan jurusan Sistem Komputer. Tugas yang diberikan
seperti mengantar surat dan dokumen, membantu mengetik dokumen, membantu
mengatasi kendala elektronik dan komputer jaringan pada pegawai di kantor Dishub
Provinsi Sumsel.

2.4.2 Kegiatan Kerja Praktek yang telah dilakukan

Pelaksanaan kegiatan Badan Kepegawaian dan Pengembangan SDM Kota

Palembang dilaksanakan selama kurang lebih 30 hari dimulai dari tanggal 1 Oktober
2022 hingga 31 Oktober 2022 dan dilakukan setiap hari kerja yaitu dari Senin hingga
Jum’at pukul 07.30 WIB hingga 16.00 WIB. Selama pelaksanaan Kerja Praktek,
penulis mengikuti semua peraturan yang ditetapkan oleh pihak instansi. Mulai dari
aturan berpakaian, ketepatan waktu, dan berkelakuan baik. Adapun kegiatan yang
penulis lakukan di Dinas Perhubungan Provinsi Sumatera Selatan, sebagai berikut :

11
 Tabel 2.1 Tabel Grant-chart Kegiatan pada saat kerja Praktek

Gambar 2.3 Foto Dokumentasi mengantar surat ke Kantor Gubernur

12
 BAB III

TINJAUAN PUSTAKA

BAB III TINJAUAN PUSTAKA

3.1 Teori Umum

3.1.1 Definisi Website

Menurut Sidik dalam Arizona (2017:107) mengatakan bahwa, ”Situs Web

(Website) awalnya merupakan suatu layanan sajian informasi yang menggunakan
konsep hyperlink yang memudahkan surfer ( sebutan bagi pemakai komputer yang
melakukan penyelusuran informasi di Internet) untuk mendapatkan informasi dengan
cukup mengklik suatu link berupa teks atau gambar maka informasi dari teks atau
gambar akan ditampilkan secara lebih terperinci (detail)”.

Menurut saya website, adalah salah satu media dunia maya yang dapat
mempermudah pengguna dalam melakukan sesuatu tergantung apa isi website
tersebut, seperti informasi atau tools yang berguna dan memudahkan mereka dalam
melakukan pekerjaan.

3.1.2 Definisi Website Profile

Menurut Binanto dalam (Dewo dan Dewi, 2019), Website Profile adalah
identitas dari suatu perusahaan, baik dalam bidang jasa maupun produk yang
bertujuan untuk menginformasikan, mempengaruhi dan membujuk, serta
mengingatkan kepada pelanggan tentang perusahaan.

3.1.3 Definisi HTML (Hypertext Markup Languange)

Menurut (Endra & Aprilita, 2018), HTML atau Hypertext Markup Languange
merupakan salah satu bahasa yang biasa digunakan oleh pengguna dalam membuat
tampilan yang digunakan oleh web application.

13
3.1.4 Definisi Internet

Menurut Simarmata dalam Arizona (2017:107) menjelaskan bahwa “Internet

adalah kelompok atau kumpulan dari jutaan komputer untuk mendapatkan informasi
dari komputer yang ada didalam kelompok tersebut dengan asumsi bahwa pemilik
komputer memberikan izin akses”.

3.1.5 Definisi Analisis

Menurut Muhamad Maslihudin dan Oktafianto (2016:27) dari buku mereka

yang berjudul “Analisis dan Perancangan Sistem Informasi Menggunakan Model
Terstruktur dan UML” Analisis adalah teknik pemecahan masalah yang menguraikan
bagian-bagian komponen dengan mempelajari seberapa bagus bagian dari komponen
itu bekerja.

3.1.6 Definisi Sistem

Menurut John Mc Manama dalam Adi Sulistyo Nugroho (2017:37) Sistem

adalah sebuah struktur konseptual yang tersusun dari fungsi-fungsi yang saling
berhubungan dan bekerja sebagai suatu kesatuan organik untuk mencapai suatu hasil
yang diinginkan secara efektif dan efisien.

3.1.7 Definisi Metode Model Waterfall

Menurut Rosa A.S & Shalahuddin dalam jurnal (Anne, 2018:10) Model
waterfall adalah metode air terjun yang menyediakan pendeketan alur hidup
perangkat lunak secara sekuensial atau terurut dimulai dari analisa, desain,
pengkodean, pengujian , dan pendukung.

3.1.8 Definisi Framework

14
 Menurut Suharsana dkk (2016:21) Pembuatan website dengan framework
yang berarti kerangka kerja yang memudahkan programmer untuk membuat sebuah
aplikasi sehingga programmer akan lebih mudah melakukan perubahan (customize)
terhadap aplikasinya (website) dan dapat memakainya kembali untuk aplikasi lain
yang sejenis, dengan menggunakan framework, delevoper tidak perlu membuat
program dari awal, tetapi sudah diberikan library fungsi-fungsi yang sudah
diorganisasikan untuk dapat membuat suatu program dengan cepat.

3.1.9 Definisi Unified Modelling Language (UML)

Menurut Munawar (2018:49) menjelaskan bahwa UML adalah Bahasa

pemodelan untuk sistem atau perangkat lunak yang berparadigma dan berorientasi
objek. UML berfungsi untuk melakukan pemodelan yang penggunaannya tidak
terbatas pada metodologi tertentu.

UML memiliki beberapa jenis diagram resmi seperti :

a. Usecase Diagram

Menurut Sukamto dan Shalahuddin (2014:155) berpendapat use case diagram

merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang akan dibuat,
use case diagram digunakan untuk mengetahui fungsi apa saja yang ada di dalam
sistem dan yang berhak menggunakan fungsi-fungsi tersebut.

N SIMBOL NAMA KETERANGAN

O
1 Actor Menspesifikasikan peran
yang digunakan user
ketika berinteraksi
dengan user

15
2 Dependency Hubungan dimana
perubahan yang
terjadi pada suatu elemen
mandiri (independent)
akan mempengaruhi
elemen yang bergantung
padanya
elemen yang tidak mandiri
(independent).
3 Generalization Hubungan dimana objek
anak berbagi perilaku dan
struktur data dari objek
yang ada di atasnya objek
induk
4 Include Menspesifikasikan bahwa
use case sumber secara
eksplisit
5 Extend Spesifikasi bahwa use
case target memperluas
perilaku dari use case
sumber
6 Assocation Apa yang
menghubungkan antara
objek lainnya
7 System Menspesifikasikan paket
menampilkan yang secara
terbatas

16
 8 Collaboration
9 Use Case
Tabel 3.1 Tabel Usecase Diagram
Ineraksi aturan aturan dan
elemen lain yang bekerja
sama untuk menyediakan
perilaku yang lebih besar
dari jumlah dan elemen
Deskripsi dari urutan aksi
aksi yang ditampilkan
sistem yang menghasilkan
suatu hasil yang terukur
bagi aktor

b. Activity Diagram

Weisky Steven Dharmawan, dkk (2018:162) Activity Diagram merupakan tipe

khusus dari diagram untuk menampilkan aliran aktivitas antar sistem. Diagram ini
penting terutama dalam pemodelan fungsi suatu sistem.

N SIMBOL NAMA KETERANGAN

O
1 Status Awal Bagaimana objek
diawali

2 Aktivitas Aktivitas yang

dikerjakan sistem
biasanya di awali
kata kerja
3 Percabangan Asosiasi

17
 percabangan jika
ada pilihan
aktivitas lebih
dari satu
4 Penggabunga Asosiasi
n pernggabungan
dimana aktivitas
yang lebih dari
satu digabungkan
5 Status Akhir Ketika objek
sudah selesai
dibentuk atau
diakhiri
6 Swimlane Pemisah struktur
atau aktivitas dan
bertanggung
jawab terhadap
aktivitas yang
terjadi
7 Swimlane Sama seperti
diatas.

Tabel 3.2 Keterangan Activity Diagram

18
C. Sequence Diagram

NO SIMBOL NAMA KETERANGAN

1 Actor Mereprenstasikan entitas
yang berada di luar
sistem dan interaksi
dengan sistem
2 Lifeline Menghubungkan objek
selama sequence
memproses pengiriman
atau penerimaan.
3 General Mepresentasikan entittas
tunggal
dalam sequence diagram.
4 Boundary Berupa tepi dari sistem,
seperti
user interface atau suatu
alat yang
berinteraksi dengan
sistem yang
lain.
5 Control Element yang mengatur
aliran dari
informasi untuk sebuah
scenario.
Objek ini umumnya
mengatur
perilaku

19
6 Entitas Elemen yang
bertanggung jawab
menyimpan data atau
informasi.
Ini dapat berupa beans
atau model
objek
7 Activation Suatu titik dimana
sebuah objek
mulai berpartisipasi
didalam
sebuah sequence yang
menunjukkan kapan
sebuah objek
mengirim atau
menerima.
8 Message Pesan yang
mendefinisikan
komunikasi tertentu
anatara
lifeline dari sebuah
interaksi.
9 Message Berfungsi untuk
Entry menggambarkan
pesan atau hubungan
antar objek
yang menunjukkan
urutan

20
 kejadian.
10 Message to Simbol ini
self menggambarkan pesan
atau hubungan objek itu
sendiri,
yang menunjukkan
urutan
kejadian.
11 Message Menggambarkan hasil
Return dari
pengiriman message dan
digambarkan dengan
arah dari
kanan ke kiri.
Tabel 3.3 Keterangan Sequence Diagram

21
 BAB IV

METODOLOGI PENELITIAN

BAB IV METODOLOGI PENELITIAN

4.1 Jenis Penelitian

Jenis penelitian yang akan digunakan adalah Research and development (R&D) atau
langkah langkah untuk mengembangkan produk baru atau menyempurnakan produk
yang sudah ada. Bukan hanya hardware seperti buku, mobil tetapi juga software
(website, aplikasi dan lain sebagainya).

4.1.1 Research and development (R&D)

Gambar 4.1 Skema R&D

1. Pengumpulan data

Pengumpulan data akan dilakukan dengan cara wawancara dan observasi melalui
tanya jawab dari pihak Dishub Sumatera Selatan .

2. Analisis Website

Pada tahap ini penulis akan mengikuti desain kebutuhan dari pihak Dishub Sumsel.

3. Perancangan Website

Pada proses ini penulis akan merancang website sesuai kebutuhan Dishub Sumsel.

22
4. Pengujian Website

Pada tahap ini website akan diuji apakah layak untuk digunakan dan memeriksa
kesalahan dalam kode website.

5. Pembuatan Website

Dalam tahap ini penulis akan langsung membuat website dengan bantuan framework
Codeigntier.

6. Implementasi Website

Pada tahap ini penulis akan memberi uji coba website kepada pihak Dishub Sumsel
apakah sudah sesuai dengan kebutuhan.

7. Laporan

Pada tahap ini kami akan memberikan laporan tentang bagaimana pendapat Dishub
Sumsel tentang website ini.

Dalam penelitian penulis akan menggunakan metode Waterfall yang melalui tahap
tahap seperti analisis, pengumpulan data, perancangan website, pengujian lalu diikuti
dengan implementasi dalam pembuatan website profile.

23
 4.1.2 Model Waterfall

Gambar 4.2 Skema Metode Waterfall

Metode Waterfall lima tahapan:

a. Analisis Kebutuhan

Mewawancara dan observasi kebutuhan Dinas Perhubungan Sumatera Selatan untuk

website.

b. Desain Sistem

Diskusi antara Dishub Sumsel dengan penulis untuk menentukan desain yang cocok
bagi perusahaan.

c. Penulisan Kode Program

Setelah diskusi dan website dirasa sudah cocok maka akan dilakukan koding langsung
untuk membuat website.

24
d. Pengujian Website

Setelah website selesai dibuat dan di koding selanjutnya adalah melakukan pengujian
terhadap website.

e. Implementasi Website

Setelah dilakukan pengujian dan dirasa website tidak mengalami bug atau error maka
website akan di implementasikan.

4.2 Batasan Penelitian

Untuk menghindari sesuatu yang tidak di ingikan atau menyimpang dari tujuan awal
maka akan ada batasan penelitian, yaitu:

1. Website hanya akan menampilkan informasi Dinas Perhubungan Sumatera Selatan

beserta berita, visi dan misi, galeri, dan kontak.

2. Pemograman yang akan digunakan adalah HTML, CSS, dan Bootstrap.

3. Desain Sistem akan menggunakan Unified Modeling Language (UML).

4. Dikarenakan Dishub Prov Sumsel lebih memilih pendekatan ke masyarakat dengan

melalui social media bukan melalui website, maka website yang dipilih adalah jenis
website statis bukan website dinamis.

25
Berikut perbedaan website statis dan dinamis:

STATIS DINAMIS
Informasi atau konten jarang di- Konten bisa di update kapan
update. saja, karena hanya perlu
merubah lewat CMS.
Waktu pembuatan web relatif Waktu pembuatan memakan
singkat, tergantung banyaknya waktu yang cukup lama.
halaman yang dibuat.
Pengguna hanya dapat melihat, Pengguna dapat menpebaruhui
tanpa bisa melakukan interaksi informasi atau konten langsung
apapun. Seperti mengisi data atau dari website.
yang lain.
Tidak menggunakan database, Menggunakan database, untuk
semua informasi tersimpan dalam menyimpan data-data. Sehingga
satu file halaman tersebut. ketika web diakses, tinggal
mengambil dari database
tersebut.
Tabel 4.1 Perbedaan website statis dan dinamis.

4.3 Pengumpulan Data

Untuk mengumpulkan penulis melakukan dua cara yaitu :

1. Wawancara : Penulis melakukan wawancara dengan selaku pembimbing

perusahaan bapak Yusrizal S, SiT, MT dalam bentuk tanya jawab untuk pembuatan
website.

2. Observasi : Melakukan pengamatan secara langsung pada Dinas Perhubungan

Sumatera Selatan untuk memperkuat dan mengkonfirmasikan data wawancara.

26
4.4 Desain Sistem

4.4.1 Use Case Diagram

Gambar 4.3 Use case diagram website

Diagram diatas menjelaskan bahwa pengunjung dapat mengunjungi informasi Dinas

Perhubungan Sumatera Selatan seperti berita, galeri dan lain lain.

4.4.2 Activity Diagram

27
 Gambar 4.4 Activity Diagram

Diagram diatas menunjukkan bahwa pengunjung masuk ke salah satu menu yang ada
maka akan menampilkan menu tersebut.

4.4.3 Sequence Diagram

28
 Gambar 4.5 Sequence Diagram

Menunjukkan bagaimana ketika pengunjung memasuki website dari diagram

Sequence .

4.5 Tampilan Website

4.5.1 Tampilan awal website

29
 Gambar 4.6 Tampilan awal website

Tampilan awal website profile Dinas Perhubungan Sumatera Selatan.

4.5.2 Tampilan isi website.

Gambar 4.7 Tampilan isi website.

30
 Tampilan bagian isi website yang terdapat informasi sosial media, aplikasi dan
cctv online.

4.5.3 Tampilan Kontak Website

Gambar 4.8 Tampilan kontak website

Tampilan kontak pada website Dishub Sumsel untuk memberikan pesan.

4.6 Pengujian Blackbox Test

No Skenario Test Case Hasil yang Hasil Kesimpulan

Test diharapkan Pengujian
1 User Index.html Pengunjung Sesuai Valid
mampu masuk kedalam Harapan
masuk website
kedalam
website

31
2 User tentang.htm User mampu Sesuai Valid
mampu l melihat menu Harapan
melihat tentang kami
menu
Tentang
kami
3 User kontak.html User mampu Sesuai Valid
mampu melihat menu Harapan
melihat kontak
menu
Kontak
4 User Index.html User mampu Sesuai Valid
mampu melihat menu Harapan
melihat video, sosial
Video, media dan
sosial galeri
media, serta
galeri
5 User Index.html User mampu Sesuai Valid
mampu melihat cctv Harapan
melihat cctv online
Online
Tabel 4.2 Pengujian Blackbox Test pada website

32
 BAB V

KESIMPULAN DAN SARAN

BAB V KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan hasil penelitian dan pembahasan yang telah dilakukan di bab-bab

sebelumnya, maka dapat ditarik kesimpulan bahwa:

1. Dengan dibuatnya website profile Dinas Perhubungan Sumatera Selatan dapat

membantu Dishub Sumsel menjadi lebih dekat kepada masyarakat dan membantu
menyebarkan informasi lebih luas.

2.Perancangan website Dishub Sumsel sebagai sistem informasi melalui tahap

perancangan desain produk/sistem, seperti: kebutuhan fungsional, kebutuhan non-
fungsional, perancangan model/sistem. Untuk perancangan model/sistem dibuat
menggunakan UML dan di desain menggunakan aplikasi starDraw yang dimulai
dengan pembuatan diagram Use case, Diagram activity, dan diagram sequence.

5.2 Saran

Adapun saran dalam penelitian ini adalah:

1. Ubah website dari statis menjadi dinamis dengan menambahkan database serta
CMS Admin sehingga memudahkan pengguna dalam memberikan update postingan
di website.

2.Website sebaiknya menggunakan framework seperti CodeIgnitier dikarenakan html

native masih banyak kekurangan dan kelemahan di bagian keamanan.

33
 DAFTAR PUSTAKA

Islamuddin, (2020), Rancang Bangun Website Pada Pemerintahan Kecamatan Bajo,

Skripsi S1.,Universitas Cokroaminoto Palopo.

Chindy Januartika (2022), Analisis Dan Perancangan Sistem Informasi Absensi

Berbasis Web Menggunakan QR Code Studi Kasus, Tugas Akhir., Sekolah Tinggi
Ilmu Komputer Palangkaraya.

Muhammad Bagir,(2017), Rancang Bangun Website Vintage Store Di Surabaya,

Skripsi S1,. Sistem Informasi Institut dan informatika Surabaya.

Felix Agusta Putra, (2021), PERANCANGAN DAN IMPLEMENTASI WEBSITE

COMPANY PROFILE SEBAGAI MEDIA PROMOSI DI RHAPSODY
STUDIO,Skripsi S1,. Sistem Informasi,Universitas Internasional Batam.

Muhaimin, (2016), ANALISIS DAN PERANCANGAN COMPANY PROFILE

BERBASIS WEB SEBAGAI SARANA PROMOSI PADA ERLANGGA MADIUN,
Skripsi S1, Teknik Informatika, Universitas Muhammadiyah Ponorogo.

34
DAFTAR LAMPIRAN

35
36