Situs web Biro Administrasi Dan Perencanaan Sistem Informasi Universitas Sanata Dharma Yogyakarta - USD Repository

(1)

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Sains

Program Studi Ilmu Komputer

Disusun Oleh :

Khristien Natalia

033124031

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

2009

(2)

FINAL PROJECT

Presented as Partial Fullfilment of the Requirements

To Obtain Sarjana Sains Degree

Computer Science Study Program

By :

Khristien Natalia

033124031

COMPUTER SCIENCE STUDY PROGRAM

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

2009

(3)

(4)

(5)

Biro Administrasi Perencanaan dan Sistem Informasi (BAPSI) adalah lembaga yang mengkaji dan mengembangkan serta merawat sistem informasi

pada Universitas Sanata Dharma. Content Management System (CMS) merupakan

sistem yang digunakan BAPSI dalam mengelola isi keseluruhan dari situs web. CMS yang dipergunakan untuk membantu manajemen situs web

www.bapsi.usd.ac.id dirasa masih belum lengkap dan belum menunjukkan aktivitas – aktivitas yang sudah, sedang, atau yang akan dilakukan oleh BAPSI. Oleh karena itu penulis mengembangkan sebuah aplikasi CMS yang mampu menutupi kelemahan tersebut

Sistem CMS yang hendak dibuat dapat dipergunakan untuk memperkenalkan produk-produk BAPSI, aktivitas-aktivitas yang dilakukan oleh BAPSI dan informasi lainnya yang dibutuhkan oleh berbagai pihak. Sistem ini

dikembangkan menggunakan metode waterfall yang memiliki beberapa tahapan

pengembangan, yaitu analisis, perancangan, implementasi, dan pengujian. Sistem ini dibangun menggunakan Macromedia MX dan juga menggunakan bahasa pemrograman PHP, HTML, dan CSS.

Sistem CMS ini telah dievaluasi oleh 16 responden yang terdiri dari karyawan BAPSI, dosen, dan mahasiswa. Berdasarkan hasil evaluasi yang diperoleh, sistem CMS ini cukup memenuhi kebutuhan pengguna dan dapat membantu pekerjaan BAPSI dengan menghasilkan laporan yang dibutuhkan.

(6)

ADMINISTRATION AND PLANNING OF SANATA DHARMA UNIVERSITY

The Bureau of Information Systems Administration and Planning (BAPSI) is an institution to study, develop and maintain information systems at Sanata Dharma University. Content Management System (CMS) is a system that is used by BAPSI to manage the overall content of the website. CMS, which is used to

help manage www.bapsi.usd.ac.id website, is still incomplete and does not

contain information about activities done by BAPSI in the past, present or future. Therefore, the author developed a CMS application to cover these weaknesses

The developed CMS system could be used to introduce BAPSI’s products, activities and other information required by stakeholders. This system was developed using the waterfall method which involved several stages of development, namely, analysis, design, implementation, and testing. This system was built using Macromedia MX as well as PHP, HTML, and CSS programming languages.

This CMS system was evaluated by 16 respondents consisting of employees of BAPSI, lecturers and students. Based on the results of the evaluation, it can be concluded that the CMS system met the users’ needs and could help BAPSI in generating required reports.

(7)

(8)

(9)

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, atas

rahmat, berkat, dan karunia yang diberikanNya kepada penulis sehingga dapat

menyelesaikan tugas akhir ini. Tugas akhir ini disusun untuk memenuhi salah satu

syarat memperoleh gelar sarjana strata satu program studi Ilmu Komputer

Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

Dalam penyusunan skripsi ini banyak sekali pihak yang telah mendukung

dan membantu penulis, baik dengan sumbangan doa, pikiran, semangat ataupun

tenaga. Oleh karena itu penulis mengucapkan terima kasih kepada:

1. Yosef Agung Cahyanta S.T., M.T. selaku Wakil Dekan Fakultas Sains dan

Teknologi.

2. P.H. Prima Rosa, S.Si.,M.Sc. selaku Ketua Jurusan Matematika dan Ketua

Program Studi Ilmu Komputer dan sebagai dosen pembimbing akademik

dan selaku dosen pembimbing yang telah membimbing penulis selama

menyelesaikan tugas akhir.

3. Bapak Ibu Dosen Program Studi Ilmu Komputer Universitas Sanata

Dharma dan Staff sekretariat FST, terutama Bapak Tukija dan Ibu Linda.

4. Ayah dan Ibu, Kakakku Siska, Kakakku David, dan 2 keponakanku

tercinta atas doa dan dukungannya.

5. Keluarga Bapak Sulistyo dan Ferry Septiyadi atas dukungannya.

(10)

7. Semua pihak yang telah memberikan dukungan secara langsung dan tidak

langsung kepada penulis.

Tentunya tugas akhir ini belum sempurna, maka kritik dan saran yang.

membangun dari semua pihak sangat diharapkan.

Yogyakarta, 30 Oktober 2008

Penulis,

Khristien Natalia

(11)

HALAMAN PERSETUJUAN ... iii

HALAMAN PENGESAHAN ... iv

ABSTRAK ... v

ABSTRACT ... vi

LEMBAR PERNYATAAN PERSETUJUAN ... vii

PERNYATAAN KEASLIAN KARYA ... viii

KATA PENGANTAR ... ix

DAFTAR ISI ... xi

DAFTAR TABEL ... xiv

DAFTAR GAMBAR ... xvi

BAB I PENDAHULUAN A. Latar Belakang Masalah ... 1

B. Rumusan Masalah ... 2

C. Batasan Masalah ... 2

D. Tujuan dan Manfaat Penelitian ... 3

E. Metode Penelitian ... 4

F. Sistematika Penulisan ... 5

BAB II LANDASAN TEORI A. Konsep Sistem dan Sistem Informasi ... 6

1. Definisi Sistem dan Sistem Informasi ... 6

(12)

B. Content Management System (CMS)... 9

C. Internet ... 10

D. HTML ... 11

E. PHP ... 12

1. Cara Kerja PHP ... 15

2. Kelebihan dan Kekurangan PHP... 17

F. MySQL ... 17

1. Kelebihan dan Kekurangan MySQL ... 19

G. Cascading Style Sheets (CSS) ... 20

BAB III ANALISIS DAN PERANCANGAN SISTEM A. Identitas Organisasi ... 21

B. Analisis Masalah ... 22

C. Analisis Kelayakan ... 22

D. Analisis Sistem ... 23

1. Analisis Sistem yang dikembangkan ... 23

2. Analisis Pengguna ... 24

E. Perancangan Sistem ... 26

1. Perancangan Proses ... 26

2. Perancangan Basisdata ... 38

a. Indentifikasi Entitas dan Atribut dalam Basisdata ... 38

(13)

e. Kamus Data ... 43

f. Integritas Basisdata ... 47

F. Perancangan Antarmuka ... 52

1. Perancangan Struktur Menu ... 52

2. Perancangan Halaman ... 54

BAB IV IMPLEMENTASI DAN PEMBAHASAN A. Implementasi Basisdata ... 70

B. Implementasi Proses ... 75

C. Implementasi Antarmuka ... 83

BAB V HASIL DAN PEMBAHASAN A. Tahap-tahap Pengumpulan Data ... 90

B. Sasaran Penyebaran Angket ... 91

C. Form Kuesioner ... 91

D. Hasil dan Pembahasan Kuesioner ... 94

BAB VI KESIMPULAN DAN SARAN A. Kesimpulan ... 102

B. Saran dan Kritik ... 103

DAFTAR PUSTAKA ... 104

LAMPIRAN ... 105

(14)

Table 3.2 Aturan domain tabel administrator ... 48

Tabel 3.3 Aturan domain tabel pegawai ... 48

Tabel 3.4 Aturan domain tabel karya ... 49

Tabel 3.5 Aturan domain tabel pendaftaran email ... 49

Table 3.6 Aturan domain table software download ... 49

Tabel 3.7 Aturan domain tabel saran ... 50

Tabel 3.8 Aturan domain tabel kegiatan BAPSI ... 50

Tabel 3.9 Aturan domain tabel forum ... 50

Table 3.10 Aturan domain tabel informasi ... 51

Tabel 3.11 Aturan domain tabel pengumuman ... 51

Tabel 3.12 Aturan domain tabel lembaga kepanitiaan ... 52

Tabel 4.1 Administrator ... 70

Table 4.2 Informasi ... 71

Tabel 4.3 Karya ... 71

Tabel 4.4 Kegiatan ... 71

Tabel 4.5 Lembaga Kepanitiaan ... 72

Table 4.6 Membangun Karya ... 72

Tabel 4.7 Pegawai ... 72

Tabel 4.8 Pendaftaran Email ... 73

Tabel 4.9 Pengumuman... 73

(15)

Tabel 5.1 Hasil Kuesioner untuk Pertanyaan Nomor 1 (Satu) ... 94

Tabel 5.2 Hasil Kuesioner untuk Pertanyaan Nomor 2 (Dua) ... 94

Table 5.3 Hasil Kuesioner untuk Pertanyaan Nomor 3 (Tiga) ... 95

Tabel 5.4 Hasil Kuesioner untuk Pertanyaan Nomor 4 (Empat) ... 96

Tabel 5.5 Hasil Kuesioner untuk Pertanyaan Nomor 5 (Lima) ... 97

Tabel 5.6 Hasil Kuesioner untuk Pertanyaan Nomor 6 (Enam) ... 97

Tabel 5.7 Hasil Kuesioner untuk Pertanyaan Nomor 7 (Tujuh) ... 98

Table 5.8 Hasil Kuesioner untuk Pertanyaan Nomor 8 (Delapan) ... 99

Tabel 5.9 Hasil Kuesioner untuk Pertanyaan Nomor 9 (Sembilan) ... 100

(16)

Gambar 2.2 Skema HTML ... 15

Gambar 2.3 Skema PHP ... 16

Gambar 3.1 Struktur Organisasi BAPSI USD ... 21

Gambar 3.2 DFD Level 0 (Diagram Konteks) ... 26

Gambar 3.3 DFD Level 1 Administrator ... 29

Gambar 3.4 DFD Level 1 Staff ... 30

Gambar 3.5 DFD Level 1 Pengunjung ... 31

Gambar 3.6 DFD Level 2 Administrator Proses Pendaftaran Email ... 32

Gambar 3.7 DFD Level 2 Administrator Proses Saran ... 32

Gambar 3.8 DFD Level 2 Administrator Proses Karya ... 32

Gambar 3.9 DFD Level 2 Administrator Proses Kegiatan ... 33

Gambar 3.10 DFD Level 2 Administrator Proses Pengumuman ... 33

Gambar 3.11 DFD Level 2 Administrator Proses Software ... 34

Gambar 3.12 DFD Level 2 Administrator Proses Informasi ... 34

Gambar 3.13 DFD Level 2 Administrator Proses Forum ... 34

Gambar 3.14 DFD Level 2 Staff Proses Pendaftaran Email... 35

Gambar 3.15 DFD Level 2 Staff Proses Kritik dan Saran ... 35

Gambar 3.16 DFD Level 2 Staff Proses Karya BAPSI ... 35

Gambar 3.17 DFD Level 2 Staff Proses Kegiatan BAPSI ... 35

Gambar 3.18 DFD Level 2 Staff Proses Pengumuman ... 35

(17)

Gambar 3.22 DFD Level 2 Pengunjung Proses Kritik dan Saran ... 36

Gambar 3.23 DFD Level 2 Pengunjung Proses Karya ... 36

Gambar 3.24 DFD Level 2 Pengunjung Proses Kegiatan ... 37

Gambar 3.25 DFD Level 2 Pengunjung Proses Pengumuman ... 37

Gambar 3.26 DFD Level 2 Pengunjung Proses Download ... 37

Gambar 3.27 DFD Level 2 Pengunjung Proses Informasi ... 37

Gambar 3.28 DFD Level 2 Pengunjung Proses Forum... 37

Gambar 3.29 ERD (Entity Relationship Diagram) ... 41

Gambar 3.30 Rancangan Menu Struktur Administrator ... 52

Gambar 3.31 Rancangan Menu Struktur Staff ... 53

Gambar 3.32 Rancangan Menu Struktur Pengunjung ... 53

Gambar 3.33 Tampilan Halaman Login Administrator ... 54

Gambar 3.34 Tampilan Halaman Karya BAPSI ... 55

Gambar 3.35 Tampilan Halaman Input Karya BAPSI... 55

Gambar 3.36 Tampilan Halaman Edit Karya BAPSI ... 56

Gambar 3.37 Tampilan Halaman Kegiatan BAPSI ... 56

Gambar 3.38 Tampilan Halaman Input Kegiatan BAPSI... 57

Gambar 3.39 Tampilan Halaman Edit Kegiatan BAPSI ... 57

Gambar 3.40 Tampilan Halaman Forum Administrator ... 58

Gambar 3.41 Tampilan Halaman Tanggapan Forum Administrator ... 58

(18)

Gambar 3.45 Tampilan Halaman Kritik dan Saran Administrator ... 60

Gambar 3.46 Tampilan Halaman Utama Staff... 61

Gambar 3.47 Tampilan Halaman Visi dan Misi BAPSI ... 61

Gambar 3.50 Tampilan Halaman Topik Forum... 63

Gambar 3.51 Tampilan Halaman Tanggapan Forum... 63

Gambar 3.52 Tampilan Halaman Download Software... 64

Gambar 3.53 Tampilan Halaman Login Pendaftaran Email ... 64

Gambar 3.54 Tampilan Halaman Pendaftaran Email ... 65

Gambar 3.55 Tampilan Halaman Kritik dan Saran... 65

Gambar 3.56 Tampilan Halaman Utama Pengunjung ... 66

Gambar 3.57 Tampilan Halaman Visi dan Misi BAPSI ... 66

Gambar 3.60 Tampilan Halaman Topik Forum... 68

Gambar 3.61 Tampilan Halaman Tanggapan Forum... 68

Gambar 3.62 Tampilan Halaman Download Software... 69

Gambar 3.63 Tampilan Halaman Kritik dan Saran... 69

Gambar 4.1 Tampilan Login Administrator... 83

(19)

Gambar 4.5 Tampilan Input Karya BAPSI ... 85

Gambar 4.6 Tampilan Input dan Edit Kegiatan BAPSI... 85

Gambar 4.7 Tampilan Kegiatan BAPSI... 85

Gambar 4.8 Tampilan Informasi ... 86

Gambar 4.9 Tampilan Download Software... 86

Gambar 4.10 Tampilan Upload Software... 87

Gambar 4.11 Tampilan Forum... 87

Gambar 4.12 Tampilan Tanggapan Forum ... 88

Gambar 4.13 Tampilan Pendaftaran Email... 88

Gambar 4.14 Tampilan Kritik dan Saran ... 89

Gambar 5.1 Grafik Pertanyaan Nomor 1 (Satu)... 94

Gambar 5.2 Grafik Pertanyaan Nomor 2 (Dua) ... 95

Gambar 5.3 Grafik Pertanyaan Nomor 3 (Tiga) ... 96

Gambar 5.4 Grafik Pertanyaan Nomor 4 (Empat) ... 96

Gambar 5.5 Grafik Pertanyaan Nomor 5 (Lima) ... 97

Gambar 5.6 Grafik Pertanyaan Nomor 6 (Enam) ... 98

Gambar 5.7 Grafik Pertanyaan Nomor 7 (Tujuh) ... 99

Gambar 5.8 Grafik Pertanyaan Nomor 8 (Delapan) ... 99

Gambar 5.9 Grafik Pertanyaan Nomor 9 (Sembilan)... 100

(20)

BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Biro Administrasi dan Perencanaan Sistem Informasi (BAPSI) adalah

lembaga yang mengkaji dan mengembangkan serta merawat sistem informasi

pada Universitas Sanata Dharma. Untuk memperkenalkan aktivitas BAPSI

kepada masyarakat, khususnya keluarga besar Universitas Sanata Dharma

maka BAPSI perlu media komunikasi yang baik, seperti internet, intranet,

atau media komunikasi yang lainnya. Content Management System (CMS)

merupakan sistem yang digunakan BAPSI dalam mengelola isi keseluruhan

dari situs web. Universitas Sanata Dharma telah memiliki CMS untuk

membantu manajemen situs web BAPSI yang bersifat public ( terbuka untuk

umum ) dengan alamat www.bapsi.usd.ac.id. Situs ini juga dapat diakses oleh

user yang bukan mahasiswa atau dosen Universitas Sanata Dharma. Situs ini

sangat bermanfaat untuk publikasi karya-karya BAPSI ke dunia internet. Akan

tetapi situs ini masih belum lengkap dan belum menunjukkan aktivitas –

aktivitas yang sudah, sedang, atau yang akan dilakukan oleh BAPSI.

Penulis mengembangkan sebuah aplikasi CMS yang mampu menutupi

kelemahan tersebut. Sistem CMS yang hendak dibuat diharapkan dapat

memperkenalkan produk-produk BAPSI , aktivitas-aktivitas yang dilakukan

(21)

B. Rumusan Masalah

Bagaimana membangun situs web yang benar-benar dibutuhkan oleh

BAPSI untuk memperkenalkan produk-produk BAPSI dan menginformasikan

seluruh aktivitas-aktivitas yang dilakukan oleh BAPSI, baik yang sedang

dilakukan maupun yang akan dilakukan.

C. Batasan Masalah

Agar sistem yang dibuat tidak menjadi sangat kompleks maka akan

diberikan batasan-batasan sistem sebagai berikut :

1. Fitur situs web yang disediakan berupa:

• Profil BAPSI USD

• menampilkan karya-karya BAPSI

• software yang dibutuhkan dan bisa didownload oleh penggunanya

• kegiatan BAPSI

• pendaftaran email berupa form

• Forum untuk keluarga besar Universitas Sanata Dharma

• Informasi

• kritik dan saran

2. Pengguna sistem ini ada 3 yaitu Administrator, Staff dan Pengunjung.

a. Administrator

Disini administrator dapat mengupdate data, seperti menambah,

edit, dan menghapus data data yang terdapat pada fitur-fiturnya.

(22)

Disini staff USD dapat melihat data yang diinputkan oleh

administrator serta dapat melakukan pendaftaran email.

c. Pengunjung (mahasiswa dan masyarakat umum)

Pengunjung disini hanya dapat melihat data – data bapsi. Selain itu

pengunjung juga dapat ikut terlibat dalam forum dan mengisi kritik

dan saran.

D. Tujuan Dan Manfaat Penelitian

1. Tujuan tugas akhir ini adalah untuk membangun content management

system (CMS) untuk membantu BAPSI Universitas Sanata Dharma Yogyakarta dalam memperkenalkan produknya dan aktivitas yang sedang

dilakukannya.

2. Manfaatnya adalah :

a. Melalui situs web ini diharapkan dapat memperkenalkan aktivitas

BAPSI sehingga dapat membantu memperkenalkan BAPSI kepada

masyarakat umum, khususnya keluarga besar Universitas Sanata

Dharma Yogyakarta.

b. Situs web ini juga diharapkan dapat membantu mahasiswa dan dosen

(23)

E. Metodologi Penelitian

Metodologi Penelitian yang penulis gunakan dalam penulisan tugas

akhir ini adalah dengan metode waterfall. Adapun langkah-langkah yang

dilakukan adalah sebagai berikut :

1. Analisis

Pada tahap ini, penulis mengumpulkan data – data yang diperlukan

dalam pembuatan sistem ini, yang diantaranya meliputi kebutuhan

pemakai, fungsi atau prosedur, antarmuka, dan unjuk kerja perangkat

lunak.

2. Perancangan

Penulis mengubah kebutuhan pada tahap analisis menjadi sebuah

representasi program yang dapat dimengerti sebelum proses

implementasi. Langkah ini memusatkan kerja pada struktur data,

arsitektur dan prosedur detil, dan karakteristik antarmuka.

3. Implementasi

Penulis menerjemahkan rancangan dalam bentuk yang dapat dibaca

oleh mesin.

4. Pengujian

Penulis mencari kemungkinan - kemungkinan kesalahan dan

(24)

F. Sistematika Penulisan

1. BAB I PENDAHULUAN

Bab I membahas tentang latar belakang masalah, rumusan

masalah, batasan masalah, tujuan penelitian, metodelogi

penelitian, dan sistematika penulisan.

2. Bab II LANDASAN TEORI

Bab II berisi landasan teori yangakan menjadi acuan dalam

perkembangan sistem dan membantu dalam proses

menganalisis sistem, perancangan sistem dan implementasi

dalam penulisan tugas akhir ini.

3. Bab III ANALISIS DAN PERANCANGAN

Bab III berisi tentang analisis dan perancangan sistem yang

akan digunakan.

4. Bab IV IMPLEMENTASI SISTEM

Bab IV berisi tentang implementasi sistem yang telah

dirancang.

5. Bab V HASIL DAN PEMBAHASAN

Bab V berisi tahap-tahap pengumpulan data, kuesioner dan

hasil pembahasan kuesioner.

6. Bab VI KESIMPULAN DAN SARAN

Bab VI berisi kesimpulan dan saran dalam pembangunan

situs web biro administrasi dan perencanaan sistem

(25)

BAB II

LANDASAN TEORI

A. Konsep Sistem dan Sistem Informasi

1. Definisi sistem dan sistem informasi

a) Sistem

Sistem dapat didefinisikan dengan dua pendekatan, yaitu

pendekatan yang menekankan pada prosedurnya dan pendekatan

yang menekankan pada komponen atau elemennya.

Pendekatan sistem yang lebih menekankan pada

prosedurnya mendefinisikan sistem sebagai suatu jaringan kerja

dari prosedur-prosedur yang saling berhubungan, berkumpul

bersama-sama untuk melakukan suatu kegiatan atau untuk

menyelesaikan suatu sasaran yang tertentu. Sedangkan pendekatan

sistem yang menekankan pada elemen atau komponennya

mendefinisikan sistem sebagai kumpulan dari elemen-elemen yang

(26)

b) Informasi

Informasi adalah data yang diolah menjadi bentuk yang

lebih berguna dan lebih berarti bagi yang menerimanya (Jogiyanto,

1999).

Informasi bersumber dari data. Data adalah kenyataan yang

menggambarkan suatu kejadian-kejadian dan merupakan bentuk

yang masih mentah sehingga perlu diolah agar dapat menjadi

informasi.

c) Sistem Informasi

Sistem informasi adalah serangkaian komponen yang

terkait satu dengan yang lainnya dan saling bekerjasama untuk

mengumpulkan, mengolah, menyimpan, dan menyebarluaskan

informasi guna mendukung pengambilan keputusan, koordinasi,

kontrol, analisis, dan visualisasi baik itu dalam suatu organisasi,

kelompok maupun perorangan.

2. Bentuk dasar sistem informasi

Bentuk dasar sistem informasi dapat digambarkan seperti berikut

ini (Rademacher-Gibson, 1983):

Gambar 2.1 Bentuk Dasar Sistem Informasi

(27)

Sistem informasi pada dasarnya memiliki 3 komponen dasar

yaitu input, proses, dan output.. Pada dasarnya output suatu sistem

sangat tergantung dari inputnya. Input yang baik (akurat) akan

menghasilkan output yang baik (informasi yang baik) sedangkan input

yang tidak baik akan menghasilkan output yang tidak baik pula.

3. Kualitas dan nilai sistem informasi

Menurut Jogiyanto (1990), suatu sistem informasi dapat

dikatakan memiliki kualitas apabila memenuhi kriteria sebagai berikut:

a) Akurat

Informasi dikatakan akurat jika informasi tersebut, tetap, stabil,

memiliki maksud yang jelas dan tidak bisa menyesatkan pihak

yang menerima informasi. Ketidakjelasan informasi dapat

berpengaruh pada pengambilan keputusan yang tidak tepat.

b) Tepat waktu

Informasi yang disampaikan harus tepat pada waktu yang

diperlukan. Jika informasi datang terlambat maka pengambilan

keputusan menjadi terlambat pula. Selain itu, informasi yang sudah

lama atau kadaluarsa tidak akan berguna lagi bagi yang menerima.

c) Relevan

Informasi dikatakan relevan bila informasi tersebut disampaikan

kepada orang yang tepat, yaitu orang yang membutuhkan informasi

(28)

4. Komponen sistem informasi

a) Manusia: sebagai pemilik, pengguna, perancang dan pengembang

sistem informasi.

b) Data: sebagai sumber daya, permintaan, basis data, input program.

c) Aktivitas: prosedur, proses bisnis, proses komputer, program

aplikasi.

d) Jaringan: geografis, jaringan bisnis, jaringan komputer, jaringan

program.

e) Teknologi: hardware, software, data dan file.

B. Content Management System (CMS)

Content management system (CMS) adalah system yang fungsi

utamanya menyusun dan mengatur materi atau content e-learning. Dalam

CMS, seorang pengembang materi e-learning dapat menciptakan

storyboard, menggabungkan materi, mengubah isi materi, dan lain sebagainya. CMS berfungsi pula mengurus administrasi pelatihan sama

seperti LMS akan tetapi fungsi LMS lebih tefokus pada proses

pembelajaran sedangkan fokus CMS adalah pembuatan materi atau

(29)

C. Internet

Internet adalah sebuah jaringan komputer yang terdiri dari berbagai macam ukuran jaringan komputer diseliruh dunia mulai dari sebuah PC

(Personal Computer), jaringan lokal berskala kecil, jaringan-jaringan kelas menengah, hingga jaringan-jaringan-jaringan-jaringan utama yang menjadi

tulang punggung internet seperti NSFnet, SURAnet, dan lain-lain.

Jaringan-jaringan ini saling berhubungan atau berkomunikasi satu sama

lain dengan berbasiskan protokol IP (Internet Protocol, RFC 793) pada

network layer-nya (layer ke 3 dari 7 layer OSI Model) dan TCP (Transmission Control Protocol, RFC 791) atau UDP (User Datagram Protocol, RFC 768) pada transport layer-nya (layer ke 4), sehingga setiap pemakai dari setiap jaringan dapat saling mengakses semua service atau layanan yang disediakan oleh jaringan lainnya.

Istilah Internet pada mulanya diciptakan oleh para pengembangnya

karena mereka memerlukan kata yang dapat menggambarkan suatu

jaringan dari jaringan-jaringan yang saling terkoneksi yang sedang mereka

bangun pada waktu itu. Internet merupakan kumpulan orang dan komputer

di seluruh dunia yang saling terhubung oleh bermil-mil kabel dan saluran

telepon; masing-masing pihak juga dapat berkomunikasi karena

menggunakan bahasa yang umum dipakai. Dengan kata lain, internet dapat

(30)

1. Kumpulan yang luas dan sangat besar dari jaringan komputer besar

dan kecil yang saling tehubung menggunakan jaringan komunikasi

yang ada di seluruh dunia.

2. Seluruh manusia yang secara aktif berpartisipasi sehingga membuat

internet menjadi sumberdaya informasi yang sangat berharga.

Komputer-komputer yang saling terhubung di seluruh dunia ini

tidak semuanya seragam atau heterogen sehingga diperlukan suatu

standarisasi yang memungkinkan jaringan yang heterogen dapat saling

berkomunikasi. Hal yang dirasa terpenting adalah standarisasi protocol

komunikasi yang digunakan. Protocol yang sekarang ini digunakan di

internet adalah TCP/IP yang merupakan opensystem sehingga para vendor dunia dapat dengan mudah mengembangkan dan menggunakan protocol

tersebut. TCP/IP ini juga digunakan sebagai alamat internet dari suatu

komputer/server (Iwan Binanto, Universitas Sanata Dharma Yogyakarta).

D. HTML

HTML singkatan dari Hyper Text Markup Language. Dokumen

HTML adalah file teks murni yang dapat dibuat dengan editor teks

sembarang yang dikenal sebagai web page dan merupakan dokumen

yang disajikan dalam browser web server. Dokumen ini pada umumnya

(31)

dasarnya adalah kumpulan dari style yang disebut tag, yang digunakan

untuk mendefinisikan elemen-elemen halaman internet.

Elemen yang dibutuhkan untuk membuat suatu dokumen HTML

dinyatakan dengan tag <html>, <head>, <body>. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang

dokumen tersebut dan elemen body berisi teks yang sebenarnya yang

tersusun dari link, grafik, paragraf. Adapun pola dasar dokumen HTML

adalah sebagai berikut :

...informasi tentang dokumen HTML </head>

<body>

...informasi yang ditampilkan dalam web browser </body>

</html>

E. PHP

PHP (Professional Home Page) merupakan bahasa berbentuk script

yang ditempatkan dalam server dan diproses di server yang merupakan

bahasa server-side scripting yang menyatu dengan HTML untuk

membentuk web dinamis. Artinya ia dapat membentuk suatu tampilan

berdasarkan perintah terkini. Hasilnya dikirimkan ke client, tempat

(32)

perintah-perintah yang diberikan dan sepenuhnya dijalankan diserver tetapi

disertakan pada dokumen HTML (Abdul Kadir, 2003).

Ada beberapa cara untuk mulai menuliskan script PHP, yaitu :

1. <? Script PHP?>

Cara ini sering dipakai karena lebih singkat

2. <?php Script PHP ?>

Cara kedua ini digunakan untuk kombinasi dengan XML yaitu

sebuah bahasa yang merupakan pengembangan dari HTML

3. <script language = “php”> Script PHP </script>

Cara ketiga ini digunakan di Microsoft Frontpage.

Selain itu jika kita ingn menambahkan komentar, standar penulisannya

adalah sebagai berikut :

/* Cara tulis komentar seperti ini*/ atau

// Tulis komentar seperti ini

Elemen-elemen dasar PHP yang digunkan, antara lain :

1. Tipe data, PHP mengenal 3 macam tipe data yaitu integer, double dan

string. Integer menyatakan tipe data bilangan bulat, double menyatakan tipe data bilangan real, dan string menyatakan tipe data teks.

2. Variabel digunakan dalam program untuk menyimpan nilai yang

berubah-ubah misalnya tanda dolar ’$’, underscore ’_’, dan tanda baca.

3. Operator adalah simbol yang digunakan dalam program untuk melakukan

suatu proses, misalnya penjumlahan atau perkalian, pembandingan

(33)

4. Struktur kendali merupakan sejumlah pernyataan yang terkait dengan

pengambilan keputusan (if dan switch), perulangan (for, while, do-while), serta pernyataan break, continue dan exit.

5. Fungsi. PHP hanya mengenal perintah untuk membuat fungsi, sedangkan

untuk prosedur digunakan perintah yang sama, tetapi tidak menggunakan

perintah return. Beberapa fungsi dan fasilitas yang disediakan PHP untuk membuat halaman web dinamis adalah sebagai berikut :

a. Include dan require. Kedua fungsi ini digunkan untuk memanggil dan mengeksekusi program yang ditentukan. Sintaksnya adalah :

<?php

include ”nama_file.inc”; require ”nama_file.inc”; ?>

b. Session handling. Fasilitas ini digunkan untuk mengamankan halaman web dan membetasi hak akses setiap pengnjung. Setiap

halaman akan diberi fungsi untuk memeriksa variabel session. Jika

variabel session atau pengunjung tidak dikenali maka pengunjung

tidak dapat melihat halaman tersebut. Sintaksnya adalah :

<?php

session_start();

if (!session_is_register(“user_session”)) {

echo “Anda belum login”;

echo (<a href = login.php>Login Dulu</a>”); }

(34)

1. Cara Kerja PHP

Model kerja HTML diawali dengan permintaan suatu

halaman web oleh browser. Berdasarkan URL (Uniform Resource

Locator) atau dikenal dengan sebutan alamat internet, browser

mendapatkan alamt dari web server, mengidentifikasi halaman

yang dikehendaki, dan menyampaikan segala informasi yang

dibutuhkan oleh web server. Selanjutnya, web server akan

mencarikan berkas yang diminta dan memberikan isinya ke

browser. Browser yang mendapatkan isinya segera melakukan proses penerjemahan kode HTML dan menampilkannya ke layar

pemakai (Abdul Kadir, 2003).

(35)

Jika yang dikehendaki adalah sebuah halaman PHP, maka

prinsipnya sama dengan kode HTML. Hanya saja, ketika berkas

PHP yang diminta didapatkan oleh web server, isinya segera

dikirimkan ke mesin PHP dan mesin inilah yang memproses dan

memberikan hasilnya berupa kode HTML ke web server.

Selanjutnya, web server menyampaikan ke klien.

Server

Laptop

K ode H T M L Pe rm int a a n H T T P

(se sua t u.ht m l)

T a ngga pa n H T T P We b Se rve r

M e sin PH P Sk rip PH P

(36)

2. Kelebihan dan kekurangan PHP

Beberapa kelebihan PHP antara lain :

1. Kemampuan untuk melakukan koneksi dengan berbagai macam

database, dalam hal ini database yang didukung oleh PHP adalah

MySQL

2. PHP dapat digunakan untuk mengupdate database, menciptakan

database dan mengerjakan perhitungan matematika.

3. PHP dapat digunakan bersama dengan HTML sehingga

memudahkan dalam membangun aplikasi dengan cepat

4. PHP dapat berjalan dalam web server yang berbeda dalam sistem

operasi yang berbeda juga.

Selain punya kelebihan PHP juga memiliki kekurangan yaitu PHP

tidak memiliki namespace yaitu sebuah cara untuk

mengelompokkan nama variabel atau fungsi dalam susunan

hirarkis.

F. MySQL

MySQL adalah salah satu perangkat lunak Sistem Manajemen

Database atau Database Management System (DBMS) yang sangat

terkenal dan populer saat ini. MySQL merupakan salah satu jenis database server yang menggunakan bahasa Structured Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Beberapa bahasa SQL

(37)

a. Membuat database

CREATE DATABASE nama_database;

b. Membuka database

USE nama_database;

c. Membuat tabel

CREATE TABLE nama_table (nama_field1 tipe_data1, nama_field2 tipe_data2,…);

d. Memasukkan data dalam tabel

INSERT INTO nama_table1 (field1, field2,…) VALUES (nilai1_field1, nilai2_field2,…);

e. Menampilkan data dari tabel

SELECT (field1, field2,...) FROM nama_table; atau SELECT * FROM nama_table

f. Mengurutkan data

SELECT (field1, field2,...)FROM nama_table ORDER BY kriteria

g. Menghapus data dalam tabel

DELETE FROM nama_table WHERE kriteria ; atau DELETE FROM nama_table

h. Mengubah data dalam tabel

(38)

1. Kelebihan dan kekurangan MySQL

Beberapa kelebihan yang dimiliki oleh databse antara lain :

a. Memiliki fungsi mysql_insert_id yaitu fungsi yang digunakan

untuk mendapatkan id dari operasi insert yang dilakukan

sebelumnya dan mysql_effect_rows fungsi ini berguna untuk

memperoleh jumlah baris yang dikenai operasi INSERT,

DELETE dan UPDATE.

b. MySQL mampu mengkombinasikan tabel dari berbagai

database yang berbeda dalam query yang sama.

c. MySQL sangat efisien dalam mengelola informasi yang

diminta yang berasal daribanyak tabel sekaligus.

d. Mampu menangani database berukuran besar, memuat

50.000.000 record dan 60.000 tabel

e. Mempunyai konektivitas, kecepatan, dan keamanan yang

sangat memadai dalam pengiriman data.

Selain kelebihan, database MySQL juga memiliki kekurangan

sebagai berikut :

a. Tidak dapat membuat subselect / subquery yang kompleks.

Untuk mengatasi masah ini diperlukan tabel sementara untuk

menampung subquery

(39)

G. Cascading Style Sheets ( CSS )

Cascading Style Sheets merupakan salah satu bagian dari desain web yang berfungsi untuk mengatur tampilan setiap unsur yang ada di dalam

situs web (Sakur, 2005). Konsep lahirnya CSS adalah untuk memisahkan

isi dan tampilan. CSS mengatur tampilan secara langsung dengan

menggunakan format html. Penggunaan CSS sangatlah mudah bila

dibandingkan dengan mengatur style secara langsung pada format html

(40)

BAB III

ANALISIS DAN PERANCANGAN SISTEM

A. IDENTITAS ORGANISASI

1. Nama Organisasi : Biro Administrasi Perencanaan dan Sistem

informasi

2. Alamat Organisasi : UNIVERSITAS SANATA DHARMA

Kampus III, Paingan, Teromol Pos 29

Yogyakarta 55002

3. Bidang Gerak : Sistem Informasi dan Infrastruktur

4. Contact Person : M. Retno Susanti 5. Struktur Organisasi :

Gambar 3.1 Struktur Organisasi BAPSI USD Kepala BAPSI

Divisi SI Divisi Infrastruktur

Administrator dan TU

Konseptual Bagian data

Developer database

administrator

(41)

B. ANALISIS MASALAH

Universitas Sanata Dharma telah memiliki CMS untuk membantu

manajemen BAPSI yang bersifat public ( terbuka untuk umum ) dengan

alamat www.bapsi.usd.ac.id. Situs ini juga dapat diakses oleh user yang

bukan mahasiswa atau dosen Universitas Sanata Dharma. Situs ini sangat

bermanfaat untuk publikasi karya-karya BAPSI ke dunia internet. Akan

tetapi situs ini masih belum lengkap dan belum menunjukkan aktivitas –

aktivitas yang sudah, sedang, atau yang akan dilakukan oleh BAPSI.

Penulis mengembangkan sebuah aplikasi CMS yang mampu

menutupi kelemahan tersebut. Sistem CMS yang hendak dibuat

diharapkan dapat memperkenalkan produk-produk BAPSI ,

aktivitas-aktivitas yang dilakukan oleh BAPSI dan informasi lainnya yang

dibutuhkan oleh BAPSI.

C. ANALISIS KELAYAKAN

Berdasarkan analisa masalah diatas, sistem ini layak dibangun karena

dapat memperkenalkan produk-produk BAPSI , aktivitas-aktivitas yang

dilakukan oleh BAPSI dan informasi lainnya yang dibutuhkan oleh

(42)

D. ANALISIS SISTEM

1. Analisis sistem yang dikembangkan

Berdasarkan analisis yang telah dilakukan maka disimpulkan

bahwa yang diperlukan dalam sistem ini adalah sebagai berikut :

a. Sistem ini diharapkan dapat memperkenalkan profil BAPSI kepada

mahasiswa, dosen, dan masyarakat umum.

b. Sistem ini diharapkan dapat menampilkan karya-karya BAPSI

kepada mahasiswa, dosen, dan masyarakat umum yang berupa

capture dari sistem yang sudah diciptakan oleh BAPSI.

c. Sistem ini diharapkan dapat menyediakan software yang dapat di

download oleh pihak pihak-pihak yang bekerjasama dengan BAPSI.

d. Sistem ini diharapkan dapat menampilkan kegiatan rutin dan tidak

rutin yang dilakukan oleh BAPSI, sehingga memudahkan

masyarakat yang ingin mengetahui kegiatan – kegiatan BAPSI.

e. Sistem ini diharapkan dapat membantu pendaftaran email yang

berupa form sehingga memudahkan pekerjaan BAPSI dalam

pendaftaran email.

f. Sistem ini diharapkan dapat menampilkan informasi-informasi

seputar teknologi informasi kepada masyarakat umum.

g. Sistem ini diharapkan dapat dijadikan sebagai sarana komunikasi

antara BAPSI dengan mahasiswa, dosen, dan masyarakat umum

(43)

h. Sistem ini diharapkan dapat dijadikan tempat untuk memperbaiki

kinerja BAPSI melalui kritik dan saran.

2. Analisis Pengguna

Sistem yang dikembangkan ini melibatkan 3 macam user, yaitu :

a. Untuk Administrator

i. Administrator dapat mengubah password.

ii. Administrator dapat melihat profil BAPSI.

iii. Administrator dapat menambah dan mengubah karya – karya

BAPSI.

iv. Administrator dapat menambah file untuk di download.

v. Administrator dapat menambah dan mengubah kegiatan

BAPSI.

vi. Administrator dapat menambah dan mengubah informasi.

vii. Administrator dapat melihat dan menghapus kritik dan saran

yang diinputkan oleh pengguna.

viii. Administrator dapat melihat, mengisi dan menghapus forum.

ix. Administrator dapat melihat data staff yang melakukan

pendaftaran email.

(44)

b. Staff USD (Dosen, karyawan, dan lembaga kepanitiaan)

i. Staff dapat mengubah password.

ii. Staff dapat melihat profil BAPSI.

iii. Staff dapat melihat karya – karya BAPSI.

iv. Staff dapat mendownloadfile yang yang ada.

v. Staff dapat melihat kegiatan BAPSI.

vi. Staff dapat melihat informasi – informasi terbaru.

vii. Staff dapat mendaftar dan mencetak form pendaftaran email .

viii. Staff dapat ikut serta terlibat dalam forum dengan

menmasukkan pendapatnya.

ix. Staff dapat menambah kritik dan sarannya.

x. Staff dapat melakukan pencarian.

c. Untuk Pengunjung (mahasiswa dan masyarakat umum)

i. Pengunjung dapat melihat profil BAPSI

ii. Pengunjung dapat melihat karya – karya BAPSI

iii. Pengunjung dapat mendownloadfile yang yang ada.

iv. Pengunjung dapat melihat kegiatan BAPSI

v. Pengunjung dapat melihat informasi – informasi terbaru

vi. Pengunjung dapat ikut serta terlibat dalam forum dengan

memasukkan pendapatnya.

vii. Pengunjung dapat menambah kritik dan sarannya.

(45)

E. PERANCANGAN SISTEM

1. Perancangan Proses

a. Diagram Konteks

0 Situs Web Biro Administrasi Dan Perencanaan Sistem Informasi Universitas Sanata Dharma Yogyakarta Administrator staff

Data administrator, Data Kegiatan Data ubah password, Data Pengumuman Data Informasi, Data forum

Data pendaftaran_email, Data Software

Data administrator, Data Kegiatan Data ubah password, Data Pengumuman Data Informasi, Data forum

Data pendaftaran_email, Data Software

Data pendaftaran email, Data informasi, Data Kritik saran, Data Kegiatan Data tanya jawab forum, Data Pengumuman Data Software, Data karya BAPSI, Data pegawai

pengunjung

Data kritik dan saran, Data pengumuman Data tanya jawab forum, Data informasi, Data software, Data karya BAPSI, Data forum

Gambar 3.2 DFD level 0 ( Diagram Konteks )

Pada gambar diagram konteks diatas digunakan data

komposit. Maksudnya dilakukan pengelompokkan data dengan

tujuan supaya gambar diagram konteks tidak terlalu kompleks.

Berikut penjelasan dari data komposit diagram konteks :

1. Data staff dan data pengunjung mencangkup :

a. Data bapsi yang meliputi :

• Karya bapsi : id_karya, nama_karya

• Software download : id_software, nama_software,

deskripsi, type, size, content.

(46)

• Informasi : id_inform, judul_inform, isi_inform,

gambar

• Pengumuman : id_pgmn, judul_pgmn, isi_pgmn.

• Pegawai : npp, nama_peg, alamat_peg, no_telp,

pswd_peg, status.

b. Data pendaftaran email : username, alternative_email,

pswd_email , npp, id_lp

c. Data kritik dan saran : id_saran, nama, isi_saran,

tgl_saran

d. Data forum : id, wid, for_ptitle, for_text, for,_mail,

for_data, for_dataw, for_ip, for_name.

2. Data administrator meliputi :

a. Data administrator : id_admin, password

b. Data ubah password : pswd_lama, pswd_baru, konfirmasi

password baru.

c. Kegiatan : id_keg, nama_keg, tgl_keg, ket_keg.

d. Pengumuman : id_pgmn, judul_pgmn, isi_pgmn.

e. Informasi : id_inform, judul_inform, isi_inform, gambar.

f. Forum : id, wid, for_ptitle, for_text, for,_mail, for_data,

for_dataw, for_ip, for_name.

g. Pendaftaran email : username, alternative_email,

(47)

(48)

b. DFD Level 1

i. DFD level 1 Administrator

Administrator admin sforum Pendaftaran email saran 3 Lihat daftar email 1 Login 2 Ubah password 5 Lihat karya bapsi 4 Lihat krtik dan saran

8 Lihat software 9 Lihat informasi 6 Lihat kegiatan bapsi 7 lihat pengumuman Data administrator 10 Lihat forum karya kegiatan pengumuman software informasi 11 Logout Data administrator is_valid Pesan kesalahan Data Administrator

Data ubah password Data ubah password

Data administrator Data administrator Data administrator Data administrator Data administrator Data administrator Data administrator Data administrator Data administrator Data administrator Data pendaftaran email

Data pendaftaran email

Data saran

Data karya BAPSI

Data karyaBAPSI

Data kegiatan

Data pengumuman

Data software

Data informasi

Data forum

(49)

ii. DFD level 1 Staff Staff (Dosen, karyawan dan lembaga kepanitiaan) pegawai sforum Pendaftaran email saran 3 daftar email 1 Login 2 Ubah password 5 Lihat karya BAPSI 4 Lihat krtik dan saran

8 Download software 9 Lihat informasi 6 Lihat kegiatan bapsi 7 lihat pengumuman Data pegawai 10 forum karya kegiatan pengumuman software informasi 11 Logout Data pegawai is_valid Pesan kesalahan Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pegawai Data pendaftaran email

Data saran

Data karya BAPSI

Data kegiatan

Data pengumuman

Data software

Data informasi

Data forum

(50)

iii. DFD Level 1 Pengunjung

Gambar 3.5 DFD level 1 untuk Pengunjung

Pengunjung ( mahasiswa dan

masyarakat) sforum saran 2 Lihat karya bapsi 1 Lihat krtik dan saran

5 download software 6 Lihat informasi 3 Lihat kegiatan bapsi 4 lihat pengumuman 7 Lihat forum karya kegiatan pengumuman software informasi Data kritik dan saran Data kritik dan saran

Data karya Data karya Data kegiatan Data kegiatan Data pengumuman Data pengumuman

Data software Data software

Data informasi

(51)

c. DFD Level 2

Administrator

Gam mail

i. DFDLevel 2

bar 3.6 DFD level 2 untuk Administrator pada proses Pendaftaran e

Gambar 3.7 DFD level 2 untuk Administrator pada proses Saran

Administrator 5.1 tambah karya bapsi karya 5.3

edit karya bapsi 5.2 hapus karya bapsi 5.4 cari karya bapsi Data karya Data karya Data karya Data karya Data karya

Gambar 3.8 DFD level 2 untuk Administrator pada proses Karya

Administrator Pendaftaran email Data pendaftaran email Data pendaftaran email 3.1 Hapus email

(52)

Administrator 6.1 tambah kegiatan bapsi kegiatan 6.3 edit kegiatan bapsi 6.2 hapus kegiatan bapsi 6.4 cari kegiatan bapsi Data kegiatan Data kegiatan Data kegiatan Data kegiatan Data kegiatan

Gambar 3.9 DFD level 2 untuk Admin pada proses Kegiatan

Administrator 7.1 tambah pengumuman bapsi pengumuman 7.3 edit pengumuman bapsi 7.2 hapus pengumuman bapsi 7.4 cari pengumuman bapsi Data pengumuman Data pengumuman Data pengumuman Data pengumuman Data pengumuman

(53)

Administrator 8.1 Upload software Software_ 8.2 Hapus software

Data software

Gambar 3.11 DFD level 2 untuk Administrator pada proses Software

Administrator 9.1 Tambah informasi informasi 9.3

edit informasi 9.2 hapus informasi 9.4 Cari informasi Data informasi Data informasi Data informasi Data informasi Data informasi

Gambar 3.12 DFD level 2 untuk Administrator pada proses Informasi

Gambar 3.13 DFD level 2 untuk Administrator pada proses Forum

(54)

ii. DFD Level 2 Staff

Gambar 3.14 DFD level 2 untuk Staff pada proses Pendaftaran email

Gambar 3.15 DFD level 2 untuk Staff pada proses Kritik dan Saran

Gambar 3.16 DFD level 2 untuk Staff pada proses Karya BAPSI

Gambar 3.17 DFD level 2 untuk Staff pada proses Kegiatan BAPSI

Gambar 3.18 DFD level 2 untuk Staff pada proses Pengumuman

Pendaftaran_ email 3.1 input Pendaftaran email Staff USD

Data pendaftaran email Data pendaftaran email

saran 4.1

input Kritik dan

saran

Staff USD Data saran Data saran

Data saran _{Data saran}

karya

Staff USD 5.1

Cari karya

Data karya

Data karya _{Data karya}

Data karya

kegiatan

Staff USD 6.1

cari kegiatan

Data kegiatan

Data kegiatan _{Data kegiatan}

Data kegiatan

pengumuman

Data pengumuman 7.1

Cari pengumuman

Data pengumuman

Staff USD

(55)

iii. DFD Level 3 Pengunjung

G

Gambar 3.23 DFD level 2 untuk Pengunjung pada proses Karya Gambar 3.19 DFD level 2 untuk Staff pada proses Download Software

Gambar 3.20 DFD level 2 untuk Staff pada proses Informasi

Gambar 3.21 DFD level 2 untuk Staff pada proses Forum

ambar 3.22 DFD level 2 untuk Pengunjung pada proses Kritik dan saran

Staff USD

8.1 cari software

software Data software

Data software Data software

Data software

8.2 download software

Data software Data software

informasi

Staff USD 9.1

cari informasi

Data informasi

Data informasi _{Data informasi}

Data informasi

sforum

Staff USD 10.1

cari forum Data forum

Data forum _{Data forum}

Data forum saran 1.1 input Kritik dan saran Pengunjung Data saran

Data saran _{Data saran}

(56)

ambar3.24 DFD level 2 untuk Pengunjung pada proses Kegiatan

Ga tuk Pengunjung pada proses Pengumuman

G

Ga masi

Gambar 3.28 DFD level 2 untuk Pengunjung pada proses Forum G

mbar 3.25 DFD level 2 un

ambar 3.26 DFD level 2 untuk Pengunjung pada proses Download

mbar 3.27 DFD level 2 untuk Pengunjung pada proses Infor

ngunjung 3.1 cari kegiatan kegiatan Data kegiatan Pe Data kegiatan Data kegiatan Data kegiatan pengumuman

Data pengumuman _4.1

Cari pengumuman

Data pengumuman

Pengunjung

Data pengumuman _{Data pengumuman}

Pengunjung

5.1 cari software

software Data software

Data software

5.2 download software

Data software

Data software

informasi Data informasi 6.1 cari informasi Data informasi Pengunjung Data informasi Data informasi sforum

Data forum _7.1

(57)

2. Perancangan Basisdata

data tersebut yaitu :

• Data pegawai universitas sanata dharma

•

Data administrator

Data kegiatan bapsi

Data hasil karya BAPSI

• Data pendaftaran email

• Data informasi seputar teknologi informasi

•

• Data software yang hendak di download

• Data kritik dan saran

• Data forum

Setelah identifiksikan entitas-entitasnya maka langkah berikut

adalah identifikasi atribut-atribut dari setiap entitas. Berikut ini

adalah atribut-atribut dari setiap entitas dalam basis data yaitu :

a. in,

ma_peg, alamat,

status, email

a. Identifikasi entitas dan atribut dalam basisdata

Berdasarkan DFD yang telah digambarkan diatas maka

dapat diidentifikasikan data yang perlu direkam. Adapun

data-Data lembaga kepanitian yang ada di universitas sanata dharma

•

Data pengumuman seputar BAPSI

Administrator atributnya adalah : id_admin, pswd_adm

status.

(58)

c. K

_lp

ame, alternatif_email,

id_saran, nama, isi_saran, tgl_saran

d atributnya : id_software, type, size,

, deskripsi

tnya : id_keg, nama_keg, tgl_keg,

, judul_inform, isi_inform,

j. id_pgmn, judul_pgmn, isi_pgmn

k. lah : id, wid, for ptitle, for_text,

b.

selanjutnya adalah mengidentifikasi relasi antar entitas, yaitu :

M : N, karena masing – masing pegawai

diciptakan oleh beberapa pegawai. Untuk Participation

arya atributnya : id_karya, nama_karya

d. Lembaga kepanitian atributnya : id_LP, nama_LP,

ketua_LP, pswd

e. Pendaftaran_email atributnya : usern

pswd_email.

f. Saran atributnya :

g. Software_downloa

content, nama_software

h. Kegiatan_bapsi atribu

ket_keg

i. Informasi atributnya : id_inform

gambar

Pengumuman atributnya :

Forum atributnya ada

for_email, for_data, for_dataw, for_ip, for_name

Relasi antar entitas basisdata

Setelah mengidentifikasi enitas dan atribut-atributnya maka

i. Pada relasi pegawai membangun karya mempunyai

Cardinality Rasio

(59)

bangun karya dan semua karya pasti

mail

elakukan pendaftaran

Participation Constrain pada relasi ini adalah

mail dan semua email pasti

iii. empunyai

Cardinality Rasio 1 : M , karena pertanyaan hanya dapat jawaban dapat mempunyai

b

ua

Constrain pada relasi ini adalah Partial : Total karena tidak semua pegawai mem

dibangun oleh pegawai.

ii. Pada relasi pengguna melakukan pendaftaran_e

mempunyai Cardinality Rasio 1 : 1, karena masing – masing pengguna diberi kesempatan untuk m

email 1 kali dan berhak untuk mendapatkan email masing –

masing 1.

Partial : Total yang berarti bahwa tidak semua user melakukan pendaftran e

didaftarkan oleh user.

Pada relasi pertanyaan punya jawaban m

mempunyai satu jawaban dan

eberapa jawaban. Participation Constrain pada relasi ini

adalah Partial : Total yang berarti bahwa tidak sem

pertanyaan mempunyai jawaban, tapi jawaban ada karena ada

(60)

c. Entity Relationship Diagram (ERD)

pegawai npp

Nama_peg Nama_ karya

karya

ketua Id_ karya

memban ung M

Lembaga_ panitia Id_lp m lakuke an

Pendaftaran_ maile 1

1

gambar

username

pengumum na

informasi Isi_ inform

Id_ pgmn

Judul_ inform Id_ inform

Judul_ pgmn Isi_ pgmn

Tgl keg_

Kegi an at ket

Id_ software Id_keg

Nama eg-k

S ftware_d nload o ow des ripsik

nama_ software status tgl_ karya nama_lp password Pswd_ email Alternatif_ username N

1 mengisi 1

Id_saran

saran isi Id_ admin administrator pswd nama alamat email size content

type

status

For_ data

sforum F _textor

For_ mail

id

F _titleor wid

Gamba 9

For_ dataw

For_ dataw Fo _ datar w

(61)

d. Pemetaan

Yang dimaksud dengan pemetaan adalah kegiatan

merumuskan ERD ke dalam bentuk tabel-tabel yang saling berelasi

yang ditunjukkan dengan adanya kunci utama (Primary key) dan

kunci tamu (foreign key). Hasil pemetaan ERD dapat dilihat

sebagai berikut :

i. Administrator (id_admin, pswd_admin, status)

ii. pegawai ( npp, nama_peg, alamat_peg, no_tlp, password,

status, alamat, email)

iii. Karya ( id_karya, nama_karya, tgl_karya)

iv. Membangun_karya ( id_karya, id_peg, )

v. Lembaga kepanitian ( id_LP, nama_LP, ketua_LP )

vi. Pendaftaran_email ( username, alternatif_email,

pswd_email, npp, id_LP )

vii. Saran ( id_saran, nama, isi_saran )

viii. Software_download ( id_software, nama_software,

deskripsi, type, size, content )

ix. Kegiatan_bapsi ( id_keg, nama_keg, tgl_keg, ket_keg )

x. Informasi ( id_inform, judul_inform, isi_inform, gambar )

xi. Pengumuman ( id_pgmn, judul_pgmn, isi_pgmn )

xii. Forum ( id, wid, for ptitle, for_text, for_email, for_data,

(62)

e. Kamus data

i.

char = [A-Z|a-z|0-9| ]

ii.

l – char }30

|0-9| ]

iii.

• Nama_karya= {legal – char }30

• Tgl_karya = {date}

• Legal – char = [A-Z|a-z|0-9| ]

• Date = dd-mm-yyyy

• dd = [ 0 – 31 ]

• mm = [ 0 – 12 ]

• yyyy = [ 0 – 9 ]4

Kamus data untuk tabel administrator

• Id_admin = { legal – char }12

• Pswd_admin = {legal – char }8

• Status (int)1

• Legal –

Kamus data untuk tabel pegawai

• npp = { legal – char }12

• Nama_peg = {lega

• Alamat_peg = {legal – char }50

• email = { legal – char }15

• password = {legal – char }8

• Status = { number }1

• Legal – char = [A-Z|a-z

Kamus data untuk tabel karya

• Id_karya = { legal – char }8

(63)

iv. Kamus data untuk tabel membangun karya

|0-9| ]

v. m epanitian

r }30

vi. m taran_email

gal – char }30

vii. m formasi

– char }30

xt }

– char }40

|a-z|0-9| ]

• Id_karya = { legal – char }8

• npp = {legal – char }12

• Tgl_karya = {date}8

• Legal – char = [A-Z|a-z

Ka us data untuk tabel lembaga k

• Id_LP = { legal – char }12

• Nama_LP = {legal – cha

• Ketua_LP = { legal – char }20

Ka us data untuk tabel pendaf

• Username = {legal – char }30

• Alternatif_email = {le

• Pswd_email = {legal – char }8

• Npp = { legal – char }12

• Id_LP = { legal – char }12

Ka us data untuk tabel in

• Id_inform = {legal – char }8

• judul_inform = {legal

• isi_inform = {te

• gambar = {legal

(64)

v

}8

r }20

x. m psi

20

iii. Kamus data untuk tabel saran

• Id_saran= {legal – char }6

• nama= {legal – char }50

• isi = {text }

ix. Kamus data untuk tabel Software

• Id_software = {legal – char

• Nama_software = {legal – cha

• Deskrpsi = {text }

• type = {legal – char }30

• size = {int }4

• content = { mediumblob }

Ka us data untuk tabel kegiatan ba

• Id_keg = { legal – char }6

• Nama_keg= {legal – char }

• Ket_keg = {text }

• Tgl_keg = {date}8

• Date = dd-mm-yyyy

• dd = [ 0 – 31 ]

• mm = [ 0 – 12 ]

(65)

xi. Kamus data untuk tabel pengumuman

ar }30

text }

x

char }255

gal – char }8

50

y

• Id_pgmn = {legal – char }8

• judul_pgmn = {legal – ch

• isi_pgmn = {

ii. Kamus data untuk tabel forum

• Id = { int }10

• wid= { int }10

• for_title = { legal –

• for_text = { text }

• for_mail = { le

• for_data = { date }

• for_dataw = { date }

• for_ip= { legal – char }15

• for_name= { legal – char }

• Date = dd-mm-yyy

• dd = [ 0 – 31 ]

• mm = [ 0 – 12 ]

(66)

f. I ri

i. Atu

nci tamu untuk setiap

entitas dari basisdata dapat dilihat di tabel berikut ini :

Tabel 3.1 Aturan Integritas Entitas

No unci Utama Kunci tamu

nteg tas basisdata

ran integritas entitas

Penentuan kunci utama dan ku

Nama Tabel K

1 a dministrator Id_admin -

2 p egawai npp -

3 k arya Id_karya

4 M embangun_karya Id_karya, id_peg -

5 L embaga_kepanitiaan Id_LP -

6 P endaftaran_email username -

7 saran Id_saran -

8 S oftware_download Id_software -

9 K egiatan_bapsi Id_keg -

10 in formasi Id_inform -

11 p engumuman Id_pgmn -

12 o f rum id -

ii. Aturan domain

Domain merupakan kumpulan tipe data dan jangkauan nilai

yang diperbolehkan pada atribut semua relasi atau entitas.

(67)

format, jangkauan, nilai yang memungkinkan, dan

Berikut adalah aturan domain dari

setiap

trator

el 3. ain tabe

e dataU k Null

kemungkinan data null.

atribut entitas yang terdapat pada basis data sesuai

dengan ERD diatas.

1. aturan domain untuk tabel adminis

Tab 2 Aturan dom l administrator

Nama Field Tip kuran Uni

Id_admin Varchar 12 Ya Tidak

Pswd_admin Varchar 8 Tidak Tidak

status enum ’1’,’0’ Tidak Tidak

2. abe

Aturan domain wai

U Null

aturan domain untuk t l pegawai

Tabel 3.3 tabel pega

Nama Field Tipe data kuran Unik

npp Varchar 12 Ya Tidak

password Varchar 8 Tidak Tidak

Nama_peg Varchar 30 Tidak Tidak

Stat_peg enum ’1’,’0’ Tidak Tidak

alamat Varchar 100 Tidak Tidak

(68)

3. aturan domain untuk tabel karya

Tabel 3.4 Aturan domain tabel karya

Nama Field Tipe dataUkuran Unik Null

Id_karya Varchar 8 Ya Tidak

Nama_karya Varchar 30 Tidak Tidak

4. e

tura in t l aftaran email

ld dat U Null

aturan domain untuk tabel pendaftaran_ mail

Tabel 3.5 A n doma abe pend

Nama Fie Tipe a kuran Unik

username Varchar 20 Ya Tidak

Alternatif_email Varchar 20 Ya Tidak

Pswd_email Varchar 8 Tidak Tidak

npp Varchar 12 Ya Ya

Id_LP Varchar 12 Ya Ya

5. main bel tw

tura in t l

ield a n ull

aturan do untuk ta sof are_download

Tabel 3.6 A n doma abe software download

Nama F Tipe d ta Ukuran U ik N

Id_software Varchar 6 Ya Tidak

Nama_software Varchar 30 Tidak Tidak

deskripsi text 200 Tidak Tidak

(69)

size int 11 Tidak Tidak

content mediumblob Tidak Tidak

6 omai bel ra

r in l

Nama Field Tipe data Ukuran Unik Null

. aturan d n untuk ta sa n

Tabel 3.7 Atu an doma tabe saran

Id_saran Varchar 6 Ya Tidak

nama Varchar 50 Tidak Tidak

Isi_saran text Tida Tidak k

7. ntu gia ba

T ran do el ke ta

a Field Tipe uran ni u

aturan domain u k tabel ke tan_ psi

abel 3.8 Atu main tab gia n bapsi

Nam data Uk U k N ll

Id_keg Varchar 6 daYa Ti k

Nama_keg Varchar 30 Tidak Tidak

Ket_keg text Tidak Tidak

Tgl_saran Date Tidak Tidak

8. in u foru

T abe u

eld Tipe data Uku

aturan doma ntuk tabel m

abel 3.9 Aturan domain t l for m

Nama Fi ran Unik Null

(70)

wid int 6 Tidak Tidak

For_ptitle Varchar 255 Tidak Tidak

For_text text Tidak Tidak

For_mail Varchar 255 Tidak Tidak

For_data date Tidak Tidak

T T

For_dataw date idak idak

For_ip varchar 15 Tidak Tidak

For_name varchar 255 Tidak Tidak

. aturan domain untuk tabel informasi 9

Tabel 3.10 Aturan domain tabel informasi

Nama Field Tipe data Ukuran Unik Null

Id_inform Varchar 8 Ya Tidak

Judul_inform Varchar 30 Tidak Tidak

Isi_inform text Tidak Tidak

gambar Varchar 40 Tidak Tidak

0.aturan domain untuk tabel pengumuman

engumuman

Null

1

Tabel 3.11 Aturan domain tabel p

Nama Field Tipe data Ukuran Unik

Id_pgmn Varchar 8 Ya Tidak

(71)

Isi_pgmn text Tidak Tidak

11 omain un bel lembaga_kepanitiaan

Tabel 3.12 Aturan domain tabel lembaga kepanitiaan

eld Tipe data Uk ra l

.aturan d tuk ta

Nama Fi u n Unik Nul

Id_LP Varchar 2 1 Ya Tidak

Nama_LP Varchar 30 Tidak Tidak

Ketua_LP Varchar 20 Tidak Tidak

F. PERANCAN

1. Perancang

i. Rancangan struktur me Adm

G can ur menu

GAN ANTARMUKA

an Struktur Menu

nu untuk inistrator

Login

ambar 3.30 Ran gan strukt Administrator Update visi & misi

Menu utama Ubah password

karya bapsi Kegiatan bapsi Informasi terbaru visi & misi

edit

input input edit

input edit input edit

Update visi & misi

download software forum pendaftaran email kritik saran

input hap

hapus

input edit

(72)

ii. Rancangan struktur menu k Staf

.31 Ra rukt en

iii. Rancangan struktur me Peng un

g

untu f

Menu utama

Gambar 3 ncangan st ur m u Staff

nu untuk unj g

Gambar 3.32 Rancangan struktur menu Pengunjun Update visi & misi

Menu utama

lihat karya bapsi lihat kegiatan lihat informasi lih t visi & misi a

lihat forum download software kritik saran input

Update visi & misi

input lihat karya bapsi lihat kegiatan lihat informasi lihat visi & misi

Update visi & misi

download software lihat forum pendaftaran email kritik saran

(73)

2.

a. Interface untuk Administrator

i. Halaman Login Administrator

Perancangan Halaman

Banner

Footer

Silahkan login dahulu

Gambar 3.33 Tampilan halaman Login Administrator Staff BAPSI

· Hari Suparwito, SJ

· V. Riawan Prasetya

· Lucia Irminastuti

· M. Retno Susanti

· A. Dwi Widodo

· B. Sukaristan

· Diar Puji Oktavian

· Ni Made Pritty Wirati - B. Sigit Yogyantoro

Download software | Pendaftaran email | Kritik dan Saran | Contact

Gambar

username

(74)

ii. Halaman Karya BAPSI untuk Administrator

Gambar 3.34 Tampilan halaman Karya BAPSI

iii. Halaman Input Karya BAPSI untuk Administrator

Gambar 3.35 Tampilan ha man Input Karya BAPSI

Banner

Footer

| Forum | logout

Kar

Home | Visi misi | Karya kami | Kegiatan

ya – karya Bapsi

Gambar

input | edit

Id nama karya

1 BRS Online

2 SIA untuk pejabat

Staff BAPSI

· M. Retno Susanti

· A. Dwi Widodo

· B. Sukaristan

· Ni Made Pritty Wirati - B. Sigit Yogyantoro

Banner

Footer

Home | Visi misi | Karya kam Kegiatan | Forum | logout

Nama kar

i |

la

ya

Input karya - karya bapsi

Gambar id b gambar ok cancel rowse Staff BAPSI

· M. Retno Susanti

· A. Dwi Widodo

· B. Sukaristan

(75)

iv. Halaman Edit Karya BAPSI untuk Administrator

G I

Gambar 3.37 Tampilan halaman Kegiatan BAPSI

Banner

Footer

Nama kar

ambar 3.36 Tampilan halaman Edit Karya BAPS

v. Halaman Kegiatan BAPSI untuk Administrator

Banner

Footer

kegiatan Bapsi

Gambar

input | edit

Id nama kegiatan tgl_keg ket

1 Buat system untuk FST

2 Makrab untuk karyawan BAPSI

Staff BAPSI

· M. Retno Susanti

· A. Dwi Widodo

· B. Sukaristan