ANALISIS DAN PERANCANGAN

SISTEM INFORMASI COMPANY PROFILE BERBASIS WEB

PADA VIANO PRODUCTION INDONESIA

TUGAS AKHIR

Oleh :

AYUNI FAUZIAH
2017010017

JURUSAN MANAJEMEN INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER (STMIK) HANDAYANI MAKASSAR
2020
 ANALISIS DAN PERANCANGAN SISTEM INFORMASI
COMPANY PROFILE BERBASIS WEB PADA
VIANO PRODUCTION INDONESIA

TUGAS AKHIR

Diajukan sebagai salah satu syarat untuk mencapai gelar Ahli Madya Komputer

Jurusan Manajemen Informatika

Disusun dan diajukan Oleh :

AYUNI FAUZIAH
2017010017

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

(STMIK) HANDAYANI
MAKASSAR
2020
 HALAMAN PERSETUJUAN SEMINAR

Judul : Analisis dan Perancangan Sistem Informasi Company Profile

Berbasis Web Pada Viano Production Indonesia

AYUNI FAUZIAH
2017010017
MANAJEMEN INFORMATIKA

Telah diperiksa dan disetujui untuk diajukan sebagai salah satu syarat untuk

menempuh Ujian Tugas Akhir guna memperoleh gelar Ahli Madya Komputer

Makassar, 08 Maret 2021

Pembimbing 1 Pembimbing 2

Dr. Eng. Yuyun, S.Kom. MT. Sitti Zuhriyah, S.Pd., M.Si

 HALAMAN PERSETUJUAN UJIAN TUGAS AKHIR

Judul : Analisis dan Perancangan Sistem Informasi Company Profile

Berbasis Web Pada Viano Production Indonesia

AYUNI FAUZIAH
2017010017
MANAJEMEN INFORMATIKA

Telah diperiksa dan disetujui untuk diajukan sebagai salah satu syarat untuk

menempuh Ujian Tugas Akhir guna memperoleh gelar Ahli Madya Komputer

Makassar, 27 Mei 2021

Pembimbing 1 Pembimbing 2

Dr. Eng. Yuyun, S.Kom. MT. Sitti Zuhriyah, S.Pd., M.Si

Mengetahui
Ketua Jurusan Manajemen Informatika

Muhammad Akbar, S.Kom., M.Kom.

 HALAMAN PENGESAHAN
Analisis dan Perancangan Sistem Informasi Company Profile Berbasis Web
Pada Viano Production Indonesia

Oleh :

AYUNI FAUZIAH
2017010017

Telah dipertahankan di hadapan sidang penguji Tugas Akhir STMIK Handayani

pada Hari Sabtu Tanggal 05 Juni 2021
dan dinyatakan telah memenuhi syarat memperoleh gelar Ahli Madya Komputer

Tim Penguji : Tanda Tangan

1. ………………. 1. ………………………
Ketua sidang
2. ………………. 2. …………………………
Sekretaris Sidang
3. …………........ 3. ………………………
Anggota
4. ...................... 4. …………………………
Anggota
5. ...................... 5. …………………………
Anggota
Mengesahkan :
Wakil Ketua I, Ketua Jurusan Manajemen Informatika

Dr. Darlan Sidik, M.Pd. Muhammad Akbar, S.Kom., M.Kom.

Mengetahui :
Ketua STMIK Handayani Makassar

Dr. Nasrullah, M.Si

 Analisis dan Perancangan Sistem Informasi Company Profile Berbasis Web
Pada Viano Production Indonesia
Ayuni Fauziah, 2020
dibimbing oleh : Yuyun & Sitti Zuhriyah

ABSTRAK

Penyajian informasi mengenai perusahaan pada Viano Production Indonesia

masih menggunakan company profile dalam bentuk cetak, penyebaran informasi
mengenai perusahaan juga kurang meluas karena promosi dilakukan hanya pada saat
melakukan prospek klien. Penelitian ini bertujuan untuk : (1) menganalisis sistem
informasi Company Profile yang sedang berjalan pada Viano Production Indonesia,
(2) merancang sistem informasi Company Profile pada Viano Production Indonesia.
Metodologi penelitian yang digunakan adalah observasi, studi literature dan
wawancara, sedangkan metode analisis yang digunakan yakni metode PIECES
(Performance, Information, Economy, Control, Efficiency, Service). Berdasarkan
masalah yang ditemukan dari penelitian maka dibuatlah analisis dan perancangan
sistem informasi company Profile berbasis web agar dapat membantu dalam hal
penyampaian informasi mengenai perusahaan, sebagai media promosi, media
presentasi juga agar dapat menggantikan company profile dalam bentuk cetak.

Kata Kunci : Sistem informasi, promosi, company profile.

v
 KATA PENGANTAR

Puji syukur atas kehadirat Tuhan Yang Maha Esa karena atas rahmat dan

hidayah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul

“Analisis dan Perancangan Sistem Informasi Company Profile Berbasis Web Pada

Viano Production Indonesia”.

Tugas Akhir ini disusun guna menyelesaikan pendidikan pada Diploma III

STMIK Handayani Makassar juga untuk menambah wawasan mengenai analisis dan

perancangan sistem informasi.

Untuk selanjutnya penulis ingin mengucapkan terimakasih kepada pihak-pihak

yang telah banyak membantu dan membimbing penyusun dalam penyelesaian Tugas

Akhir ini, yaitu :

1. Bapak Dr. Nasrullah M.Si. selaku Ketua STMIK Handayani Makassar

2. Bapak Muhammad Akbar S.Kom., M.Kom. selaku Ketua Jurusan Manajemen

Informatika STMIK Handayani

3. Bapak Dr. Eng. Yuyun, S.Kom. M.T selaku Dosen Pembimbing 1

4. Ibu Sitti Zuhriyah, S.Pd., M.Si. selaku Dosen Pembimbing 2

5. Bapak Arief Rachman yang telah membantu selama melakukan penelitian

pada Viano Production Indonesia

6. Orangtua dan keluarga yang selalu mendukung selama pengerjaan Tugas

Akhir

7. Teman-teman kelas Manajemen Informatika dan Komputerisasi Akuntansi

vi
 Penulis sadar bahwa dalam penulisan Tugas Akhir ini masih terdapat banyak

kekurangan dan jauh dari sempurna. Penulis mengharapkan kritik dan saran yang

membangun agar dapat bermanfaat bagi pembaca.

Makassar, 08 Maret 2021

Penulis

vii
 DAFTAR ISI

HALAMAN JUDUL............................................................................................ i

HALAMAN PENGESAHAN............................................................................. ii

HALAMAN PERSETUJUAN............................................................................ iii

ABSTRAK............................................................................................................ v

KATA PENGANTAR......................................................................................... vi

DAFTAR ISI........................................................................................................ viii

DAFTAR TABEL................................................................................................ xi

DAFTAR GAMBAR........................................................................................... xii

BAB I PENDAHULUAN.................................................................................... 1

A. Latar Belakang.................................................................................... 1

B. Batasan Masalah................................................................................. 2

C. Rumusan Masalah............................................................................... 3

D. Tujuan Penelitian................................................................................ 3

E. Manfaat penetian................................................................................ 3

BAB II TINJAUAN PUSTAKA......................................................................... 5

A. Tinjauan Umum............................................................................. 5

B. Landasan Teori................................................................................... 6

viii
BAB III METODE PENELITIAN..................................................................... 23

A. Penggambaran Sistem......................................................................... 23

1. Sistem yang Berjalan..................................................................... 23

2. Sistem yang Diusulkan.................................................................. 24

B. Analisis Kebutuhan Sistem.................................................................. 25

1. Kebutuhan Fungsional................................................................... 25

2. Kebutuhan Non Fungsional........................................................... 26

C. Teknik Pengumpulan Data.................................................................. 27

D. Lokasi dan Waktu Penelitian............................................................... 28

BAB IV PERANCANGAN DAN IMPLEMEN SISTEM ............................... 29

A. Hasil Analisis............................................................................................. 29

B. Pemodelan Sistem..................................................................................... 33

1. Use Case Diagram........................................................................ 33

2. Class Diagram............................................................................... 34

3. Activity Diagram........................................................................... 35

4. Sequence Diagram......................................................................... 41

C. Perancangan Database.............................................................................. 45

D. Perancangan Antar Muka.......................................................................... 51

1. Perancangan Input......................................................................... 51

2. Perancangan Output....................................................................... 55

E. Hasil Penelitian.......................................................................................... 56

ix
BAB V PENUTUP............................................................................................... 65

A. Kesimpulan................................................................................... 65

B. Saran............................................................................................. 66

DAFTAR PUSTAKA ......................................................................................... xv

x
 DAFTAR TABEL

Tabel 2.1. Simbol-simbol use case diagram......................................................... 15

Tabel 2.2. Simbol-simbol activity diagram........................................................... 16

Tabel 3.1. Kebutuhan Fungsional.......................................................................... 25

Tabel 4.1. Tabel tbl_user....................................................................................... 46

Tabel 4.2. Tabel tbl_ aboutus................................................................................ 46

Tabel 4.3. Tabel tbl_contactus............................................................................... 47

Tabel 4.4. Tabel tbl_gallery................................................................................... 48

Tabel 4.5. Tabel tbl_services................................................................................. 48

Tabel 4.6. Tabel tbl_profile................................................................................... 49

Tabel 4.7. Tabel tbl_inbox..................................................................................... 50

Tabel 4.8. Tabel statistik....................................................................................... 51

xi
 DAFTAR GAMBAR

Gambar 2.1. Logo Perusahaan............................................................................... 5

Gambar 3.1. Use Case Diagram Sistem yang Sedang Berjalan............................ 23

Gambar 3.2. Use Case Diagram Sistem yang Diusulkan..................................... 24

Gambar 4.1. Use Case Diagram Sistem yang Diusulkan..................................... 33

Gambar 4.2. Class Diagram.................................................................................. 34

Gambar 4.3. Activity Diagram Login Admin........................................................ 35

Gambar 4.4. Activity Diagram Logout Admin...................................................... 36

Gambar 4.5. Activity Diagram Manajemen Tentang Kami,.................................. 37

Gambar 4.6. Activity Diagram Manajemen Kontak Kami.................................... 38

Gambar 4.7. Activity Diagram Lihat Statistik....................................................... 39

Gambar 4.8. Activity Diagram Pengunjung.......................................................... 40

Gambar 4.9. Sequance Diagram Login Admin..................................................... 41

Gambar 4.10. Sequance Diagram Logout Admin................................................. 42

Gambar 4.11. Sequance Diagram Manajemen Data............................................. 43

Gambar 4.12. Sequance Diagram Pengunjung..................................................... 44

Gambar 4.13. Sequance Diagram Pengunjung Mengirim Pesan.......................... 45

Gambar 4.14. Form Login.................................................................................... 51

Gambar 4.15. .Input Data Tentang Kami.............................................................. 52

Gambar 4.16. Input Data Galeri............................................................................ 52

Gambar 4.17. Input Data Pelayanan...................................................................... 53

xii
Gambar 4.18. Input Data Kontak Kami................................................................. 54

Gambar 4.19. Input Pesan..................................................................................... 55

Gambar 4.20. Statistik........................................................................................... 56

Gambar 4.21. Tampilan Login............................................................................... 57

Gambar 4.22. Tampilan Beranda........................................................................... 57

Gambar 4.23. Tampilan Tabel Pelayanan............................................................. 58

Gambar 4.24. Tampilan Tabel Galeri.................................................................... 58

Gambar 4.25. Tampilan Tabel Tentang Kami....................................................... 59

Gambar 4.26. Tampilan Tabel Pesan.................................................................... 59

Gambar 4.27. Tampilan Tabel Kontak Kami........................................................ 60

Gambar 4.28. Tampilan Statistik Pengunjung....................................................... 60

Gambar 4.29. Tampilan Beranda........................................................................... 61

Gambar 4.30. Tampilan Menu Tentang Kami....................................................... 61

Gambar 4.31. Tampilan Menu Pelayanan............................................................. 62

Gambar 4.32. Tampilan Menu Galeri.................................................................... 62

Gambar 4.33. Tampilan Tabel Kontak Kami........................................................ 63

Gambar 4.34. Tampilan Kolom Pesan.................................................................. 63

Gambar 4.35. Tampilan Floating Widget Instagram dan WhatsApp.................... 64

xiii
 BAB I

PENDAHULUAN

A. Latar Belakang

Saat ini dunia bisnis berkembang semakin pesat, banyak usaha baru yang

bermunculan baik usaha dagang maupun usaha pelayanan jasa. Gaya hidup

masyarakat modern ini menginginkan segala kegiatan dilakukan serba praktis

dan cepat yang didukung juga dengan mudahnya informasi diakses melalui

internet dimanapun dan kapanpun. Hal ini mendorong pelaku usaha untuk

mengoptimalkan sistem pelayanan yang disediakan.

Viano Production Indonesia merupakan salah satu usaha yang bergerak di

bidang pelayanan jasa berupa event organizer. Dalam hal penyajian informasi

mengenai perusahaan masih menggunakan company profile yang dicetak

dalam bentuk brosur, pengenalan perusahaan kepada masyarakat dilakukan

hanya pada saat presentasi kepada client prospek. Hal tersebut dirasa kurang

efisien karena informasi tidak dapat diakses secara langsung oleh masyarakat

luas, pihak penyedia jasa juga harus menjelaskan ulang detail layanan yang

disediakan.

Selain itu, informasi mengenai Viano Production Indonesia masih

terbatas karena media yang digunakan yaitu, facebook dan instagram hanya

memuat sedikit informasi mengenai perusahaan.

1
 2

Sistem informasi merupakan salah satu bentuk produk dari kemajuan

teknologi yang sekarang ini telah banyak digunakan oleh pelaku bisnis.

Sistem informasi dikembangkan untuk memberikan kemudahan dalam

mengelola dan mengakses informasi begitu juga dengan penerapan sistem

informasi pada bisnis pelayanan jasa Viano Production Indonesia. Dengan

adanya Website Company profile ini akan dapat menggantikan company

profile konvensional dalam bentuk cetak.

Dari hasil tinjauan permasalahan di atas, maka dibuatlah rancangan

sistem informasi yang diharapkan dapat membantu Viano Production

Indonesia dalam memberikan informasi juga sebagai media promosi kepada

masyarakat luas. Oleh karena itu peneliti membuat analisis dan perancangan

yang dimuat dalam Tugas Akhir dengan judul “Analisis dan Perancangan

Sistem Informasi Company Profile Berbasis Web Pada Viano Production

Indonesia”.

B. Rumusan Masalah

Berdasarkan latar belakang masalah maka dapat dirumuskan beberapa

rumusan masalah sebagai berikut :

1. Bagaimana analisis sistem informasi company profile yang sedang

berjalan pada Viano Production Indonesia ?

2. Bagaimana rancang bangun sistem informasi company profile pada

Viano Production Indonesia ?

 3

C. Batasan Masalah

Untuk memperjelas sasaran dan memperkecil ruang lingkup bahasan, maka

perlu dilakukan pembatasan masalah mengenai sistem yang akan dirancang.

Batasan masalahnya yaitu sistem informasi yang dibangun fokus pada company

profile Viano Production Indonesia.

D. Tujuan Penelitian

Tujuan dari penelitian ini, yaitu :

1. Untuk menganalisis sistem informasi Event organizer yang sedang

berjalan pada Viano Production Indonesia

2. Untuk merancang sistem informasi Event organizer pada Viano

Production Indonesia

E. Manfaat Penelitian

Tujuan dari penelitian ini, yaitu :

1. Bagi pengembangan ilmu pengetahuan

Dapat memberikan suatu karya penelitian baru yang dapat dijadikan

referensi untuk mendukung peneliti-peneliti lain dalam pengembangan

sistem informasi terutama yang berkaitan dengan sistem informasi Event

organizer.
 4

2. Bagi peneliti

Dapat menambah wawasan, belajar cara mengatasi masalah, dapat

mengembangkan keterampilan, daya fikir serta mengaplikasikan ilmu yang

didapat pada bangku perkuliahan.

3. Bagi Viano Production Indonesia

Menggunakan sistem informasi yang telah dibangun agar dapat

membantu dalam hal penyampaian informasi mengenai perusahaan , sebagai

media promosi juga agar dapat menggantikan company profile dalam bentuk

cetak.
 BAB II

TINJAUAN PUSTAKA

A. Tinjauan Umum

Viano Production Indonesia adalah salah satu perusahaan yang bergerak di

bidang pelayanan jasa yakni event organizer. Viano Production Indonesia hadir

atas meningkatnya kebutuhan masyarakat Indonesia Timur terhadap event-event,

massa ataupun exclusive corporate yang semakin meningkat.

Layanan usaha pada Viano Production Indonesia meleiputi penyelengaraan

Live Concert, Party, Fashion Show, Exhebition, Promo, Talk Show, Seminar,

Gathering, Activation, dan lainnya.

Dengan dukungan dari berbagai pihak, Viano Production Indonesia berusaha

memberikan yang terbaik guna memenuhi komitmen perusahaan dalam hal jasa

pelayanan.

1. Logo

Gambar 2.1 Logo Perusahaan

5
 6

2. Visi dan Misi

Visi : “ Menjadi Event Organizer yang Profesional dan selalu memberikan

nilai positif bagi masyarakat”

Misi : “Dengan berlandaskan visi, Viano Production Indonesia

menjadikan acuan agar terus berkembang dan menjadi lebih maju. Event

Organizer yang selalu mengedepankan budaya keterbukaan, kreatifitas,

ide, dan potensi terbaik demi meraik hasil kerja yang sempurna.”

B. Landasan Teori

1. Sistem

Menurut Romney dan Steinbart (2015 : 3), sistem adalah serangkaian

dua atau lebih komponen yang saling berhubungan dan saling berinteraksi

satu sama lain untuk mencapai tujuan dimana sistem biasanya terbagi dalam

sub sistem yang lebih kecil yang mendukung sistem yang lebih besar.

Setiap sistem terdiri dari struktur dan proses. Struktur sistem

adalah unsur-unsur yang membentuk sistem, sedangkan proses sistem

merupakan cara kerja setiap unsur sistem dalam mencapai tujuan dari

sistem tersebut (Mulyadi, 2016:1).

2. Informasi
 7

Informasi merupakan sebuah hasil dari pengolahan data sehingga

menjadi bentuk yang penting bagi si penerima informasi. Dengan adanya

informasi, dapat dijadikan sebagai dasar untuk pengambilan keputusan oleh

si penerima informasi, yang mana dapat dirasakan akibatnya baik secara

langsung maupun tidak langsung. (Edhy Sutanta, 2011:13).

Menurut Lely Deviana Putri (2014: 2), informasi adalah hasil

pemrosesan data yang diperoleh dari setiap elemen sistem tersebut menjadi

bentuk yang mudah dipahami dan merupakan pengetahuan yangrelevan yang

dibutuhkan oleh orang untuk menambah pemahamannya terhadap fakta-

fakta yang ada.

3. Sistem Informasi

Menurut Anjar Priyadna dan Berliana Kusuma Riasti (2013: 24), sistem

informasi adalah teknologi informasi yang diorganisasikan untuk mencapai

tujuan dalam sebuah organisasi.

Sistem Informasi merupakan suatu sistem di dalam organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian yang mendukung

fungsi operasi organisasi yang bersifat manajerial (Tata Sutabri, 2016).

4. Analisis Sistem

Menurut Sri Mulyani (2016:38), analisis sistem merupakan suatu teknik

penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen

 8

pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri

serta keterkaitannyadengan komponen lain yang membentuk sistem sehingga

didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu

kelemahan ataupun kelebihan sistem.

Analisis sistem adalah suatu kegiatan untuk melihat sistem yang berjalan

sebelumnya, kemudian melihat bagian mana yang memerlukan perbaikan dan

dan mana yang sudah baik, setelah itu mendokumentasikan kebutuhan yang

akan dipenuhi dalam sistem yang baru (Yulianto, 2009 : 37).

5. Perancangan Sistem

Menurut Mulyadi (2001:51), perancangan sistem adalah proses

penerjemahan kebutuhan pemakai informasi ke dalam alternatif rancangan

sistem yang diajukan kepada pemakai informasi untuk dipertimbangkan.

6. Event Organizer

Event dalam arti sempit dapat diartikan sebagai pameran, pertunjukan,

festival dengan syarat ada penyelenggara, peserta dan pengunjung. Dalam arti

luas, event dapat diartikan sebagai suatu tempat agar mereka memperoleh

informasi atau pengalaman penting serta tujuan lain yang diharapkan oleh

penyelenggara (Kennedy, 2009).

7. Company Profile
 9

Company profile adalah produk tulisan praktisi PR yang berisi gambaran

umum perusahaan. Gambaran ini tidak sepenuhnya lengkap, detail dan

mendalam. Perusahaan bisa memilih poin-poin apa saja yang ingin

disampaikan secara terbuka kepada publiknya. Bahkan ada perusahaan yang

memilih membuat company profile berdasarkan kepentingan publik sasaran.

Ada company profile yang dibuat khusus untuk konsumen (pelanggan), untuk

bank, untuk pemerintah, pemasok dan sebagainya. Biasanya hal ini dilakukan

oleh perusahaan besar yang mempunyai bidang usaha luas dan publik yang

berbeda-beda (Kriyantono, 2008).

8. Promosi

Menurut Agustina (2011), promosi merupakan suatu bentuk komunikasi

pemasaran. Komunikasi pemasaran adalah aktivitas pemasaran yang berusaha

untuk menyebarkan informasi, mempengaruhi atau membujuk, dan

mengingatkan pasar sasaran atas perusahaan dan produknya agar bersedia

menerima, membeli, dan loyal pada produk yang ditawarkan perusahaan yang

bersangkutan.

Menurut Kotler dan Keller (2016:47) promosi merupakan aktivitas yang

mengkomunikasikan keunggulan produk dan membujuk pelanggan ssaran

untuk membelinya.

9. Internet
 10

Menurut Simarmata Janner (2010), internet adalah kelompok atau

kumpulan dari jutaan komputer. Penggunaan internet memungkinkan kita

mendapatkan informasi dari komputer yang ada di kelompok tersebut dengan

asumsi bahwa pemilik komputer memberikan izin akses.

Menurut Ardhana (2012), website adalah suatu layanan sajian informasi

yang menggunakan konsep hyperlink, yang memudahkan surfer (sebutan para

pemakai komputer yang melakukan browsingatau penelusuran informasi

melalui internet.

10. Website

Menurut Rahmat Hidayat (2010), website adalah keseluruhan halaman-

halaman web yang terdapat dalam sebuah domain yang mengandung

informasi. Sebuah website biasanya dibangun atas banyak halaman web yang

saling berhubungan. Jadi dapat dikatakan bahwa, pengertian website adalah

kumpulan halaman-halaman yang digunakan untuk menampilkan informasi

teks, gambar, animasi, suara, dan atau gabungan semuanya baik yang bersifat

statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling

terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman.

Hubungan antara satu halaman website dengan halaman website lainnya

disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung

disebut hypertext.

11. Web Browser

 11

Menurut Shelly dan Velmaart (2011), web browser atau browser adalah

perangkat lunak aplikasi yang memungkinkan pengguna untuk mengakses dan

melihat halaman web atau mengakses program web 2.0.

12. HTML

Menurut Alexander F.K. Sibero (2013 :19) HyperText Markup Language

(HTML) adalah bahasa yang digunaka pada dokumen web sebagai bahasa

untuk pertukaran dokumen web.

Sedangkan menurut Nugroho (2013: 5) HTML (HyperText Markup

Language) merupakan sebuah bahasa scripting yang berguna untuk

menuliskan halaman web.

13. PHP

Menurut Sibero (2013:49) PHP adalah pemrograman Interpreter yaitu

proses penerjemahan baris kode sumber menjadi kode mesin yang dimengerti

komputer secara langsung pada saat baris kode dijalankan.

PHP (Hypertext Preprocessor) adalah suatu bahasa pemrograman

yang digunakan untuk menerjemahkan baris kode program menjadi kode

mesin yang dapat dimengerti oleh komputer yang berbasis server-side yang

dapat ditambahkan ke dalam HTML (Supono dan Putratama, 2016:3).

 12

14. CSS

Menurut Saputra (2012:5) CSS (Cascading Style Sheet) merupakan suatu

bahasa pemrograman web yang digunakan untuk mengendalikan dan

membangun berbagai komponen dalam web sehingga tampilan web akan

lebih rapi, terstruktur dan seragam.

CSS (Cascading Style Sheet) merupakan salah satu bahasa pemrograman

web yang digunakan untuk mempercantik halaman web dan mengendalikan

beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan

seragam (Bekti, 2015:47).

15. Bootstrap

Menurut Husein Alatas (2013), bootstrap merupakan framework untuk

membangun desain web secara responsif. Artinya, tampilan web yang dibuat

oleh bootstrap akan menyesuaikan ukuran layar dan browser yang digunakan

baik di desktop, tablet ataupun mobile device. Dengan bootstrap juga bisa

dibangun web dinamis ataupun statis.

16. Database

Menurut Connolly dan Beg (2010:65), database (basis data) adalah

sebuah kumpulan data yang secara logis terkait dan dirancang untuk

memenuhi suatu kebutuhan informasi dari sebuah organisasi.

 13

Database (basis data) adalah kumpulan data yang saling berhubungan

secara logis dan didesain untuk mendapatkan data yang dibutuhkan oleh suatu

organisasi (Indrajani, 2015:70).

17. MySQL

Menurut Sibero (2013:97), MySQL suatu RDBMS (Relational Database

Management System) yaitu aplikasi sistem yang menjalankan fungsi

pengolahan data.

18. XAMPP

Menurut Riyanto (2014), XAMPP adalah sebuah software yang berfungsi

untuk menjalankan website berbasis PHP dan menggunakan pengolah data

MySQL di komputer lokal. XAMPP berperan sebagai server web pada

komputer Anda. XAMPP juga dapat disebut sebuah CPanel server virtual,

yang dapat membantu anda melakukan preview sehingga dapat memodifikasi

website tanpa harus online atau terakses dengan internet.

Menurut Purbadian (2016), XAMPP merupakan suatu software yang

bersifat open source yang merupakan pengembangan dari LAMP (Linux,

Apache, MySQL, PHP dan Perl).

 14

19. Sublime Text

Menurut Supono (2016:14), Sublime Text merupakan perangkat lunak

berupa text editor yang digunakan untuk membuat atau meng-edit suatu

aplikasi. Sublime Text mempunyai fitur plugin tambahan yang memudahkan

programmer. Selain itu, Sublime Text terkesan elegan untuk sebuah syntax

error. Selain ringan, IDE ini memiliki kecepatan proses simpan dan buka file.

Tidak heran kalau IDE ini paling banyak digunakan kalangan programmer

berbasis web.

20. UML

Menurut Nugroho (2010:6), UML (Unified Modeling Language) adalah

bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma

berorientasi objek. Pemodelan (modeling) sesungguhnya digunakan untuk

penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa

sehingga lebih mudah dipelajari dan dipahami.

a. Use case diagram

Menurut Rosa A.S & Shalahudin (2015:155), use case atau diagram

use case merupakan pemodelan untuk kelakuan (behavior) sistem

informasi yang akan dibuat..

Notasi-notasi yang digunakan untuk membuat use case diagram dapat

dilihat pada tabel dibawah ini :

 15

Tabel 2.1. Simbol-simbol use case diagram (Rosa dan Shalahuddin,

2015: 162)

No

. Simbol Nama Deskripsi

1 Menspesifikasikan himpunan

peran yang pengguna mainkan

Actor
ketika berinteraksi dengan use

case
2 Deskripsi dari aksi-aksi yang

ditampilkan sistem yang

Use case
menghasilkan suatu hasil yang

terukur bagi suatu aktor

3 Menspesifikasikan paket yang

System menampilkan sistem secara

terbatas
4 Garis yang menghubungkan

Associ- antara aktor dengan use caseatau

ation objek yang satu dengan objek

lainnya
5 Menspesifikasikan bahwa use

case target memperluas perilaku

Extend
dari use case sumber pada suatu

titik yang diberikan.

6 Menspesifikasikan bahwa use
Include
case sumber secara eksplisit
 16

b. Activiity diagram

Diagram aktivitas atau activity diagram menggambarkan workflow

(aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau

menu yang ada pada perangkat lunak (Rosa dan Shalahuddin, 2015: 161).

Notasi-notasi yang digunakan untuk membuat activity diagram dapat

dilihat pada tabel dibawah ini :

Tabel 2.2. Simbol-simbol activity diagram (Rosa dan Shalahuddin,

2015: 162)
 17

No

. Simbol Nama Deskripsi

1 Status awal aktivitas sistem,

Status awal sebuah diagram aktivitas

memiliki sebuah status awal

2 ktivitas yang dilakukan sistem,

Aktivitas aktivitas biasanya diawali

dengan kata kerja

3 asosiasi percabangan dimana
Percaba-
jika ada pilihan aktivitas lebih
ngan
dari satu
4 Asosiasi penggabungan dimana

Penggabu- lebih dari satu aktivitas

ngan digabungkan menjadi satu

5 Status akhir yang dilakukan

sistem, sebuah diagram

Status akhir
aktivitas memiliki sebuah

status akhir
6 Memisahkan organisasi bisnis

Swimlane yang bertanggung jawab

terhadap aktivitas yang terjadi

c. Class diagram
 18

Menurut Rosa dan Shalahuddin (2015: 141) class diagram

menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang

akan dibuat untuk membangun sistem.

d. Sequence diagram

Menurut Irmayani dan Susyatih (2017) Sequence Diagram

menggambarkan bagaimana sistem merespon kegiatan user. Sequence

Diagram yang dibuat yaitu yang berhubungan langsung dengan kegiatan

utama dari sistem informasi anggaran pendapatan dan belanja desa

berbasis objek.

21. Analisis PIECES

Menurut Al Fatta (2007:51) analisis PIECES merupakan metode yang

menggunakan enam variabel yaitu Performance, Information/Data,

Economic, Control/Security, Efficiency, dan Service.

a. Performance (Analisis Kinerja)

Masalah kinerja terjadi ketika tugas-tugas bisnis yang dijalankan tidak

mencapai sasaran. Kinerja diukur dengan jumlah produksi dan waktu tanggap.

Jumlah produksi adalah jumlah pekerjaan yang bisa diselesaikan selama

jangka waktu tertentu. Pada bagian pemasaran, kinerja diukur berdasarkan

volume pekerjaan. Pangsa pasar yang diraih, atau citra perusahaan.Waktu

 19

tanggap adalah keterlambatan rata-rata antara suatu transaksi dengan

tanggapan yang diberikan kepada transaksi tersebut.

b. Information (Analisis Informasi)

Informasi merupakan komoditas krusial bagi pengguna akhir. Evaluasi

terhadap kemampuan sistem informasi dalam menghasilkan informasi yang

bermanfaat perlu dilakukan untuk menyikapi peluang dan menangani masalah

yang muncul. Dalam hal ini meningkatkan kualitas informasi tidak dengan

menambah jumlah informasi, karena terlalu banyak informasi malah akan

menimbulkan masalah baru.

Situasi yang membutuhkan peningkatan informasi meliputi :

1) Kurangnya informasi mengenai keputusan atau situasi yang

sekarang

2) Kurangnya informasi yang relevan mengenai keputusan atau

situasi sekarang

3) Kurangnya informasi yang tepat waktu.

4) Terlalu banyak informasi.

5) Informasi tidak akurat.Informasi juga dapat merupakan fokus dari

suatu batasan atau kebijakan.

Sementara analisis informasi memeriksa output sistem, analisis yang

tersimpan dalam sebuah sistem. Permasalahan yang meliputi:

 20

1) Data yang berlebihan. Data yang sama ditangkap dan/atau

disimpan di banyak tempat.

2) Kekakuan data. Data di tangkap dan disimpan, tetapi

diorganisasikan sedemikian rupa sehingga laporan dan pengujian

judul dan pengujian tidak dapat atau sulit dilakukan.

c. Economic (Analisis Ekonomi)

Alasan ekonomi barangkali merupakan motivasi paling umum bagi suatu

proyek. Pijakan bagi kebanyakan manajer adalah biaya atau rupiah. Persoalan

ekonomis dan peluang berkaitan dengan masalah biaya.

Adapun hal-hal yang harus diperhatikan dapat disimak berikut:

Biaya :

1) Biaya tidak diketahui.

2) Biaya tidak dapat dilacak kesumber.

3) Biaya terlalu tinggi.

Keuntungan :

1) Pasar-pasar baru dapat dieskplorasi.

2) Pemasaran saat ini dapat diperbaiki.

3) Pesanan-pesanan dapat ditingkatkan.

d. Security (Analisis Keamanan)

 21

Tugas-tugas bisnis perlu dimonitor dan dibetulkan jika ditemukan kinerja

yang di bawah standar. Kontrol dipasang untuk meningkatkan kinerja sistem,

mencegah, atau mendeteksi kesalahan sistem, menjamin keamanan data, dan

persyaratan.

Adapun hal-hal yang perlu diperhatikan adalah:

Keamanan atau kontrol yang lemah :

1) Input data tidak diedit dengan cukup.

2) Kejahatan (misalnya, penggelapan atau pencurian) terhadap data.

3) Pelanggaran etika pada data atau informasi. Misalnya, data atau

informasi diakses orang yang tidak berwenang.

4) Data tersimpan secara berlebihan, tidak konsisten pada dokumen

atau database yang berbeda.

5) Pelanggaran peraturan atau panduan privasi data.

6) Terjadi errorsaat pemrosesan (oleh manusia, mesin, atau perangkat

lunak).

7) Terjadi error saat membuat keputusan.

Kontrol atau keamanan berlebihan :

1) Prosedur birokratis memperlamban sistem.

2) Pengendalian yang berlebihan mengganggu para pelanggan atau

karyawan.

3) Pengendalian berlebihan menyebabkan penundaan pemrosesan.

 22

e. Efficiency (Analisis Efisiensi)

Efisiensi menyangkut bagaimana menghasilkan output sebanyak-

banyaknya dengan input yang sekecil mungkin. Berikut adalah suatu indikasi

bahwa suatu sistem dapat dikatakan tidak efisien:

1) Banyak waktu yang terbuang pada aktivitas sumber daya manusia,

mesin, atau komputer.

2) Data dimasukkan atau disalin secara berlebihan.

3) Data diproses secara berlebihan.

4) Informasi dihasilkan secara berlebihan.

5) Usaha yang dibutuhkan untuk tugas-tugas terlalu berlebihan.

6) Material yang dibutuhkan untuk tugas-tugas terlalu berlebihan.

f. Services (Analisis Layanan)

Berikut adalah keriteria penilaian dimana kualitas suatu sistem bisa

dikatakan buruk:

1) Sistem menghasilkan produk yang tidak akurat.

2) Sistem menghasilkan produk yang tidak konsisten.

3) Sistem menghasilkan produk yang tidak dipercaya.

4) Sistem tidak mudah dipelajari.

5) Sistem tidak mudah digunakan.

6) Sistem canggung untuk digunakan.

7) Sistem tidak fleksibel.

23
 BAB III

METODE PENELITIAN

A. Penggambaran Sistem

1. Sistem Yang Berjalan

Dari hasil pengamatan yang dilakukan, diperoleh bahwa Viano

Production Indonesia masih menggunakan company profile konvensional

dalam bentuk cetak sebagai media promosi. Sistem berjalannya dapat

dilihat dari use case diagram berikut :

Gambar 3.1 Use Case Diagram Sistem yang Sedang Berjalan

Penjelasan diagram diatas sebagai berikut :

a) Pihak dari Viano Production Indonesia mendatangi calon klien

untuk presentasi layanan yang ditawarkan

b) Calon klien menerima informasi dari presentasi tersebut

23
 24

2. Sistem Yang Diusulkan

Berdasarkan analisis sistem yang berjalan di atas, maka penulis

merancang sistem infomasi yang akan mempermudah Viano Production

Indonesia dalam melakukan promosi ke masyarakat luas, penawaran jasa

atau kerjasama terhadap suatu instansi atau perusahaan.

Gambar 3.2 Use Case Diagram Sistem yang Diusulkan

Penjelasan diagram di atas sebagai berikut :

a) Setelah membuka halaman web, pengunjung dapat melihat

halaman tentang kami, layanan yang disediakan perusahaan, dan

galeri dari proyek-proyek yang telah dikerjakan perusahaan

 25

b) Pengunjung dapat melihat kontak dan alamat perusahaan serta

mengirim kritik, saran ataupun pertanyaan pada kolom yang telah

disediakan pada halaman kontak kami

c) Admin dapat login ke sistem

d) Admin dapat mengelola halaman tentang kami, pelayanan, galeri,

kontak kami dan pesan dari pengunjung website

e) Admin dapat melihat statistik pengunjung website

B. Analisis Kebutuhan Sistem

1. Kebutuhan Fungsional

Kebutuhan fungsional merupakan kebutuhan yang berisi proses-proses

atau layanan-layanan yang disediakan oleh sistem. Adapun kebutuhan

fungsional yang pada sistem yang diusulkan ini adalah sebagai berikut :

Tabel 3.1. Kebutuhan Fungsional

Pengguna Fungsi
Pengunjung a) Dapat melihat halaman tentang kami yang

berisi profil serta visi dan misi perusahaan

b) Dapat melihat berbagai jenis pelayanan yang

disediakan perusahaan

c) Dapat melihat galeri dari proyek-proyek yang

telah dikerjakan oleh perusahaan

 26

d) Dapat melihat kontak dan alamat perusahaan

e) Dapat mengirim kritik dan saran serta

pertanyaan
Admin a) Dapat melakukan login untuk masuk ke

dalam sistem

b) Dapat mengelola data profil, visi dan misi

perusahaan

c) Dapat mengelola data layanan

d) Dapat mengelola data galeri

e) Dapat mengelola data kontak kami

2. Kebutuhan Non Fungsional

Kebutuhan non fungsional merupakan kebutuhan yang

menitikberatkan pada properti perilaku yang dimiliki oleh sistem. Dalam

perancangan Sistem Informasi Event Organizer Berbasis Web Pada Viano

Production Indonesia terdapat beberapa perangkat keras dan perangkat lunak

yang digunakan untuk mendukung proses perancangan yaitu :

Kebutuhan perangkat keras (hardware) :

a) Processor : minimal Intel Dual Core; 1.6GHz

b) RAM : minimal 2.00 GB

c) VGA Monitor

d) Mouse
 27

e) Keyboard

f) Flashdisk

Kebutuhan perangkat lunak (software) :

a) Sistem Operasi : Windows 7

b) Web Server : XAMPP

c) Database Server : MySQL

d) Text Editor : Sublime text 3

e) Web Browser : Mozilla Firefox

f) Bahasa Pemrograman : PHP

C. Teknik Pengumpulan Data

1. Observasi

Observasi dilakukan dengan cara datang langsung ke lokasi penelitian

untuk mendapat data mengenai kendala atau hambatan-hambatan yang

dihadapi Viano Production Indonesia selama menggunakan sistem yang

sedang berjalan sehingga dapat mengetahui data-data apa saja yang

diperlukan untuk membangun sistem.

2. Studi literature

Teknik ini digunkan dengan cara mempelajari dan mengumpulkan data

atau informasi dari beberapa buku-buku referensi, artikel, dokumen atau arsip

dan sumber lainnya yang berhubungan dengan penelitian.

3. Wawancara
 28

Wawancara dilakukan dengan cara melakukan tanya jawab langsung

dengan pemilik dan pegawai Viano Production Indonesia. Hal ini dilakukan

untuk mengetahui apa saja yang dibutuhkan untuk mengatasi masalah yang

sudah dipaparkan pada rumusan masalah. Selain itu, wawancara juga

dilakukan untuk memastikan apakah sistem yang akan diusulkan memang

diperlukan pada Viano Production Indonesia.

D. Lokasi dan Waktu Penelitian

Penelitian dilakukan di Viano Production Indonesia yang beralamat di Jalan

Talasalapang Komp Djipang Permai DP 8 Nomor 6, Karunrung, Rappocini, Kota

Makassar, Sulawesi Selatan. Penelitian dilaksanakan selama 2 bulan yang dimulai

pada bulan Juni 2020 sampai dengan Agustus 2020.

 BAB IV

PERANCANGAN DAN IMPLEMENTASI

A. Hasil Analisis

Hasil analisis sistem berjalan berdasarkan data yang dikumpulkan serta

sistem yang diusulkan dengan menggunakan metode PIECES adalah sebagai

berikut :

1. Performance

Performance (kinerja) di sini diukur dari jumlah produksi atau pekerjaan

yang dilakukan perusahaan dan waktu tanggap dari sistem.

a. Sistem yang berjalan

Company profile yang digunakan masih konvensional yakni company

profile yang dicetak dalam bentuk brosur. Informasi mengenai perusahaan

yang dipaparkan pada brosur terbatas.

b. Sistem yang diusulkan

Sistem informasi company profile yang disulkan berbasis web sehingga

dapat memuat lebih banyak informasi mengenai perusahaan yang dapat

diakses langsung oleh masyarakat selama terhubung dengan internet.

2. Information

Dalam hal ini informasi perlu ditingkatkan jika kurangnya informasi yang

relevan dengan situasi sekarang, kurangnya informasi yang tepat waktu serta

informasi yang tidak akurat.

29
 30

a. Sistem yang berjalan

Penyajian informasi masih dilakukan dengan cara konvensional yaitu

dengan menggunakan brosur sehingga masih ada kemungkinan terjadi

kesalahan. Informasi yang diberikan sudah relevan namun dilihat dari proses

penyebaran informasi yang masih kurang optimal atau tidak berjalan dengan

baik karena pihak dari perusahaan harus membagikan secara langsung print

out company profile tersebut.

b. Sistem yang diusulkan

Penyajian informasi dengan menggunakan web dapat memberikan

informasi yang lebih akurat dan relevan karena dilakukan monitoring secara

berkala sehingga informasi lebih up-to-date.

3. Economy

Hal-hal yag harus diperhatikan pada analisis ekonomi ini yaitu biaya, baik

itu biaya yang tidak diketahui, biaya tidak dapat dilacak kesumber ataupun

biaaya yang terlalu tinggi. Selain itu perlu juga diperhatikan keuntungan dari

sistem yang ada dan sistem yang dibangun.

a. Sistem yang berjalan

Perusahaan memerlukan biaya lebih untuk mencetak brosur karena

company profile yang digunakan masih menggunakan company profile dalam

bentuk cetak.
 31

b. Sistem yang diusulkan

Sistem yang diusulkan adalah sistem informasi berbasis web sehingga

memberikan keuntungan jangka panjang bagi perusahaan karena biaya yang

diperlukan lebih sedikit untuk membayar biaya hosting.

4. Control

Hal-hal yang perlu diperhatikan pada analisis control ini yaitu, keamanan

atau kontrol yang lemah atau berlebihan.

a. Sistem yang berjalan

Tidak adanya pengwasan data karena tidak dilakukan control terhadap

data. Update data, seperti hasil dokumentasi dari setiap kegiatan yang telah

dikerjakan oleh perusahaan tidak dimuat dalam brosur.

b. Sistem yang diusulkan

Dapat dilakukan control data karena data dapat disimpan pada database.

Dapat dilakukan update data karena informasi pada website dapat dilakukan

control secara berkala.

5. Efficiency

Dalam hal ini sistem dapat dikatakan efisien jika menghasilkan output

dengan input yang seminim mungkin.

 32

a. Sistem yang berjalan

Proses penyampaian informasi mengenai perusahaan yang kurang optimal

karena dilakukan dengan mendatangi langsung client prospek, akibatnya akan

sulit bagi pihak lain untuk menemukan informasi mengenai perusahaan.

b. Sistem yang diusulkan

Informasi mengenai perusahaan disajikan dalam bentuk web sehingga

dapat diakses kapan saja selama terhubung dengan jaringan internet, sistem

berbasis web ini juga dapat dijadikan sebagai media promosi dengan

mengkoneksikan halaman website dengan media social yang dimiliki

perusahaan.

6. Service

Analisis layanan disini dilihat dari apakah sistem dapat meghasilkan produk

yang akurat, konsisten, dapat dipercaya, mudah dipelajari, digunkan dan fleksibel.

a. Sistem yang berjalan

Karena penggunaan company profile masih menggunakan brosur,

akibatnya informasi kontak juga tidak akan menyebar luas ke masyarakat.

b. Sistem yang diusulkan

Dengan adanya sistem yang baru, informsi akan lebih meluas dan lebih

mudah untuk diakses oleh siapa saja. Sistem yang diusulkan memiliki fitur

live chat yang dapat menghubungkan secara langsung pengunjung dengan

admin.
 33

B. Pemodelan Sistem

1. Use Case Diagram

Setelah melakukan pengamatan sistem yang berjalan maka hal selanjutnya

yang dilakukan adalah mendesain sistem baru. Tujuan utamanya adalah

penyempurnaan dari sistem sebelumnya atau yang telah ada.

Gambar 4.1 Use Case Diagram Sistem yang Sedang Diusulkan

2. Class Diagram

Class diagram digunakan untuk menggambarkan kelas-kelas serta relasi

antar kelas dalam sebuah sistem yang di dalamnya disertakan juga atribut dan

operasi.
 34

Gambar 4.2 Class Diagram

Dari gambar di atas dapat dilihat bahwa kelas tbl_user terhubung dengan

kelas-kelas lainnya serta kelas tbl_contactus dan kelas tbl_inbox saling

terhubung satu sama lain.

3. Activity Diagram

Activity diagram dibuat berdasarkan use case diagram sistem yang

diusulkan yang telah dibuat sebelumnya. Activity diagram ini menggambarkan

aktivitas-aktivitas yang dapat dilakukan oleh sistem.

 35

a) Login admin

Gambar 4.3 Activity Diagram Login Admin

Pada gambar 4.3 di atas menjelaskan tentang proses admin dalam

melakukan login untuk dapat masuk ke dalam sistem. Admin terlebih

dahulu memasukkan alamat untuk panel admin. Setelah itu sistem akan

menampilkan halaman login, admin menginput username dan password.

Jika login berhasil sistem akan menampilkan beranda untuk admin,

 36

namun jika login gagal admin harus memasukkan kembali username dan

password yang benar.

b) Logout admin

Gambar 4.4 Activity Diagram Logout Admin

Pada gambar 4.4 di atas menjelaskan tentang proses admin dalam

melakukan logout. Admin hanya perlu menekan tombol logout,

selanjutnya sistem akan menampilkan kembali halaman login.

 37

c) Manajemen Tentang Kami, Manajemen Pelayanan, Manajemen Galeri

dan Manajemen Pesan

 38

Admin memilih salah satu menu kemudian melakukan manajemen data

yang akan tersimpan dalam sistem.

 39

d) Manajemen Kontak Kami

 40

Gambar 4.6 Activity Diagram Manajemen Kontak Kami

Pada gambar 4.6 di atas menjelaskan tentang proses admin dalam

melakukan manajemen data kontak kami. Setelah login berhasil sistem

akan menampilkan bernada untuk admin, admin memilih menu

konfigurasi. Sistem kemudian akan menampilkan kontak kami, admin

dapat melakukan manajemen data kontak kami, setelah data disimpan

sistem akan kembali menampilkan tabel kontak kami.

 41

e) Lihat Statistik

Gambar 4.7 Activity Diagram Lihat Statistik

Pada gambar 4.7 di atas menunjukkann bagaimana admin melihat

statistik pengunjung. Setelah login berhasil sistem akan menampilkan

beranda untuk admin. Admin kemudian dapat melihat tampilan statistik

pengunjung web.
42
 43

f) Pengunjung
 44

Gambar 4.8 Activity Diagram Pengunjung

Setelah pengunjung membuka halaman web, sistem akan

menampilkan beranda web. Pengunjung memilih salah satu menu yang

disediakan web. Untuk mengirim pesan, pengunjung memilih menu

kontak kami, setelah itu menekan tombol kirirm pesan. Selanjutnya

pengunjung meng-input pesan, kemudian pesan dikirim . setelah pesan

berhasil terkirim sistem akan menampilkan notifikasi pesan terkirim.

4. Sequance Diagram
 45

Sequance Diagram menggambarkan interaksi antara sejumlah objek serta

rangkaian pesan yang dikirim antara objek-objek tersebut yang melakukan

tugas atau aksi tertentu.

a) Admin

Gambar 4.9 Sequance Diagram Login Admin

Pada saat admin melakukan proses login, (1)sistem akan meminta

menginput username dan password. (2)Setelahnya sistem akan

memvalidasi username dan password dengan mencocokkan data login

dalam database. (3)Jika username dan password yang di-input tidak

sesuai maka login gagal dan sistem menampilkan notifikasi keslahan

untuk memasukkan kembali username dan password, (4)namun jika

 46

username dan passwordsesuai dengan database maka sistem aka

langsung menampilkan beranda untuk admin.

Gambar 4.10 Sequance Diagram Logout Admin

Pada gambar di atas menunjukkan proses bagaimana admin keluar

dari sistem. (1)Admin menekan tombol logout untuk ke keluar(2-3)

setelah itu sistem akan menampilkan kembali halaman login.

 47

Gambar 4.11 Sequance Diagram Manajemen Data

Pada gambar 4.11 di atas menunjukkan proses admin dalam

melakukan manajemen data. (1)Admin melakukan login untuk dapat

mengakses data. (2-3)Setelah itu sistem akan memberikan akses data

untuk admin dengan menampilkan beranda untuk admin.(4-5)Admin

memillih salah satu menu kemudian sistem akan menampilkan halaman

yang dipilih.(6-7)Admin melakukan manajemen data yang kemudian

akan disimpan dalam sistem.

 48

b) Pengunjung

Gambar 4.12 Sequance Diagram Pengunjung

Pada gambar 4.12 di atas menunjukkan proses admin pengunjung

melihat menu pada website. (1-3)Pengunjung membuka halaman web

kemudian sistem akan memberikan akses data dengan menampilkan

beranda untuk pengujung. (4-5)Pengunjung memilih menu yang

diinginkan yang kemudian akan ditampilkan oleh sistem.

 49

Gambar 4.13 Sequance Diagram Pengunjung Mengirim Pesan

Pada gambar 4.13 di atas menunjukkan proses admin pengunjung

dalam mengirim pesan. (1-2) Pengunjung membuka halaman web

kemudian sistem akan memberikan akses data dengan menampilkan

beranda untuk pengujung. (3-4)Pengunjung memilih menu kontak kami

yang kemudian akan ditampilkan oleh sistem..(5)Pengunjung mengisi

pesan pada kolom yang disediakan.

B. Perancangan Database

Basis data merupakan himpunan kelompok data yang saling berkaitan dan

tempat untuk menampung dan mengorganisasikan seluruh data yang ada dalam

sistem, sehingga dapat dieksplorasi untuk menyusun informasi–informasi dalam

berbagai bentuk.
 50

Berikut merupakan tabel yang digunakan untuk menyimpan data pada

database :

1. Tabel user

Nama tabel : tbl_user

Primary key : id_user

Fungsi : menyimpan data admin untuk dapat melakukan login

Tabel 4.1. Tabel tbl_user

No. Field Name Type Lenght Extra

1. id_user integer 3 AUTO_INCREMENT

2. Fullname varchar 30

3. Username varchar 15

4. Password varchar 15

2. Tabel tentang kami

Nama tabel : tbl_aboutus

Primary key : id_aboutus

Fungsi : menyimpan data untuk halaman tentang kami

Tabel 4.2. Tabel tbl_aboutus

No. Field Name Type Lenght Extra

1. id_aboutus integer 5 AUTO_INCREMENT
2. description_aboutus text -
3. title_aboutus varchar 25
4. Detail_aboutus text -
 51

5. pict_aboutus varchar 100

6. lang_aboutus varchar 5

3. Tabel kontak kami

Nama tabel : tbl_contactus

Primary key : id_contactus

Fungsi : menyimpan data untuk halaman kontak kami

Tabel 4.3. Tabel tbl_contactus

No. Field Name Type Lenght Extra

1. id_contactus integer 5 AUTO_INCREMENT
2. description_contactus text -
3. Address text -
4. Mappingpoint text
5. Phone varchar 15
6. Email varchar 40
7. id_facebook varchar 25
8. id_twitter varchar 25
9. id_instagram varchar 25
10. id_youtube varchar 25
11. lang_contactus varchar 5

4. Tabel galeri

Nama tabel : tbl_gallery

Primary key : id_gallery

Fungsi : menyimpan data galeri dari proyek yang telah dikerjakan

perusahaan

Tabel 4.4. Tabel tbl_gallery

No. Field Name Type Lenght Extra

1. id_gallery integer 5 AUTO_INCREMENT
 52

2. category_gallery varchar 25
3. pict_gallery varchar 100

5. Tabel pelayanan

Nama tabel : tbl_Services

Primary key : id_Services

Fungsi : menyimpan data pelayanan yang disediakan oleh perusahaan

Tabel 4.5. Tabel tbl_Services

No. Field Name Type Lenght Extra

1. id_Services integer 5 AUTO_INCREMENT

2. pict_Services varchar 100

3. title_Services varchar 25

4. description_Services text -

5. detail_Services text -

6. lang_Services varchar 5

6. Tabel profil

Nama tabel : tbl_profile

Primary key : id_profile

 53

Fungsi : menyimpan data profil perusahaan

Tabel 4.6. Tabel tbl_profile

No. Field Name Type Lenght Extra

1. id_profile integer 5 AUTO_INCREMENT
2. Titlewebsite text -
3. Titleparagraf text -
4. welcomeparagra text -
f
5. Author varchar 15
6. Copyright varchar 40
7. Description text -
8. Keywords text -
9. Icon varchar 40
10. lang_profile varchar 5

7. Tabel pesan

Nama tabel : tbl_inbox

Primary key : id_inbox

Fungsi : menyimpan data pesan masuk dari pengunjung website

Tabel 4.7. Tabel tbl_inbox

No. Field Name Type Lenght Extra

1. id_inbox integer 5 AUTO_INCREMENT
2. date_receive_inbox datetime -
3. name_inbox varchar 40
4. email_inbox varchar 25
5. subject_inbox text -
6. message_inbox text -

8. Tabel statistik

Nama tabel : statistik

 54

Primary key :-

Fungsi : menyimpan data IP dari pengunjung website

Tabel 4.8. Tabel statistik

No. Field Name Type Lenght Extra

1. Ip varchar 20
2. Tanggal date -
3. Hits integer 10
4. Online varchar 255

C. Perancagan Antar Muka

1. Perancangan Input

a. Login admin

Gambar 4.14. Form Login

Pada gambar 4.14 di atas adalah halaman login untuk admin yang

berfungsi agar admin dapat mengakses panel admin. Untuk melakukan

proses login, admin diminta untuk memasukkan username dan password.

b. Input data tentang kami

 55

Gambar 4.15. Input Data Tentang Kami

Pada gambar 4.15 di atas adalah halaman untuk tabel tentang kami. Pada

halaman ini terdapat input-an untuk data tabel tentang kami.

c. Input data galeri

Gambar 4.16. Input Data Galeri

Pada gambar 4.16 di atas adalah halaman tambah data tabel galeri. Pada

halaman ini terdapat input-an untuk menambah data pada tabel galeri, button

untuk pilih gambar, button simpan dan button batal.

d. Input data pelayanan

 56

Gambar 4.17. Input Data Pelayanan

Pada gambar 4.17 di atas adalah halaman tambah data tabel pelayanan.

Pada halaman ini terdapat input-an untuk menambah data pada tabel

pelayanan yang terdiri dari judul, informasi, detail deskripsi, dan pilihan

bahasa. Selain itu terdapat button untuk pilih gambar, button simpan dan

button batal.

e. Input data kontak kami

 57

Gambar 4.18. Input Data Kontak Kami

Pada gambar 4.18 di atas adalah halaman tambah data tabel kontak

kami. Pada halaman ini terdapat inputan untuk menambah data pada tabel

kontak kami. Field yang harus diisi yaitu informasi, alamat lengkap, google

map point, nomor telepon, alamat email, id facebook, id twitter, id

instagram, id youtube dan pilihan bahasa. Selain itu terdapat button untuk

pilih gambar, button simpan dan button batal.

f. Input pesan (pengunjung)

 58

Gambar 4.19. Input Pesan

Pada gambar 4.19 di atas adalah tampilan input pesan pada halaman

kontak kami. Pada halaman ini terdapat input-an yang diisi pengunjung

untuk mengirim pesan. Field yang perlu diisi yaitu nama, alamat email,

subjek dan isi pesan.

2. Perancangan Output
 59

Statistik (admin)

Gambar 4.20. Statistik

Pada gambar 4.20 di atas adalah tampilan statistik pengunjung. Pada

header terdapat nama perusahaan yang terletak di sebelah kiri, pada

sebelah kanannya terdapat tombol untuk membuka halaman website dan

tombol logout untuk keluar dari sistem. Tampilan statistik terdapat pada

bagian tengah body pada halaman beranda untuk admin.

D. Hasil Penelitian

1. Pembahasan Program Utama Untuk Admin

a. Tampilan Login

Pada gambar 4.21 di bawah adalah tampilan halaman login admin. Login

dilakukan dengan memasukkan username dan password, setelahnya admin

dapat melakukan manajemen data.

 60

Gambar 4.21. Tampilan Login

b. Tampilan Beranda

Gambar 4.22. Tampilan Beranda

Pada gambar 4.22 di atas adalah tampilan halaman beranda untuk admin.

Pada halaman ini terdapat fitur manajemen data, tampilan statistik

penginjung, pesan terbaru, dan tanggal.

 61

c. Tampilan Tabel Pelayanan

Gambar 4.23. Tampilan Tabel Pelayanan

Pada gambar 4.23 di atas adalah tampilan tabel pelayanan. Pada halaman

ini terdapat tombol tambah, edit dan hapus data tabel pelayanan.

d. Tampilan Tabel Galeri

Gambar 4.24. Tampilan Tabel Galeri

Pada gambar 4.24 di atas adalah tampilan tabel galeri. Pada halaman ini

terdapat tombol tambah, edit dan hapus data tabel galeri.

 62

e. Tampilan Tabel Tentang Kami

Gambar 4.25. Tampilan Tabel Tentang Kami

Pada gambar 4.25 di atas adalah tampilan tabel tentang kami. Pada

halaman ini terdapat tombol tambah, edit dan hapus data tabel tentang kami.

f. Tampilan Tabel Pesan

Gambar 4.26. Tampilan Tabel Pesan

Pada gambar 4.26 di atas adalah tampilan tabel gaaleri. Pada halaman ini

terdapat tombol view dan hapus data tabel galeri.

 63

g. Tampilan Tabel Kontak Kami

Gambar 4.27. Tampilan Tabel Kontak Kami

Pada gambar 4.27 di atas adalah tampilan tabel kontak kami. Pada

halaman ini terdapat tombol tambah, edit dan hapus data tabel kontak kami.

h. Tampilan Stastistik Pengunjung

 64

Gambar 4.28. Tampilan Statistik Pengunjung

Pada gambar 4.28 di atas adalah tampilan beranda untuk admin yang juga

terdapat tampilan statistik pengunjung.

2. Pembahasan Program Utama Untuk Pengunjung

a. Tampilan Beranda

Gambar 4.29. Tampilan Beranda

Pada gambar 4.29 di atas adalah tampilan beranda untuk pengunjung.

Pada halaman utama ini terdapat beberapa pilihan menu yaitu, menu tentang

kami, pelayanan, galeri dan kontak kami.

b. Tampilan Menu Tentang Kami

 65

Gambar 4.30. Tampilan Menu Tentang Kami

Pada gambar 4.30 di atas adalah halaman tentanng kami. Pada menu ini

berisi hal-hal tentang perusahaan diantaranya profil perusahaan, visi dan misi.

c. Tampilan Menu Pelayanan

Gambar 4.31. Tampilan Menu Pelayanan

Pada gambar 4.31 di atas adalah halaman untuk menu pelayanan. Pada

halaman berisikan jenis-jenis beserta deskripsi layanan jasa yang disediakan

oleh perusahaan.

d. Tampilan Menu Galeri

 66

Gambar 4.32. Tampilan Menu Galeri

Pada gambar 4.32 di atas adalah halaman gaaleri. Halaman ini berisikan

hasil dokumentasi berupa gambar-gambar yang diklasifikasikan menurut

jenis kegiatan dari pelayanan yang disediakan oleh perusahaan.

e. Tampilan Menu Kontak Kami

Gambar 4.33. Tampilan Menu Kontak Kami

Pada gambar 4.33 di atas adalah halaman gaaleri. Pada halaman ini

berisikan gambar-gambar dari setiap kegiatan dari pelayanan yang disediakan

oleh perusahaan.

f. Tampilan Kolom Pesan

 67

Gambar 4.34. Tampilan Kolom Pesan

Pada gambar 4.34 di atas adalah tampilan kolom kirim pesan. Kolom

untuk kirim pesan ini dapat digunakan oleh pengunjung dapat digunakan

pengunjung untuk mengirim pesan langsung melaui web.

g. Tampilan Floating Widget Instagram dan WhatsApp

Gambar 4.35. Tampilan Floating Widget Instagram dan WhatsApp

Pada gambar 4.35 di atas merupakan tampilan widget live chat

Instagram dan WhatsApp. Fitur live chat ini dapat dapat digunakan

pengunjung untuk mengajukan pertanyaan, kritik ataupun saran kepada

 68

admin. Pengunjung cukup menekan icon maka akan diarahkan ke halaman

yang dipilih.
 BAB V

PENUTUP

A. Kesimpulan

Dari analisis dan perancangan yang telah dilakukan dapat diambil beberapa

kesimpulan sebagai berikut :

1. Sistem yang berjalan kurang optimal, sistem yang lama tidak berjalan dengan

baik karena informasi mengenai perusahaan yang terbatas serta sulit diakses

oleh masyarakat luas.

2. Sistem yang diusulkan berbasis web sehingga pengunjung dapat mengakses

informasi kapan dan dimana saja selama terhubung dengan jaringan internet.

3. Sistem yang diusulkan dapat memberikan informasi mengenai perusahaan

seperti profil perusahaan, pelayanan yang disediakan, dll.

4. Sistem yang diusulkan menyediakan fitur live chat agar pengunjung website

dapat berinteraksi langsung dengan admin perusahaan.

B. Saran

Dalam pengembangan sistem informasi ini penulis dapat memberikan

beberapa saran, yaitu :

1. Pada sistem informasi ini dapat ditambahkan fitur lupa password untuk

admin.

65
Kriyantono, Rachmat. 2008. Teknik Praktis Riset Komunikasi. Jakarta : Kencana
Prenada Media Group.

Mulyadi. 2001. Sistem Akuntansi Edisi Tiga. Jakarta : Salemba Empat.

----------. 2016. Sistem Akuntansi. Jakarta: Salemba Empat.

Mulyani, Sri. 2016. Metode Analisis dan Perancangan Sistem. Bandung : Abdi
Sistematika.

Nugroho, Adi. 2010. Rekayasa Perangkat Lunak Menggunakan UML & Java.
Yogyakarta: Andi.

Nugroho, Bunafit. 2013. Dasar Pemograman Web PHP–MySQL dengan

Dreamweaver. Yogyakarta : Gava Media.

Priyadna, Anjar dan Berliana Kusuma Riasti. 2013. Pembuatan Sistem Informasi
Nilai Akademik Berbasis SMS Gateway Pada SMP Negeri 3 Pringkuku
Pacitan. IJNS-Indonesian Journal on Networking dan Security,2(2). Pp.23-28
(Sistem Informasi) (Internet) (Xampp) (PHP).

Purbadian, Yenda. 2016. Trik Cepat Membangun Aplikasi Web dengan Framework
Codeigniter. Yogyakarta : Andi.

Putri, Lely Deviana. 2014. Perancangan Sistem Informasi Penerimaan Siswa Baru
Pada Sekolah Menengah Kejuruan Negeri 3 Pacitan. Indonesian Journal on
Networking and Security -Volume 3 No 4 –Oktober 2014.

Riyanto. 2014. Membuat Sendiri Aplikasi Web Store dengan PHP. Yogyakarta :
Gava Media.

Romney, Marshall B. dan Steinbart. 2015. Sistem Informasi Akuntansi, Edisi 13. Alih
bahasa: Kikin Sakinah Nur Safira dan Novita Puspasari. Jakarta : Salemba
Empat.

Shelly dan Velmaart. 2011. Discovering Computers: Menjelajah Dunia Komputer.

Yogyakarta : Andi.

Sibero, Alexander F.K .2013. Web Programming Power Pack. Yogyakarta :

Mediakom.

Supono, dan Virdiandry Putratama. 2016. Pemograman Web Dengan Menggunakan

PHP dan Framework Codeigniter. Yogyakarta : Deepublish.

xvi
Sutabri, Tata. 2016. Sistem Informasi Manajemen. Yogyakarta: Andi.

Sutanta, Edhy. 2011. Sistem Informasi Manajemen. Yogyakarta : Andi.

Yulianto, Ardian Agung, Inne Gartina, Rini Astuti, dkk. 2009. Analisis dan Desain
Informasi. Diakses tanggal 12 November 2020
<http://www.scribd.com/doc/67154238/16/Tahapan-System-Development-
Life-Cycle-SDLC>.

xvii
18