SKRIPSI

SISTEM INFORMASI PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNVERSITAS HAMZANWADI BERBASIS WEB

oleh :

SATRIAWAN
NIM. 01.02.14.0095

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS HAMZANWADI
2018
 SKRIPSI

SISTEM INFORMASI PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNVERSITAS HAMZANWADI BERBASIS WEB

Ditulis untuk memenuhi sebagian persyaratan akademik

guna memperoleh gelar Sarjana Komputer
pada Fakultas Teknik Universitas Hamzanwadi

oleh :

SATRIAWAN
NIM. 01.02.14.0095

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS HAMZANWADI
2018

i
 PERNYATAAN KEASLIAN SKRIPSI

Saya yang bertanda tangan dibawah ini :

Nama Mahasiswa : SATRIAWAN

NIM : 01.02.14.0095
Program Studi : Teknik Informatika

Dengan ini meyatakan bahwa skripsi yang saya buat dengan judul “SISTEM INFORMASI
PEROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS
HAMZANWADI BERBASIS WEB” dibuat dan diselesaikan sendiri, dengan menggunakan
data yang diambil pada saat penelitian dan bukan merupakan duplikasi hasil karya orang
lain atau yang pernah digunakan untuk mendapat gelar serjana di perguruan tinggi lain,
keculi pada bagian-bagian sumber informasi dicantumkan sebagai referensi yang
semestinya.
Apabila terbukti saya tidak memenuhi apa yang telah dinyatakan di atas, maka skripsi
yang saya buat ini bisa dinyatakan batal.

Selong, 08 Februari 2018

Yang membuat pernyataan

SATRIAWAN
NIM. 01.02.14.0095

ii
 LEMBAR PERSETUJUAN

“SISTEM INFORMASI PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS

TEKNIK UNIFERSITAS HAMZANWADI BERBASIS WEB”

Oleh :

Nama : SATRIAWAN

NIM : 01.02.14.0095

Program Studi : TEKNIK INFORMATIKA

Telah diperiksa dan disetujui untuk diajukan dan dipertahankan dalam ujian skripsi guna
menyelesaikan sebagian persyaratan akademik untuk mencapai Gelar Sarjana Komputer
pada program studi Teknik Informatika Fakultas Teknik Universitas Hamzanwadi.

Pancor, 08 Februari 2018

Pembimbing 1 Pembimbing 2

(Aris Sudianto, M.Kom.) (Muhamad Sadali, SE., M.Kom.)

NIDN : 0811068602 NIDN : 08201171001

Mengetahui :
Ketua Program Studi Teknik Informatika

(Aris Sudianto, M.Kom.)

NIDN : 0811068602

iii
 LEMBAR PENGESAHAN

Pada hari ini Selasa tanggal … bulan…. Tahun 2018 telah diselenggarakan presentasi
skripsi untuk memenuhi sebagian persyaratan akademik guna mencapai Gelar Sarjana
Komputer Program Studi Teknik Informatika Fakultas Teknik Universitas Hamzanwadi,
atas nama :

Nama : SATRIAWAN

NIM : 01.02.14.0095

Program Studi : TEKNIK INFORMATIKA

termasuk juga ujian skripsi yang berjudul “SISTEM INFORMASI PROGRAM STUDi
TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIFERSITAS HAMZANWADI BERBASIS
WEB” oleh tim penguji yang terdiri dari:

Ketua Penguji
Aris Sudianto, M.Kom.
NIDN : 0811068602 : …………….........................
Anggota

NIDN : …………….........................
Anggota

NIDN : …………….........................

Pancor, 08 Februari 2018

Mengetahui dan Mengesahkan
Dekan,

(H. Muhammad Djamaluddin, B.Eng. M.Kom)

NIDN : 0815117301

iv
 ABSTRACT

The purpose of this thesis is to make the information system of engineering informatics
study program faculty of engineering hamzanwadi uuniversitas. Information systems made
as a consideration in the delivery of information and profile of the study program of
engineering informatics hamzanwadi university engineering faculty to be more easily
recognized and accessed by students, teachers, and outsiders faculty.
The information system of informatics study program of hamzanwadi university engineering
faculty contains profile of study program of informatics engineering consisting of vision of
mission, organizational structure, accreditation, data of lecturer, data of course, student
data of study program of informatics engineering, gallery and latest information about
informatics technique. Such data by informatics engineering courses can be used as well
as possible to improve the quality of informatics engineering study program and informatics
engineering program information dissemination to all parties quickly and efficiently.
iSistem informatics information systems university hamzanwadi web-based universities is
created with PHP programs and MySQL database. Can be concluded that this system is
ready to be developed.

Keywords: information systems, informatics engineering courses, PHP, MySQL.

v
 ABSTRAK

Tujuan skripsi ini adalah membuat sistem informasi Program Studi Teknik Informatika
Fakultas Teknik Universitas Hamzanwadi. System informasi ini dibuat sebagai bahan
pertimbangan dalam penyampaian informasi dan profil Program Studi Teknik Informatika
Fakultas Teknik Universitas Hamzanwadi agar lebih dikenal dan diakses dengan mudah
oleh mahasiswa, dan pihak luar fakultas.
System informasi Program Studi Teknik Informatika Fakultas Teknik Universitas
Hamzanwadi ini berisikan profil program studi teknik informatika yang terdiri dari visi misi,
struktur organisasi, akreditasi, data dosen pengampu, data matakuliah, data mahasiswa
program studi teknik informatika, galeri dan informasi terbaru seputar teknik informatika.
Data tersebut oleh Program Studi Teknik Informatika dapat dipergunakan sebaik-baiknya
untuk meningkatkan mutu Program Studi Teknik Informatika dan penyampaian informasi
Program Studi Teknik Informatika kepada semua pihak dengan cepat dan efisien.
Sistem Informasi Program Studi Teknik Informatika Universitas Hamzanwadi berbasis web
ini dibuat dengan program PHP dan database MySQL. Dapat disimpulkan bahwa sistem
ini sudah siap dikembangkan.

Kata Kunci : sistem informasi, program studi teknik informatika, PHP, MySQL.

vi
 LEMBAR PERSEMBAHAN

Segala puji bagi Allah, Raab semesta alam yang senantiasa memberikan karunia sehingga
penulis mampu menyelesaikan penulisan skripsi ini.

Karya ini saya persembahakn untuk :

Bapak dan Ibu yang tekah memebrikan segalanya.

Terima kasih untuk semua pengorbanan, do’a, kasih saying yang tiada henti.

Semoga senantiasa diberikan kesehatan untuk bapak dan untuk ibu diampuni segala
dosa – dosanya dan semoga selalu dalam lindungan Allah SWT.

Pak Aris Sudianto, S.Kom dan Pak Muhamad Sadali, SE .M.Kom.

Yang telah memebrikan bimbingan dan Motivasi agar skripsi ini bisa selesai dengan waktu
yang telah ditentukan.

Teman – teman kelas jurusan Teknik Informatika A

Yang telah bersama-sama dikala sulit, dan berbagi di saat gembira

vii
 MOTO

“Man jadda wa jada.”

Barang siapa yang bersungguh-sungguh

Maka ia akan berhasil meraih cita-citanya.

viii
 KATA PENGANTAR

Puji syukur kepada Tuhan Yang Maha Esa atas segala rahmat yang telah diberikan-Nya,
sehingga skripsi ini dapat diselesaikan.
Skripsi dengan judul “Sistem Informasi Program Studi Teknik Informatika Fakultas Teknik
Universitas Hamzanwadi Berbasis Web” ini digunakan untuk memenuhi persyaratan
akademik guna memperoleh gelar serjana komputer pada Fakultas Teknik Universitas
Hamzanwadi.
Penulis menyadari bahwa tanpa bimbingan, bantuan dan do’a dari berbagai pihak, skripsi
ini tidak akan dapat diselesaikan tepat pada waktunya, penulis mengucapkan terima kasih
yang sebesar-besarnya kepada :
1. Ibu Dr. Hj. Siti Rohmi Djalillah, M.Pd. selaku Rektor Universitas Hamzanwadi.
2. Bapak H. Muhammad Djamaludin, B.Eng, M.Kom. selaku Dekan Fakultas Teknik
Universitas Hamzanwadi.
3. Bapak Aris Sudianto, M.Kom. selaku Ketua Program Studi Teknik Informatika
Fakultas Teknik Universitas Hamzanwadi.
4. Bapak Aris Sudianto, M.Kom. selaku selaku dosen pembimbing satu yang telah
memberikan bimbingan dan masukan kepada penulis.
5. Bapak Muhamad Sadali, SE., M.Kom. selaku dosen pembimbing dua yang telah
memberikan saran dan masukan kepada penulis.
Penulis menyadari bahwa skripsi masih ada kekurangan dalam penyusunannya, oleh
karena itu, kritik dan saran dari pembaca akan sangat penulis harapkan.
Semoga skripsi ini dapat bermanfaat bagi semua pihak.

Pancor, 08 Februari 2018

SATRIAWAN
NIM : 01.02.14.0095

ix
 DAFTAR ISI

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

PERNYATAAN KEASLIAN SKRIPSI .................................................................................... ii

LEMBAR PERSETUJUAN................................................................................................... iii

LEMBAR PENGESAHAN .................................................................................................... iv

ABSTRACT ......................................................................................................................... v

ABSTRAK ............................................................................................................................ vi

LEMBAR PERSEMBAHAN ................................................................................................ vii

MOTO .............................................................................................................................. viii

KATA PENGANTAR ............................................................................................................ ix

DAFTAR ISI ......................................................................................................................... x

DAFTAR GAMBAR ............................................................................................................ xiv

DAFTAR TABEL ................................................................................................................ xvi

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

I.1. Latar Belakang........................................................................................................ 1

I.2. Rumusan Masalah .................................................................................................. 2

I.3. Batasan Masalah .................................................................................................... 2

I.4. Tujuan dan Manfaat Penelitian ............................................................................... 2

I.4.1. Tujuan Penelitian .................................................................................................... 2

I.4.2. Manfaat Penelitian ................................................................................................. 3

I.5. Metode Pengumpulan Data .................................................................................... 3

I.6. Sitematika Penulisan .............................................................................................. 4

BAB II LANDASAN TEORI................................................................................................. 5

II.1 Sistem Informasi ..................................................................................................... 5

II.2 Database ................................................................................................................ 6

x
II.3 MySql ...................................................................................................................... 8

II.4 XAMPP ................................................................................................................... 8

II.5 PHP ........................................................................................................................ 9

II.6 JQuery .................................................................................................................... 9

II.7 Bootstrap .............................................................................................................. 10

II.8 Data Flow Diagram (DFD) .................................................................................... 10

II.9 Bagan Alir (Flowchart) .......................................................................................... 12

II.10 Entity Relationship Diagram.................................................................................. 14

II.11 Flowmap ............................................................................................................... 16

II.12 Sublime Text ......................................................................................................... 18

II.13 Web Browser ........................................................................................................ 18

BAB III ANALISA DAN PERANCANGAN SISTEM ........................................................... 22

III.1 Definisi Ruang Lingkup ......................................................................................... 22

III.1.1 Gambaran Umum Fakultas Teknik Universitas Hamzanwadi ............................... 22

III.1.2 Visi dan Misi Program Studi Teknik Informatika .................................................... 25

III.2 Analisis Sistem Yang Sedang Berjalan ................................................................. 27

III.2.1 Kelemahan Sistem Yang Sedang Berjalan ........................................................... 28

III.3 Hasil Analisis ........................................................................................................ 29

III.4 Uraian Singkat Sistem Yang Diusulkan ............................................................... 29

III.4.1 Proses Sistem Informasi Halaman User ............................................................... 29

III.4.2 Prosesn Sistem Informasi Halaman Administrator ................................................ 29

III.5 Analisis Kebutuhan Sistem ................................................................................... 30

III.6 Perancangan Sistem............................................................................................. 30

III.6.2 Rancangan Diagram Konteks ............................................................................... 31

III.6.2 Flowmap Sistem Yang Diusulkan ......................................................................... 31

xi
III.7 Perancangan Database ........................................................................................ 38

III.7.1 Tabel sbadmin ...................................................................................................... 38

III.7.2 Tabel Header ........................................................................................................ 38

III.7.3 Tabel Visimisi........................................................................................................ 38

III.7.4 Tabel Struktur Organisasi ..................................................................................... 39

III.7.5 Tabel Berita .......................................................................................................... 39

III.7.6 Tabel Kategor Berita ............................................................................................. 39

III.7.7 Tabel Komentar .................................................................................................... 40

III.7.8 Tabel Album.......................................................................................................... 40

III.7.9 Tabel Photo .......................................................................................................... 40

III.7.10 Tabel Dosen ......................................................................................................... 40

III.7.11 Tabel Matakuliah .................................................................................................. 41

III.8 Entity Relationship Diagram (ERD) ....................................................................... 41

III.9 Perancangan Layar Antarmuka ............................................................................ 43

III.9.1 Rancangan Antarmuka Halaman User ................................................................. 43

III.9.2 Perancangan Antarmuka Halaman Login ............................................................. 46

III.9.3 Perancangan Antarmuka Halaman Administrator ................................................. 46

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM................................................... 51

IV.1. Kebutuhan Sistem dan Pengujian ......................................................................... 51

IV.1.1. Kebutuhan Perangkat Lunak ................................................................................ 51

IV.1.2. Kebutuhan Perangkat Keras ................................................................................. 51

IV.2. Implementasi Antarmuka ...................................................................................... 52

IV.2.1. Halaman Untuk User............................................................................................. 52

IV.2.2. Halaman Untuk Login Administrator ..................................................................... 56

IV.2.3. Halaman Administrator ......................................................................................... 57

xii
IV.3. Pengujian Mandiri ................................................................................................. 63

BAB V PENUTUP............................................................................................................. 68

V.1. Kesimpulan ........................................................................................................... 68

V.2. Saran .................................................................................................................... 68

DAFTAR PUSTAKA........................................................................................................... 69

xiii
 DAFTAR GAMBAR

Gambar 3.1 : Alur Visi, Misi dan Tujuan ............................................................................ 23

Gambar 3.2 : Flowmap Sistem Yang Sedang Berjalan ...................................................... 28
Gambar 3.3 : Diagram Konteks Sistem Informasi Program Studi Teknik Informatika ........ 31
Gambar 3.4 : Flowmap Sistem Yang Diusulkan untuk User .............................................. 32
Gambar 3.5 : Flowmap Sistem Yang Diusulkan Untuk Administrator ................................ 33
Gambar 3.6 : Flowmap Yang Diusulkan Untuk Login Administrator .................................. 34
Gambar 3.7 : Flowmap Yang Diusulkan Untuk Tambah Data ........................................... 35
Gambar 3.8 : Flowmap Yang Diusulkan Untuk Edit Data .................................................. 36
Gambar 3.9 : Flowmap Yang Diusulkan Untuk Hapus Data .............................................. 37
Gambar 3.10 : Entity Relationship Diagram untuk tabel berita .......................................... 42
Gambar 3.11 : Entity Relationship Diagram untuk tabel foto ............................................ 42
Gambar 3.12 : Rancangan Halaman Utama User ............................................................. 43
Gambar 3.13 : Rancangan Halaman Menu Tentang ......................................................... 44
Gambar 3.14 : Rancangan Halaman Menu Akademik ....................................................... 44
Gambar 3.15 : Rancangan Halaman Untuk Melihat Berita Selengkapnya ........................ 45
Gambar 3.16 : Rancangan Halaman Untuk Menu Dosen .................................................. 45
Gambar 3.17 : Rancangan Halaman Login Administrator ................................................ 46
Gambar 3.18 : Rancangan halaman index administrator ................................................... 46
Gambar 3.19 : Rancangan Tampilan Pengolahan Header ................................................ 47
Gambar 3.20 : Rancangan Tampilan Pengolahan Visi dan Misi ........................................ 47
Gambar 3.21 : Rancangan Tampilan Tambah berita ......................................................... 48
Gambar 3.22 : Rancangan Tampilan Halaman Daftar Berita ............................................ 48
Gambar 3.23 : Rancangan Tampilan Halaman Pengolahan Kategori Berita ..................... 49
Gambar 3.24 : Rancangan Tampilan Halaman Pengolahan Album Photo ........................ 49
Gambar 3.25 : Rancangan Tampilan Halaman Pengolahan Foto Kegiatan ...................... 50
Gambar 3.26 : Rancangan Tampilan Halaman Pengolahan Data Dosen .......................... 50
Gambar 4.1 : Tampilan Halaman Utama User ................................................................... 52
Gambar 4.2 : Tampilan Halaman Visi dan Misi Program Studi Teknik Informatika ............ 53
Gambar 4.3 : Tampilan Halaman Matakuliah Program Studi Teknik Informatika............... 53

xiv
Gambar 4.4 : Tampilan Halaman Lengkap Dari Satu Informasi......................................... 54
Gambar 4.5 : Tampilan Halaman Kontak Program Studi Teknik Informatika ..................... 54
Gambar 4.6 : Tampilan Halaman Dosen Lengkap ............................................................. 55
Gambar 4.7 : Tampilan Halaman Login Administrator ....................................................... 56
Gambar 4.8 : Tampilan Halaman Utama Administrator ..................................................... 57
Gambar 4.9 : Tampilan Halaman Menu Header ................................................................ 58
Gambar 4.10 : Tampilan Halaman Visi dan Misi ................................................................ 58
Gambar 4.11 : Tampilan Halaman Tambah Berita ............................................................ 59
Gambar 4.12 : Tampilan Halaman Daftar Berita ................................................................ 59
Gambar 4.13 : Tampilan Halaman Kategori Berita ............................................................ 60
Gambar 4.14 : Tampilan Halaman Album Foto ................................................................. 60
Gambar 4.15 : Tampilan Halaman Foto............................................................................. 61
Gambar 4.16 : Tampilan Halaman Dosen ......................................................................... 61
Gambar 4.17 : Tampilan Halaman Matakuliah .................................................................. 62
Gambar 4.18 : Tampilan Halaman Berkas......................................................................... 62
Gambar 4.19 : Tampilan Halaman Pesan.......................................................................... 63

xv
 DAFTAR TABEL

Tabel 2.1 : Elemen-elemen DFD ..................................................................................... 12

Tabel 2.2 : Simbol Flowchart ........................................................................................... 13
Tabel 2.3 : Simbol Flowmap ............................................................................................. 16
Tabel 3.1 : Tabel sbadmin ................................................................................................ 38
Tabel 3.2 : Tabel Header .................................................................................................. 38
Tabel 3.3 : Tabel visimisi .................................................................................................. 39
Tabel 3.4 : Tabel struktur_organisasi................................................................................ 39
Tabel 3.5 : Tabel Berita .................................................................................................... 39
Tabel 3.6 : Tabel kategori_berita ...................................................................................... 39
Tabel 3.7 : Tabel Komentar .............................................................................................. 40
Tabel 3.8 : Tabel Album.................................................................................................... 40
Tabel 3.9 : Tabel photo ..................................................................................................... 40
Tabel 3.10 : Tabel Dosen ................................................................................................. 41
Tabel 3.11 : Tabel Matakuliah .......................................................................................... 41
Tabel 4.1 : Hasil Pengujian Mandiri Halaman User .......................................................... 63
Tabel 4.2 : Hasil Pengujian Mandiri Halaman Admin Sistem Informasi ............................ 65

xvi
 BAB I
PENDAHULUAN

I.1. Latar Belakang

Saat ini perkembangan internet semakin pesat dan merupakan salah satu contoh tekologi
informasi yang efektif untuk penyebaran informasi karena internet merupakan sarana
komunikasi yang bersifat global. Memudahkan bagi siapa saja untuk dapat mengakses
semua informasi dimana dan kapan saja. Dengan perkembangan teknologi yang sangat
pesat, sarana dan prasarana pendidikanpun harus mengikuti perkembangan yang ada
untuk mendukung kualitas pendidikan. Sehingga memungkinkan setiap orang dengan
mudah melihat informasi pendidikan, hal ini akan memudahkan semua orang dapat
mengetahui informasi yang dibutuhkan.
Fakultas Teknik Universitas Hamzanwadi memiliki lima Program Studi unggulan yaitu S1
Teknik informatika, S1 Sistem Informasi, S1 Teknik Komputer, S1 Teknik Lingkungan,
serta D3 Managemen Informatika. Dari kelima program studi yang ada di Fakultas Teknik
Universitas Hamzanwadi, beberapa diantaranya masih belum memiliki websiteyang
menyajikan secara lengkap informasi mengenai masing-masing program studi.Khususnya
Teknik Informatikayang sudah memiliki content yang menyajikan informasi tentang
program studi Teknik Informatika pada website umum Fakultas Teknik, namun informasi
yang disajikan tidak lengkap. Hal ini menyebabkan timbulnya permasalahan karena
informasi tentang program studiTeknik Informatika belum terpublikasikan secara lengkap
kepada masyarakat khususnya pelajar yang akan memasuki masa perkuliahan. Bahkan
mahasiswa yang sudah berada di Fakultas Teknik yang mengambil program studi Teknik
Informatika beberapa diantaranya belum mengetahui tentang program studi yang telah
diambilnya secara lengkap.
Kebutuhan akan informasi yang lengkap dan benar mengenai program studi yang ada
pada Fakultas Teknik khususnya Teknik Informatika mempengaruhi prestasi belajar dari
mahasiswa yang mengambil program studi Teknik Informatika.Berdasarkan keterangan di
atas, maka penulis tertarik untuk menyusun Skripsiyang berjudul “Sistem Informasi

1
Program Studi Teknik Informatika Fakultas Teknik Universitas Hamzanwadi Berbasis
Web”.

I.2. Rumusan Masalah

Berdasarkan uraian di atas, maka permasalah yang timbul dalam pengerjaan Skripsi ini
adalah bagaimana membangun sebuah Sistem Informasi Program Studi Teknik
Informatika Fakultas Teknik universitas Hamzanwadi Berbasis Web yang bisa memberikan
informasi tentang program studi teknik informatika secara lebih lengkap.

I.3. Batasan Masalah

Batasan masalah pada Skripsi ini adalah:
1. Pembuatan sistem informasi yang dikhususkan untuk Program Studi Teknik
Informatika Fakultas Teknik Universitas Hamzanwadi.
2. Sistem Informasi ini menampilkan informasi mengenai Program Studi Teknik
Informatika yang meliputi visi dan misi program studi, sasaran dan tujuan, serta
profil dosen pengampu yang akan mengampu di program studi Teknik Informatika,
galeri kegiatan serta informasi lain yang berhubungan dengan program studi
Teknik Informatika.

I.4. Tujuan dan Manfaat Penelitian

I.4.1. Tujuan Penelitian

Tujuan dari diadakannya penelititan, perancangan, dan pembuatan sistem informasi ini
dalam menunjang penulisan skripsi adalah untuk
1. Membangun Sistem InformasiProgram Studi Teknik Informatika Fakultas Teknik
Universitas Hamzanwadi Berbasis Web sebagai media penyebaran informasi
utama untuk di kenal di dunia internet secara luas.
2. Membangun sebuah layanan informasi program studi teknik informatika untuk
masyarakat luas yang nantinya menjadi sumber infrmasi, hal ini menjadikan data
profil program studi teknik informatika dapat terkomputerisasi.
3. Sebagai media penebaran informasi yang lebih luas sehingga banyak
mendapatkan calon mahasiswa.

2
I.4.2. Manfaat Penelitian
Pelaksanaan Skripsi ini diharapkan dapat memberikan manfaat sebagai berikut :
1. Bagi penulis
dapat mempraktekkan ilmu yang telah diperoleh selama masa perkuliahan. hasil
penelitian akan menambah pengetahuan dan wawasan penulis mengenai sistem
informasi.
2. Bagi Instansi
a. Fakultas Teknik dapat mempublikasikan informasi berhubungan dengan
program studi Teknik Informatika.
b. Masyarakat khususnya mahasiswa bisa mendapat informasi dengan cepat
dan efisien melalui sistem informasitersebut.

I.5. Metode Pengumpulan Data

Metode pengumpulan data yang dilakukan dalam penelitian ini adalah:
1. Observasi
Pengumpulan data dengan melakukan pengamatan secara langsung terhadap
objek penelitian, dengan mencatat hal-hal penting yang berhubungan dengan
judul skripsi, sehingga diperoleh data yang lengkap.
2. Wawancara
Pengumpulan data dengan cara melakukan komunikasi dan wawancara langsung
dengan pihak fakultas.
3. Studi Pustaka
Pengumpulan data dengan menggunakan atau mengumpulkan sumber-sumber
tertulis, dengan cara membaca, mempelajari dan mencatat hal-hal penting yang
berhubungan dengan masalah yang sedang dibahas guna memperoleh gambaran
secara teoritis yang dapat menunjang pada penyusunan skripsi.

3
I.6. Sitematika Penulisan
Penyusunan Skripsi ini diuraikan dalam beberapa bab dan sub bab yang tersusun sebagai
berikut :
BAB I PENDAHULUAN
Bab ini membahas mengenai latar belakang masalah, rumusan masalah,
batasan masalah, tujun dan manfaat penelitian, metode pengumpulan datadan
sistematika penulisan.
BAB II LANDASAN TEORI
Bab ini akan menguraikan teori-teori yang akan digunakan sebagai acuan dalam
menyususn laporan tugas akhir ini.
BAB III ANALISA DAN PERANCANGAN SISTEM
Dalam bab ini berisis tentang system desain arsitektural yang berisi berupa
desain database, desain arsitektural dan desain interface, program flowchart.
BAB IV IMPLEMENTASI DAN PEMBAHASAN
Bab ini berisikan implementasi system yang telah dibuat, kesesuain tampilan
danisi dari system.
BAB V PENUTUP
Bab ini berisikan kesimpulan dari hasil penelitian dan pembahasan beserta saran
yang ditujukan untuk penyempurnaan dan pengembangan sistem di masa
mendatang.

4
 BAB II
LANDASAN TEORI

II.1 Sistem Informasi

Menurut John F. Nash (1995:8) yang diterjemahkan oleh La Midjan dan Azhar Susanto,
menyatakan bahwa Sistem Informasi adalah:
Sistem Informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media,
prosedur dan pengendalian yang bermaksud menata jaringan komunikasi yang penting,
proses atas transaksi-transaksi tertentu dan rutin, membantu manajemen dan pemakai
intern dan ekstern dan menyediakan dasar pengambilan keputusan yang tepat[1].
Sedangkan menurut Henry Lucas (1988:35) yang diterjemahkan oleh Jugianto H.M,
menyatakan bahwa Sistem Informasi adalah :
Sistem Informasi adalah suatu kegiatan dari prosedur-prosedur yang diorganisasikan,
bilamana dieksekusi akan menyediakan informasi untuk mendukung pengambilan
keputusan dan pengendalian di dalam organisasi[1].
Menurut John F.Nash dan Martil B.Robert (1988:35) yang diterjemahkan oleh Jugianto
H.M, menyatakan bahwa :
Sistem Informasi adalah kombinasi dari orang-orang, fasilitas, teknologi, media, prosedur-
prosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi pentingm,
memproses tipe transaksi rutin tertentu, memberi sinyal kepada manajemen yang lainnya
terhadap kejadian-kejadian internal[1].
Dari ketiga pengertian sitem informasi diatas, maka dapat disimpulkan bahwa Sistem
Informasi menyediakan informasi untuk membantu pengambilan keputusan manajemen,
operasi perusahaan dari hari ke hari dan informasi yang layak untuk pihak luar
perusahaan.
Selain itu pengertian sistem informasi menurut Rommey (1997:16) yang dialihbahasakan
oleh Krismiaji (2002; 12) adalah sebagai berikut :
Sistem Informasi adalah cara-cara yang diorganisasi untuk mengumpulakn, memasukkan,
mengolah, dan menyimpan data dan cara-cara yang diorganisasi untuk menyimpan,
mengelola, mengendalikan dan melaporkan informasi sedemikian rupa sehingga sebuah
organisasi dapat mencapai tujuan yang telah ditetapkan[1].

5
Tujuan Sistem Informasi :
a) Menyediakan informasi untuk membantu pengambilan keputusan manajemen
b) Membantu petugas didalam melaksanakan operasi perusahaan dari hari ke
hari
c) Menyediakan informasi yang layak untuk pemakai pihak luar perusahaan [1].

II.2 Database
Basis data adalah kumpulan file-file yang mempunyai kaitan antara satu file dengan file
lain sehingga membentuk suatu bangunan data untuk menginformasikan suatu
perusahaan atau instansi dalam batasan tertentu. Basis Data terdiri dari 2 kata, yaitu Basis
dan Data. Basis dapat diartikan sebagai markas atau gudang dimana tempat
bersarang/berkumpul. Sedangkan Data adalah represntasi fakta dunia nyata yang
mewakili suatu objek seperti manusia (pegawai, siswa, pembeli, pelanggan), barang,
hewan, peristiwa, konsep, keadaan, dan sebagainya, yang direkam dalam bentuk angka,
huruf, simbol, teks, gambar, bunyi, atau kombinasisnya. Database management system
(DBMS) adalah merupakan suatu sistem software yang memungkinkan seorang user
dapat mendefinisikan, membuat, dan memelihara serta menyediakan akses terkontrol
terhadap data. Database sendiri adalah sekumpulan data yang berhubungan dengan
secara logika dan memiliki beberapa arti yang saling berpautan. Sistem Basis Data
merupakan suatu sistem menyusun dan mengelola record-record menggunakan komputer
untuk menyimpan atau merekam serta memelihara data operasional lengkap sebuah
organisasi/perusahaan sehingga mampu menyediakan informasi yang optimal yang
diperlukan pemakai untuk proses mengambil keputusan. Salah satu cara menyajikan data
untuk mempermudah modifikasi adalah dengan cara pemodelan data. Model yang akan
dipergunakan pada pelatihan ini adalah Entity Relationship Model[2].
Perkembangan DBMS Dan Kelengkapannya
Berdasarkan Orientasi pemakainnya DBMS dikelompokkan dalam 2 kategori, yaitu:
1. DBMS yang berorientasi untuk satu atau sedikit pemakai. Contoh: MS-Access,
dBase/Clipper, FoxBase, dan Borland-Paradox.
2. DBMS yang berorientasi untuk banyak pemakai. Contoh: IBM-DB2, Borland-
Interbase, Informix, Oracle, MS-SQL Server, MySQL.

6
Berdasarkan perkembangan teknologinya:
1. DBMS Konvensional (Legacy DBMS).
2. DBMS Berorientasi Objek (Objek-Oriented DBMS/OODBMS).
3. DBMS Obejk Relasional (Objek-Relational DBMS/ORDBMS).
4. DBMS untuk Web/Internet (Internet DBMS).
Tujuan Basis Data:
 Mengatur data sehingga diperoleh kemudahan, ketepatan dan kecepatan dalam
penggunaan kembali data tersebut.
 Tidak adanya redundansi dan menjaga konsistensi data.
 Pengaturan dalam pemilahan data sesuai dengan fungsi dan jenisnya.
Manfaat Penggunaan Basis Data:
1. Kecepatan dan Kemudahan (Speed)
Dengan menggunakan basis data pengambilan informasi dapat dilakukan dengan
cepat dan mudah.
2. Kebersamaan Pemakaian (Sharability)
Sebuah basis data dapat digunakan oleh banyak user dan banyak aplikasi.
3. Pemusatan Kontrol Data
Karena cukup dengan satu basis data untuk banyak keperluan, pengontrolan
terhadap data juga cukup dilakuan di satu tempat saja.
4. Efisiensi Ruang Penyimpanan (Space)
Dengan pemakain bersama, kita tidak perlu menyediakan tempat penyimpanan
diberbagai tempat, tetapi cukup satu saja sehingga ini akan menghemat ruang
penyimpanan data yang dimilikioleh sebuah organisasi.
5. Keakuratan (Accuracy)
Penerapan secara ketat aturan tipe data, domain data, keunikan data, hubungan
antara data, dan lain-lain, dapat menekan keakuratan dalam
pemasukan/penyimpanan data.
6. Ketersediaan (Availability)
Dengan basis data kita dapat mem-backup data, memilah-milah data mana yang
masih diperlukan dan data mana yang perlu kita simpan ke tempat lain.

7
 7. Keamanan (Security)
Kebanyakan DBMS dilengkapi dengan fasilitas manajemen pengguna diberikan
hak akses yang berbeda-beda sesuai dengan pengguna dan posisinya. Basis data
bisa diberikan passwordnya untuk membatasi orang yang mengaksesnya.
8. Kemudahan dalam Pembuatan Program Aplikasi Baru
Pengguna basis data merupakan bagian dari perkembangan teknologi. Dengan
adanya basis data pembuatan aplikasi bisa memanfaatkan kemampuan dari
DBMS, sehingga pembuatan aplikasi tidak perlu mengurusi penyimpanan data,
tetapi cukup mengatur interface untuk pengguna.

II.3 MySql
MySQL adalah Sebuah program database server yang mampu menerima dan
mengirimkan datanya sangat cepat, multiuser serta menggunakan peintah dasar SQL (
Structured Query Language ). MySQL merupakan dua bentuk lisensi, yaitu FreeSoftware
dan Shareware. MySQL yang biasa kita gunakan adalah MySQL FreeSoftware yang
berada dibawah Lisensi GNU/GPL ( General Public License ). MySQL Merupakan sebuah
database server yang free, artinya kita bebas menggunakan database ini untuk keperluan
pribadi atau usaha tanpa harus membeli atau membayar lisensinya. MySQL pertama kali
dirintis oleh seorang programmer database bernama Michael Widenius . Selain database
server, MySQl juga merupakan program yang dapat mengakses suatu database MySQL
yang berposisi sebagai Server, yang berarti program kita berposisi sebagai Client. Jadi
MySQL adalah sebuah database yang dapat digunakan sebagai Client mupun server.
Database MySQL merupakan suatu perangkat lunak database yang berbentuk database
relasional atau disebut Relational Database Management System ( RDBMS ) yang
menggunakan suatu bahasa permintaan yang bernama SQL (Structured Query Language
)[3].

II.4 XAMPP
XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia
database server mysql dan support php programming. XAMPP merupakan software yang
mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows. Keuntungan
lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL

8
Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya. Hanya
bedanya kalau yang versi untuk Windows sudah dalam bentuk instalasi grafis dan yang
Linux dalam bentuk file terkompresi tar.gz. Kelebihan lain yang berbeda dari versi untuk
Windows adalah memiliki fitur untuk mengaktifkan sebuah server secara grafis, sedangkan
Linux masih berupa perintah-perintah di dalam console. Oleh karena itu yang versi untuk
Linux sulit untuk dioperasikan. Dulu XAMPP untuk Linux dinamakan LAMPP, sekarang
diganti namanya menjadi XAMPP FOR LINUX[4].

II.5 PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak
dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan
digunakan untuk pemakaian lain. Contoh terkenal dari aplikasi PHP adalah forum (phpBB)
dan MediaWiki (software di belakang Wikipedia). PHP juga dapat dilihat sebagai pilihan
lain dari ASP.NET/C#/VB.NET Microsoft, ColdFusion Macromedia, JSP/Java Sun
Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS yang
dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke, Xaraya, dan lainlain [5].

II.6 JQuery
JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana
interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh
John Resig. Fitur utama dari JQuery diantaranya :
a. Dapat mengakses elemen dalam dokumen
Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus
mengikuti aturan Document Object Model dan pengaksesan harus secara spesifik
menyesuaikan dengan struktur HTML.
b. Mengubah tampilan halaman website
CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam
mengatur dan mempercantik halaman web.
c. Mengubah isi dari dokumen
Tidak hanya memberikan “kosmetik” pada halaman web, JQuery juga memberikan
fasilitas untuk mengubah isi dari dokumen hanya dengan beberapa baris perintah.
d. Merespon interaksi user

9
 Javascript sendiri memiliki beberapa event-handling seperti onclick untuk
menangani event saat terjadi click.
e. Animasi pada dokumen
Animasi seringkali disertakan dalam suatu halaman web untuk menambah
kecantikannya.
f. Mengambil informasi dari server tanpa harus me-refresh halaman
Mengambil informasi dari server tanpa refresh halaman merupakan salah satu
konsep dasar yang dikenal dengan nama AJAX (Asynchronous Javascript and
XML).
g. Menyederhanakan penulisan sintaks Javascript
Semboyan JQuery adalah “Write less, do more” atau dengan kata lain
kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih [6].

II.7 Bootstrap
Bootstrap adalah sebuah library framework CSS yang di buat khusus untuk bagian
pengembangan frontend website. bootstrap merupakan salah satu framework HTML, CSS
dan javascript yang paling populer di kalangan web developer. pada saat ini hampir semua
web developer telah menggunakan bootstrap untuk membuat tampilan front-end menjadi
lebih mudah dan sangat cepat. karena anda hanya perlu menambahkan class-class
tertentu untuk misalnya membuat tombol, grid, navigasi dan lainnya. Bootstrap telah
menyediakan kumpulan komponen class interface dasar yang telah di rancang sedemikian
rupa untuk menciptakan tampilan yang menarik, bersih dan ringan. selain komponen class

interface, bootstrap juga memiliki 㜀㌀tur grid yang berfungsi untuk mengatur layout pada

halaman website yang bisa digunakan dengan sangat mudah dan cepat. dengan
menggunakan bootstrap kita juga di beri keleluasaan dalam mengembangkan tampilan
website yang menggunakan bootstrap yaitu dengan cara mengubah tampilan bootstrap
dengan menambahkan class dan CSS sendiri[7].

II.8 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan profesional
sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang

10
dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi.
DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses,
diagram alur kerja, atau model fungsi. DFD ini adalah salah satu alat pembuatan model
yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih
penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain,
DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi
sistem. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data
dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun
rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai
maupun pembuat program[8].
Data Flow Diagram (DFD) atau diagram aliran data adalah alat yang menggambarkan
aliran data melalui sistem dan kerja atau pengolahan yang dilakukan oleh sistem tersebut
(Whitten, 326:2004). Ada 4 elemen yang menyusun suatu DFD[9].
Ada 4 elemen yang menyusun suatu DFD yaitu:
a. Proses
Aktivitas atau fungsi yang dilakukan untuk alas an bisnis yang spesifikasi bias
berupa manual maupun terkomputerisasi.
b. Data Flow
Satu data tunggal atau kumpulan logis suatu data, selalu diawali atau berakhir
pada suatu proses.
c. Data Store
Kumpulan data yang disimpan dengan cara tertentu. Data yang mengair disimpan
dalam data store.
d. External Entity
Orang, organisasi, atau sistem yang berada diluar sistem tapi berinteraksi dengan
sistem
Masing-masing elemen akan diberi lambing tertentu untuk membedakan satu dengan yang
lain. Ada beberapa metode untuk menggambarkan elemen-elemen tersebut. Untuk lebih
jelasnya dapat dilihat pada gambar berikut :

11
Tabel 2.1 : : Elemen-elemen DFD
Elemen Data Flow Field Tipikal yang biasa Simbol Gane And Simbol De Marco and
Diagram digunakan Serson Jourdan
SetiapProsesmemiliki : Label (Nama)
Nomer Type (Proses)
Nama Deskripsi
Deskripsi proses Nomer Proses No proses

Satu/lebih output data Nama proses

Flow Satu/lebih input Nama

data flow
Setiap Data Flow Label
memiliki : Type
Nama Deskripsi
Deskripsi Satu/lebih Alias
koneksi ke suatu proses Koposisi (Deskripsi dari Nama Nama
elemen-elemen data)
Setiap Data Store Label (nama)
memiliki : Type
Nomer Deskripsi
Nama Alias
Deskripsi Satu/lebih input Komposisi
data flow Satu/lebih Catatan
output data flow
Setiap entitas eksternal Label
memiliki : Tipe
Nama Entitas Nama Entitas
Nama Deskripsi
Deskripsi Alias
Deskripsi entitas

II.9 Bagan Alir (Flowchart)

Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan
prosedur dari suatu program. Flowchart menolong analis dan programmer untuk
memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam
menganalisis alternatif-alternatif lain dalam pengoperasian[10].
Dalam bukunya Longkutoy, mengatakan bahwa bahan dasar sebagai alat bantu untuk
menganaslisa persoalan, adalah symbol-simbol atau gambar standart yang digunakan

12
untuk menyusun suatu procedure dalam rangka komputerisasi. Kaitan antara satu symbol
dengan lainnya dinamakan flowchart. Karena dalam analisa persoalan menggunakan
symbol-simbol sebagai alat bantu, maka instruksi-instruksi yang ditulis dalam symbol-
simbol tersebut dinamakan program flowchart. Sedangkan symbol itu sendiri dinamakan
flowcharting template.
Dari penjalan diatas dapat disimpulkan bahwa bagan alir (flowchart) adalah diagram alat
bantu yang yang terdiri dari symbol yang menggambarkan suatu proses atau prosedur dari
algoritma.
Flowchart suatu bagan yang menggambarkan arus logika dari data yang akan diproses
dalam suatu program dari awal sampai akhir. Bagan alir program merupakan alat yang
berguna bagi programmer atau mempersiapkan program yang rumit , bagan alir terdiri
simbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir menunjukkan
urutan dari simbol yang akan dikerjakan[11].
Tabel 2.2 : Simbol Flowchart

Simbol Keterangn
Penghubung
Simbol untuk keluar/masuk atau proses dalam lembar atau halaman
lain
Input Output
Simbol yang menyatakan proses input dan output tanpa tergantung
dengan jenis perealtannya.
Dokumen
Simbul yang menyatakan inputberasal dari dokumen dalam bentuk
kertas atau output dicetak dikertas.
On Line Storage
Simbol yang menunjukkan bahwa data didalam simbol ini akan
disimpan
Simbol Garis Alir
Digunakan untuk menunjukkan arah selanjutnya yang akan
ditunjukkan dari simbol-simbol dan flowxhart.
Simbol Manual
Simbol yang menunjukkan ppengolahan yang tidak dilakukan oleh

13
 komputer
Terminal
Simbol yang menunjukkan untuk permulaan atau akhir suatu sistem
Kondisi
Simbol Keputusan yang menunjukkan
Proses
Simbol yang menunjukkan pengolahan dilakukan oleh komputer
Penghubung
Simbol untuk keluar/masuk prosedur atau proses dalam lembar atau
halamn yang masih sama.

II.10 Entity Relationship Diagram

Dalam rekayasa perangkat lunak, sebuah Entity-Relationship Model (ERM) merupakan
model data abstrak atau konseptual yang merepresentasikan data dalam bentuk
entitasentitas dan hubungannya. Entity-Relationship adalah salah satu metode pemodelan
basis data yang digunakan untuk menghasilkan skema konseptual namun dalam
implementasinya tidak bergantung terhadap software yang hendak digunakan dan pada
umumnya merupakan perangkat komunikasi antara pengembang dan pengguna.
Dimanasistem seringkali memiliki basis data relasional, dan ketentuannya bersifat top-
down. Diagram untuk menggambarkan model Entitiy-Relationship ini disebut
EntitiyRelationship diagram, ER diagram, atau ERD[12].
Elemen-elemen Diagram hubungan entitas :
1. Etity(Entitas)
Pada E-R diagram digambarkan dengan bentuk persegi panjang. Entity adalah
sesuatu apa saja yang ada didalam sistem, nyata maupun abstrak dimana data
tersimpan atau dimana terdapat data. Entitas diberi nama dengan kata benda
dan dapat dikelompokkan dalam empat jenis nama yaitu ; orang, benda, lokasi,
kejadian (terdapat unsure waktu didalamnya).
2. Relationship (Relasi)
Pada E-R diagram digambarkan dengan sebuah bentuk belah ketupat.
Relationship adalah hubungan alamiah yang terjadi antara entitas. Pada
umumnya penghubung (Relationship) diberi nama dengan kata kerja dasar,

14
 sehingga memudahkan untuk melakukan pembacaan relasi (bias dengan kalimat
aktif atau dengan kalimat pasif).
3. Relationship Degree (Derajat relasi)
Relationship Degree atau Derajat Relasi adalah jumlah entitas yang
berpartisipasi dalam satu relationship.
4. Atribut Value
Atribut Value atau nilai attribute adalah suatu occurrence tertentu dari sebuah
attribute didalam suatu entity atau relationship.
Ada dua jenis Atribut :
1) Identifier (key) digunakan untuk menentukan suatu entity secara unik
(primary key).
2) Descriptor (nonkey attribute) digunakan untuk menspesifikasikan karakteristik
dari suatu entity yang tidak unik.
5. Cardinality (Kardinalitas)
Kardinalitas relasi menunjukan jumlah maksimum tupel yang dapat berelasi
dengan entitas pada entitas yang lain.
Terdapat 3 macam kardinalitas relasi yaitu :
1) One to One
Tingkat hubungan satu ke satu, dinyatakan dengan satu kejadian pada entitas
pertama, hanya mempunyai satu hubungan dengan satu kejadian pada entitas
yang kedua dan sebaliknya.
Yang berarti setiap tupel pada entitas A berhubungan dengan paling banyak satu
tupel pada entitas B, dan begitu pula sebaliknya.
2) One to Many atau Many to One
Tingkat hubungan satu ke banyak adalah sama dengan banyak ke satu.
Tergantung dari mana hubungan tersebut dilihat. Untuk satu kejadian pada
entitas pertama dapat mempunyai banyak hubungan dengan kejadian pada
entitas yang kedua, dan sebaliknya.
a) One to Many (satu ke banyak)
Yang berarti satu tupel pada entitas A dapat berhubungan dengan banyak
tupel pada entitas B, tetapi tidak sebaliknya.

15
 b) Many to One (banyak ke satu)
Yang berarti setiap tupel pada entitas A dapat berhubungan dengan paling
banyak satu tupel pada entitas B, tetapi tidak sebaliknya.
3) Many to Many
Tingkat hubungan kebanyakan terjadi jika tiap kejadian pada setiap entitas
akan memepunyai banyak hubungan dengan kajadian pada entitas lainnya.
Baik dilihat dari sisi entitas yang pertama, maupun dilihat dari sisi yang
kedua.
Yang berarti setiap tupel pada entitas A dapat berhubungan dengan banyak
tupel pada entitas B, dan demikian sebaliknya.

II.11 Flowmap
Flowmap adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan
prosedur dari suatu program[13]. Simbol yang digunakan dalam Flowmap dapat dilihatpada
tabel 2.3.
Tabel 2.3 : Simbol Flowmap
Simbol Keterangan
Proses, menunjukkan proses yang lakukan secara
komputerisasi
Kondisi, pengambilan keputusan.

Document, bisa dalam bentuk surat, formulir,

buku/berkas atau cetakan.

Input/output, menyatakan proses input dan output

tanpa tergantung dengan jenis peralatannya.

Proses yang tidak didefinisikan

Penyimpan manual, proses yang dilakukan secara

manual.

16
Penyimpanan internal

Penyimpanan yang dapat diakses langsung

Penyimnpanan sekuensial

Manual input

Monitor

Operasi manual

Konektor

Persiapan

Batas loop ( awal atau ahir )

Arsip, menunjukkan simpanan data, dokumen

dapat disimpan pada lemari, arsip, map, file dan
lain-lain.
Terminator

Kartu

Penghubung

17
II.12 Sublime Text
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan diberbagai
platform operating system dengan menggunakan teknologi Phyton API. Terciptanya
aplikasi ini terinspirasi dari aplikasi Vim, Aplikasi ini sangatlah fleksibel dan powerfull.
Fungsionalitas dari aplikasi ini dapat dikembangkan dengan menggunakan sublime-
packages. Sublime Text bukanlah aplikasi open source dan juga aplikasi yang dapat
digunakan dan didapatkan secara gratis, akan tetapi beberapa fitur pengembangan
fungsionalitas (packages) dari aplikasi ini merupakan hasil dari temuan dan mendapat
dukungan penuh dari komunitas serta memiliki linsensi aplikasi gratis. Sublime Text
mendukung berbagai bahasa pemrograman dan mampu menyajikan fitur syntax highlight
hampir di semua bahasa pemrogramman yang didukung ataupun dikembangkan oleh
komunitas seperti; C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy, Haskell, Java,
JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby,
SQL, TCL, Textile and XML. Biasanya bagi bahasa pemrograman yang didukung ataupun
belum terdukung secara default dapat lebih dimaksimalkan atau didukung dengan
menggunakan add-ons yang bisa didownload sesuai kebutuhan user[14].

II.13 Web Browser

Web Browser adalah suatu program atau software yang digunakan untuk menjelajahi
internet atau untuk mencari informasi dari suatu web yang tersimpan didalam komputer.
Awalnya, web browser berorientasi pada teks dan belum dapat menampilkan gambar.
Namun, web browser sekarang tidak hanya menampilkan gambar dan teks saja, tetapi
juga memutar file multimedia seperti video dan suara[15].
Dengan menggunakan web browser, para pengguna internet dapat mengakses berbagai
informasi yang terdapat di internet dengan mudah. Beberapa contoh web browser
diantaranya Internet Explorer, Mozilla, Firefox, Safari, Opera, dll. Fungsi Web Browser
adalah untuk menampilkan dan melakukan interaksi dengan dukumen-dokumen yang
disediakan oleh web server.
Web Browser disebut juga sebagai perambah atau peramban, adalah perangkat lunak
yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang
disediakan oleh server web. Web browser adalah sebuah software digunakan untuk

18
mengakses internet. Di internet sebenarnya banyak beterbaran macam-macam web
browser, web browser yang populer diantaranya :
1. Internet Explorer
Internet Explorer adalah sebuah browser web proprieter yang gratis dari Microsoft
dan merupakan browser web yang paling banyak digunakan. Kelemahan utama IE
adalah pada masalah security (tidak aman). Microsoft secara berkala
mengeluarkan patch keamanan yang bisa didownload secara otomatis dan
dipasang untuk meng-update browsernya. Dari segi stabilitas, IE lebih mudah
crash. Selain itu, pengguna IE tak bisa membuka banyak halaman web tanpa
membuka banyak jendela. Internet Explorer pertama kali dirilis sebagai bagian dari
add-on paket Plus! for Windows 95 in 1995. untuk Windows 95 pada tahun 1995
yang dikembangkan oleh Microsof. Rilis terbaru adalah Internet Explorer 8.
menurut “Net Application” yang melakukan survey tentang penggunaan browser
menempatkan Internet Explorer sebagai urutan pertama penggunaan browser
yaitu 63,69% yang tercatat per Desember 2009.
2. Mozilla Firefox
Firefox dari Mozilla Corporation adalah freeware yang memiliki banyak keunggulan
jika dibandingkan dengan IE, mudah dikustomisasi sesuai kebutuhan pengguna.
Firefoxmemiliki semacam tabs untuk menangani banyak halaman web pada saat
yang bersamaan, tanpa harus membuka banyak jendela. Mesin pencari terkenal
seperti Google juga telah “digunakan” oleh Firefox. Hasil download bisa disimpan
secara otomatis ke desktop komputer, sehingga lebih mudah ditemukan. Selain
itu, pengaturan toolbar, tombol, dan ukuran browser dengan mudah dapat
dilakukan. Browser juga dapat langsung dijalankan tanpa perlu melakukan banyak
konfigurasi. Selain cepat, fitur keamanan Firefox lebih andal dibandingkan IE.
Setting browser internet pun bisa diatur dengan lebih leluasa. Arsitektur terbuka
Firefox memungkinkan pengguna untuk mengubah tampilan browser. Pengguna
dapat mengustomisasi Firefox secara spesifik. Seperti membuka email saat
browser diaktifkan dan memblok seluruh iklan pop up. Mozilla Firefox dibuat oleh
mozilla corporation, firefox adalah salah satu web browser open source yang
dibangun dengan Gecko layout engine. Tak hanya handal firefox juga didukung

19
 oleh sejumlah Add-ons yang dapat diinstall terpisah yang memungkinkan
pengguna melakukan sesuai dengan kegunaan Add-ons tersebut. Firefox
merupakan salah satu Browser yang terpopuler saat ini Selain IE. Bahkan menurut
“Net Application” yang melakukan survey tentang penggunaan browser
menempatkan Firefox di 24,61% dari penggunan web browser yang tercatat per
Desember 2009. Rilis stabil saat ini adalah versi 3.5.7, yang di rilis pada Januari
05, 2010.
3. Opera
Opera adalah Browser Web dan Internet Suite yang dikembangkan oleh Opera
Software Company. Jika firefox punya Add-ons, Opera punya “Opera Widgets”,
sebuah aplikasi web kecil yang dijalankan bersamaan dengan Opera yang
mempunyai kegunaan tertentu, layaknya Add-ons firefox.
4. Safari
Safari adalah browser milik Apple. Apple memasang Nitro Engine untuk
menggenjot kecepatan Safari 4. Nitro Engine adalah mesin JavaScript super cepat
yang digunakan untuk melipatgandakan kemampuan JavaScript pada browser
Safari sampai 30 kali lipat lebih cepat. Kecepatannya melesat dibandingkan
Internet Explorer dan tiga kali lebih cepat dibandingkan browser Mozilla, Firefox 3.
5. Google Chrome
Google melancarkan web browser dengan meluncurkan Chrome, sebuah web
browser baru yang diklaim memiliki terobosan baru dalam kecepatan, kemudahan
penggunaan, serta integrasi yang baik dengan aplikasi berbasis web. Google
Chrome adalah sebuah browser web yang dikembangkan oleh Google yang
menggunakan WebKit layout engine and application framework. Pertama kali
dirilis sebagai versi beta untuk Microsoft Windows pada 2 September 2008, dan
publik adalah rilis stabil pada 11 Desember 2008.
6. Lunascape
Lunascape 5 merupakan alternative browser bagi user yang ingin menggunakan
Firefox, namun tetap memakai Internet Explorer sebagai browser kedua, ketika
Firefox yang mereka gunakan mengalami masalah, sebagai contoh untuk halaman
web yang hanya support dengan IE. Kini telah hadir Lunascape 5 Alpha yang

20
 hanya berbasis Windows dan akan menjadi browser berbahasa Inggris pertama,
setelah bahasa Jepang yang dimulai tahun 2001. Namun, sayangnya Lunascape
5 versi alpha ini belum support dengan add-on Firefox, walaupun untuk IE sudah
cukup support. Browser ini jugabelum bisa secara otomatis menunjukkan engine
mana yang terbaik untuk web page, sebuah fitur yang mungkin baru terlaksana di
versi berikutnya.
7. Windows Media Player Firefox Plugin 1.0.0.8
Windows Media Player Firefox Plugin memungkinkan pengguna Firefox untuk
memainkan Windows media di Firefox. Ada dua versi berbeda dari Windows
Media Player Firefox Plugin : Original, dimana sudah termasuk 1 paket dengan
Windows sampai versi XP, Versi baru yang secara khusus dikembangkan untuk
Windows XP sampai Windows versi baru yang hanya bisa didapat dengan
download. Dengan Windows Media Player Firefox Plugin, pengguna juga bisa
melihat file-file media di Firefox yang menggunakan format Windows Media,
seperti file-file .wmv.
8. Yandex 1.0
Yandex yang berawal dari search engine buatan Rusia, sekarang tersedia dalam
bentuk browser. Yandex memiliki 6 keunggulan yaitu simple and easy to use, easy
bookmarks, smartbox, reliable protection from viruses, translate webpages, easily
import your settings. Yandex Browser, cepat dan aman karena terlindungi oleh
Antivirus Cloud Kaspersky.

21
 BAB III
ANALISA DAN PERANCANGAN SISTEM

III.1 Definisi Ruang Lingkup

Penelitian ini dilakukan di Fakultas Teknik Universitas Hamzanwadi Pada Bagian
akademik Jl. Prof. M Yamin SH No.35, Pancor, Selong, Kabupaten Lombok Timur, Nusa
Tenggara Barat.

III.1.1 Gambaran Umum Fakultas Teknik Universitas Hamzanwadi

Visi, Misi, Tujuan dan Sasaran Institusi

Sesuai dengan status Fakultas Teknik Universitas Hamzanwadi, maka visi Fakultas Teknik
adalah :
Menjadi Fakultas Teknik yang unggul pada ranah teknologi, yang menyelenggarakan Tri
Dharma Perguruan Tinggi dengan muatan islami, untuk menghasilkan lulusan yang
berpredikat “Sarjana Teknologi Berkarakter Santri”, memiliki semangat kemandirian dalam
pengembangan ilmu pengetahuan dan teknologi yang mampu mendukung pembangunan
nasional dan memajukan umat ditengah tatanan globalisasi guna menjadi rahmat bagi
semesta alam (rahmatan lil alamin).
Penjelasan Visi:
Lulusan dengan Karakter Santri
Karakter santri yang dimaksudkan adalah karakter yang dengan latar belakang keislaman
yang kuat, gigih, serta memiliki spirit yang dilandasi slogan dari YPH PPD NW Pancor
yakni “Nahdlatul Wathan fil Khair, Nahdlatul Wathan Fastabiqul Khairat”. Slogan ini
mengandung maksud bahwa Nahdlatul Wathan (senantiasa berada) dalam kebaikan,
Nahdlatul Wathan berlomba-lomba dalam kebaikan. Dengan karakter ini diharapkan
alumni Fakultas Teknik Universitas Hamzanwadi berlomba-lomba menghadirkan perbaikan
di muka bumi.
Lulusan dan Globalisasi
Lulusan Fakultas Teknik Universitas Hamzanwadi diharapkan juga dapat berkontribusi
dengan ilmu yang didapatkan dalam pembangunan nasional, dan (yang tidak kalah
penting) terhadap kemajuan umat. Pada era globalisasi saat ini, diperlukan cendekiawan-

22
cendekiawan muslim yang menguasai teknologi dengan latar belakang agama yang kuat,
untuk dapat melakukan penyaringan terhadap muatan-muatan globalisasi, yang sesuai
dengan prinsip islam, dan memanfaatkannya semaksimal mungkin untuk kemaslahatan
umat.

Gambar 3.1 : Alur Visi, Misi dan Tujuan

Misi
Agar mampu mewujudkan visi sebagaimana dipaparkan di atas, Fakultas Teknik
Universitas Hamzanwadi menyusun sejumlah langkah yang secara spesifik dirumuskan
untuk dapat mencapai visi pada kurun waktu yang telah ditetapkan.
Misi Fakultas Teknik Universitas Hamzanwadi pada tahun 2016 – 2021 dirumuskan
dengan memperhatikan aspek-aspek tridarma perguruan tinggi, yaitu :
1. Menyelenggarakan pendidikan dalam rangka meningkatkan pengetahuan dan
keterampilan serta membangun karakter mahasiswa yang dilandasi nilai-nilai Islam
dan moral Pancasila.
2. Melaksanakan penelitian pada yang mendukung pengembangan ilmu pengetahuan
dan teknologi yang diarahkan untuk berkontribusi pada pembangunan nasional,
dan kemajuan umat.
3. Melaksanakan pengabdian kepada masyarakat sebagai cerminan fastabiqul khairat
dan civitas akademika yang mampu menjadi rahmatan lil ‘alamin.
4. Melaksanakan kerjasama strategis dengan berbagi pihak untuk meningkatkan
kualitas penyelenggaraan tridharma, serta memaksimalkan potensi yang dimiliki.

23
Tujuan
Adapun tujuan Fakultas Teknik Universitas Hamzanwadi, selaras dengan misi yang telah
ditetapkan, adalah pencapian tiap-tiap butir dari misi tersebut.
Tujuan Fakultas Teknik Universitas Hamzanwadi tahun 2016-2021 adalah
1. Menghasilkan lulusan yang berkualitas, mampu menjawab tantangan globalisasi,
memiliki landasan keagamaan yang kuat, serta gairah untuk mendukung
pembangunan nasional dan memajukan umat
2. Menghasilkan karya ilmiah untuk pengembangan ilmu pengetahuan dan teknologi
yang memiliki kontribusi untuk pembangunan nasional dan kemajuan umat.
3. Menghasilkan kegiatan pengabdian masyarakat yang manfaatnya dapat dirasakan
langsung oleh masyarakat baik lingkup lokal maupun nasional .
4. Menghasilkan kerjasama-kerjasama baik lokal maupun nasional yang berdampak
nyata bagi pengembangan insitusi, serta peningkatan kualitas sivitas akademik.

Sasaran dan strategi pencapaian

Sasaran insitusi mencerminkan sebuah ukuran keberhasilan yang akan dicapai menuju
tercapainya visi, misi, dan tujuan dengan mempertimbangkan kinerja dan sumberdaya
program studi.
Pada Tahun 2016 – 2021, Fakultas Teknik Universitas Hamzanwadi memiliki sasaran
sebagai berikut:
1. Mahasiswa lulus tepat waktu pada tahun 2021 mencapai 85%.
2. Rata-rata IPK lulusan mencapai 2,80.
3. Rata-rata masa menunggu lulusan untuk mendapatkan pekerjaan atau
berwirausaha adalah 6 bulan atau kurang.
4. 10 Prestasi mahasiswa tingkat regional maupun nasional per tahun.
5. 10 Inovasi mahasiswa yang bermuatan islami pada tahun 2018
6. Rata-rata jumlah penelitian dosen >1 penelitian per tahun.
7. Penelitian dosen yang dimuat dalam jurnal nasional terakreditasi minimal 10 judul
per tahun.
8. Sekurang-kurangnya 30 judul pengabdian kepada masyarakat per tahun

24
 9. Sekurang-kurangnya 10 judul pengabdian kepada masyarakat yang bersentuhan
langsung dengan usaha memajukan umat.
Mitra kerjasama baik lokal, regional maupun nasional mencapai sekurang-
kurangnya 30 mitra kerjasama.

III.1.2 Visi dan Misi Program Studi Teknik Informatika

VISI
Menjadi program studi yang mampu mengembangkan dan menerapkan teknologi
informasi yang relevan dengan pengembangan ilmu pengetahuan dan teknologi yang
mampu mendukung pembangunan nasional dan memajukan umat ditengah tatanan
globalisasi guna menghasilkan sarjana teknik informatika berkarakter santri.

Misi
Agar mampu mewujudkan visi sebagaimana dipaparkan di atas, program studi Teknik
Informatika menyusun sejumlah langkah yang secara spesifik dirumuskan untuk dapat
mencapai visi pada kurun waktu yang telah ditetapkan.
Misi program studi Teknik Informatika pada tahun 2013–2018 dirumuskan dengan
memperhatikan aspek-aspek tridarma perguruan tinggi, yaitu :
1. Menyelenggarakan pendidikan guna menghasilkan sumber daya manusia yang
berakhlak mulia, mandiri, mampu beradaptasi, profesional dan tanggap terhadap
pengembangan teknologi informasi.
2. Mengembangkan dan mengintegrasikan teknologi informasi melalui kegiatan
peneltian berkelanjutan berbasis sumber daya dan kearifan lokal yang mendukung
pembangunan nasional dan kemajuan umat.
3. Menyebarluaskan dan menerapkan hasil penelitian melalui kegiatan yang
memberikan manfaat nyata bagi masyarakat.
4. Melaksanakan kerjasama strategis dengan berbagai pihak untuk yang berdampak
pada pengembangan institusi, serta peningkatan kualitas dosen dan mahasiswa.

25
Tujuan
Adapun tujuan program studi Teknik Informatika, selaras dengan misi yang telah
ditetapkan, adalah pencapian tiap-tiap butir dari misi program studi Teknik Informatika.
Tujuan program studi Teknik Informatika pada tahun 2013-2018 adalah :
1. Menghasilkan lulusan yang berkualitas, mampu bersaing menjawab tantangan di
era global, serta memiliki karakter santri dan spirit untuk mendukung
pembangunan nasional dan memajukan umat .
2. Menghasilkan karya ilmiah pada ranah Teknik Informatika, yang dimuat dalam
jurnal lokal maupun nasional, yang dapat bermanfaat untuk pengembangan ilmu
pengetahuan dan teknologi pada ranah tersebut.
3. Menghasilkan kegiatan pengabdian masyarakat yang manfaatnya dapat dirasakan
langsung oleh masyarakat baik dalam konteks pembangunan nasional maupun
kemajuan umat .
4. Menghasilkan kerjasama-kerjasama baik lokal maupun nasional yang berdampak
nyata bagi pengembangan insitusi, serta peningkatan kualitas dosen dan
mahasiswa.

Sasaran
Sasaran program studi mencerminkan sebuah ukuran keberhasilan yang akan dicapai
menuju tercapainya visi, misi, dan tujuan dengan mempertimbangkan kinerja dan
sumberdaya program studi.
Pada Tahun 2013–2018, program studi Sarjana Teknik Informatika memiliki sasaran
sebagai berikut:
1. Mahasiswa lulus tepat waktu pada tahun 2018 mencapai 75%.
2. Rata-rata IPK lulusan mencapai 2,80.
3. Rata-rata masa menunggu lulusan untuk mendapatkan pekerjaan atau
berwirausaha adalah 6 bulan atau kurang.
4. 5 Prestasi mahasiswa tingkat regional maupun nasional per tahun.
5. Rata-rata jumlah penelitian dosen >1 penelitian per tahun.
6. Penelitian dosen yang dimuat dalam jurnal nasional terakreditasi minimal 5 judul
per tahun

26
 7. Sekurang-kurangnya 10 judul pengabdian kepada masyarakat per tahun
8. Mitra kerjasama baik lokal, regional maupun nasional mencapai sekurang-
kurangnya 20 mitra kerjasama.

III.2 Analisis Sistem Yang Sedang Berjalan

Berdasarkan hasil observasi yang telah dilakukan di Program Studi Teknik Informatika
Fakultas Teknik Universitas Hamzanwadi, penyampaian informasi Program Studi Teknik
Informatika masih menggunakan papan pengumuman yang ada di dalam lingkungan
fakultas. Karena dalam pengolahan data informasi Program Studi Teknik Informatika
masih belum ada yang secara khusus menampilkan informasi terkait dengan Program
Studi Teknik Informatika, hal ini membuat penyampaian informasi mengenai Program Studi
Teknik Informatika belum berjalan secara optimal dengan keterbatasan penyampaian
informasi. Dalam hal ini juga penyampaian berita serta kegiatan yang dilakukan oleh
Program Studi Teknik Informatika masih belum terpublikasikan dengan baik.
Untuk mendapatkan informasi terkait khusus Program Studi Teknik Informatika,
mahasiswa dan masyarakat bisa melihat melalui website fakultas secara umum namun
tidak disajikan secara lengkap, atau bisa melihat melalui papan pengumuman yang ada di
dalam lingkungan fakultas.
Sistem penyampaian informasi pada Program Studi Teknik Informatika masih
menggunakan papan pengumuman serta menggunakan surat edaran untuk
menyampaikan informasi atau pengumuman kepada mahasiswa.
a. Informasi Kepada Mahasiswa
Penyampaian informasi kepada mahasiswa masih menggunakan papan
pengumuman.
b. Informasi kepada masyarakat
Penyampaian informasi kepada masyarakat masih menggunakan spanduk,
browser, serta surat edaran.

27
 Gambar 3.2 : Flowmap Sistem Yang Sedang Berjalan

III.2.1 Kelemahan Sistem Yang Sedang Berjalan

1. Mahasiswa Program Studi Teknik Informatika hanya dapat mengetahui informasi
melalui papan pengumuman yang ada di lingkungan fakultas.
2. Info-info penting ataupun agenda kegiatan yang akan dilaksanakan oleh Program
Studi Teknik Informatika belum tersampaikan secara baik dan menyeluruh.
3. Banyaknya informasi mengenai Program Studi Teknik Informatika yang masih
belum terpublikasikan dengan baik.

28
III.3 Hasil Analisis
Setelah memahami dan menganalisis serta mengidentifikasi permasalahan di atas maka
dapat di simpulkan bahwa perlu adanya website yang secara khusus dapat mengolah dan
menyimpan serta mempublikasikan semua informasi tentang Program Studi Teknik
Informatika agar informasi dapat dikelola dan dapat tersampaikan kepada mahasiswa dan
masyarakat, dengan baik serta tepat waktu.

III.4 Uraian Singkat Sistem Yang Diusulkan

Untuk menjawab permasalahan dan kendala yang terjadi, maka dibutuhkan suatu media
untuk mempublikasikan semua informasi tentang Program Studi Teknik Informatika secara
lebih lengkap dan efektif dan efisien dalam menunjang kinerja bagian administrator,
mahasiswa dan masyarakat yang ingin mengetahui tentang Program Studi Teknik
Informatika. Oleh karena itu penulis mengusulkan untuk membuat sistem informasi yang
menjadi gerbang dari berbagai kebutuhan informasi pada Program Studi Teknik
Informatika.
Adapun sistem informasi teknik informatika fakultas teknik universitas hamzanwadi yang
diusulkan pada Fakultas Teknik Universitas Hamzanwadi adalah sebagai berikut:

III.4.1 Proses Sistem Informasi Halaman User

Permulaan user mengunjungi sistem informasi program studi teknik informatika. Sistem
menampilkan halaman home yang terdapat beberapa menu dan fitur. User memilih menu
dan fitur yang tersedia pada halaman home. User masuk ke halaman sesuai dengan
menu/fitur yang dipilih. Setelah selesai, user keluar dari sistem informasi program studi
teknik informatika fakultas teknik universitas hamzanwadi.

III.4.2 Prosesn Sistem Informasi Halaman Administrator

Permulaan admin mengunjungi halaman administrator sistem informasi program studi
teknik informatika. Sistem akan menampilkan halaman beranda yang terdapat beberapa
menu dan fitur. Admin memilih menu dan fitur yang tersedia pada halam admin. Admin
masuk ke halaman sesuai dengan menu/fitur yang dipilih. Admin mengupdate sistem
informasi menggunakan fitur-fitur yang telah disediakan. Kemudian akan ditampilkan

29
dihalaman user. Setelah selesai, admin keluar dari administrator sistem informasi program
studi teknik informatika.

III.5 Analisis Kebutuhan Sistem

Dalam pembuatan Sistem Informasi Program Studi Teknik Informatika Berbasis Web ini
digunakan perangkat keras (hardware) dan perangkat lunak (software) sebagai berikut :
1. Perangkat Keras (Hardware)
Perangkat keras adalah bagian dari sistem komputer yang harus ada sebagai
media berjalannya perangkat lunak. Kebutuhan minimal perang keras tersebut
meliputi :
a. Processor Inter Pentium III 800 GHz
b. RAM kapasitas 1 GB
c. Kapasitas Harddisk 250 GB
d. Mouse dan Keyboard
e. Monitor
f. Network Interface Card atau Wireless
2. Terkoneksi dengan internet (online)
Perangkat Lunak
Kebutuhan perangkat lunak dalam perancangan dan penerapan Sistem Informasi
Program Studi Teknik Informatika ini meliputi :
a. Sistem Operasi windows 7
b. Xampp sebagai web server
c. Web browser seperti Internet Explorer, Mozilla Firefox, atau Google Chrome.
d. Sublime Text sebagai editor script pembuatan aplikasi

III.6 Perancangan Sistem

Perancangan sistem ini dibuat sebagai tahapan untuk mempersiapkan proses
implementasi sistem yang diinginkan dan untuk menggambarkan secara jelas proses-
proses yang diinginkan oleh pengguna. Dalam penggambaran seluruh proses dan
objeknya, disini penulis menggunakan Diagram Konteks dan Flowmap.

30
III.6.2 Rancangan Diagram Konteks
Diagram Konteks merupakan kejadian dari suatu alur/alir data. Dimana satu lingkarang
mempresentasikan seluruh sistem dan merupakan tingkatan tertinggi dalam diagram aliran
data dan hanya memuat satu proses dan menunjukkan sistem secara keseluruhan

Gambar 3.3 : Diagram Konteks Sistem Informasi Program Studi Teknik Informatika

Dalam diagram konteks di atas terdapat dua entitas yang menunjang proses-proses yang
terdapat pada sistem informasi program studi teknik informatika yaitu user sebagai
pengguna sistem informasi yang menggunakan aplikasi dan admin sebagai pengelola
sistem informasi program studi yang mengelola sistem informasi program studi teknik
informatika. Dalam hal ini yang bisa mengupdate data-data yang akan ditampilkan
dihalaman user adalah admin saja, sedangkan user tidak bisa mengupdate seluruh data
yang ada dalam sistem informasi program studi teknik informatika.

III.6.2 Flowmap Sistem Yang Diusulkan

Flowmap mernggambarkan aliran dan informasi antar area di dalam sebuah organisasi
dan menelusuri sebuah dokumen dari asalnya sampai tujuannya. Secara rinci flowmap
menunjukkan dari mana dokumen tersebut berasal, distribusinys, dan tujuan digunakannya
dokumen tersebut. Flowmap bermanfaat untuk menganalisis kecukupan prosedur
pengawasan dalam sebuah sistem. Berikut ini Flowmap sistem yang diusulkan di Sistem
Informasi Program Studi Teknik Informatika Fakultas Teknik Universitas Hamzanwadi.

31
III.6.2.1 Flowmap Sistem Yang Diusulkan Untuk User

Gambar 3.4 : Flowmap Sistem Yang Diusulkan untuk User

Penjelasan Flowmap sistem yang diusulkan untuk user :

User mengunjungi sistem informasi program studi teknik informatika, sistem menampilkan
halaman beranda yang terdapat beberapa menu dan fitur. User memilih menu dan fitur
yang tersedia pada halaman beranda. User masuk ke halaman sesuai dengan menu/fitur
yang dipilih. Setelah selesai, user keluar dari sistem informasi program studi teknik
informatika.

32
III.6.2.2 Flowmap Sistem Yang Diusulkan Untuk Administrator

Gambar 3.5 : Flowmap Sistem Yang Diusulkan Untuk Administrator

Penjelasan Flowmap Yang Diusulkan Untuk Administrator :

Admin mengunjungi halaman administrator sistem informasi program studi teknik
informatika. Sistem akan menampilkan halaman beranda yang terdapat beberapa menu
dan fitur. Admin memilih menu dan fitur yang tersedia pada halam admin. Admin masuk ke
halaman sesuai dengan menu/fitur yang dipilih. Admin mengupdate sistem informasi
menggunakan fitur-fitur yang telah disediakan. Kemudian akan ditampilkan dihalaman
user. Setelah selesai, admin keluar dari administrator sistem informasi program studi
teknik informatika.

33
 III.6.2.2.1 Flowmap Yang Diusulkan Untuk Login Administrator

Gambar 3.6 : Flowmap Yang Diusulkan Untuk Login Administrator

Penjelasan Flowmap Yang Diusulkan Untuk Login Administrator :

Admin mengakses halaman administrator, sebelum mengarah ke halaman administrator,
admin harus melakukan login terlebih dahulu agar bisa mengakses halaman administrator
dari sistem informasi program studi teknik informatika fakultas teknik universitas
hamzanwadi. Untuk dapat login, admin membutuhkan username dan password yang telah
terdaftar sebagai admin dari sistem informasi program studi teknik informatika. Jika
username dan password tidak sesuai maka admin akan di arahkan ke form pengisian
username dan password kembali. Tetapi jika username dan password sudah terdaftar
sebagai admin dari sistem informasi program studi teknik informatika, maka admin akan
langsung di arahkan ke halaman index dari halaman administrator.

34
 III.6.2.2.2 Flowmap Yang Diusulkan Untuk Tambah Data

Gambar 3.7 : Flowmap Yang Diusulkan Untuk Tambah Data

Penjelasan Flowmap Yang Diusulkan Untuk Tambah Data :

Jika ingin menambahkan data yang akan ditampilkan dalam sistem informasi program
studi teknik informatika, maka admin memulai dengan memilih menu/fitur dimana data
akan disimpan sesuai dengan isi data yang akan ditampilkan. Setelah menentukan
menu/fitur yang dipilih, klik button tambah kemudian admin akan dihadapkan dengan
formulir pengisian dari data yang akan ditambahkan. Jika data sudah lengkap dan di rasa
benar, maka klik tombol simpan dengan demikian data tersebut akan tersimpan ke dalam
database dari sistem informasi program studi teknik informatika yang kemudian akan di
tampilkan di halaman administrator dan halaman untuk user.

35
 III.6.2.2.3 Flowmap Yang Diusulkan Untuk Edit Data

Gambar 3.8 : Flowmap Yang Diusulkan Untuk Edit Data

Penjelasan Flowmap Yang Diusulkan Untuk Edit Data :

Jika ingin merubah isi data yang sudah tersimpan di dalam sistem informasi program studi
teknik informatika, maka admin memulai dengan memilih menu/fitur dimana data akan
diubah. Setelah menentukan menu/fitur yang dipilih, klik button Ubah kemudian admin
akan dihadapkan dengan formulir pengisian dari data yang akan diubah. Jika data sudah
lengkap dan di rasa benar, maka klik tombol simpan dengan demikian data tersebut akan
tersimpan ke dalam database dari sistem informasi program studi teknik informatika yang
kemudian akan di tampilkan di halaman administrator dan halaman untuk user.

36
 III.6.2.2.4 Flowmap Yang Diusulkan Untuk Hapus Data

Gambar 3.9 : Flowmap Yang Diusulkan Untuk Hapus Data

Penjelasan Flowmap Yang Diusulkan Untuk Hapus Data :

Jika ingin menghapus data yang sudah tersimpan di dalam sistem informasi program studi
teknik informatika, maka admin memulai dengan memilih menu/fitur dimana data akan
dihapus. Setelah menentukan menu/fitur yang dipilih, klik button Hapus kemudian admin
akan dihadapkan dengan pertanyaan "apakah yakin ingin menghapus data?". Jika klik
tidak, maka data tidak akan terhapus, jika iya, maka data akan terhapus dari database
sistem informasi teknik informatika.

37
III.7 Perancangan Database
Dalam pembuatan sistem informasi program studi teknik informatika dibutuhkan sebuah
database yang berguna untuk menyimpan informasi. Berikut adalah rancangan database
untuk sistem informasi program studi teknik informatika.

III.7.1 Tabel sbadmin

Tabel sbadmin digunakan untuk menyimpan database administrator atau orang yang
berhak mengelola sistem informasi.
Tabel 3.1 : Tabel sbadmin
Field Tipe Data Ukuran Keterangan
Id_akun Int 5 Auto increement, primari key
nama_admin Varchar 100
Email Varchar 50
kontak Varchar 20
username Varchar 100
password Varchar 100

III.7.2 Tabel Header

Tabel Header digunakan untuk menyimpan database header yang berguna menyimpan
file-file yang ditampilkan sebagai header dalam sistem informasi program studi teknik
informatika.
Tabel 3.2 : Tabel Header
Field Tipe Data Ukuran Keterangan
Id_header Int 5 Auto increement, primari key
gambar_header Varchar 100

III.7.3 Tabel Visimisi

Tabel visimisi digunakan untuk menyimpan database visimisi yang berguna untuk
menyimpan visi dan misi dari program studi teknik informatika.

38
Tabel 3.3 Tabel visimisi
Field Tipe Data Ukuran Keterangan
Id_visimisi Int 5 Auto increement, primari key
visimisi Text

III.7.4 Tabel Struktur Organisasi

Tabel struktur organisasi digunakan untuk menyimpan database tentang struktur
organisasi yang ada di program studi teknik informatika.
Tabel 3.4 : Tabel struktur_organisasi
Field Tipe Data Ukuran Keterangan
id_struktur Int 5 Auto increement, primari key
Gambar_struktur Varchar 50

III.7.5 Tabel Berita

Tabel berita digunakan untuk menyimpan database tentang informasi-informasi yang
ditampilkan dalam sistem informasi program studi teknik informatika.
Tabel 3.5 : Tabel Berita
Field Tipe Data Ukuran Keterangan
Id_berita Int 5 Auto increement, primari key
judul_berita Varchar 100
isi_berita Text
kategori_berita Varchar 80
gambar_berita Varchar 50
tgl_post date

III.7.6 Tabel Kategor Berita

Tabel kategori berita digunakan untuk menyimpan database tentang kategori berita yang
ada dalam tabel berita.
Tabel 3.6 : Tabel kategori_berita
Field Tipe Data Ukuran Keterangan
id Int 5 Auto increement, primari key
kategori_berita Varchar 80

39
III.7.7 Tabel Komentar
Tabel komentar digunakan untuk menyimpan komentar-komentar yang ada dalam masing-
masing berita atau informasi yang di publikasikan pada sistem informasi program studi
teknik informatika.
Tabel 3.7 : Tabel Komentar
Field Tipe Data Ukuran Keterangan
id_komentar Int 5 Auto increement, primari key
Id_berita int 5
Nama_pengguna Varchar 30
Komentar Text

III.7.8 Tabel Album

Tabel album digunakan untuk menyimpan database mengenai kategori album yang akan
digunakan dalam tabel photo.
Tabel 3.8 Tabel Album
Field Tipe Data Ukuran Keterangan
id Int 5 Auto increement, primari key
nama_album Varchar 100
gambar_album Varchar 100

III.7.9 Tabel Photo

Tabel photo digunakan untuk menyimpan foto-foto kegiatan yang dilakukan oleh program
studi teknik informatika.
Tabel 3.9 Tabel photo
Field Tipe Data Ukuran Keterangan
Id_photo Int 5 Auto increement, primari key
nama_photo Varchar 100
nama_album Varchar 100
gambar_photo varchar 100

III.7.10 Tabel Dosen

Tabel dosen digunakan untuk menyimpan biodata dari dosen-dosen yang mengampu di
program studi teknik informatika.

40
Tabel 3.10 : Tabel Dosen
Field Tipe Data Ukuran Keterangan
Id_dosen Int 5 Auto increement, primari key
nidn varchar 10
nama_dosen Varchar 50
tempat_lahir Varchar 30
tgl_lahir Date
jenis_kelamin Varchar 10
pendidikan_terakhir Varchar 50
jabatan Varchar 50
tmt date
masa_kerja int 11
photo_dosen Varchar 50

III.7.11 Tabel Matakuliah

Tabel matakuliah digunakan untuk menyimpan database tentang matakuliah serta jumlah
sks yang akan ditempuh di program studi teknik informatika.
Tabel 3.11 : Tabel Matakuliah
Field Tipe Data Ukuran Keterangan
Id_matakuliah Int 5 Auto increement, primari key
mk_kode Varchar 30
matakuliah Varchar 50
sks Int 11

III.8 Entity Relationship Diagram (ERD)

Entity Relationship Diagram adalah alat pemodelan data utama dan akan membantu
mengorganisasi data dalam suatau proyek ke dalam entitas-entitas dan menentukan
hubungan antar entitas.
 Entitas (Entity)
Entitas adalah sesuatu yang nyata atau abstrak, dimana kita akan menyimpan
data. Cotoh dari entitas yaitu dosen, dan isi dari dosen seperti nama dosen dan
lainnya disebut sebagai atribut.

41
  Relasi (Relationship)
Relasi adalah hubungan alamiah yang terjadi diantara satu atau lebih entitas.
 Atribut (Attribute)
Atribut adalah ciri-ciri kualitatif yang dimiliki oleh suatu obyek yang
mencerminkan sifat-sifat obyek tersebut.
Adapun relasi antar tabel yang penulis rancang dalam sistem informasi program studi
teknik informatika ini adalah sebagai berikut :

Gambar 3.10 : Entity Relationship Diagram untuk tabel berita

Gambar 3.11 : Entity Relationship Diagram untuk tabel foto

42
III.9 Perancangan Layar Antarmuka
Perancangan antarmuka dibuat agar user dapat dengan mudah mengoperasikan dan
mengerti bagaimana sistem dapat digunakan.

III.9.1 Rancangan Antarmuka Halaman User

Pada halaman userterdapat beberapa halaman yang dapat digunakan oleh user, antara
lain :
1. Beranda : Halaman ini seabgai halaman utama User
Halaman utama user adalah halaman yang pertama kali akan ditampilkan pada
system informasi program studi teknik informatika.

Gambar 3.12 : Rancangan Halaman Utama User

43
2. Tentang
Pada menu tentang, terdapat beberapa sub menu diantaranya visi dan misi
programstudi teknik informatika, struktur organisasi serta akreditasi yang diperoleh
oleh program studi teknik informatika. Masing-masing sub menu tadi akan tampil
pada halaman tentang seperti ang penulis rancang dibawah ini.

Gambar 3.13 : Rancangan Halaman Menu Tentang

3. Akademik
Pada menu akademik terdapat beberapa sub menu ang diantaranya menu
mahasiswa, dosen, serta matakuliah. Dari masing-masing sub menu akan
ditampilkan seperti rancangan tampilan halaman akademik dibawah ini.

Gambar 3.14 : Rancangan Halaman Menu Akademik

44
4. Berita Selengkapnya
Halaman berita lengkap akan menampilkan berita yang ingin dilihat secara
keseluruhan oleh user dengan mengklik “lihat selengkapnya” pada potongan-
potongan berita yang ditampilkan di halaman beranda.

Gambar 3.15 : Rancangan Halaman Untuk Melihat Berita Selengkapnya

5. Dosen
Halaman dosen akan menampilkan biodata serta foto dari dosen-dosen yang
mengampu pada program studi teknik informatika.

Gambar 3.16 : Rancangan Halaman Untuk Menu Dosen

45
III.9.2 Perancangan Antarmuka Halaman Login
Halaman login digunakan untuk masuk ke menu administrator yang terdiri dari username
dan password.

Gambar 3.17 : Rancangan Halaman Login Administrator

III.9.3 Perancangan Antarmuka Halaman Administrator

Halaman antarmuka administrator berisi menu-menu untuk mengolah data-data yang
ditampilkan di dalam sistem informasi.
1. Halaman index untuk administrator
Halaman yang pertama kali akan ditampilkan ketika user telah berhasil login
sebagai administrator dari system informasi program studi teknik informatika.

Gambar 3.18 : Rancangan halaman index administrator

46
2. Halaman Menu Header
Menu ini di gunakan untuk mengedit, menambahkan ataupun menghapus gambar
yang dijadikan sebagai header pada halaman user dari system informasi program
studi teknik informatika.

Gambar 3.19 : Rancangan Tampilan Pengolahan Header

3. Halaman Visi dan Misi
Menu ini digunakan untuk menambahkan,merubah ataupun menghapus visi dan
misi dari program studi teknik informatika.

Gambar 3.20 : Rancangan Tampilan Pengolahan Visi dan Misi

47
4. Tambah Berita
Menu ini digunakan untuk menambahkan berita atau informasi yang akan
ditampilkan pada halaman user.

Gambar 3.21 : Rancangan Tampilan Tambah berita

5. Daftar Berita
Menu ini digunakan untuk melihat berita apa saja yang telah diterbitkan, serta
admin juga dapat mengklik button tambah untuk menambahkan berita yang
nantinya admin akan di bawa menuju halaman tambah berita. Serta admin dapat
melakukan edit berita yang sudah ada dan juga dapat menghapus berita yang
sudah diterbitkan.

Gambar 3.22 : Rancangan Tampilan Halaman Daftar Berita

48
6. Kategori Berita
Halaman kategori berita ini digunakan untuk menampilkan kategori berita apa saja
yang sudah ditentukan oleh admin. Admin juga dapat menambahkan kategori
berita yang baru, serta admin dapat merubah ataupun menghapus kategori berita
yang sudah ada.

Gambar 3.23 : Rancangan Tampilan Halaman Pengolahan Kategori Berita

7. Album Photo
Halaman album photo digunakan untuk melihat album photo yang sudah
diinputkan oleh admin, serta admin dapat melakukan perubahan terdapat album
foto yang ada dan juga dapat menghapus album foto ang sudah ada.

Gambar 3.24 : Rancangan Tampilan Halaman Pengolahan Album Photo

49
8. Foto Kegiatan
Halaman foto kegiatan digunakan untuk menambahkan, melihat, merubah dan
menghapus foto-foto kegiatan yang sudah dilakukan oleh program studi teknik
informatika yang nantinya akan ditampilkan di halaman user.

Gambar 3.25 : Rancangan Tampilan Halaman Pengolahan Foto Kegiatan

9. Dosen
Halaman dosen digunakan untuk menambahkan, melihat, merubah serta
menghapus biodata-biodata dosen yang mengampu di program studi teknik
informatika yang nantinya akan ditampilkan di halaman user.

Gambar 3.26 : Rancangan Tampilan Halaman Pengolahan Data Dosen

50
 BAB IV
IMPLEMENTASI DAN PEMBAHASAN SISTEM

Pada bab ini dilakukan implementasi dan pengujian terhadap sistem informasi program
studi teknik informatika fakultas teknik universitas hamzanwadi. Tahap impelementasi dan
pengujian dilakukan setelah perancangan selesai dilakukan dan selanjutnya
diimplementasikan ke dalan sistem yang baru untuk pengembangan sistem selanjutnya.

IV.1. Kebutuhan Sistem dan Pengujian

IV.1.1. Kebutuhan Perangkat Lunak

Perangkat lunak yang dipakai adalah sebagai berikut :
a. Sistem Operasi Windows 7 Ultimate
b. Sublime Text
c. Xampp

IV.1.2. Kebutuhan Perangkat Keras

Konfigurasi minimal perangkat keras untuk mendukung sistem yang dirancang, adalah
sebagai berikut :
a. Processor intel (2.4 GHz)
b. Memori 2 GB
c. Harddisk 320 GB
d. Mouse, keyboard

51
IV.2. Implementasi Antarmuka
Pada bagian ini akan digambarkan impelementasi sistem berdasarkan desain yang sudah
dibuat sebelumnya.

IV.2.1. Halaman Untuk User

1. Halaman Utama User
Halaman ini adalah halaman awal pada saat website dibuka, terdiri dari beberapa
menu yaitu beranda yang merupakan halaman awal itu sendiri, menu tentang
yang berisi tentang visi misi, akreditasi, dan struktur organisasi dari program studi
teknik informatika fakultas teknik universitas hamzanwadi, menu akademik yang
berisi tentang mahasiswa, dosen, matakuliah serta jadwa kuliah program studi
teknik informatika, menu informasi yang memuat informasi-informasi terbaru dari
program studi teknik informatika, menu kontak yang digunakan untuk
menghubungi pihak pengelola dari sistem informasi program studi teknik
informatika, menu alumni yang akan mengarah pada sistem informasi tracert study
program studi teknik informatika, menu galeri yang berisi foto-foto kegiatan yang
dilakukan di program studi teknik informatika.

Gambar 4.1 : Tampilan Halaman Utama User

52
2. Halaman Visi dan Misi Program Studi teknik Informatika
Halaman visi misi digunakan untuk menampilkan visi dan misi program studi teknik
informatika.

Gambar 4.2 : Tampilan Halaman Visi dan Misi Program Studi Teknik Informatika
3. Halaman Matakuliah
Halaman matakuliah digunakan untuk menampilkan dafta matakuliah yang akan
ditempuh di program studi teknik informatika.

Gambar 4.3 : Tampilan Halaman Matakuliah Program Studi Teknik Informatika

53
4. Halaman Lengkap Informasi
Halaman lengkap informasi digunakan untuk menampilkan informasi yang
disajikan secara lengkap setelah memilih berita mana yang akan ditampilkan
secara lengkap

Gambar 4.4 : Tampilan Halaman Lengkap Dari Satu Informasi

5. Halaman Kontak Program Studi Teknik Informatika

Halaman kontak digunakan untuk mengirimkan pesan kepada administrator dari
system informasi program studi teknik informatika.

Gambar 4.5 : Tampilan Halaman Kontak Program Studi Teknik Informatika

54
6. Halaman Dosen Lengkap
Halaman dosen digunakan untuk menampilkan biodata seluruh dosen yang
mengampu pada program studi teknik informatika.

Gambar 4.6 : Tampilan Halaman Dosen Lengkap

55
IV.2.2. Halaman Untuk Login Administrator
Halaman login administrator berisi form input username dan password administrator yang
telah terdaftar sebagai admin dari sistem informasi program studi teknik informatika
fakultas teknik universitas hamzanwadi, dapat dilihat pada gambar di bawah ini :

Gambar 4.7 : Tampilan Halaman Login Administrator

56
IV.2.3. Halaman Administrator
Halaman administrator berisi beberapa menu diantaranya adalah menu header yang
digunakan untuk mengubah gambar dari header sistem informasi yang di tampilkan di
halaman user, menu tentang yang terdapat beberapa sub menu yang digunakan untuk
mengolah isi data yang berkaitan dengan profil program studi teknik informatika, menu
berita yang berisi beberapa sub menu yang digunakan untuk mengolah informasi-informasi
yang akan diterbitkan dalam sistem informasi program studi teknik informatika, menu galeri
yang digunakan untuk mengolah foto-foto kegiatan yang dilakukan oleh program studi
teknik informatika, menu akademik yang berisi beberapa menu untuk mengolah data-data
yang berkaitan dengan akademik, menu berkas digunakan untuk menambahkan berkas-
berkas yang mungkin didianggap penting oleh program studi teknik informatika, menu
pesan yang digunakan untuk menampilkan pesan yang telah dimasukkan oleh user pada
halaman kontak yang ada di tampilan user. Berikut adalah tampilan dari halaman
administrator :
1. Halaman Utama Administrator
Halaman utama administrator adalah halaman yang pertama kali ditampilkan
setelah admin berhasil melakukan login.

Gambar 4.8 : Tampilan Halaman Utama Administrator

57
2. Halaman Menu Header
Menu ini di gunakan untuk mengedit, menambahkan ataupun menghapus gambar
yang dijadikan sebagai header pada halaman user dari system informasi program
studi teknik informatika.

Gambar 4.9 : Tampilan Halaman Menu Header

3. Halaman Visi dan Misi
Menu ini digunakan untuk menambahkan, merubah ataupun menghapus visi dan
misi dari program studi teknik informatika.

Gambar 4.10 : Tampilan Halaman Visi dan Misi

58
4. Halaman Tambah Berita
Menu ini digunakan untuk menambahkan berita atau informasi yang akan
ditampilkan pada halaman user.

Gambar 4.11 : Tampilan Halaman Tambah Berita

5. Halaman Daftar Berita
Menu ini digunakan untuk melihat berita apa saja yang telah diterbitkan, serta
admin juga dapat mengklik button tambah untuk menambahkan berita yang
nantinya admin akan di bawa menuju halaman tambah berita. Serta admin dapat
melakukan edit berita yang sudah ada dan juga dapat menghapus berita yang
sudah diterbitkan

Gambar 4.12 : Tampilan Halaman Daftar Berita

59
6. Halaman Kategori Berita
Halaman kategori berita ini digunakan untuk menampilkan kategori berita apa saja
yang sudah ditentukan oleh admin. Admin juga dapat menambahkan kategori
berita yang baru, serta admin dapat merubah ataupun menghapus kategori berita
yang sudah ada.

Gambar 4.13 : Tampilan Halaman Kategori Berita

7. Halaman Album Foto
Halaman album photo digunakan untuk melihat album foto yang sudah diinputkan
oleh admin, serta admin dapat melakukan perubahan terdapat album foto yang
ada dan juga dapat menghapus album foto ang sudah ada.

Gambar 4.14 : Tampilan Halaman Album Foto

60
8. Halaman Foto
Halaman foto kegiatan digunakan untuk menambahkan, melihat, merubah dan
menghapus foto-foto kegiatan yang sudah dilakukan oleh program studi teknik
informatika yang nantinya akan ditampilkan di halaman user.

Gambar 4.15 : Tampilan Halaman Foto

9. Halaman Dosen
Halaman dosen digunakan untuk menambahkan, melihat, merubah serta
menghapus biodata-biodata dosen yang mengampu di program studi teknik
informatika yang nantinya akan ditampilkan di halaman user.

Gambar 4.16 : Tampilan Halaman Dosen

61
10. Halaman Matakuliah
Halaman matakuliah digunakan untuk melihat daftar matakuliah yang ada, admin
juga dapat menambahkan, merubah ataupun menghapus file nama matakuliah
yang ada yang akan ditampilkan di halaman user.

Gambar 4.17 : Tampilan Halaman Matakuliah

11. Halaman Berkas
Halaman berkas dapat digunakan untuk menyimpan berkas-berkas program studi
yang dianggap penting.

Gambar 4.18 : Tampilan Halaman Berkas

62
 12. Halaman Pesan
Halaman pesan digunakan untuk melihat pesan-pesan yang telah dikirim oleh user
kepada administrator dari system informasi program studi teknik informatika
melalui form kontak yang ada di halaman user.

Gambar 4.19 : Tampilan Halaman Pesan

IV.3. Pengujian Mandiri

Pada tahap ini, penulis melakukan pengujian yang dilakukan terhadap sistem yang telah
dikembangkan dengan hasil sebagai berikut dengan bukti dapat dilihat pada lampiran.
1. User
Tabel 4.1 : Hasil Pengujian Mandiri Halaman User
Hasil Uji
No Modul Persyaratan Hasil yang diharapakan
coba
1. Lihat halaman Klik menu Pengguna dapat melihat OK
utama beranda halaman beranda dari sistem
informasi program studi
teknik informatika
2. Lihat visi misi Kelik menu Pengguna dapat melihat OK
tentang- halaman visi misi program
>visimisi studi teknik informatika
3. Informasi Kelik menu Pengguna dapat melihat OK
informasi informasi-informasi yang di
ada pada sistem informasi
4. Informasi lengkap Klik tombol lihat Pengguna dapat melihat OK

63
 selengkapnya informasi secara lengkap
pada halaman dari potongan informasi yang
informasi telah disajikan di menu
informasi
5. Lihat dosen Klik menu dosen Pengguna dapat melihat OK
daftar dosen-dosen yang
ada di program studi teknik
informatika
6. Lihat details Klik icon detail di Pengguna dapat melihat OK
dosen foto dosen informasi mengenai dosen
yang bersangkutan
7. Komentar berita Klik berita yang Pengguna dapat OK
akan memberikan komentar dari
dikomentari, masing2 informasi yang
kemudian disajikan oleh sistem
menuju kolom informasi
pengisian
komentar
setelah terisi klik
kirim
8. Pesan Klik menu Pengguna dapat OK
kontak mengirimkan pesan kepada
administrator

64
2. Admin
Tabel 4.2 : Hasil Pengujian Mandiri Halaman Admin Sistem Informasi
Hasil Uji
No Modul Persyaratan Hasil yang diharapkan
Coba
1. Login Memasukkan Admin dapat mengakses OK
username dan halaman admin
password
2. Lihat header Klik menu header Admin dapat melihat OK
header yang digunakan
saat ini
3. Ubah header Klik tombol ubah Admin dapat melakukan OK
perubahan header
4. Lihat visi misi Klik menu visimisi Admin dapat melihat OK
visimisi
5. Tambah visimisi Klik tombol tambah Admin dapat OK
menambahkan visimisi
6. Ubah visimisi Klik tombol ubah Admin dapat melakukan OK
perubahan visimisi
7. Tambah berita Klih menu tambah Admin dapat OK
berita menambahkan informasi
baru ke dalam sistem
informasi
8. Daftar berita Klik menu daftar Admin dapat melihat OK
berita informasi-informasi yang
telah di terbitkan
9. Ubah berita Klik menu ubah Admin dapat melakukan OK
perubahan isi berita
10 Hapus berita Klih menu hapus Admin dapat menghapus OK
informasi yang telah
diterbitkan
11. Kategori berita Klik menu kategori Admin dapat melihat OK
dafta kategori berita yang
ada

65
12. Tambah Klik tombol tambah Admin dapat OK
kategori berita menambahkan kategori
berita
13. Ubah kategori Klik tombol ubah Admin dapat melakukan OK
berita perubahan kategori
berita
14. Hapus kategori Klik tombol hapus Admin dapat menghapus OK
berita kategori berita yang ada
15. Lihat album Klik menu album Admin dapat melihat OK
daftar dari album
16. Tambah album Klik tombol tambah Admin dapat OK
menambahkan album
baru
17. Ubah album Klik tombol ubah Admin dapat melakukan OK
perubahan terhadap
album
18. Hapus Album Klik tombol hapus Admin dapat menghapus OK
album
19. Lihat foto Klik menu photo Admin dapat melihat OK
foto-foto yang sudah
diterbitkan
20. Tambah foto Klik tombol tambah Admin dapat OK
menambahkan foto-foto
baru
21. Ubah foto Klik tombol ubah Admin dapat melakukan OK
perubahan terhadap foto
22. Hapus foto Klik tombol hapus Admin dapat meghapus OK
foto
23. Lihat dosen Klik menu dosen Admin dapat melihat OK
daftar biodata dosen-
dosen
24. Tambah Dosen Klik tombol tambah Admin dapat OK
menambahkan biodata

66
 dosen
25. Ubah dosen Klik tombol ubah Admin dapat melakukan OK
perubahan terhadap
biodata dosen
26. Hapus dosen Klik tombol hapus Admin dapat menghapus OK
biodata dosen
27. Lihat matakuliah Klik menu Admin dapat melihat OK
matakuliah daftar nama matakuliah
28. Tambah Klik tombol tambah Admin dapat OK
matakuliah menambahkan nama
matakuliah baru
29. Ubah Klik tombol ubah Admin dapat melakukan OK
Matakuliah perubahan terhadap data
matakuliah
30. Hapus Klik tombol hapus Admin dapat menghapus OK
matakuliah data matakuliah
31. Lihat Pesan Klik menu pesan Admin dapat melihat OK
pesan-pesan yang telah
di kirim oleh user

67
 BAB V
PENUTUP

Berdasarkan hasil pengembangan sistem yang telah penulis lakukan, penulis mencoba
membuat suatu kesimpulan dan mengajukan beberapa sara-saran yang berhubungan
dengan pembahasan yang telah dikemukakan di bab-bab sebelumnya.

V.1. Kesimpulan
Dari berbagai penjelasan yang telah diuraikan dalam skripsi ini, maka dapat disimpulkan
beberapa hal sebagai berikut :
1. Dengan adanya sistem informasi ini , informasi maupun berita mengenai Program
Studi Teknik Informatika Fakultas Teknik Universitas Hamzanwadi dapat
terpublikasi dengan baik. Dengan demikian informasi dapat dilihat oleh semua
orang yang membutuhkan informasi tersebut.
2. Sistem informasi ini memberi kemudahan dalam pencatatan data informasi yang
berkaitan dengan Program Studi Teknik Informatika Fakultas Teknik Universitas
Hamzanwadi. Semua data informasi dapat tersimpan dengan baik dan
terkomputerisasi sebagaimana mestinya sesuai yang diinginkan oleh Program
Studi Teknik Informatika.

V.2. Saran
adapun saran yang dapat penulis berikan untuk pengembangan dari sistem informasi yang
telah dibuat antara lain :
1. Perlunya pengembangan sistem informasi ini agar dapat dikembangkan sampai
kepada security atau keamanan website, sehingga keamanan sistem informasi
lebih terjamin.
2. Perlunya pengembangan tampilan website agar dibuat lebih menarik dan rapi
sesuai dengan kebutuhan.

68
 DAFTAR PUSTAKA

[1] Agungsr, “Sistem informasi,” Sist. Inf., pp. 1–13, 2011.

[2] P. Dbms and D. A. N. Kelengkapannya, “Data base,” pp. 1–8.
[3] H. Saputro, “MODUL PEMBELAJARAN PRAKTEK BASIS DATA ( MySQL ),” p. 34,
2012.
[4] H. Handayani, “Xampp,” Ilmu Teknol. Inf., 2008.
[5] A. Lena and K. Ratna, “Pengertian PHP dan MySQL,” Ilmu Teknol. Inf., pp. 2–3,
2008.
[6] Muningmini, “jQuery Tutorial - Less, Write More, Do,” 2011.
[7] G. Hidup, “Buat Situs Web Bisnis,” no. January, pp. 10–13, 2016.
[8] K. P. Terstruktur, “Data flow diagram 1.,” pp. 1–17, 1970.
[9] S. Mail and P. Ym, “Data Flow Diagram ( DFD ) Apa itu Data Flow Diagram ( DFD
) ?,” pp. 1–23.
[10] Darsono, “Analisis Dan Perancangan Sistem,” pp. 1–13, 2014.
[11] Rama, “Simbol Flowchart,” pp. 1–9, 2012.
[12] T. Hidayat, “ERD (Entity Relationship Diagram),” 2014.
[13] A. Aini, “Sistem Informasi Geografis Pengertian dan Aplikasinya,” STMIK AMIKOM
Yogyakarta, 2007. [Online]. Available: http://p3m.amikom.ac.id/p3m/dasi/juni07/02 -
STMIK AMIKOM Yogyakarta Sistem Informasi Geografi, Pengertian dan
Pemanfaatannya.pdf.
[14] M. Faridl, “Fitur Dahsyat Sublime Text 3,” Lug Stikom, pp. 1–12, 2015.
[15] L. Suryani, “Mengenal Macam – Macam Web Browser,” Ilmu Teknol. Inf., p. 5,
2008.

69