pembuatan aplikasi sistem informasi customer service berbasis web …... · pengajar/instruktur dan...

64
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB DI LEMBAGA PENDIDIKAN SOLOCOM SURAKARTA TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Ilmu Komputer Disusun oleh : ACHMAD NURDIANSYAH NIM. M3208040 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2011

Upload: vuongliem

Post on 15-Mar-2019

226 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE

BERBASIS WEB

DI LEMBAGA PENDIDIKAN SOLOCOM SURAKARTA

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Ilmu Komputer

Disusun oleh :

ACHMAD NURDIANSYAH

NIM. M3208040

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2011

Page 2: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

HALAMAN PERSETUJUAN

PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE

BERBASIS WEB

DI LEMBAGA PENDIDIKAN SOLOCOM SURAKARTA

Disusun oleh :

ACHMAD NURDIANSYAH

NIM. M3208040

Tugas Akhir ini telah disetujui untuk dipertahankan

Dihadapan dewan penguji

pada tanggal 13 Juli 2011

Pembimbing Utama

Budi Legowo, S.Si., M.Si.

NIP. 19730510 199903 1 002

Page 3: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

HALAMAN PENGESAHAN

PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE

BERBASIS WEB

DI LEMBAGA PENDIDIKAN SOLOCOM SURAKARTA

Disusun oleh :

ACHMAD NURDIANSYAH

NIM. M3208040

Dibimbing oleh

Pembimbing Utama

Budi Legowo, S.Si., M.Si.

NIP. 19730510 199903 1 002

Tugas Akhir ini telah diterima dan disahkan

Oleh dewan penguji Tugas Akhir

Program Diploma III Ilmu Komputer

Pada Hari Rabu tanggal 26 Juli 2011

Dewan Penguji

1. Ketua Penguji Budi Legowo, S.Si., M.Si.

NIP. 19730510 199903 1 002

( )

2. Penguji 1 Muhammad Asri Safi’i, S.Si

NIDN. 0603118103

( )

3. Penguji 2 Nanang Maulana, S.Si

( )

Disahkan Oleh

Dekan

Fakultas MIPA UNS

Ketua

Program Diploma III Ilmu Komputer

FMIPA UNS

Ir. Ari Hardono Ramelan,M.Sc (Hons)., Ph.D

NIP. 19610223 198601 1 001

Drs. Y.S.Palgunadi, M.Sc

NIP. 19560407 198303 1 004

Page 4: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

HALAMAN INTISARI

Achmad Nurdiansyah 2011. Sistem Informasi Customer Service Berbasis Web di

Lembaga Pendidikan Solocom Surakarta. Diploma III Ilmu Komputer, Fakultas

Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.

Customer service merupakan bagian dari struktur organisasi lembaga

pendidikan Solocom yang memiliki tugas sangat vital dalam memberikan

informasi, baik kepada calon pendaftar, peserta didik, instruktur, karyawan dan

pimpinan lembaga. Informasi yang dapat diperoleh dari customer service adalah

informasi jadwal kelas baru beserta biaya, informasi jumlah pendaftar kelas baru

dan jumlah peserta didik yang mengikuti kelas, jumlah pendapatan yang diperoleh

tiap hari, ataupun perbulan dari penyelenggaraan kelas, informasi staff

pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang

masuk. Diharapkan dengan pembuatan sebuah sistem informasi, akan membantu

kerja di bagian ini dalam menyampaikan informasi yang dibutuhkan.

Metode pengumpulan data yang digunakan dalam penyusunan tugas akhir

ini adalah observasi, wawancara dan studi pustaka. Tahap perancangan yang

digunakan meliputi perancangan sistem, basis data dan antar muka pengguna.

Software dibangun dengan bahasa pemrograman HTML, PHP dan menggunakan

database MySQL serta menggunakan Apache sebagai Web Server-nya.

Dapat disimpulkan bahwa Sistem Informasi Customer Service Berbasis

Web di Lembaga Pendidikan Solocom Surakarta ini telah dirancang dan layak

digunakan.

Kata Kunci : sistem informasi, customer service, PHP, MySQL.

Page 5: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ABSTRACT

Achmad Nurdiansyah 2011. Web Based Customer Service Information System at

Lembaga Pendidikan Solocom Surakarta. Final Project Diploma Program in

Computer Science, Faculty of Mathematics and Natural Sciences, Sebelas Maret

University Surakarta.

Customer service is part of the organizational structure of Lembaga

Pendidikan Solocom who has a vital task in providing information, both to

prospective applicants, students, instructors, employees and leaders of institutions.

The information that can be obtained from the customer service is a new class

schedule information and pricing, information of the number of the applicants the

learners who attend classes, the amount of revenue from class implementation

daily or monthly, information about the teaching staff and information about the

letters or proposal that entered. It is expected that developing an information

system, will help the work on this part in conveying the information needed.

Data collection methods used in the preparation of this final project were

the observation, interview and literature study. Stage design used included system

design, database and user interface. Software was built with HTML programming

language, PHP and using MySQL database and using Apache as its Web Server.

It can be concluded that the Sistem Informasi Customer Service Berbasis

Web Lembaga Pendidikan Surakarta Solocom has been designed and fit to use.

Keywords: information systems, customer service, PHP, MySQL.

Page 6: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

PERSEMBAHAN

Karya ini kupersembahkan untuk:

1. Kedua Orang tua dan saudara-saudara tercinta

2. Sahabat-sahabatku yang selalu mendukung

3. Teman-teman MI-2008

4. Teman-teman Di Solocom

5. Dan semua pihak yang telah membantu

terselesaikannya Tugas Akhir ini.

Page 7: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah

memberikan rahmat, hidayah, serta inayah-Nya yang berupa kesehatan,

lindungan, serta bimbingan kepada penulis, sehingga Laporan Tugas Akhir

yang berjudul “PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER

SERVICE BERBASIS WEB DI LEMBAGA PENDIDIKAN SOLOCOM

SURAKARTA” ini dapat diselesaikan dengan baik.

Pembuatan laporan Tugas Akhir ini dimaksudkan untuk memenuhi

persyaratan kelulusan Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta. Ucapan terima kasih

penulis persembahkan kepada semua pihak yang telah membantu dalam

penyelesaian Laporan Tugas Akhir ini antara lain:

1. Bapak Y.S.Palgunadi, M.Sc selaku Ketua Program D3 Ilmu Komputer

Fakultas Matematika dan Ilmu Pengetahuan Alam yang telah memberikan

izin melakukan Kegiatan Magang Mahasiswa (KMM).

2. Bapak Wiharto, S.T, M.Kom selaku dosen pembimbing akademik.

3. Bapak Budi Legowo, S.Si, M.Si selaku dosen pembimbing Tugas Akhir.

4. Kedua orang tua tercinta yang telah memberikan dukungan spiritual

maupun materi .

5. Teman-teman Managemen Informatika 2008 dan teman-teman di Solocom

yang telah memberikan motivasi untuk menyelesaikan Tugas Akhir ini.

Akhir kata, penulis berharap semoga laporan ini dapat bermanfaat bagi

pembaca dan teman-teman program DIII Ilmu Komputer Fakultas Matematika

Dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Surakarta, Juni 2011

Penulis

Page 8: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR ISI

Halaman

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

HALAMAN PERSETUJUAN ...................................................................... ii

HALAMAN PENGESAHAN ....................................................................... iii

HALAMAN INTISARI ................................................................................ iv

HALAMAN ABSTRACT............................................................................. v

PERSEMBAHAN ......................................................................................... vi

KATA PENGANTAR .................................................................................. vii

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

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

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

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

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

B. Perumusan Masalah ..................................................................... 2

C. Batasan Masalah .......................................................................... 2

D. Tujuan dan Manfaat ..................................................................... 2

E. Metodologi Penelitian .................................................................. 3

F. Sistematika Penulisan .................................................................. 4

BAB II LANDASAN TEORI ....................................................................... 6

A. Sistem dan Sistem Informasi ....................................................... 6

B. Context Diagram ......................................................................... 11

C. Data Flow Diagram ..................................................................... 12

Page 9: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

D. Entity Relationship Diagram ........................................................ 12

E. PHP ............................................................................................. 13

F. Apache Web Server ..................................................................... 14

G. Database ...................................................................................... 14

H. Mysql .......................................................................................... 15

BAB III DESAIN DAN PERANCANGAN .................................................. 16

A. Analisa Kebutuhan Sistem ........................................................... 16

1. Analisis Kebutuhan Hardware .......................................... 16

2. Analisis Kebutuhan Software ........................................... 16

B. Perancangan Sistem ..................................................................... 17

1. Context Diagram .............................................................. 17

2. DFD Level Nol ................................................................ 17

3. DFD Level satu proses login ............................................ 19

4. DFD Level satu proses kelola data oleh Admin ................ 20

5. DFD Level satu proses kelola data oleh user .................... 21

6. DFD Level satu proses pendaftaran oleh user ................... 22

C. Perancangan Basis Data ............................................................... 22

1. ERD ................................................................................. 23

2. Relasi Tabel ..................................................................... 25

3. Kamus Data ..................................................................... 26

D. Perancangan Tampilan Sistem ..................................................... 33

BAB IV IMPLEMENTASI DAN ANALISA ................................................ 36

A. Implementasi Sistem.................................................................... 36

1. Halaman Login ................................................................ 36

2. Halaman User .................................................................. 37

3. Halaman Profile ............................................................... 38

4. Halaman Kelas Baru ........................................................ 39

5. Halaman Daftar ................................................................ 39

6. Halaman Saran ................................................................. 42

Page 10: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7. Halaman BKK ................................................................. 42

8. Halaman Info lain ............................................................ 43

9. Halaman Admin ............................................................... 47

10. Halaman Home (admin) ................................................... 47

11. Halaman input Data ......................................................... 47

12. Halaman Cari ................................................................... 49

13. Halaman Laporan ............................................................. 50

BAB V PENUTUP ....................................................................................... 51

A. Kesimpulan ................................................................................. 51

B. Saran ........................................................................................... 51

DAFTAR PUSTAKA ................................................................................... 52

Page 11: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol Context Diagram ...................................................... 11

Tabel 2.2 Simbol-simbol DFD ............................................................. 12

Tabel 2.3 Simbol ERD ......................................................................... 13

Tabel 3.1 Tabel User ............................................................................ 24

Tabel 3.2 Tabel Siswa intensife ............................................................ 24

Tabel 3.3 Tabel Siswa program 1 Tahun .............................................. 25

Tabel 3.4 Tabel Pendaftaran Siswa Intensife ........................................ 26

Tabel 3.5 Tabel Pendaftaran Siswa 1 tahun .......................................... 26

Tabel 3.6 Tabel pengajar ...................................................................... 27

Tabel 3.7 Tabel kelas intensife ............................................................. 27

Tabel 3.8 Tabel kelas 1 tahun ............................................................... 28

Tabel 3.9 Tabel saran ........................................................................... 28

Tabel 3.10 Tabel bkk ............................................................................ 29

Tabel 3.11 Tabel data proposal.............................................................. 30

Tabel 3.12 Tabel informasi ................................................................... 30

Page 12: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR GAMBAR

Halaman

Gambar 3.1 Context Diagram Sistem Informasi Customer Service ......... 17

Gambar 3.2 DFD Level 0 Sistem Informasi Customer Service ............... 18

Gambar 3.3 DFD Level 1 proses login ................................................... 19

Gambar 3.4 DFD Level 1 proses kelola data oleh admin ........................ 20

Gambar 3.5 DFD Level 1 proses kelola data user ................................... 21

Gambar 3.6 DFD Level 1 proses pendaftaran siswa ............................... 22

Gambar 3.7 ERD Sistem Informasi Customer Service ............................ 24

Gambar 3.8 Relasi Tabel ........................................................................ 25

Gambar 3.9 Rancangan Desain tampilan sistem ..................................... 34

Gambar 3.10 Rancangan Desain tampilan halaman admin...................... 34

Gambar 4.1 Tampilan Halaman Login ................................................... 37

Gambar 4.2 Tampilan Halaman User ..................................................... 38

Gambar 4.3 Tampilan Halaman profile .................................................. 38

Gambar 4.4 Tampilan Halaman kelas baru ............................................. 39

Gambar 4.5 Tampilan Halaman pengisian data siswa prog. 1 thn ........... 40

Gambar 4.6 Tampilan Halaman pendaftaran siswa prog. 1 thn ............... 40

Gambar 4.7 Tampilan Halaman pengisian data siswa prog. Intensife ...... 41

Gambar 4.8 Tampilan Halaman pendaftaran siswa prog. Intensife ......... 41

Gambar 4.9 Tampilan Halaman input saran/kritik .................................. 42

Gambar 4.10 Tampilan Halaman BKK................................................... 43

Gambar 4.11 Tampilan Halaman data kelas program intensife ............... 44

Gambar 4.12 Tampilan Halaman data kelas program 1 tahun ................. 44

Gambar 4.13 Tampilan Halaman data siswa program intensife............... 45

Gambar 4.14 Tampilan Halaman data siswa program 1 tahun ................ 45

Gambar 4.15 Tampilan Halaman data proposal masuk ........................... 46

Gambar 4.16 Tampilan Halaman pengiisian data info ............................ 46

Gambar 4.17 Tampilan Halaman admin ................................................. 47

Gambar 4.18 Tampilan Halaman input data user .................................... 47

Gambar 4.19 Tampilan Halaman input data pengajar ............................. 48

Page 13: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Gambar 4.20 Tampilan Halaman input data kelas 1 tahun ...................... 48

Gambar 4.21 Tampilan Halaman input data kelas intensife .................... 48

Gambar 4.22 Tampilan Halaman input data BKK .................................. 49

Gambar 4.23 Tampilan Halaman cari ..................................................... 49

Gambar 4.24 Tampilan Halaman laporan ............................................... 50

Page 14: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1

BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Customer service merupakan bagian dari struktur organisasi lembaga

pendidikan solocom yang memiliki tugas sangat vital dalam memberikan

informasi, baik kepada calon pendaftar, peserta didik, instruktur, karyawan

dan pimpinan lembaga. Informasi yang dapat diperoleh dari customer service

adalah informasi jadwal kelas baru beserta biaya, informasi jumlah pendaftar

kelas baru dan jumlah peserta didik yang mengikuti kelas, jumlah pendapatan

yang diperoleh tiap hari ataupun perbulan dari penyelenggaraan kelas,

informasi staff pengajar/instruktur dan informasi mengenai surat atau proposal

kerjasama yang masuk. Informasi yang diminta diharapkan bisa dengan cepat

disampaikan kepada pihak yang membutuhkan. Pada kondisi yang sekarang

ini, bagian Customer Service Lembaga Pendidikan Solocom masih melakukan

pencatatan secara manual dalam proses pendaftaran peserta didik, pencatatan

pembayaran biaya pendidikan serta pencatatan surat atau proposal kerjasama

yang masuk. Sedangkan dalam pembuatan laporannya menggunakan aplikasi

office yang berarti menyalin lagi semua data yang sudah dicatat secara manual

kedalam aplikasi office sehingga membutuhkan waktu yang relatif lama dalam

pembuatannya.

Pembuatan Aplikasi Customer Service ini diharapkan mampu untuk

membantu kerja dari bagian ini agar dapat lebih baik dan cepat dalam

menyajikan informasi yang diperlukan oleh lembaga dan peserta didik.

Page 15: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

B. Perumusan Masalah

Berdasarkan latar belakang masalah tersebut maka dapat diuraikan

rumusan masalahnya yaitu “Bagaimana membuat suatu aplikasi sistem

informasi bagian customer service yang dapat menggantikan sistem manual

yang selama ini berjalan sehingga dapat membantu kerja bagian customer

service”.

C. Batasan Masalah

Batasan masalah dalam Aplikasi Sistem Informasi Customer Service ini

meliputi input data, update data , pencarian data dan pembuatan laporan. Data

tersebut meliputi data pendaftaran, data peserta didik, data kelas, data

pengajar, data surat masuk atau proposal.

Dalam pembuatan aplikasi ini digunakan beberapa software yaitu

macromedia dreamweaver, adobe photoshop, dan paket xampp ( apache dan

MySQL). Dreamweaver digunakan karena kemudahan yang diberikan dalam

pembuatan desain serta memberikan kode program dalam membuat aplikasi

ini. Photoshop digunakan untuk membantu pengolahan gambar yang

digunakan untuk tampilan aplikasi. Sedangkan Paket Xampp digunakan

karena menyediakan Paket Software Apache sebagai web server dan MySQL

sebagai database server yang digunakan dalam aplikasi ini.

D. Tujuan dan Manfaat

Tujuan dan manfaat dari Aplikasi Sistem Informasi Customer Service di

Lembaga Pendidikan Solocom Surakarta ini adalah:

1. Tujuan

Page 16: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

Tujuan dari penyusunan tugas akhir ini adalah membuat aplikasi

Sistem Informasi Custumer Service di Lembaga Pendidikan Solocom

Surakarta.

2. Manfaat

Adapun manfaat dari pembuatan aplikasi sistem informasi

customer service ini adalah :

a. Bagi Penulis

1) Sebagai Pembelajaran dalam menerapkan ilmu yang telah

diperoleh saat perkuliahan.

2) Memperoleh pengalaman dalam pembuatan suatu sistem

informasi.

b. Bagi Instansi

Pembuatan aplikasi sistem informasi customer service ini

diharapkan mampu memperluas penggunaan teknologi informasi di

lingkup lembaga serta dapat membantu kerja bagian customer service

dalam menyajikan informasi dan membuat laporan kepada pimpinan.

E. Metodologi Penelitian

Untuk memperoleh data yang diperlukan dalam penyusunan laporan

tugas akhir, digunakan beberapa metode penelitian yaitu:

Page 17: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

1. Wawancara

Penulis melakukan wawancara terhadap karyawan bagian customer service

mengenai tugas-tugas atau pekerjaan apa saja yang harus dilakukan oleh

bagian ini.

2. Observasi

Metode pengumpulan data dengan pengamatan dalam pengelolaan data di

bagian customer service.

3. Studi Pustaka

Studi pustaka adalah suatu metode pengumpulan data dengan

menggunakan buku-buku sebagai bahan referensi dalam penulisan laporan

dan pembuatan aplikasi. Metode ini dimaksudkan untuk memperoleh data-

data yang relevan dengan penelitian.

F. Sistematika Penulisan

Laporan tugas akhir ini ditulis dengan sistematika sebagai berikut:

1. BAB I berisi Pendahuluan, dalam bab pendahuluan terdiri dari : latar

belakang masalah, rumusan masalah, batasan masalah, tujuan dan manfaat

penelitian, metodologi penelititan dan sistematika penulisan.

2. BAB II berisis landasan teori yang berkaitan dengan pengertian-

pengertian, konsep-konsep dasar dan berbagai hal yang berhubungan

dengan permasalahan diatas.

3. BAB III Desain dan Perancangan, berisi tentang data-data yang

diperlukan dalam perancangan suatu sistem.

Page 18: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

4. BAB IV Implementasi dan Analisa, berisi tentang langkah, hasil analisa

dan pembahasan yang sifatnya terpadu. Hasil penelititan dapat disajikan

dalam bentuk tabel, gambar, atau bentuk lain dan ditempatkan sedekat

mungkin dengan pembahasan hasil penelitian sehingga dapat lebih mudah

mengikuti uraian.

5. BAB V Penutup, berisi tentang kesimpulan hasil penelitian dan saran-

saran.

Page 19: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

BAB II

LANDASAN TEORI

A. Sistem dan Sistem Informasi

1. Pengertian Sistem

Pengertian dan definisi sistem pada berbagai bidang berbeda-beda,

tetapi meskipun istilah sistem yang digunakan bervariasi, semua sistem

pada bidang-bidang tersebut mempunyai beberapa persyaratan umum,

yaitu sistem harus mempunyai elemen, lingkungan, interaksi antar elemen,

interaksi antara elemen dengan lingkungannya, dan yang terpenting adalah

sistem harus mempunyai tujuan yang akan dicapai. Suatu sistem memiliki

beberapa komponen, diantaranya pekerjaan, aktivitas, misi atau unsur-

unsur sistem yang dibentuk untuk mewujudkan tujuan, Untuk komponen

misi atau tujuan, seringkali sukar untuk dilihat sehingga manajemen suatu

sistem mengarahkan aktivitas-aktivitas pada perencanaan dan

pengendalian.

Sistem adalah kumpulan elemen, komponen, atau subsistem yang

saling berintegrasi dan berinteraksi untuk mencapai tujuan tertentu.

Terdapat dua kelompok pendekatan didalam pendefinisian sistem, yaitu

yang menekankan pada prosedur dan yang menekankan pada komponen /

elemennya. Pendekatan pada sistem yang lebih menekankan pada prosedur

mendefinisikan sistem sebagai berikut :

“Suatu sistem adalah jaringan kerja dari prosedur–prosedur yang saling

berhubungan, berkumpul bersama–sama untuk melakukan suatu kegiatan

Page 20: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

atau untuk menyelesaikan suatu sasaran tertentu.” Pendekatan sistem yang

lebih menekankan pada elemen atau komponennya, mendefinisikan sistem

sebagai berikut “Sistem adalah kumpulan–kumpulan dari elemen–elemen

yang berinteraksi untuk mencapai tujuan tertentu.”

2. Karakteristik Sistem

Untuk memahami sistem, maka perlu membedakan unsur-unsur

dari sistem yang membentuknya. Berikut adalah karakteristik sistem yang

dapat membedakan suatu sistem dengan sistem lainnya ( Hanif Al Fatah,

2007) :

a. Batasan (boundary)

Penggambaran dari suatu elemen mana saja yang termasuk di

dalam sistem dan mana yang termasuk diluar sistem.

b. Lingkungan (environment)

Segala sesuatu di luar sistem yang bisa membuat asumsi, kendala,

hambatan, dan masukan (input) terhadap suatu sistem.

c. Masukan (input)

Sumber daya (data, bahan baku, peralaan, energi) dari lingkungan

yang dikomsumsi dan dimanipulasi oleh suatu sistem.

d. Keluaran (output)

Sumber daya atau produk (informasi, laporan, dokumen, tampilan

layar, barang jadi) yang disediakan unuk lingkungan sistem.

e. Komponen (component)

Page 21: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

Kegiatan dalam suatu sistem yang biss mentransformasikan input

menjadi ouput. Komponen ini bisa juga merupakan suatu sub

sistem dari sebuah sistem.

f. Penghubung (interface)

Tempat dimana komponen atau sistem dan lingkungannya bertemu

atau berinteraksi.

g. Penyimpanan (storage)

Area yang dikuasai dan digunakan oleh sistem sebagai media

penyangga di antara komponen-komponennya. Yang bekerja di

dalam berbagi tingkatan yang ada dan memungkinkan terbentuk

komponen yang berbeda dari data yang sama.

3. Pengertian Data dan Informasi

Data merupakan nilai, keadaan, atau sifat yang berdiri sendiri lepas

dari konteks apapun. Sementara informasi adalah data yang telah diolah

menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat

dalam pengambilan keputusan saat ini atau mendatang (Hanif Al Fatah,

2007).

Dalam mempelajari sistem kita harus mempelajari informasi,

pasalnya suatu sistem yang kurang mendapatkan suatu informasi akan

menjadi ketinggalan zaman/tidak bertahan lama. Informasi dapat berupa

data mentah, data tersusun dan sebagainya, dimana data adalah suatu

kenyataan yang bermanfaat menggambarkan suatu kejadian-kejadian dan

kesatuan yang nyata. Gagasan penting yang mendasari pemakaian istilah

Page 22: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9

informasi dalam sistem informasi adalah memperkaya penyajian,

mempunyai nilai kejutan atau mengungkapkan sesuatu. informasi dapat

merubah kemungkinan-kemungkinan hasil yang diharapkan dalam sebuah

situasi keputusan.

4. Pengertian Sistem Informasi

Menurut Alter (1992) yang dikutip oleh Abdul Kadir (2005)

“Sistem informasi adalah kombinasi antara prosedur kerja, informasi,

orang, dan teknologi informasi yang diorganisasikan untuk mencapai

tujuan dalam sebuah organisasi.”

Pada saat ini dunia industri dan bisnis memerlukan informasi yang

tepat, cepat dan relevan. Untuk mendapatkan informasi yang diinginkan

tentunya harus menggunakan sistem informasi. Sistem informasi dalam

suatu organisasi dapat dikatakan sebagai suatu sistem yang menyediakan

informasi bagi semua tingkatan dalam organisasi tersebut kapan saja

diperlukan. Sistem ini menyimpan, mengambil, mengubah, mengolah dan

mengkomunikasikan informasi yang diterima dengan menggunakan sistem

informasi atau peralatan sistem lainnya sebagai suatu sistem di dalam

suatu organisasi yang merupakan kombinasi dari orang-orang, fasilitas,

teknologi, media prosedur-prosedur dan pengendalian yang ditujukan

untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi

rutin tertentu, memberi sinyal kepada manajemen dan yang lainnya

terhadap kejadian-kejadian internal dan eksternal yang penting dan

menyediakan suatu dasar informasi untuk pengambilan keputusan.

Page 23: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

5. Komponen Sistem Informasi

Buch dan Grudnistki (1986) dalam Hanif Al Fatah (2007)

berpendapat bahwa sistem informasi terdiri dari komponen-komponen

yang disebut dengan istilah blok bangunan (building block) yang terdiri

dari 6 blok yang masing-masing saling berinteraksi satu dengan lainnya

membentuk satu kesatuan untuk mencapai sasarannya. Keenam blok

tesebut adalah:

a. Blok Masukan (input block)

Input mewakili data yang masuk ke adalam sisem informasi. Input

disini berupa motede-metode dan media penangkap data yang akan

dimasukkan.

b. Blok Model (model block)

Blok ini terdiri dari kombinasi prosedur, logika, dan model

matematika yang akan digunakan memanipulasi data.

c. Blok Keluaran (output block)

Blok ini merupakan produk dari sistem informasi yang berupa

keluaran infomasi yang berkualitas dan berguna bagi penggunannya.

d. Blok teknologi (tecnology block)

Teknologi merupakan alat yang digunakan untuk menerima input,

menjalankan model, menyimpan dan mengakses data, menghasilkan

sekaligus mengirim keluaran dan membantu pengendalian dari

sistem.

e. Blok Database (database block)

Page 24: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

Database merupakan kumpulan dari data yang saling berhubungan

satu dengan lainnya, tersimpan di perangkat keras dan digunakan

perangkat lunak untuk memanipulasinya.

f. Blok kendali (control block)

Blok yang berfungsi untuk mencegah hal-hal yang merusak sistem

dan untuk mengatasi kesalahan yang terjadi saat input, proses

maupun output.

B. Context Diagram (CD)

Context Diagram adalah sebuah diagram aliran data yang

memfokuskan pada aliran data dari dan ke dalam sistem, serta memproses

data-data tersebut. Komponen-komponen dasar setiap program komputer yang

digambarkan secara mendetail, dapat digunakan untuk menganalisa

keakuratan dan kompetensi sistem (Kendal, 2003). Simbol-simbol Context

Diagram yang digunakan adalah :

Tabel 2.1 Simbol Context Diagram

Simbol Keterangan

Sistem informasi dimana

menggambarkan entitas atau proses

dimana aliran data ditransformasikan

keluar dari sebuah sistem informasi.

Persegi panjang menggambarkan selah

satu entitas

Garis yang menggambarkan aliran data

Page 25: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

C. Data Flow Diagram (DFD)

Data flow diagram adalah gambaran sistem secara logika yang tidak

tergantung pada perangkat keras, perangkat lunak, struktur data atau

organisasi file. Keuntungan dari data flow yaitu, memudahkan pemakai atau

user yang kurang menguasai bidang komputer untuk mengerti sistem yang

akan dikejakan atau dikembangkan. simbol data flow menurut De Marco dan

Jourdan, yaitu :

Table 2.2 Simbol-simbol DFD Sumber : Hanif Al Fatah, 2007

Simbol Nama Keterangan

Proses Menunjukkan tranformasi dari

masukan, bisa berupa manual dan

terkomputerisasi

Entitas luar Elemen luar sistem yang member

data atau merima data

Penyimpanan Untuk menyimpan data atau tempat

menemukan data

Arus Data Menunjukkan arah aliran data yang

berawal atau berakhir pada suatu

proses

D. Entity Relationship Diagram (ERD)

Entity Relation Diagram merupakan diagram yang berisi komponen-

komponen himpunan entitas dan himpunan relasi yang masing-masing

dilengkapi dengan atribut-atribut yang mempresetasikan seluruh fakta yang

Nama entitas

No proses

Nama

proses

Page 26: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

ditinjau (Fatansyah, 1999). Berikut ini merupakan simbol-simbol yang

digunakan dalam pembuatan ERD :

Tabel 2.3 Simbol ERD

Simbol Keterangan

Entitas dimana menggambarkan suatu

objek yang dapat di identifikasi dalam

sebuah lingkungan

Atribut memiliki fungsi mendeskripsikan

karakter entitas.

Menunjukkan sebuah hubungan atau relasi

antar entitas

Sebagai penghubung antara himpunan

relasi dengan himpunan entitas dan

himpunan entitas dengan atribut

E. Perl Hypertext Preprocessor (PHP)

Perl Hypertext Preprocessor (PHP) merupakan bahas scripting dan

interpreter yang digunakan dalam pemrograman web. PHP merupakan bahasa

yang disertakan dalam dokumen HTML dan bekerja di sisi server sehingga

script-nya tidak tampak disisi client. PHP dirancang untuk dapat bekerja sama

dengan database server dan dibuat sedimikian rupa sehingga pembuatan

dokumen HTML yang dapat mengakses database menjadi lebih mudah.

PHP diperkenalkan pertama kali oleh Rasmus Leodorf diakhir tahun

1994. Ketersediaan source code dalam bahasa C membuat PHP sangat

Page 27: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

universal dan mudah disesuaikan dengan platform yang digunakan, sehigga

tidak perlu keraguan untuk menginvestasikan waktu dan tenga guna

mengembangkan aplikasi PHP. PHP juga modular, kemampuannya dalam

mengenal berbagai database server tidak perlu terpasang seluruhnya. Hal ini

sangat penting guna efisiensi dan penghematan memori. Jadi misalkan

database yang kita gunakan adalah MySQL maka kita tidak perlu meng-

compile PHP untuk mendukung database lain.

PHP bekerja disisi server ( menyatu dengan web server), PHP juga

dapat mengakses database server yang berada di remote host. Tentu saja hal

ini perlu didukung oleh database server itu sendiri, karena tidak semua

database server menyediakan fasilitas remote access. Selama masa

pembuatan, browser, web server dan database server dapat menyatu dalam

sebuah host, jadi tidak harus online untuk mencoba aplikasi yang dibuat

dengan PHP.

F. Apache Web Server

Untuk menjalankan PHP dibutuhkan web server. Web server berfungsi

menyimpan serta mendistribusikan data ke komputer lain lewat internet yang

meminta informasi tersebut. Apache merupakan web server yang dikeluarkan

oleh NSCA yaitu NSCA HTTPD sekitar tahun 1995 (Sunarfrihantono,

2002).

.

Page 28: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

G. Database

Database adalah kumpulan file-file yang salign berelasi, relasi tersebut

biasa ditunjukkan dengna kunci dari tiap file yang ada. Satu database

menunjukkan satu kumpulan data yang dipakai dalam satu lingkup perusahaan

atau instansi. Dalam satu file terdapat record-record yang sejenis, sama besar,

sama bentuk, merupakan satu kumpulan entity yang seragam. Satu record

terdiri dari field-field yang saling berhubungan unutk menunjukkan bahwa

field tersebut dalam satu pengertian yang lengkap dan direkam dalam satu

record. (Kristanto, 2004).

H. MySQL

MySQL adalah multiuser database yang menggunakan bahasa

Structured Query Language (SQL). MySQL dalam operasi client-server

melibatkan server daemon MySQL di sisi server dan berbagai macam

Program serta library yang berjalan di sisi client. MySQL mampu menangani

data yang cukup besar. perusahaan yang mengembangkan MySQL yaitu Tex,

mengaku mampu menyimpan data lebih dari 40 database, 10.000 tabel dan

sekitar 7 juta baris, totalnya kurang lebih 100 Gigabyte data. SQL adalah

bahasa standar yang digunakan untuk mengakses database server. Bahasa ini

pada awalnya dikembangkan oleh IBM, namun telah diadopsi dan digunakan

standar industri. Dengan menggunakan SQL, Proses akses database menjadi

lebih user-friendly dibandingkan menggunakan dBASE atau Clipper yang

masih menggunakan perintah-perintah pemrograman (Sunarfrihantono,

2002).

Page 29: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

16

BAB III

DESAIN DAN PERANCANGAN

A. Analisa Kebutuhan Sistem

Dalam suatu perancangan juga diperlukan hardware dan software yang

memadai untuk sistem yang akan dibuat.

1. Analisa Kebutuhan Perangkat Keras ( Hardware )

Perangkat keras yang digunakan dalam pembuatan sistem ini

memiliki spesifikasi sebagai berikut :

a. Processor Intel Dual Core

b. RAM 1 GB

c. Harddisk 160 GB

d. Keyboard dan Mouse

2. Analisa Kebutuhan Software

Perangkat lunak atau software yang digunakan dalam pembuatan

sistem informasi ini memiliki spesifikasi minimal:

a. Sistem Operasi : Microsoft Windows XP

b. Editor Web : Macromedia Dreamweaver

c. Web server dan database : Apache dan MySQL (xampp)

d. Software Pendukung : Adobe Photoshop CS2, Microsoft

Visio 2007.

Page 30: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

B. Perancangan Sistem

Perancangan sistem bertujuan untuk menentukan rancangan aplikasi

sistem informasi customer service. Perancangan sistem ini dimulai dengan

perancangan CD (Context Diagram) dan DFD (Data Flow Diagram).

1. Context Diagram

Context Diagram (CD) atau diagram kontek merupakan diagram aliran

data yang memfokuskan pada aliran data dari dan ke dalam sistem, serta

memproses data-data tersebut. Berikut diagram konteks dari sistem

informasi customer service :

Sist. Informasi

Customer Service

USER

Admin

login

Pengelolaan data

Hasil pengelolaan data

login

Input data

Pencarian data

Hasil

pencarian

Gambar 3.1 Context Diagram Sistem Informasi Customer Service

2. Data Flow Diagram Level Nol

Berikut DFD level nol yang menunjukkan semua proses utama yang

menyusun keseluruhan dari sistem Informasi customer service.

Page 31: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

ADMIN

1.0

Proses

Login

2.0

Manage

Data

3.0

Pendaftaran

Username

Password

notifikasi

4

Pembuatan

Laporan

USER

Username

Password

notifikasi

user

Kelas_int

Kelas_1thn

Pengajar

Siswa_1thn

Siswa_int

Daftar_1thn

bkk

Daftar_int

proposal

saran

informasi

Data user

Data pengajar

Data siswa

Data siswa

Data bkk

Data proposal

Data saran

Data info

Data kelas

Data kelas

Id siswa_intId siswa_1thn

Id_kelas1th

Id_kelasint

Data pendaftaran

Data pendaftaran intensife

Data pendaftaran 1 thn

Pengajar

Siswa_1thn

Siswa_int

bkk

proposal

saran

informasi

Kelas_int

Kelas_1thn

Data pengajar

Data siswa

Data siswa

Data bkk

Data proposal

Data info

Data kelasData kelas

Data saran

Laporan-laporan

Laporan-laporan

Gambar 3.2 DFD Level Nol Sistem Informasi Customer Service

Keterangan :

Penguna ( admin dan user ) dapat melakukan proses login dengan

memasukkan username dan password.

User dapat melakukan pengelolaan data seperti pada tabel siswa_int,

siswa_1thn, daftar_1thn, daftar_int, saran dan informasi.

Admin melakukan pengelolaan data untuk admin, seperti pada tabel-

tabel : user, kelas_int, kelas_1thn, pengajar, bkk, dan proposal.

Page 32: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

3. Data Flow Diagram Level 1 proses login

DFD level 1 menunjukkan proses-proses internal yang menyusun proses

utama. Dibawah ini merupakan DFD level 1 proses Login :

1.1

Login userUSER

ADMIN

Username

password

Usernamer

password

Data user

1.2

Login AdminData user

notifikasi

user

notifikasi

Gambar 3.3 DFD level 1 proses login

Page 33: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

20

4. DFD level 1 proses kelola data oleh admin

DFD ini menunjukkan pengelolaan data yang dilakukan admin.

2.1

Manage Data

Pengguna/user

ADMIN

2.2

Manage Data

pengajar

Data user

Data pengajar

Data bkk

Pengajar

bkk

proposal

Kelas_int

Kelas_1thn

userData user

Data pengajar

2.3

Manage Data

Kelas prog.

1thn

2.4

Manage Data

Kelas prog.

intensife

2.5

Manage Data

bkk

Data kelas

1thn

Data kelas

intensife

Data bkk

Data kelas 1thn

Data kelas intensife

2.6

Manage Data

proposalData proposal Data proposal

Gambar 3.4 DFD level 1 proses kelola data oleh admin

Keterangan :

Admin melakukan insert data pada tabel user, pengajar, kelas_int,

kelas_1thn dan bkk.

Page 34: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

Admin melakukan edit data pada tabel user, pengajar, kelas_int,

kelas_1thn dan bkk.

Admin melakukan delete data pada tabel user, pengajar, kelas_int,

kelas_1thn dan bkk.

Admin membuat laporan dengan mencetak isi database.

5. DFD level 1 proses kelola data oleh user

DFD ini menunjukkan pengelolaan data yang dilakukan user.

2.7

Manage Data

Siswa prog. 1

thn

USER

2.8

Manage Data

Siswa Prog. Int

Data siswa prog. 1 thn

Data siswa prog. int

Data siswa prog. 1 thn

Data siswa

prog.int

2.9

Manage Data

Saran masuk

2.10

Manage Data

informasi

Data saran

Data informasi

Data saran

Data informasi

Siswa_1thn

Siswa_int

Saran_int

informasi

Saran_1thnData saran

Gambar 3.5 DFD level 1 proses kelola data oleh user

Keterangan :

User dapat melakukan insert data pada tabel siswa_1thn, siswa_int,

daftar_1thn, daftar_int, saran, dan informasi.

Page 35: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

User dapat melakukan edit data pada tabel siswa_1thn, siswa_int,

daftar_1thn, daftar_int, saran, dan informasi.

User dapat melakukan delete data pada tabel siswa_1thn, siswa_int, ,

saran, dan informasi.

6. DFD level 1 proses pendaftaran siswa oleh user

DFD ini menunjukkan pengelolaan data yang dilakukan user.

USER

4.1

Pendaftaran

Siswa Prog.

1thn

4.2

Pendaftaran

Siswa Prog.

intensife

Daftar_1thn

Daftar_int

Siswa_1thn

Siswa_int

Kelas_int

Kelas_1thn Data kelas 1 thn

Data siswa 1thn

Data kelas

intensif

Data siwa

intensife

Gambar 3.6 DFD level 1 proses pendaftaran oleh user

C. Perancangan Basis Data

Perancangan basis data meliputi perancangan ERD ( Entity

Relationship Diagram ) dan Kamus Data. Perancangan basis data ini

diperlukan agar basis data yang akan digunakan tepat dan efisien dalam

pengaturan ruang penyimpanan, cepat dalam pengaksesan data dan mudah

dalam pemanipulasian data.

Page 36: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

1. ERD ( Entity Relationship Diagram )

Perancangan tabel pada aplikasi sistem informasi customer service ini

menggunaka Database MySQL. Rincian dari rancangan tersebut dapat

dilihat pada gambar berikut :

Pengajar

user

Saran_1thn

Kelas_1thn

bkk

Siswa_1thn

informasi

Daftar_intDaftar_1thn

Siswa_int

Saran_int

mengambil

mengambil

mengambil Kelas_int

mengambil

mengelola

mengelola

mengelola mengelola

mengelolamengelolamengelola

mengelola

username

password

proposal

mengelola

mengelola

Id_siswa1thn

nama

Id_siswaint

nama

Id_kelasint

biaya

Idkelas_1thn

By_pendaftaran

By_pend

By_lain

mengambil

mengambil

No_daft1thn

Tgl_daftar

Id_siswa1thn

Idkelas_1thn

bydaftar

Total_by

bayar

status

No_daftint

Tgl_daftar

Id_siswaint

Idkelas_int

bydaftar

Total_by

bayar

status

Id_proposal

alamatNama_org

kotaNama_kgt

Kontak_psTgl_kgt

No_telpstatus

No

tgl telp

info

nama Id_siswaint

bagian

saran

tanggal

No_saranId_siswa1thnbagian

saran

tanggal No_saran

Id_pengajar

nama

J_kel

alamat

kota

No_hp

email

kompetensi

Materi_ajar

Id_bkk

Tgl_buka

Tgl_tutup

Nama_prsh

bidang

alamat

kota

Kontak_ps

telp

loker

ket

1

1 m

m m m

1

11

1

1 1

1

1

1

1

1

1 1

1

mm

m

m

11 1

1

1

1 1 1

Gambar 3.7 ERD Sistem Informasi Customer Service

Page 37: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

2. Relasi Tabel

Pengajar

Id_pengajar*

Nama

J_kel

Alamat

Kota

No_hp

Email

Kompetensi

Materi_ajar

Kelas_int

Idkelas_int*

Program

Jam

Tglmulai

Tglselesai

Jmlsesi

Durasi

Waktu

Hari_masuk

Id_pengajar

Biaya

Kapasitas

pendaftar

Kelas_1thn

Idkelas_1thn*

Program

Tahun_ajaran

By_pendaftaran

By_pend_gel1

BY_pend_gel2

By_pend_gel3

Kapasitas

bkk

Id_bkk*

Tgl_buka

Tgl_tutup

Nama_prsh

Bidang

Alamat

Kontak_ps

Telp

Loker

Ket

user

id_user*

username

password

tipe

proposal

Id_proposal*

Nama_org

Alamat

Kota

Nama_kgt

Tgl_kgt

Kontak_ps

No_telp

Status

Daftar_1thn

No_daft1thn*

Tg;_daftar

Id_siswa1thn**

Idkelas_1thn**

Gel

Total_biaya

Bayar

kurang

Saran_int

No_saran*

Id_siswaint**

Tanggal

Saran

Bagian

informasi

No*

Tgl

Nama

Telp

info

Siswa_int

Id_siswaint*

Nama

Kota_lahir

Tgl_lahir

J_kel

Alamat

Kota

Pend_akhir

Nama_sekolah

Jurusan

Semester

Tmp_krj

Nohp

Email

Informasi

Siswa_1thn

Id_siswa1thn*

Nama

Kota_lahit

Tgl_lahir

J_kel

agama

Alamat

Kota

Nohp

Pendidikan

Nama_sklh

Kota_sklh

Jurusan

Tahun_lulus

Nama_ortu

pekerjaan

Daftar_int

No_daftint*

Tgl_daftar

Id_siswaint**

Idkelas_int**

By_daftar

Total_by

Bayar

status

Saran_1thn

No_saran*

Id_siswa1thn**

Tanggal

Saran

Bagian

Gambar 3.8 Relasi Antar Tabel

Page 38: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

3. Kamus Data

a. Tabel user

Tabel ini digunakan untuk menyimpan username dan password bagi

yang berhak ( pengguna ) membuka aplikasi ini.

Nama tabel : user

Jumlah field : 4

Tabel 3.1 Tabel User

Nama

Field Tipe Panjang Default Keterangan

Id_user Integer Not Null Primary key

Username Varchar 15 Not Null

Password Varchar 15 Not Null

tipe Enum (admin,operator) Not Null

b. Tabel Siswa Program Intensife

Tabel ini digunakan untuk menyimpan data siswa program intensife.

Nama tabel : siswa_int

Jumlah field : 16

Tabel 3.2 Tabel Siswa Intensife

Nama Field Tipe Panjang Default Keterangan

Id_siswaint Varchar 6 Not Null Primary key

Nama Varchar 35 Not Null nama lengkap

Kota_lahir Varchar 25 Null kota / kabupaten lahir

Tgl_lahir Date Null tanggal lahir

J_kel Char 1 Null jenis kelamin (L: laki-

laki, W:wanita)

Alamat varchar 50 Null alamat tempat tinggal

sesuai ktp

Kota varchar 20 Null kota / kabupaten

tempat tinggal

Pend_akhir varchar 4 Null pendidikan terakhir

Kegiatan varchar 10 Null

bekerja / masih

sekolah/kuliah /

menganggur

Page 39: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

Nama_sekolah varchar 50 Null nama sekolah /

universitas

Jurusan varchar 20 Null

sekolah (

ipa/ips/bahasa) / jur

kuliah

Semester Char 2 Null

Tmp_krj varchar 30 Null apabila telah bekerja di

isi tempat kerja

Nohp varchar 12 Not Null

Email varchar 50 Null

Informasi varchar 50 Null

memperoleh info

tentang solocom

dari..brosur,spanduk,

presentasi, iklan koran,

teman, sering lewat.

c. Tabel Siswa Program 1 Tahun

Tabel ini digunakan untuk menyimpan data siswa program 1 tahun.

Nama tabel : siswa_1thn

Jumlah field : 16

Tabel 3.3 Tabel Siswa 1 tahun

Nama Field Tipe Panjang Default Keterangan

Id_siswa1thn Varchar 6 Not Null Primary key

Nama Varchar 30 Not Null

J_kel Varchar 1 Null jenis kelamin ( L :

laki2, W:wanita)

Kotalhr Varchar 20 Null kota kelahiran

Tgllhr Date Null tanggal lahir

Agama Varchar 10 Null

Alamat Varchar 50 Null alamat tempat

tinggal

Kota Varchar 20 Null kota/kabupaten

Nohp Varchar 12 Not Null

Pendidikan Varchar 4 Null sma/smk/ma

Nama_sklh Varchar 30 Null sekolah (

ipa/ips/bahasa)

Kota_skl Varchar 30 Null kota/kabupaten

sekolah

Jurusan Varchar 10 Null sekolah (

ipa/ips/bahasa)

Page 40: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

Tahun_lulus Varchar 4 Null Tahun kelulusan

Nama_ortu Varchar 35 Null Nama Ayah

Pekerjaan Varchar 20 Null Pekerjaan Ayah

d. Tabel Pendaftaran Siswa Prog. Intensif

Tabel ini digunakan untuk menyimpan data siswa program intensife.

Nama tabel : daftar_int

Jumlah field : 8

Tabel 3.4 Tabel Pendaftaran Siswa Intensife

Nama Field Tipe Panjang Default Keterangan

No_daftint varchar 7 Not Null Primary key

Tgl_daftar Date Not Null

Id_siswaint Varchar 6 Not Null

Idkelas_int integer Not Null Id kelas yg dipilih

By_daftar Integer Not Null

Total_by Integer Not Null Total biaya pendidikan

Bayar Integer Not Null

Biaya yang telah

dibayarkan

Status Varchar 6 Not Null Kurang/lunas

e. Tabel Pendaftaran Siswa Prog. 1 tahun

Tabel ini digunakan untuk menyimpan data siswa program 1 tahun.

Nama tabel : daftar_1thn

Jumlah field : 7

Tabel 3.5 Tabel Pendaftaran Siswa 1 tahun

Nama Field Tipe Panjang Default Keterangan

No_daft1thn Varchar 7 Not Null Primary key

Tgl_daftar Date Not Null

Id_siswa1thn Varchar 6 Not Null

Idkelas_1thn integer Not Null

Total_biaya Integer Not Null

Bayar Integer Not Null

Status Varchar 6 Not Null Kurang/lunas

f. Tabel Pengajar

Page 41: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

Tabel ini digunakan untuk menyimpan data pengajar di Lembaga

Pendidikan Solocom.

Nama tabel : pengajar

Jumlah field : 9

Tabel 3.6 Tabel Data Pengajar

Nama Field Tipe Panjang Default Keterangan

idpengajar Varchar 2 Not Null Primary key

Nama Varchar 30 Not Null

J_kel varchar 1 Null

Alamat Varchar 50 Null

Kota Varchar 20 Null

No_hp Varchar 12

Email Varchar 50 Null

Kompetensi Varchar 15 Not Null

Materi_ajar Varchar 255 Not Null Materi yg biasa

diajarkan

g. Tabel Kelas Intensife

Tabel ini digunakan untuk menyimpan data pengajar di Lembaga

Pendidikan Solocom.

Nama tabel : kelas_int

Jumlah field : 13

Tabel 3.7 Tabel Data Kelas Intensife

Nama Field Tipe Panjang Default Keterangan

Idkelas_int integer Not Null Primary key

Program Varchar 30 Not Null nama program

Jam Time Null jam dimulai kelas

Tglmulai Date Null tgl dimulai kelas

Tglselesai Date Null tgl selesai kelas

Jmlsesi Integer Null jumlah pertemuan

Durasi Varchar 2 Null id pengajar

Waktu Integer Null waktu/durasi

pembelajaran

Hari_masuk Varchar 15 Null hari masuk

Id_pengajar Varchar 6 Not Null pengajar

Page 42: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

Biaya Integer Null biaya pendidikan

Kapasitas Integer Null kapasitas jumlah

siswa

Pendaftar Integer Null Jumlah pendaftar

Status Varchar 7 null Baru/aktif/selesai

h. Tabel Kelas 1 tahun

Tabel ini digunakan untuk menyimpan data pengajar di Lembaga

Pendidikan Solocom.

Nama tabel : kelas_1thn

Jumlah field : 8

Tabel 3.8 Tabel Data Kelas 1 tahun

Nama Field Tipe Panjang Default Keterangan

Idkelas_1thn Integer Not Null Primary key

Program Varchar 20 Not Null Program / jurusan

Tahun_ajaran Varchar 4 Not Null Tahun ajaran

By_pendaftaran Integer Not Null Biaya pendaftaran

By_pend Integer Not Null Biaya pendidikan

By_lain Integer Not null Biaya tambahan

Kapasitas Integer Not Null Kapasitas per kelas

Pendaftar Integer null Jml pendaftar

Status Varchar 6 null Kosong/penuh/sisa

i. Tabel Saran kelas intensife

Tabel ini digunakan untuk menyimpan saran/kritik yang diberikan

oleh siswa dari kelas intensife selama belajar di Lembaga

Pendidikan Solocom.

Nama tabel : saran_int

Jumlah field : 5

Page 43: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

Tabel 3.9 Tabel Data saran kelas intensife

Nama Field Tipe Panjang Default Keterangan

No_saran Integer Not Null Primary key

Id_siswaint Varchar 6 Not Null

Tanggal Date Not Null Tanggal saran

diberikan

Saran Longtext Not Null Saran / kritik

bagian Varchar 20 Not Null Kepada siapa

saran/kritik

diberikan

j. Tabel Saran kelas 1 tahun

Tabel ini digunakan untuk menyimpan saran/kritik yang diberikan

oleh siswa dari kelas 1 tahun selama belajar di Lembaga

Pendidikan Solocom.

Nama tabel : saran_1thn

Jumlah field : 5

Tabel 3.10 Tabel Data saran kelas 1 tahun

Nama Field Tipe Panjang Default Keterangan

No_saran Integer Not Null Primary key

Id_siswa1thn Varchar 6 Not Null

Tanggal Date Not Null Tanggal saran

diberikan

Saran Longtext Not Null Saran / kritik

bagian Varchar 20 Not Null Kepada siapa

saran/kritik

diberikan

k. Tabel BKK

Tabel ini digunakan untuk menyimpan data lowongan kerja bagi

siswa di Lembaga Pendidikan Solocom.

Nama tabel : bkk

Jumlah field : 11

Page 44: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

Tabel 3.11 Tabel Data BKK

Nama Field Tipe Panjang Default Keterangan

id_bkk varchar 4 Not Null Primary key

Tgl_buka Date Not Null Tanggal input

data

Nama_prsh varchar 35 Not Null perusahaan

Bidang varchar 20 Not Null Jenis

perusahaan

alamat varchar 50 Not Null Saran / kritik

kota varchar 15 Not Null Kota

kontak_ps varchar 30 Not Null Orang yg bisa

dihubungi

telp varchar 12 Not Null Telp/hp

loker Long Text Not Null Posisi loker

ket Long Text Not Null keterangan

Tgl_tutup Date Not Null Tgl penutupan

loker

l. Tabel Proposal (Surat Masuk)

Tabel ini digunakan untuk menyimpan data proposal kerjasama

yang masuk di Lembaga Pendidikan Solocom.

Nama tabel : proposal

Jumlah field : 9

Tabel 3.12 Tabel Data Proposal

Nama Field Tipe Panjang Default Keterangan

Id_proposal Integer Not Null Primary key

Nama_org Varchar 30 Not Null Nama instansi /

organisasi

alamat Varchar 50 Not Null

kota Varchar 15 Not Null

Nama_kgt Varchar 50 Not Null

tgl_kgt Date Not Null

Kontak_ps Varchar 15 Not Null

No_telp Varchar 12 Not Null

Status Varchar 6 Not Null Status proposal(

diterima/ ditolak)

Page 45: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

m. Tabel Informasi

Tabel ini digunakan untuk menyimpan data peminta informasi

yang datang di Lembaga Pendidikan Solocom.

Nama tabel : informasi

Jumlah field : 5

Tabel 3.13 Tabel Data Informasi

Nama Field Tipe Panjang Default Keterangan

No Integer Not Null Primary key

Tgl Date Not Null

Nama Varchar 20 Not Null

Telp Varchar 12 Not Null

Info Varchar 100 Not Null Info yang

ditanyakan

D. Perancangan Tampilan Sistem

Perancangan desain untuk sistem informasi customer service ditunjukkan

seperti gambaran dibawah ini , yang terbagi menjadi beberapa bagian

yaitu:

a. Header , bagian ini adalah tampilan atas dari desain yang berisi judul

sistem.

b. Main Menu, adalah bagian yang memuat menu atau navigasi ke

halaman lain terkait dengan fitur di sistem informasi ini.

c. Side Bar Menu, bagian yang memuat kolom untuk login, tombol

navigasi dan Informasi Terbaru.

d. Content, adalah isi utama dari sistem yang digunakan untuk

menampilkan data.

Page 46: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

33

e. Footer, bagian yang berisi tentang identitas sistem seperti tahun

pembuatan dan pencipta.

Gambar 3. 8 Rancangan Desain Tampilan Sistem

HEADER

SIDEBAR

MENU

CONTENT

FOOTER

Page 47: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

34

Selain rancangan tampilan untuk user seperti diatas, dibawah ini

merupakan rancangna tampilan untuk halaman admin:

Gambar 3. 9 Rancangan Desain Tampilan Halaman admin

Keterangan:

1. Header berisi judul sistem dan logo lembaga

2. Menu utama berisi menu untuk pengelolaan

3. Side bar menu berisi menu untuk pengolahan data

4. Content digunakan untuk menampilkan data serta form input data

5. Footer bagian yang berisi tentang identitas sistem seperti tahun

pembuatan dan pencipta.

HEADER

MENU UTAMA

CONTENT

FOOTER

SIDEBAR MENU

Page 48: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

51

BAB IV

IMPLEMENTASI DAN ANALISA

A. Implementasi Sistem

Sesuai dengan perancangan sistem yang telah dibahas pada bab

sebelumnya, pada sistem informasi customer service di Lembaga Pendidikan

Solocom ini terdapat 2 tingkatan pengguna yaitu user biasa ( petugas customer

service ) dan user admin ( petugas customer service yang bertanggung jawab

khusus dibagian ini).

1. Halaman login

Merupakan halaman awal yang ditampilkan pada saat user

membuka aplikasi ini. Halaman ini memuat form isian untuk melakukan

proses login sesuai dengan hak akses yang dimiliki ( user / admin ).

Apabila melakukan login dengan hak akses user maka akan dibuka

halaman untuk user, sedangkan untuk hak akses admin, akan dibukakan

halaman untuk admin.

Page 49: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

52

Gambar 4.1 Tampilan Halaman Login

2. Halaman User

Halaman ini merupakan halaman yang bisa diakses oleh pengguna yang

memiliki hak akses sebagai user. Didalam tampilan ini terdapat beberapa

menu untuk membuka halaman-halaman lain yang dapat diakses oleh user,

seperti Menu Profile, Menu Kelas Baru, Menu Daftar, Menu Saran, Menu

BKK dan Menu Info Lain. Tampilan depan dari halaman user sebagai

berikut :

Page 50: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

53

Gambar 4.2 Tampilan Halaman User

a. Halaman Profile

Halaman ini menampilkan profile singkat dari Lembaga

Pendidikan Solocom.

Gambar 4.3 Tampilan Halaman Profile

Page 51: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

54

b. Halaman Kelas Baru ( Program 1 tahun , Program Intensife)

Halaman ini menampilkan data kelas baru yang akan

diselenggarakan baik untuk program 1 tahun maupun program

intensife.

Gambar 4.4 Tampilan Halaman Kelas baru

c. Halaman Daftar ( Program 1 tahun , Program Intensife )

Halaman ini menampilkan form data siswa dan form pendaftaran

untuk Program 1 tahun maupun program intensife.

Page 52: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

55

Gambar 4.5 Tampilan Halaman Pengisian data Siswa Program 1 tahun

Gambar 4.6 Tampilan Halaman Pendaftaran Program 1 intensife

Page 53: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

56

Gambar 4.7 Tampilan Halaman pengisian data siswa prog. intensife

Gambar 4.8 Tampilan Halaman pengisian data siswa Program 1 tahun

Page 54: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

57

d. Halaman Saran

Halaman ini digunakan Untuk menginput saran yang diberikan

oleh siswa mengenai pelayanan yang telah diberikan oleh lembaga.

Gambar 4.9 Tampilan Halaman Input saran/kritik

e. Halaman BKK

Halaman ini digunakan untuk menampilkan informasi bursa kerja

khusus ( lowongan kerja )

Page 55: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

58

Gambar 4.10 Tampilan Halaman BKK

f. Halaman Info Lain ( Data Pengajar, Data Kelas, Data Siswa, Info

Masuk dan proposal ).

Halaman ini digunakan untuk menampilkan informasi

mengenai data pengajar, data kelas, data siswa, info masuk, serta

proposal kerjasama yang telah masuk.

Page 56: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

59

Gambar 4.11 Tampilan Halaman Data Kelas Program Intensife

Gambar 4.12 Tampilan Halaman Data Kelas Program 1 thn

Page 57: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

60

Gambar 4.13 Tampilan Halaman Data Siswa Program 1 tahun

Gambar 4.14 Tampilan Halaman Data Siswa Program Intensife

Page 58: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

61

Gambar 4.15 Tampilan Halaman Data Proposal Masuk

Gambar 4.16 Tampilan Halaman Pengisian Data Info

Page 59: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

62

3. Halaman Admin

Halaman ini merupakan halaman yang dapat diakses oleh pengguna yang

memiliki hak akses sebagai admin. Seperti halaman data user, halaman

data pengajar, halaman data kelas baru, halaman data bkk, halaman,

tampilan dari halaman admin sebagai berikut:

a. Halaman depan (home) dari admin.

Gambar 4.17 Tampilan Halaman Admin

Page 60: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

63

b. Halaman Input Data

Gambar 4.18 Tampilan Halaman Input Data User

Gambar 4.19 Tampilan Halaman Input Data Pengajar

Page 61: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

64

Gambar 4.20 Tampilan Halaman Input Data kelas 1 tahun

Gambar 4.21 Tampilan Halaman Input Data kelas intensife

Page 62: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

65

Gambar 4.22 Tampilan Halaman Input Data BKK

c. Halaman Cari Data:

Gambar 4.23 Tampilan Halaman Cari

Page 63: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

66

d. Halaman Laporan:

Gambar 4.24 Tampilan Halaman Laporan

Page 64: PEMBUATAN APLIKASI SISTEM INFORMASI CUSTOMER SERVICE BERBASIS WEB …... · pengajar/instruktur dan informasi mengenai surat atau proposal kerjasama yang masuk. Diharapkan dengan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

51

BAB V

PENUTUP

A. Kesimpulan

Dari hasil penelitian dan pembahasan dimuka bisa di ambil beberapa

kesimpulan bahwa perancangan dan pembuatan program ini bisa dan layak

digunakan oleh user yang dalam hal ini adalah karyawan dibagian customer

service Lembaga Pendidikan Solocom. Diharapkan dengan adanya software

ini dapat membantu kerja dibagian ini dalam memberikan pelayanan kepada

pelanggan (calon pendaftar) dan juga kepada karyawan lain yang

membutuhkan informasi, seperti kelas baru, jumlah pendaftar, data siswa, data

kelas, data pengajar, data proposal, data saran yang masuk serta data BKK.

B. Saran

Berdasarkan kesimpulan yang telah diambil penulis menyarankan

adanya pengembangan sistem informasi ini dalam hal tampilan yang ada saat

ini agar lebih menarik lagi seperti menambahkan efek atau animasi. Serta

menambahkan fitur-fitur baru yang lebih baik. Selain itu dengan dibuatnya

sistem informasi dibagian ini, dapat menjadi awal bagi penerapan teknologi

informasi di bagian lain seperti bagian akademik, keuangan dan marketing

sehingga nantinya dapat memiliki sistem informasi yang terintegrasi antar

bagian.