Pembuatan Website Kompetensi Fakultas Teknologi Informasi.

(1)

ABSTRAK

Penyebaran informasi dan pengumuman antara koordinator kompetensi dan mahasiswa ekstensi saat ini menggunakan fitur group facebook. Ada kendala-kendala yang dialami oleh mahasiswa dan koordinator kompetensi selama menggunakan group facebook sebagai media interaksi. Dengan adanya website kompetensi diharapkan memudahkan koordinator dan mahasiswa saling bertukar informasi sesuai dengan kebutuhan. Metode yang digunakan dalam penelitian ini adalah analisis deskriptif dengan pendekatan studi kasus. Teknik penelitian dilakukan dengan metode wawancara kepada koordinator kompetensi. Website kompetensi mengambil data nrp mahasiswa dari web service Sistem Akademik Terpadu Universitas Kristen Maranatha untuk keperluan login. Website ini dibuat menggunakan bahasa pemograman PHP, dan menggunakan database MySQL. Editor yang digunakan adalah Adobe Macromedia Dreamweaver CS 5.5.

(2)

ABSTRACT

Currently, Information distribution and announcement between competence coordinator and extention students is still using Facebook. This method and choice for interaction channel has some restrictions and problems.The purpose of this competence website is to make interaction between coordinators and students become easier regarding to infomation exchange base on their needs. Method used in this material is descriptive analysis with case study approach. Observation technique is by having interview with competence coordinator. Competence website takes student NRP from web service Sistem Akdademik Terpadu Universitas Kristen Maranatha for login purpose. This website is made using PHP programming, and using MySQL database. Editor used is Adobe Macromedia Dreamweaver CS 5.5. Key words: Website, Web Service, PHP, MySQL

(3)

iii

DAFTAR ISI

LEMBAR PENGESAHAN ... i

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... i

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii

PRAKATA ... iv

ABSTRAK ... i

ABSTRACT ... ii

DAFTAR ISI ... iii

DAFTAR GAMBAR ... ix

DAFTAR TABEL ... xii

DAFTAR NOTASI/ LAMBANG ... xv

BAB 1. PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 2

1.3 Tujuan Pembahasan... 2

1.4 Ruang Lingkup Kajian... 2

1.5 Sumber Data ... 4

1.6 Sistematika Penyajian ... 4

BAB 2. KAJIAN TEORI ... 6

2.1 Website ... 6

2.2 Web Service ... 7

2.3 Forum ... 7

2.4 Flowchart ... 8

2.5 Data Flow Diagram (DFD) ... 9

2.6 Process Specification (PSPEC) ... 10

2.7 Kamus Data ... 11

2.8 Entity Relationship Diagram (ERD)... 11

2.8 Hypertext Preprocessor (PHP) ... 14

2.9 MySQL ... 15

(4)

2.11 Cascading Style Sheets (CSS) ... 20

2.12 Javascript ... 21

2.13 JQuery ... 22

2.14 Black Box Testing ... 22

BAB 3. ANALISIS DAN RANCANGAN SISTEM ... 24

3.1 Proses Bisnis ... 24

3.1.1 Proses Bisnis Registrasi Anggota Group Facebook ... 24

3.2 ERD (Entity Relationship Diagram) ... 25

3.3 Transformasi ERD ke dalam Tabel (Relational Database) ... 27

3.3.1 Tabel User ... 27

3.3.2 Tabel Role ... 27

3.3.3 Tabel Periode ... 27

3.3.4 Tabel Mata Kuliah ... 28

3.3.5 Tabel Periode MK ... 28

3.3.6 Tabel Pengajuan MK ... 28

3.3.7 Tabel Wall ... 29

3.3.8 Tabel Jenis Wall ... 29

3.3.9 Tabel Tag ... 29

3.3.10 Tabel Comment ... 29

3.3.11 Tabel Pesan ... 30

3.4 DFD (Data Flow Diagram) ... 30

3.4.1 DFD Level 0 ... 30

3.4.2 DFD Level 1 ... 31

3.4.3 DFD Level 2 Proses 3 “Pengelolaan Data Wall” ... 33

3.4.4 DFD Level 2 Proses 4 “Pengelolaan Data Comment” ... 33

3.4.5 DFD Level 2 Proses 5 “Pengelolaan Data Tag” ... 34

3.4.6 DFD Level 2 Proses 6 “Pengelolaan Data Jenis Wall” ... 34

3.4.7 DFD Level 2 Proses 7 “Pengelolaan Data Mata Kuliah” ... 35

3.4.8 DFD Level 2 Proses 8 “Pengelolaan Data Periode” ... 36

3.4.9 DFD Level 2 Proses 9 “Pengelolaan Data Periode MK” ... 36

3.4.10 DFD Level 2 Proses 10 “Pengelolaan Data Pengajuan MK” . 37 3.4.11 DFD Level 2 Proses 11 “Pengelolaan Data Pesan” ... 37

(5)

3.4.12 DFD Level 2 Proses 12 “Pengelolaan Data User” ... 38

3.5 Kamus Data ... 38

3.5.1 Kamus Data User ... 38

3.5.2 Kamus Data Role ... 39

3.5.3 Kamus Data Mata Kuliah ... 39

3.5.4 Kamus Data Periode ... 40

3.5.5 Kamus Data Periode MK ... 41

3.5.6 Kamus Data Pengajuan MK ... 41

3.5.7 Kamus Data Wall... 42

3.5.8 Kamus Data Jenis Wall ... 43

3.5.9 Kamus Data Comment ... 43

3.5.1 Kamus Data Tag ... 44

3.5.2 Kamus Data Pesan ... 44

3.6 Proses Specification (PSPEC) ... 45

3.6.1 Proses Login ... 45

3.6.1 Proses Registrasi ... 46

3.6.2 Proses Insert Data Wall ... 46

3.6.3 Proses Delete Data Wall ... 47

3.6.4 Proses View Data Wall ... 48

3.6.5 Proses Insert Data Comment ... 48

3.6.6 Proses Delete Data Comment ... 49

3.6.7 Proses View Data Comment ... 50

3.6.8 Proses Insert Data Tag ... 50

3.6.9 Proses Delete Data Tag ... 51

3.6.10 Proses View Data Tag ... 52

3.6.11 Proses Insert Data Jenis Wall ... 52

3.6.12 Proses Edit Data Jenis Wall ... 53

3.6.13 Proses Delete Data Jenis Wall ... 53

3.6.14 Proses View Data Jenis Wall ... 54

3.6.15 Proses Insert Data Mata Kuliah ... 55

3.6.16 Proses Edit Data Mata Kuliah ... 55

(6)

3.6.18 Proses View Data Mata Kuliah ... 56

3.6.19 Proses Insert Data Periode ... 57

3.6.20 Proses Delete Data Periode ... 58

3.6.21 Proses View Data Periode ... 58

3.6.22 Proses Insert Data Periode MK ... 59

3.6.23 Proses Delete Data Periode MK ... 60

3.6.24 Proses View Data Periode MK ... 60

3.6.25 Proses Insert Data Pengajuan MK ... 61

3.6.26 Proses Delete Data Pengajuan MK ... 62

3.6.27 Proses View Data Pengajuan MK ... 62

3.6.28 Proses Insert Data Pesan ... 63

3.6.29 Proses Delete Data Pesan ... 64

3.6.30 Proses View Data Pesan ... 64

3.6.31 Proses Insert Data User ... 65

3.6.32 Proses Edit Data User... 66

3.6.33 Proses Delete Data User ... 66

3.6.34 Proses View Data User ... 67

3.7 Desain Antarmuka Pengguna ... 67

3.7.1 Rancangan Antarmuka Halaman Login ... 68

3.7.2 Rancangan Antarmuka Halaman Registrasi ... 68

3.7.3 Rancangan Antarmuka Halaman Home untuk Admin ... 69

3.7.4 Rancangan Antarmuka Halaman Home untuk Member ... 70

3.7.5 Rancangan Antarmuka Halaman File ... 71

3.7.6 Rancangan Antarmuka Halaman Jenis Wall ... 72

3.7.7 Rancangan Antarmuka Halaman Tambah Data Jenis Wall ... 73

3.7.8 Rancangan Antarmuka Halaman Ubah Data Jenis Wall ... 74

3.7.9 Rancangan Antarmuka Halaman Mata Kuliah ... 75

3.7.10 Rancangan Antarmuka Halaman Tambah Mata Kuliah ... 76

3.7.11 Rancangan Antarmuka Halaman Uabah Mata Kuliah ... 77

3.7.12 Rancangan Antarmuka Polling Pengajuan MK ... 78 3.7.13 Rancangan Antarmuka Halaman Tambah Data Pengajuan MK

(7)

vii

3.7.14 Rancangan Antarmuka Halaman Hasil Pengajuan MK ... 80

3.7.15 Rancangan Antarmuka Halaman Member ... 81

3.7.16 Rancangan Antarmuka Halaman Tambah Admin ... 82

3.7.17 Rancangan Antarmuka Halaman Edit Data Member ... 83

3.7.18 Rancangan Antarmuka Halaman Pesan ... 84

3.7.19 Rancangan Antarmuka Halaman Profil ... 85

BAB 4. HASIL PENELITIAN ... 87

4.1 Halaman Login ... 87

4.2 Halaman Registrasi ... 88

4.3 Halaman Home untuk Admin ... 90

4.4 Halaman Home untuk Member ... 90

4.5 Halaman Tambah Data Wall untuk Admin ... 91

4.6 Halaman Tambah Data Wall untuk Member ... 92

4.7 Halaman Pengajuan Mata Kuliah ... 92

4.8 Halaman Comment ... 94

4.9 Halaman File ... 94

4.10 Halaman Jenis Wall ... 95

4.11 Halaman Tambah Data Jenis Wall ... 96

4.12 Halaman Ubah Data Jenis Wall ... 96

4.13 Halaman Mata Kuliah ... 97

4.14 Halaman Tambah Data Mata Kuliah ... 98

4.15 Halaman Ubah Data Mata Kuliah ... 98

4.16 Halaman Data Pengajuan Mata Kuliah ... 99

4.17 Halaman Tambah Data Periode Pengajuan Mata Kuliah ... 100

4.18 Halaman Hasil Pengajuan Mata Kuliah ... 100

4.19 Halaman Member ... 101

4.20 Halaman Tambah Admin ... 102

4.21 Halaman Ubah Data Member ... 102

4.22 Halaman Pesan untuk Admin ... 103

4.23 Halaman Pesan untuk Member ... 104

4.24 Halaman Profil ... 104

(8)

viii

4.26 Halaman UbahFoto... 105

BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ... 107

5.1 Blackbox Testing ... 107

5.1.1 Pengujian Login... 107

5.1.2 Pengujian Halaman Registrasi ... 108

5.1.3 Pengujian Halaman Home ... 108

5.1.4 Pengujian Halaman Tambah Wall ... 109

5.1.5 Pengujian Halaman Tambah Tag ... 109

5.1.6 Pengujian Halaman Tambah Comment ... 110

5.1.7 Pengujian Halaman Tambah File ... 110

5.1.8 Pengujian Halaman File ... 111

5.1.9 Pengujian Halaman Jenis Wall ... 111

5.1.10 Pengujian Halaman Tambah Jenis Wall ... 111

5.1.11 Pengujian Halaman Ubah Jenis Wall ... 112

5.1.12 Pengujian Halaman Mata Kuliah ... 113

5.1.13 Pengujian Halaman Tambah Mata Kuliah ... 113

5.1.14 Pengujian Halaman Ubah Mata Kuliah ... 114

5.1.15 Pengujian Halaman Polling Pengajuan Mata Kuliah ... 114

5.1.16 Pengujian Halaman Tambah Periode ... 115

5.1.17 Pengujian Halaman Hasil Polling Pengajuan Mata Kuliah .. 115

5.1.18 Pengujian Halaman Member ... 116

5.1.19 Pengujian Halaman Tambah Admin ... 116

5.1.20 Pengujian Halaman Ubah Member ... 117

5.1.21 Pengujian Halaman Pesan ... 117

5.1.22 Pengujian Halaman Tambah Pesan ... 117

5.1.23 Pengujian Halaman Profil... 118

5.1.24 Pengujian Halaman Ubah Profil ... 118

BAB 6. SIMPULAN DAN SARAN ... 120

6.1 Simpulan ... 120

6.2 Saran ... 120

DAFTAR PUSTAKA ... 121

(9)

DAFTAR GAMBAR

Gambar 2. 1 Relasi Satu ke Satu (One to One) ... 12

Gambar 2. 2 Relasi Satu ke Banyak (One to Many) ... 12

Gambar 2. 3 Banyak ke Satu (Many to One) ... 13

Gambar 2. 4 Relasi Banyak ke Banyak (Many to Many) ... 13

Gambar 2. 5 Struktur Penulisan Tag HTML ... 19

Gambar 3. 1 Proses Bisnis Anggota Group Facebook ... 25

Gambar 3. 2 Entity Relationship Diagram ... 26

Gambar 3. 3 Gambar DFD Level 0 ... 31

Gambar 3. 4 DFD Level 1 ... 32

Gambar 3. 5 DFD Level 3 Proses 3 “Pengelolaan Data Wall” ... 33

Gambar 3. 6 DFD Level 2 Proses 4 “Pengelolaan Data Comment” ... 33

Gambar 3. 7 DFD Level 2 Proses 5 “Pengelolaan Data Tag” ... 34

Gambar 3. 8 DFD Level 2 Proses 6 “Pengelolaan Data Jenis Wall” ... 35

Gambar 3. 9 DFD Level 2 Proses 7 “Pengelolaan Data Mata Kuliah” ... 35

Gambar 3. 10 DFD Level 2 Proses 8 “Pengelolaan Data Periode” ... 36

Gambar 3. 11 DFD Level 2 Proses 9 “Pengelolaan Data Periode MK” ... 36

Gambar 3. 12 DFD Level 2 Proses 10 “Pengelolaan Data Pengajuan MK” .. 37

Gambar 3. 13 DFD Level 2 Proses 11 “Pengelolaan Data Pesan” ... 37

Gambar 3. 14 DFD Level 2 Proses 12 “Pengelolaan Data User” ... 38

Gambar 3. 15 Rancangan Antarmuka Halaman Login ... 68

Gambar 3. 16 Rancangan Antarmuka Halaman Registrasi ... 69

Gambar 3. 17 Rancangan Antarmuka Halaman Home ... 70

Gambar 3. 18 Rancangan Antarmuka Halaman Home untuk Member ... 71

Gambar 3. 19 Rancangan Antarmuka Halaman File ... 72

Gambar 3. 20 Rancangan Antarmuka Halaman Jenis Wall ... 73

Gambar 3. 21 Rancangan Antarmuka Halaman Tambah Data Jenis Wall ... 74

Gambar 3. 22 Rancangan Antarmuka Halaman Ubah Data Jenis Wall ... 75

(10)

Gambar 3. 24 Rancangan Antarmuka Halaman Mata Kuliah ... 77

Gambar 3. 25 Rancangan Antarmuka Halaman Ubah Mata Kuliah ... 78

Gambar 3. 26 Rancangan Antarmuka Polling Pengajuan MK ... 79

Gambar 3. 27 Rancangan Antarmuka Halaman Tambah Data Pengajuan MK80 Gambar 3. 28 Rancangan Antarmuka Halaman Hasil Pengajuan MK ... 81

Gambar 3. 29 Rancangan Antarmuka Halaman Member ... 82

Gambar 3. 30 Rancangan Antarmuka Halaman Tambah Admin ... 83

Gambar 3. 31 Rancangan Antarmuka Halaman Edit Data Member ... 84

Gambar 3. 32 Rancangan Antarmuka Halaman Pesan ... 85

Gambar 3. 33 Rancangan Antarmuka Halaman Profil ... 86

Gambar 4. 1 Halaman Login ... 87

Gambar 4. 2 Halaman Error login ... 88

Gambar 4. 3 Halaman Registrasi ... 88

Gambar 4. 4 Halaman Registrasi Foto ... 89

Gambar 4. 5 Halaman Konfirmasi Registrasi ... 89

Gambar 4. 6 Halaman Home untuk Admin ... 90

Gambar 4. 7 Halaman Home untuk Member ... 91

Gambar 4. 8 Halaman Tambah Data Wall untuk Admin ... 91

Gambar 4. 9 Halaman Tambah Data Wall untuk Member ... 92

Gambar 4. 10 Halaman Pengajuan Mata Kuliah ... 93

Gambar 4. 11 Halaman Konfirmasi Pengajuan Mata Kuliah ... 93

Gambar 4. 12 Halaman Comment ... 94

Gambar 4. 13 Halaman File ... 95

Gambar 4. 14 Halaman Jenis Wall ... 95

Gambar 4. 15 Halaman Tambah Data Jenis Wall ... 96

Gambar 4. 16 Halaman Ubah Data Jenis Wall ... 97

Gambar 4. 17 Halaman Mata Kuliah ... 97

Gambar 4. 18 Halaman Tambah Data Mata Kuliah ... 98

Gambar 4. 19 Halaman Ubah Data Mata Kuliah ... 99

Gambar 4. 20 Halaman Data Pengajuan Mata Kuliah ... 99

Gambar 4. 21 Halaman Tambah Data Periode Pengajuan Mata Kuliah ... 100

(11)

Gambar 4. 23 Halaman Member ... 101

Gambar 4. 24 Halaman Tambah Admin ... 102

Gambar 4. 25 Halaman Ubah Data Member ... 103

Gambar 4. 26 Halaman Pesan untuk Admin ... 103

Gambar 4. 27 Halaman Pesan untuk Member ... 104

Gambar 4. 28 Halaman Profil... 105

Gambar 4. 29 Halaman UbahProfil ... 105

(12)

xii

DAFTAR TABEL

Tabel 1 Daftar Simbol Flowchart Diagram ... xv

Tabel 2 Daftar Simbol Entity Relationship Diagram ... xvi

Tabel 3 Daftar Simbol Data Flow Diagram ... xvii

Tabel 4 Daftar Simbol Kamus Data ... xviii

Tabel 3. 1 Tabel User ... 27

Tabel 3. 2 Tabel Role ... 27

Tabel 3. 3 Tabel Periode ... 27

Tabel 3. 4 Tabel Mata Kuliah ... 28

Tabel 3. 5 Tabel Periode MK ... 28

Tabel 3. 6 Tabel Pengajuan MK ... 28

Tabel 3. 7 Wall ... 29

Tabel 3. 8 Tabel Jenis Wall ... 29

Tabel 3. 9 Tabel Tag ... 29

Tabel 3. 10 Tabel Comment... 30

Tabel 3. 11 Tabel Pesan ... 30

Tabel 3. 12 Kamus Data User ... 38

Tabel 3. 13 Kamus Data Role ... 39

Tabel 3. 14 Kamus Data Mata Kuliah ... 40

Tabel 3. 15 Kamus Data Periode ... 40

Tabel 3. 16 Kamus Data Periode MK ... 41

Tabel 3. 17 Kamus Data Pengajuan MK ... 41

Tabel 3. 18 Kamus Data Wall ... 42

Tabel 3. 19 Kamus Data Jenis Wall ... 43

Tabel 3. 20 Kamus Data Comment ... 43

Tabel 3. 21 Kamus Data Tag ... 44

Tabel 3. 22 Kamus Data Pesan ... 44

Tabel 3. 23 Proses Login ... 45

Tabel 3. 24 Proses Registrasi ... 46

(13)

xiii

Tabel 3. 26 Proses Delete Data Wall ... 47

Tabel 3. 27 Proses View Data Wall ... 48

Tabel 3. 28 Proses Insert Data Comment ... 48

Tabel 3. 29 Proses Delete Data Comment ... 49

Tabel 3. 30 Proses View Data Comment ... 50

Tabel 3. 31 Proses Insert Data Tag ... 51

Tabel 3. 32 Proses Insert Data Tag ... 51

Tabel 3. 33 Proses View Data Tag ... 52

Tabel 3. 34 Proses Insert Data Jenis Wall ... 52

Tabel 3. 35 Proses Edit Data Jenis Wall ... 53

Tabel 3. 36 Proses Delete Data Jenis Wall ... 54

Tabel 3. 37 Proses View Data Jenis Wall ... 54

Tabel 3. 38 Proses Insert Data Mata Kuliah ... 55

Tabel 3. 39 Proses Edit Data Mata Kuliah ... 55

Tabel 3. 40 Proses Delete Data Mata Kuliah ... 56

Tabel 3. 41 Proses View Data Mata Kuliah ... 57

Tabel 3. 42 Proses Insert Data Periode ... 57

Tabel 3. 43 Proses Delete Data Periode ... 58

Tabel 3. 44 Proses View Data Periode ... 59

Tabel 3. 45 Proses Insert Data Periode MK ... 59

Tabel 3. 46 Proses Delete Data Periode MK ... 60

Tabel 3. 47 Proses View Data Periode MK ... 60

Tabel 3. 48 Proses Insert Data Pengajuan MK ... 61

Tabel 3. 49 Proses Delete Data Pengajuan MK... 62

Tabel 3. 50 Proses View Data Pengajuan MK ... 62

Tabel 3. 51 Proses Insert Data Pesan ... 63

Tabel 3. 52 Proses Delete Data Pesan ... 64

Tabel 3. 53 Proses View Data Pesan ... 64

Tabel 3. 54 Proses Insert Data User ... 65

Tabel 3. 55 Proses Edit Data User ... 66

Tabel 3. 56 Proses Delete Data User ... 66

(14)

xiv

Tabel 5. 1 Pengujian Login ... 107

Tabel 5. 2 Pengujian Halaman Registrasi ... 108

Tabel 5. 3 Pengujian Halaman Home ... 108

Tabel 5. 4 Pengujian Halaman Tambah Wall ... 109

Tabel 5. 5 Pengujian Halaman Tambah Tag ... 109

Tabel 5. 6 Pengujian Halaman Tambah Comment ... 110

Tabel 5. 7 Pengujian Halaman Tambah File ... 110

Tabel 5. 8 Pengujian Halaman File ... 111

Tabel 5. 9 Pengujian Halaman Jenis Wall ... 111

Tabel 5. 10 Pengujian Halaman Tambah Jenis Wall ... 112

Tabel 5. 11 Pengujian Halaman Ubah Jenis Wall ... 112

Tabel 5. 12 Pengujian Halaman Mata Kuliah ... 113

Tabel 5. 13 Pengujian Halaman Tambah Mata Kuliah ... 113

Tabel 5. 14 Pengujian Halaman Ubah Mata Kuliah ... 114

Tabel 5. 15 Pengujian Halaman Pengajuan Mata Kuliah ... 114

Tabel 5. 16 Pengujian Halaman Tambah Periode ... 115

Tabel 5. 17 Pengujian Halaman Hasil Polling Pengajuan Mata Kuliah ... 115

Tabel 5. 18 Pengujian Halaman Member ... 116

Tabel 5. 19 Pengujian Halaman Tambah Admin... 116

Tabel 5. 20 Pengujian Halaman Ubah Member ... 117

Tabel 5. 21 Pengujian Halaman Pesan ... 117

Tabel 5. 22 Pengujian Halaman Tambah Pesan... 118

Tabel 5. 23 Pengujian Halaman Jenis Profil ... 118

(15)

DAFTAR NOTASI/ LAMBANG

Berikut ini adalah daftar simbol yang digunkan dalam pembuatan

flowchartdiagram.

Tabel 1 Daftar Simbol Flowchart Diagram

Jenis _{Notasi/Lambang} _Nama _Arti

Flowchart Terminal Simbol terminal yang

digambarkan

menggunakan bentuk oval untuk mewakili tanda start (mulai) , end (berhenti)

Flowchart Proses Simbol yang

menunjukkan pengolahan yang dilakukan oleh komputer

Flowchart Keyboard Simbol operasi

dengan menggunakan mesin yang

mempunyai keyboard

Flowchart Display Simbol yang

menyatakan peralatan output yang

(16)

xvi

Jenis _{Notasi/Lambang} _Nama _Arti

plotter, printer, dan sebagainya

Flowchart Keyboard Aliran proses satu

arah

Berikut ini adalah daftar simbol yang digunkan dalam pembuatan entity relationship diagram.

Tabel 2 Daftar Simbol Entity Relationship Diagram

Jenis _{Notasi/Lambang} _Nama _Arti

ERD Entitas Simbol ini

menggambarkan kumpulan dari objek yang dapat

diindetifikasikan secara unik.

ERD Relasi Simbol ini

menggambarkan hubungan yang terjadi antara satu atau lebih entitas.

ERD Atribut Simbol ini

menggambarkan karakteristik dari

(17)

xvii

Jenis _{Notasi/Lambang} _Nama _Arti

yang merupakan penjelasan detail tentang entitas.

ERD Garis Simbol ini

menggambarkan hubungan antara

entity dengan

atributnya dan himpunan entitas dengan himpunan relasi,

Berikut ini adalah daftar simbol yang digunkan dalam pembuatan data flow diagram.

Tabel 3 Daftar Simbol Data Flow Diagram

Jenis _{Notasi/Lambang} _Nama _Arti

DFD Entitas Simbol ini

menggambarkan orang/unit terkait yang berinteraksi dengan sistem.

DFD Alur Data Simbol ini

menggambarkan mengenai aliran atau pergerakan dari kumpulan data

(18)

xviii

Jenis _{Notasi/Lambang} _Nama _Arti

dari satu bagian sistem ke bagian sistem lainnya.

DFD Proses Simbol ini

menggambarkan proses yang terjadi di dalam sistem.

DFD Data Store Simbol ini

menggambarkan mengenai tempat penyimpanan sebuah kumpulan paket data

Berikut ini adalah daftar simbol yang digunkan dalam pembuatan kamus data.

Tabel 4 Daftar Simbol Kamus Data

Jenis _{Notasi/Lambang} _Nama _Arti

Kamus Data

= Sama dengan Terdiri atas,

mendefinisikan, diuraikan menjadi

Kamus Data

(19)

xix

Jenis _{Notasi/Lambang} _Nama _Arti

amus Data

@ Primary Key Penanda atribut

kunci

Kamus Data

| Pemisah Pemisah alternatif

yang dapat dipilih

Kamus Data

+ Tambah Dan

Kamus Data

(20)

BAB 1. PENDAHULUAN

Bab 1 ini digunakan untuk menjelaskan latar belakang, rumusan masalah berdasarkan latar belakang yang ada, tujuan pembahasan, ruang lingkup kajian, sumber data dan sistematika penyajian pembuatan website kompetensi Fakultas Teknologi Informasi.

1.1 Latar Belakang Masalah

Fakultas Teknologi Informasi memiliki 3 program studi, yaitu S1 Teknik Informatika, S1 Sistem Informasi, dan D3 Teknik Informatika. Mahasiswa D3 dengan jurusan Ilmu Komputerisasi (Teknik Informatika, Teknik Komputer , Manajemen Informatika, dan Komputerisasi Akuntansi) dapat meneruskan pendidikan ke jenjang S1 Teknik Informatika atau S1 Sistem Informasi. Mahasiswa D3 yang meneruskan pendidikannya ke jenjang S1 disebut mahasiswa ekstensi.

Mahasiswa ekstensi memiliki koordinator kompetensi yang mengatur perwalian, forum komunikasi, dan segala kegiatan perkuliahan. Penyebaran informasi dan pengumuman antara koordinator kompetensi dan mahasiswa ekstensi saat ini menggunakan fitur salah satu media social facebook, yaitu melalui fitur group. Di dalam group facebook tersebut koordinator kompetensi akan memberikan pengumuman-pengumuman seputar perwalian, kegiatan perkuliahan, dan sebagainya. Selain itu, group facebook dijadikan media interaksi antara koordinator kompetensi dan mahasiswa. Ada kendala-kendala yang dialami oleh mahasiswa dan koordinator kompetensi selama menggunakan group facebook sebagai media interaksi. Di mana ada beberapa mahasiswa ekstensi yang tidak dapat mengakses website

facebook dari kantor, karena situs facebook di block. Selain itu, group

facebook tidak dapat mengorganisasikan dokumen / file yang telah diunduh

oleh koordinator kompetensi.

Melihat pokok permasalahan diatas maka tercetuslah ide untuk membuat sebuah website sebagai sarana publikasi dan interaksi sesuai

(21)

kebutuhan koordinator kompetensi dan mahasiswa ekstensi. Saat ini perkembangan internet begitu pesat. Peranan internet sebagai media penyalur informasi membuat semua bidang mulai memilih internet dalam perkembangannya. Dalam peranannya tersebut muncullah website yang ditujukan sebagai sarana untuk berkomunikasi dengan mudah. Untuk itu, diharapkan dengan adanya website kompetensi yang akan dibuat, dapat mempermudah koordinator kompetensi dan mahasiswa berinteraksi melalui media internet.

1.2 Rumusan Masalah

Adapun rumusan masalah yang muncul seputar hal tersebut, adalah: 1. Bagaimana caranya agar mahasiswa dapat berinterkasi dengan program

kompetensi melalui sebuah website?

2. Bagaimana caranya program kompetensi dapat mendokumentasikan dan mengorganisasikan pengumuman seputar perkuliahan dengan pemilahan file dengan jelas?

1.3 Tujuan Pembahasan

Adapun tujuan dari dibuatnya rancangan website ini yaitu untuk:

1. Membuat sebuah website sebagai media interaksi bagi program kompetensi dan mahasiswa.

2. Membuat sebuah website yang dapat menyediakan fitur untuk menyampaikan pengumuman dengan pengorganisasian file yang jelas.

1.4 Ruang Lingkup Kajian

Dalam perancangan pembuatan, website memiliki ruang lingkup sebagai berikut:

1. Batasan Perangkat Lunak / Software  Bahasa Scripting : PHP

 Editor Pemograman : Adobe Dreamweaver CS5  Basis Data : MySQL

(22)

2. Batasan Perangkat Keras / Hardware

 Memory : 512 MB

 Processor : Intel(R)Core(TM)2 Duo P8700(2.53Ghz)

 Harddisk : 80 GB

3. Batasan Aplikasi

a. Pengguna dari aplikasi ini sebagai berikut :

 Admin sebagai pengelola system.

 Member sebagai anggota system. b. Fitur yang terdapat dalam website :

 Login, member login ke dalam sistem menggunakan nrp dan

password dari data webservice SAT Maranatha.

 Wall, sebagai media interaksi antara admin dan member. Admin dapat memberikan pengumuman-pengumuman dan dapat mengelola pengumuman.

 Comment, member dan admin dapat memberikan comment

pengumuman yang di-post oleh admin / member lain.

 Tag nama member, admin dan member dapat menge-tag nama member lain di wall yang di-post.

 Pengorganisasian file pengumuman, admin dapat

mengorganisasikan file sesuai dengan kebutuhan.

 Upload file, admin dapat meng-upload file selain text,seperti gambar, excel, word, pdf.

 Notification, sebagai pemberitahuan mengenai aktivitas terbaru di

dalam website untuk admin dan member. Notification terbaru akan dikirim melalui email gateway. Notification melingkupi pesan dan wall terbaru.

 Pesan, sebagai tempat memberikan pesan antara member dan admin. Member hanya bisa memberikan pesan kepada admin, sedangkan admin bisa memberi pesan ke semua member.

(23)

 Pengajuan mata kuliah yang dibuka di semester depan, sebagai polling untuk member mengajukan mata kuliah yang ingin dibuka di semester selanjutnya.

1.5 Sumber Data

Data-data primer yang akan digunakan dalam pembuatan Tugas Akhir ini akan didapat secara langsung dari koordinator kompetensi. Semua yang dibuat dalam website ini akan berlandaskan kebutuhan dari program kompetensi. Sedangkan data-data sekunder yang akan digunakkan dalam pembuatan website ini akan didapat dari referensi beberapa buku dan internet.

1.6 Sistematika Penyajian

Sistematika penulisan yang akan digunakan dalam pembuatan laporan penelitian adalah sebagai berikut:

BAB 1. PENDAHULUAN

Bab ini berisi latar belakang, rumusan masalah, tujuan, ruang lingkup kajian, sumber data, dan sistematika penyajian laporan tugas akhir.

BAB 2. KAJIAN TEORI

Bab ini digunakan untuk menjelaskan teori-teori yang berkaitan dengan pembuatan sistem dan mendukung pembuatan sistem yang ada.

BAB 3. ANALISIS DAN RANCANGAN SISTEM

Bab ini digunakan untuk menjelaskan bagaimana analisis keadaan, kebutuhan sistem, perancangan sistem, DFD, ERD, dan gambaran arsitektur sistem.

BAB 4. HASIL PENELITIAN

Bab ini digunakan untuk menjelaskan perencanaan tahap implementasi, proses perkembangan implementasi proyek, penjelasan mengenai realisasi fungsionalitas dan User Interface Design yang sudah dibuat.

(24)

Bab ini digunakan untuk menjelaskan rencana pengujian sistem serta testing akan diuji dan dilakukan.

BAB 6. SIMPULAN DAN SARAN

Bab ini digunakan untuk memberi kesimpulan dan kata-kata penutup dalam Laporan Tugas Akhir.

(25)

120

Universitas Kristen Maranatha

BAB 6. SIMPULAN DAN SARAN

Bab 6 ini digunakan untuk menyimpulkan dan pemberian saran dalam pembuatan website kompetensi Fakultas Teknologi Informasi.

6.1 Simpulan

Kesimpulan yang didapat berdasarkan pada tujuan yang telah disampaikan pada bab pendahuluan adalah sebagai berikut :

1. Website dibuat untuk program kompetensi dapat berinteraksi dengan

mahasiswa.

2. Website dibuat untuk program kompetensi menyampaikan pengumuman dengan pengorganisasian file yang jelas.

6.2 Saran

Saran-saran untuk pengembangan aplikasi pada masa mendatang adalah implementasi website di dalam aplikasi perangkat mobile.

(26)

121

Universitas Kristen Maranatha

DAFTAR PUSTAKA

[1] A. Kadir, Pemograman Web Mencakup HTML, CSS, Javascript dan PHP, Yogyakarta: Andi, 2003.

[2] D. J. Paul and M. D. Harvey, C# How To Program, Pretince Hall, 2001. [3] CSS-weaver, "Web Forum," 2012. [Online]. Available:

http://css-weaver.com/web-forum-adalah/. [Accessed 29 08 2013].

[4] Staff and J. Associates, Flowcharts Plain And Simple, Madison: Oriel, Inc, 2002.

[5] B. Hariyanto, Sistem Manajemen Basis Data: Pemodelan , Perancangan , dan Terapannya, Bandung: Informatika, 2004.

[6] S. Pressman, Software Engineering Practitioner's Approach 3rd Edition McGraw-Hill, McGraw-Hill: inc, 1982.

[7] R. V. Imbar and B. R. Suteja, Pemograman Web-Commerce dengan ORACLE & ASP, Bandung: Informatika, 2006.

[8] A. Kadir, Dasar Pemograman Web Dinamis Menggunakan PHP, Yogyakarta: Informatika Bandung, 2005.

[9] M. Maslakowski and T. Butcher, SAMS Teach Yourself MySQL in 21 Days, United States Of America, 2000.

[10] B. R. Suteja, A. Prijono and R. Agustaf, Mudah dan Cepat Menguasai Pemograman Web, Bandung: Informatika, 2005.

[11] K. Wiswakarma, Teknik Cepat Menguasai CSS 3, Yogyakarta: Lokomedia Jogja, 2009.

[12] J. Chaffer and K. Swedberg, Learning Jquery, Benicia, CA, U.S.A: Packt Publishing, 2007.

(1)

kebutuhan koordinator kompetensi dan mahasiswa ekstensi. Saat ini perkembangan internet begitu pesat. Peranan internet sebagai media penyalur informasi membuat semua bidang mulai memilih internet dalam perkembangannya. Dalam peranannya tersebut muncullah website yang ditujukan sebagai sarana untuk berkomunikasi dengan mudah. Untuk itu, diharapkan dengan adanya website kompetensi yang akan dibuat, dapat mempermudah koordinator kompetensi dan mahasiswa berinteraksi melalui media internet.

1.2 Rumusan Masalah

Adapun rumusan masalah yang muncul seputar hal tersebut, adalah: 1. Bagaimana caranya agar mahasiswa dapat berinterkasi dengan program

kompetensi melalui sebuah website?

2. Bagaimana caranya program kompetensi dapat mendokumentasikan dan mengorganisasikan pengumuman seputar perkuliahan dengan pemilahan file dengan jelas?

1.3 Tujuan Pembahasan

Adapun tujuan dari dibuatnya rancangan website ini yaitu untuk:

1. Membuat sebuah website sebagai media interaksi bagi program kompetensi dan mahasiswa.

2. Membuat sebuah website yang dapat menyediakan fitur untuk menyampaikan pengumuman dengan pengorganisasian file yang jelas.

1.4 Ruang Lingkup Kajian

Dalam perancangan pembuatan, website memiliki ruang lingkup sebagai berikut:

1. Batasan Perangkat Lunak / Software

(2)

Universitas Kristen Maranatha 2. Batasan Perangkat Keras / Hardware

 Memory : 512 MB

 Processor : Intel(R)Core(TM)2 Duo P8700(2.53Ghz)

 Harddisk : 80 GB 3. Batasan Aplikasi

a. Pengguna dari aplikasi ini sebagai berikut :

 Admin sebagai pengelola system.

 Member sebagai anggota system. b. Fitur yang terdapat dalam website :

 Login, member login ke dalam sistem menggunakan nrp dan password dari data web service SAT Maranatha.

 Wall, sebagai media interaksi antara admin dan member. Admin dapat memberikan pengumuman-pengumuman dan dapat mengelola pengumuman.

 Comment, member dan admin dapat memberikan comment pengumuman yang di-post oleh admin / member lain.

 Tag nama member, admin dan member dapat menge-tag nama member lain di wall yang di-post.

 Pengorganisasian file pengumuman, admin dapat mengorganisasikan file sesuai dengan kebutuhan.

 Upload file, admin dapat meng-upload file selain text,seperti gambar, excel, word, pdf.

 Notification, sebagai pemberitahuan mengenai aktivitas terbaru di dalam website untuk admin dan member. Notification terbaru akan dikirim melalui email gateway. Notification melingkupi pesan dan wall terbaru.

 Pesan, sebagai tempat memberikan pesan antara member dan admin. Member hanya bisa memberikan pesan kepada admin, sedangkan admin bisa memberi pesan ke semua member.

(3)

 Pengajuan mata kuliah yang dibuka di semester depan, sebagai polling untuk member mengajukan mata kuliah yang ingin dibuka di semester selanjutnya.

1.5 Sumber Data

Data-data primer yang akan digunakan dalam pembuatan Tugas Akhir ini akan didapat secara langsung dari koordinator kompetensi. Semua yang dibuat dalam website ini akan berlandaskan kebutuhan dari program kompetensi. Sedangkan data-data sekunder yang akan digunakkan dalam pembuatan website ini akan didapat dari referensi beberapa buku dan internet.

1.6 Sistematika Penyajian

Sistematika penulisan yang akan digunakan dalam pembuatan laporan penelitian adalah sebagai berikut:

BAB 1. PENDAHULUAN

Bab ini berisi latar belakang, rumusan masalah, tujuan, ruang lingkup kajian, sumber data, dan sistematika penyajian laporan tugas akhir.

BAB 2. KAJIAN TEORI

Bab ini digunakan untuk menjelaskan teori-teori yang berkaitan dengan pembuatan sistem dan mendukung pembuatan sistem yang ada.

BAB 3. ANALISIS DAN RANCANGAN SISTEM

Bab ini digunakan untuk menjelaskan bagaimana analisis keadaan, kebutuhan sistem, perancangan sistem, DFD, ERD, dan gambaran arsitektur sistem.

BAB 4. HASIL PENELITIAN

Bab ini digunakan untuk menjelaskan perencanaan tahap implementasi, proses perkembangan implementasi proyek, penjelasan mengenai realisasi fungsionalitas dan User Interface Design yang sudah

(4)

Universitas Kristen Maranatha Bab ini digunakan untuk menjelaskan rencana pengujian sistem serta testing akan diuji dan dilakukan.

BAB 6. SIMPULAN DAN SARAN

Bab ini digunakan untuk memberi kesimpulan dan kata-kata penutup dalam Laporan Tugas Akhir.

(5)

BAB 6. SIMPULAN DAN SARAN

Bab 6 ini digunakan untuk menyimpulkan dan pemberian saran dalam pembuatan website kompetensi Fakultas Teknologi Informasi.

6.1 Simpulan

Kesimpulan yang didapat berdasarkan pada tujuan yang telah disampaikan pada bab pendahuluan adalah sebagai berikut :

1. Website dibuat untuk program kompetensi dapat berinteraksi dengan mahasiswa.

2. Website dibuat untuk program kompetensi menyampaikan pengumuman dengan pengorganisasian file yang jelas.

6.2 Saran

Saran-saran untuk pengembangan aplikasi pada masa mendatang adalah implementasi website di dalam aplikasi perangkat mobile.