PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN

PENGEMBANGAN SISTEM PENDAFTARAN BEASISWA

ONLINE

(Studi kasus : Social Trust Fund UIN Syarif Hidayatullah Jakarta)

Disusun Oleh :

Thahera Yudnina Allim

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF

HIDAYATULLOH

JAKARTA

2015/1436

i

HALAMAN JUDUL

LAPORAN PRAKTEK KERJA LAPANGAN

PENGEMBANGAN SISTEM PENDAFTARAN BEASISWA

ONLINE

(Studi Kasus : Social Trust Fund (STF) UIN Syarif Hidayatullah Jakarta)

Oleh :

Thahera Yudnina Allim 1110091000030

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

JAKARTA

2015 M / 1436 H

ii

HALAMAN PENGESAHAN

iii

KATA PENGANTAR

Alhamdulillah, rasa syukur Penulis panjatkan kepada Allah SWT atas

limpahan kasih sayang serta rahmat-Nya sehingga penulis dapat

menyelesaikan Laporan Praktek Kerja Lapangan dengan baik dengan judul

“RANCANG BANGUN SISTEM PENDAFTARAN BEASISWA ONLINE”.

Shalawat serta salam tak lupa penulis haturkan kepada baginda besar Nabi

Muhammad SAW. yang telah membawa umatnya dari zaman jahiliyah menuju

zaman islamiyah seperti saat ini.

Dalam penyelesaian laporan Praktek Kerja Lapangan ini tidak terlepas dari

bantuan, bimbingan serta doa dari berbagai pihak , Untuk itu penulis ingin

mengucapkan terima kasih yang tak terhingga kepada :

1. Bapak Dr. Agus Salim, M.Si, selaku Dekan Fakultas Sains dan Teknologi.

2. Ibu Nurhayati, Ph.D, selaku Ketua Program Studi Teknik Informatika.

3. Ibu Nurhayati, Ph.D, selaku Dosen Pembimbing PKL yang telah

membimbing, memberikan nasehat serta saran yang bermanfaat sehingga

penulis dapat menyelesaikan laporan ini dengan baik.

4. Ibu Emi Ilmiah, MA, selaku Pembimbing Lapangan yang telah

membimbing penulis dalam melaksanakan PKL di Perusahaan Instansi

Social Trust Fund (STF) UIN Syarif Hidayatullah Jakarta.

5. Kedua orang tua serta keluarga yang tak hentinya memberikan dukungan

berupa moril, materil serta semangat dan doa tulus yang selalu menyertai.

iv

6. Teman-teman seperjuangan TI UIN angkatan 2010 yang sudah membantu,

khusus nya TI A 2010 yang tidak bisa disebutkan satu per satu yang

membantu, memberi semangat, dan motivasi dalam pelaksanaan PKL ini.

7. Seluruh staff Social Trust Fund (STF) UIN Syarif Hidayatullah Jakarta

yang telah menerima penulis dengan ramah dan tangan terbuka untuk

pelaksanaan PKL ini.

8. Sahabat serta teman-teman yang telah memberikan semangat, doa,

masukan serta saran dalam pelaksanaan Praktek Kerja Lapangan ini.

Serta semua pihak yang telah membantu Penulis dalam menyelesaikan

Praktek Kerja Lapangan ini yang tidak dapat disebutkan satu persatu semoga

Allah senantiasa membalas kebaikan dengan pahala berlipat ganda . Penulis

menyadari bahwa dalam penulisan laporan Praktek Kerja Lapangan ini masih

jauh dari kesempurnaan. Oleh karena itu, saran dan kritik senantiasa terbuka

guna perbaikan dan kesempurnaan laporan ini. Harapan Penulis semoga laporan

ini dapat bermanfaat bagi pembaca dan khususnya bagi penulis.

Jakarta, September 2015

Penulis

Thahera Yudnina Allim

NIM 1110091000030

v

DAFTAR ISI

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

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

KATA PENGANTAR ............................................................................... iii

DAFTAR ISI .............................................................................................. v

DAFTAR TABEL ..................................................................................... vii

DAFTAR GAMBAR ................................................................................. ix

DAFTAR LAMPIRAN ............................................................................. x

BAB I PENDAHULUAN

1.1 Latar Belakang ....................................................................... 1

1.2 Rumusan Masalah .................................................................. 2

1.3 Batasan Masalah .................................................................... 3

1.4 Tujuan .................................................................................... 3

1.5 Manfaat .................................................................................. 3

1.6 Waktu, Tempat, dan Lokasi Pelaksanaan .............................. 4

BAB II LANDASAN TEORI

2.1 Landasan Teori ...................................................................... 5

2.1.1 Pengertian Sistem ....................................................... 5

2.1.2 Karakteristik sistem.................................................... 6

2.1.3 Konsep Dasar Informasi............................................. 7

2.1.4 Konsep Dasar sistem informasi.................................. 9

2.1.5 Konsep Basis Data dan DBMS .................................. 12

2.1.6 Konsep Dasar Internet ................................................ 27

2.1.7 Unsur-unsur dalam Perancangan Website .................. 27

2.1.8 Tools dan Pemodelan Pengembangan Sistem ............ 27

2.2 Latar Belakang Instansi ......................................................... 38

2.2.1 Sejarah Instansi .......................................................... 38

2.2.2 VISI MISI .................................................................. 40

vi

BAB III PELAKSANAAN PRAKTEK KERJA LAPANGAN

3.1 Metode Penelitian .................................................................. 41

3.2 Metode Pengembangan Sistem .............................................. 42

3.2.1 Tahapan Komunikasi (Communication) .................... 42

3.2.2 Tahapan Perencanaan (Planning) .............................. 45

3.2.3 Tahapan Pemodelan (Analysis, Design)..................... 49

3.2.4 Tahapan Konstruksi (Code, test) ................................ 74

3.2.5 Tahapan Penyerahan Hasil (Deployment) .................. 79

BAB IV PENUTUP

5.1 Kesimpulan ............................................................................ 80

5.2 Saran ...................................................................................... 81

DAFTAR PUSTAKA ................................................................................ 82

LAMPIRAN ............................................................................................... 84

vii

DAFTAR TABEL

Tabel 1.1 Pelaksanaan Beasiswa .............................................................. 1

Tabel 2.1 Simbol-simbol pada Bagan alir sistem ................................... 29

Tabel 2.2 Simbol-simbol pada Bagan alir program ............................... 33

Tabel 2.3 Simbol-simbol pada Bagan alir proses ................................... 34

Tabel 2.4 Simbol-simbol Usecase Diagram ............................................. 36

Tabel 3.1 Daftar Aktor / User .................................................................. 46

Tabel 3.2 Atribut Sistem ........................................................................... 50

Tabel 3.3 Fungsi Sistem ............................................................................ 51

Tabel 3.4 Simbol-simbol pada Bagan alir sistem ................................... 53

Tabel 3.5 Use Case Narrative Melihat Daftar Pendaftar ....................... 54

Tabel 3.6 Use Case Narrative Melihat Data Pendaftar .......................... 55

Tabel 3.7 Use Case Narrative Mencetak Daftar Peserta ........................ 58

Tabel 3.8 Use Case Narrative Menghapus Data Pendaftar .................... 59

Tabel 3.9 Use Case Narrative Menambah Data Kuisioner .................... 60

Tabel 3.10 Use Case Narrative Menghapus Data Kuisioner .................. 61

Tabel 3.11 Use Case Narrative Menyunting Baris Data Kuisioner ....... 62

Tabel 3.12 Use Case Narrative Menghapus Baris Data Kuisioner ........ 63

Tabel 3.13 Use Case Narrative Logout .................................................... 64

viii

Tabel 3.14 Use Case Narrative Mengisi Formulir Pendaftaran ............ 65

Tabel 3.15 Use Case Narrative Mencetak Data Pendaftar ..................... 67

Tabel 3.16 Spesifikasi Tabel data_peserta .............................................. 70

Tabel 3.17 Spesifikasi Tabel data_ayah .................................................. 70

Tabel 3.18 Spesifikasi Tabel data_ibu ..................................................... 71

Tabel 3.19 Spesifikasi Tabel data_saudara ............................................. 71

Tabel 3.20 Spesifikasi Tabel data_prestasi ............................................. 72

Tabel 3.21 Spesifikasi Tabel data_organisasi ......................................... 72

Tabel 3.22 Spesifikasi Tabel data_file ..................................................... 73

Tabel 3.23 Spesifikasi Tabel hasil_kuisioner .......................................... 73

Tabel 3.24 Spesifikasi Tabel indikator_ppi ............................................ 74

Tabel 3.25 Spesifikasi Tabel nilai_indikator_ppi ................................... 74

Tabel 3.26 Hasil uji coba Sistem .............................................................. 75

ix

DAFTAR GAMBAR

Gambar 2.1 Model hubungan elemen-elemen Sistem ........................... 5

Gambar 2.2 Siklus Informasi ................................................................... 8

Gambar 2.3 Komponen Sistem Informas ............................................... 11

Gambar 2.4 Hierarki Data ....................................................................... 13

Gambar 2.5 Contoh Record ...................................................................... 14

Gambar 2.6 Contoh File ........................................................................... 14

Gambar 2.7 Contoh Database Kepegawaian .......................................... 15

Gambar 2.8 Cara Kerja Internet ............................................................. 19

Gambar 2.9 Contoh Use case Diagram .................................................... 37

Gambar 2.10 Contoh Use case Narrative ................................................ 38

Gambar 3.1 Flowchart Sistem Berjalan .................................................. 43

Gambar 3.2 Flowchart Sistem Usulan Penerimaan Beasiswa ............... 47

Gambar 3.3 Jadwal Aktifitas Pengembangan ........................................ 49

Gambar 3.4 Diagram Use Case ................................................................ 52

Gambar 3.5 Perancangan ERD ............................................................... 68

Gambar 3.6 Perancangan LRS ................................................................ 69

x

DAFTAR LAMPIRAN

Lampiran 1. Hasil Wawancara ................................................................ A-1

Lampiran 2. Tampilan Aplikasi .............................................................. A-4

Lampiran 3. Surat Permohonan Praktek Kerja Lapangan (PKL) ...... A-10

Lampiran 4. Surat Keterangan Praktek Kerja Lapangan (PKL) ........ A-11

Lampiran 5. Surat Pembimbing Praktek Kerja Lapangan (PKL) ...... A-12

Lampiran 6. Penilaian PKL Pembimbing Bidang Kegiatan ................. A-13

Lampiran 7. Penilaian PKL Pembimbing Bidang Penilaian Laporan A-14

Lampiran 8. Kegiatan Harian Mahasiswa ............................................. A-15

Lampiran 9. Rekap Penilaian PKL ......................................................... A-16

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Social Trust Fund (STF) merupakan lembaga kemanusian non-

struktural Universitas Islam Negeri (UIN) Syarif Hidayatullah jakarta yang

mempunyai komitmen untuk dapat lebih berkonstribusi dalam

meminimalisasi persoalan-persoalan yang dihadapi bangsa ini untuk

indonesia yang lebih baik dan untuk dunia yang lebih baik.

Pemberian beasiswa kepada mahasiswa berprestasi yang berasal dari

keluarga dengan kelas ekonomi lemah oleh Social Trust Fund (STF) UIN

Syarif Hidayatullah Jakarta adalah salah satu program rutin lembaga yang

setiap tahunnya dilakukan dimulai sejak tahun 2012 sampai saat ini (2015).

Tabel 1.1 Pelaksanaan Beasiswa

NO TAHUN PENDAFTAR DITERIMA

1 2012/2013 109 17

2 2013/2014 183 13

3 2014/2015 209 51

Beberapa persyaratan yang harus dipenuhi oleh pendaftar adalah

merupakan mahasiswa/i UIN Syarif Hidayatullah Jakarta semester 3-7,

memiliki IPK diatas 3, tidak sedang menerima beasiswa dari pihak lain,

memiliki prestasi diberbagai tingakatan, dan harus siap menjadi volunteer

STF apabila dinyatakan lolos sebagai penerima beasiswa STF.

2

Dalam penerimaan beasiswa ada 5 tahapan yang harus dilakukan,

yaitu pendaftaran, penyerahan berkas, seleksi berkas atau penilaian data

pendaftar, wawancara, dan pengumuman.

Pada tahap pendaftaran beasiswa sebelumnya, pendaftaran beasiswa

dilakukan secara online namun sistem pendaftaran beasiswa online yang

digunakan sebelumnya memiliki kekurangan antara lain :

1. Data prestasi dan keikutsertaan organisasi pendaftar tidak tersimpan

dalam sistem sehingga peserta harus mengisi formulir pendaftaran

secara offline dikantor STF.

2. Tidak adanya akses informasi data pendaftar membuat data tidak dapat

dikelola oleh tim seleksi.

Oleh karena itu, pada Praktek Kerja Lapangan ini, penulis

melakukan perbaikan pada Sistem Pendaftaran Beasiswa Online yang

bertujuan untuk mempermudah proses pendaftaran beasiswa dan

menyediakan akses informasi data pendaftar agar data dapat dikelola oleh

tim seleksi.

1.2 Rumusan Masalah

Berdasarkan uraian latar belakang diatas, maka rumusan masalahnya

adalah sebagai berikut :

1. Bagaiamana mengembangkan sistem pendaftaran online untuk

mempermudah proses pendaftaran beasiswa oleh pendaftar.

2. Bagaimana mengembangkan sistem informasi yang dapat diakses

secara langsung oleh tim seleksi untuk mempermudah pengelolaan data

3

dan penyajian laporan-laporan yang terkait dengan proses penerimaan

beasiswa.

1.3 Batasan Masalah

1. Sistem ini dibuat dan dijalankan pada komputer dan berbasis WEB

2. Sistem ini dibuat menggunakan bahasa pemrograman PHP dan

database MySQL.

1.4 Tujuan

Tujuan dari penelitian ini adalah menjawab berbagai permasalahan

yang telah penulis uraikan pada perumusan masalah, yaitu

1. Mengembangkan sistem pendaftaran online untuk mempermudah

proses pendaftaran beasiswa oleh pendaftar.

2. Mengembangkan sistem informasi yang dapat diakses secara langsung

oleh tim seleksi untuk mempermudah pengelolaan data dan penyajian

laporan-laporan yang terkait dengan proses penerimaan beasiswa.

1.5 Manfaat

Manfaat dalam melaksanan kegiatan praktek kerja lapangan adalah :

1. Bagi Penulis

a. Menerapkan dan mengembangkan ilmu serta kemampuan yang

diperoleh selama kuliah

b. Untuk memperkenalkan serta melatih sikap profesionalisme yang

diperlukan seseorang dalam dunia kerja.

c. Memahami proses analisa dan perancangan sistem informasi serta

dapat mengaplikasikannya.

4

d. Untuk memenuhi salah satu syarat kelulusan strata satu (S1)

Program Studi Teknik Informatika Universitas Islam Negeri Syarif

Hidayatullah Jakarta.

2. Bagi Instansi

Dengan adanya sistem pendaftaran online ini, kita harapkan dapat :

1. Mempermudah tim seleksi dalam mengelola data pendaftar untuk

keperluan seleksi beasiswa.

2. Memenuhi kebutuhan informasi STF yang berkaitan dengan

pendaftaran beasiswa.

3. Bagi Pendaftar

Dengan adanya sistem pendaftaran online ini, kita harapkan dapat

mempermudah pendaftar dalam melakukan pendaftaran beasiswa

sehingga adanya kepuasan pendaftar beasiswa terhadap layanan STF

terkait proses seleksi penerimaan beasiswa.

4. Bagi Universitas

Dengan diadakannya kegiatan praktek kerja lapangan yang dilakukan

oleh mahsiswa sebagai salah satu syarat kelulusan strata satu (S1),

diharapkan dapat mebantu dalam menciptakan sumber daya manusia

yang mempunyai kualitas.

1.6 Waktu, Tempat, dan Lokasi Pelaksanaan

Nama Lembaga : Social Trust Fund UIN Syarif Hidayatullah Jakarta

Alamat : Auditorium

Waktu Pelaksanaan : 3 Maret 2015 - 11 Agustus 201

Telepon : (021) 7499531

5

BAB II

LANDASAN TEORI

2.1 Landasan Teori

Berikut ini akan dijelaskan landasan teori yang berhubungan dengan

sistem informasi yang menjadi dasar dalam pembuatan sistem pada praktek

kerja lapangan ini.

2.1.1 Pengertian Sistem

Menurut Mc.Leod (1995) mendefinisikan sistem sebagai

sekelompok elemen-elemen yang terintegrasi dengan maksud yang

sama untuk mencapai suatu tujuan. Sumber daya mengalir dari

elemen output dan untuk menjamin prosesny berjalan dengan baik

maka dihubungkan dengn mekanisme kontrol. Untuk lebih jelasnya

elemen sistem tersebut dapat digambarkan dengan model sebagai

berikut:

Gambar 2.1 Model hubungan elemen-elemen sistem

Tujuan Mekanisme Control Input Transformasi Output 11

Sumber : Sistem Informasi Manajemen Pemahaman dan Aplikasi

(Jimmy:2008) Sistem sebagai suatu gugus komponen yang dirancang

untuk menyelaraskan suatu tujuan tertentu sesuai dengan rencana

6

yang telah ditetapkan. Suatu sistem merupakan totalitas yang

kompleks dan terorganisasi, suatu perpaduan hal-hal atau bagian-

bagian yang membentuk suatu totalitas yang kompleks dan

terorganisasi utuh. Istilah siste, sebenarnya mecakup suatu spektrum

yang sangat luas dari suatu paham. Ssistem dapat berupa abstrak

maupun fisik. Sistem abstrak adalah suatu susunan teratur atas suatu

gagasan atau konsep yang saling tergantung satu sama lainnya,

sedangkan sistem fisik adalah susunan teratur dari unsur-unsur yang

berkesinambungan.(Jimmy:2008).

2.1.2 Karakteristik Sistem

Menurut Al-Fatta, Hanif (2007) Untuk memahami atau

mengembangkan sistem, maka perlu membedakan unsur-unsur dari

sistem yang membentuknya, Berikut adalah karakteristik sistem

yang dapat membedakan suatu sistem dengan sistem lainnya:

1. Batasan (boundary): Pengembangan dari suatu elemen atau unsur

mana yang termasuk di dalam sistem dan mana yang di luar

sistem.

2. Lingkungan (environment): Segala sesuatu diluar sistem,

lingkungan yang menyediakan asumsi, kendala, dan inut

terhadap suatu sistem.

3. Masukan (input): Sumber daya (data, bahan baku, peralatan,

energi) dari lingkungan yang dikonsumsi dan dimanipulasi oleh

suatu sistem.

7

4. Keluaran (output): Sumber daya produk (informasi, laporan,

dokumen, tampilan layer komputer, barang jadi) yang di

sediakan untuk lingkungan sistem oleh kegiatan dalam suatu

sistem.

2.1.3 Konsep Dasar Informasi

Untuk lebih mengenal apa itu data dan apa itu informasi,

terlebih dahulu harus mengenal definisi dari data dan informasi itu

sendiri.

2.1.3.1 Pengertian Informasi

Informasi adalah segala sesuatu keterangan yang

bermanfaat untuk para pengambil keputusan/ manajer

dalam rangkai mencapai tujuan organisasi yang sudah

ditetapkan sebelumnya (Jimmy: 2008).

Informasi adalah data yang telah diolah menjadi

sebuah bentuk yang berarti bagi penerimanya dan

bermanfaat dalam mengambil keputusan ini atau

mendatang. Sedangkan menurut McLeod dalam informasi

sebagai data yang telah diolah menjadi bentuk yang lebih

berarti bagi penerimanya (Ladjamudin, 2005:5-6).

2.1.3.2 Siklus Informasi

Data merupakan bentuk yang masih mentah, belum

dapat bercerita banyak, sehingga harus diolah lebih lanjut.

Data diolah melalui suatu model untuk dihasilkan

8

informasi. Data dapat berbentuk simbol-simbol semacam

huruf-huruf atau alphabet, angka-angka, bentuk-bentuk

suara, sinyal-sinyal, gambar-gambar dan sebagainya

(Jogiyanto, 2005).

Jadi pada intinya adalah bahwa hasil dari pengolahan

data adalah informasi yang sangat diperlukan oleh

penerimanya. Ini dapat dilihat dari Gambar 2.2, bahwa

untuk memperoleh informasi yang bermanfaat bagi

penerimanya, perlu untuk dijelaskan bagaimana siklus yang

terjadi atau dibutuhkan dalam menghasilkan informasi

(Ladjamudin, 2005). Siklus informasi atau siklus

pengolahan data adalah sebagai berikut :

Gambar 2.2 Siklus Informasi

(Ladjamudin, 2005)

2.1.3.3 Kualitas Informasi

Informasi yang baik adalah yang berkualitas (Sutabri,

2004:5), informasi yang berkualitas ditentukan oleh

beberapa hal, yaitu :

1. Akurat (Accurate) Informasi harus bebas dari kesalahan

kesalahan yang tidak menyesatkan, informasi harus jelas

mencerminkan maksudnya.

9

2. Tepat waktu (Time lines) Informasi yang dihasilkan

atau dibutuhkan tidak boleh terlambat, karena nantinya

tidak mempunyai nilai yang baik, sehingga apabila

dijadikan dasar dalam pengambilan keputusan akan

berakibat fatal atau kesalahan pengambilan keputusan

dan tindakan.

3. Relevan (Relevance) Informasi harus memberikan

manfaat yang baik untuk pemakai informasi tersebut

Selain tiga hal diatas kualitas informasi juga harus bernilai

ekonomis (economy), efisien (efficiency), dan dapat

dipercaya (reliability) (Ladjamudin, 2005).

2.1.4 Konsep Dasar Sistem Informasi

Informasi merupakan hal yang sangat penting bagi manajemen

dalam menunjang suatu pengambilan keputusan, maka sistem

informasi sangat diperlukan dalam hal mendapatkan informasi.

2.1.4.1 Pengertian Sistem Informasi

Sistem informasi adalah suatu kumpulan dari

komponen-komponen dalam perusahaan atau organisasi

yang berhubungan dengan proses penciptaan dan pengaliran

informasi. Sistem informasi dapat juga di definisikan

sebagai suatu sistem yang menerima sumber data sebagai

input dan mengolahnya menjadi produk informasi sebagai

output. Sistem informasi merupakan suatu sistem yang

10

terdiri dari beberapa subsistem atau komponen hardware,

software dan brainware, data dan 14 prosedur untuk

menjalankan input, proses, output, penyimpanan, dan

pengontrolan yang mengubah sumber sebagai suatu sistem

di dalam suatu organisasi yang mempertemukan kebutuhan

Pengolahan transaksi, mendukung operasi, bersifat

manajerial, dan kegiatan strategi dari suatu organisasi dan

menyediakan pihak luar tertentu dengan laporan-laporan

yang diperlukan (Prabowo, Haryo dkk:2006).

2.1.4.2 Komponen Sistem Informasi

Dalam suatu sistem informasi terdapat komponen-

komponen yaitu hardware, software, prosedur, orang,

database, jaringan komputer dan komunikasi data (Kadir,

2003) :

a. Perangkat keras (hardware), yaitu mencakup peranti-

peranti fisik seperti komputer dan printer.

b. Perangkat lunak (software) atau program, yaitu

sekumpulan instruksi yang memungkinkan perangkat

keras untuk memproses data.

c. Prosedur, yaitu sekumpulan aturan yang dipakasi untuk

mewujudkan pemrosesan data dan pembangkitan

keluaran yang dikehendaki.

11

d. Orang, yaitu semua pihak yang bertanggung jawab

dalam pengembangan sistem informasi.

e. Basis data (database), yaitu sekumpulan tabel,

hubungan dan lain-lain yang berkaitan dengan

penyimpanan data.

f. Jaringan komputer dan komunikasi data, yaitu sistem

penghubung yang memungkinkan sumber (resources)

dipakai secara bersama atau diakses oleh sejumlah

pemakai.

Keenam komponen diatas diklasifikasikan menjadi tiga

bagian yaitu sebagai berikut (Ladjamudin, 2005):

1. Hardware (perangkat keras) dan software (perangkat

lunak) yang berfungsi sebagai mesin.

2. People dan Prosedur yang merupakan manusia dan tata

cara menggunakan mesin.

3. Data merupakan jembatan penghubung antara manusia

dan mesin agar terjadi suatu proses pengolahan data.

Gambar 2.3 Komponen Sistem Informasi

(Ladjamudin, 2005)

12

2.1.5 Konsep Basis Data dan DBMS (Database Management System)

Data adalah nilai atau fakta yang dapat merepresentasikan

suatu objek yang direkam dalam bentuk simbol, angka, huruf, teks,

gambar, bunyi, atau kombinasinya (Supriyanto, 2005). Data

merupakan sumber daya penting bagi perusahaan atau instansi oleh

karena itu data harus disusun secara teratur agar menemukan

kembali data dan pengolahannya dapat dilakukan dengan baik dan

efisien sehingga dapat memenuhi kebutuhan informasi bagi pihak-

pihak yang berkepentingan (Indrayani, 2009).

2.1.5.1 Basis Data (Database)

Basis data (database) merupakan kumpulan dari data

yang saling berhubungan satu dengan yang lainnya, yang

diorganisasikan berdasarkan skema atau struktur tertentu

(Supriyanto, 2005). Pengorganisasian atau pengelompokan

data dapat berbentuk sejumlah file/tabel terpisah atau dalam

bentuk pendefinisian kolom-kolom/field-field data dalam

setiap file/tabel yang disimpan sesuai fungsi/jenisnya

(Supriyanto, 2005).

Basis data (database) merupakan salah satu

komponen yang penting dalam sistem informasi karena

merupakan basis dalam menyediakan informasi bagi para

pemakai. Database merupakan hasil dari pengorganisasian

13

data yang dikenal dengan istilah hierarki data.

Pengorganisasian tersebut dapat dilihat pada Gambar 2.4.

Database

File

Record

Field

Character

Gambar 2.4 Hierarki Data

(Jogiyanto, 2000)

1) Characters

Character merupakan bagian data terkecil yang berupa

huruf, angka, atau simbol, contohnya : A, B. %, 2 dan

sebagainya. Character merupakan sekumpulan bit yang

secara konvensional terdiri atas kombinasi delapan bit.

Bit adalah unit data terkecil yang bisa disimpan dalam

komputer yang terdiri atas dua macam nilai saja, yaitu 0

dan 1. Bit merupakan unit terkecil pembentuk data.

2) Field

Field atau kolom merupakan unit data yang berisi

gabungan dua karakter atau lebih yang memiliki makna

tertentu, contoh : NIM, Nama, Kota dan sebagainya.

Field dapat didesain dengan panjang maksimun

14

terntentu. Field juga dapat didesain dengan tipe data

berbeda, contohnya : hanya teks, atau hanya angka,

tanggal, waktu, link web, gambar, suara dan video.

3) Record

Record atau baris adalah kumpulan beberapa field yang

saling berhubungan. Setiap record dapat dikenali oleh

sesuatu yang mengenalinya, yaitu field kunci. Gambar

2.5 merupakan contoh dari record. Jadi record ibarat

kumpulan kata yang membentuk satu kalimat yang

berarti, misal Gambar 2.55 mewakili kalimat: Joni

memenmpuh mata kuliah MIS (kode IS101) dengan

nilai A (Santoso, 2012).

Gambar 2.5 Contoh Record

(Santoso, 2012)

4) File

File atau tabel adalah kumpulan baris/record yang

sejenis dan saling berhubungan, contohnya Gambar 2.6

merupakan contoh dari file dari nilai matakuliah MIS.

Gambar 2.6 Contoh File

(Santoso, 2012)

15

5) Database

Databse merupakan kumpulan beberapa file dalam

suatu media penyimpanan dan memiliki relasi dengan

file dan database lainnya. Contoh suatu database

adalah database akademik yang berisi file-file:

mahasiswa, dosen, kurikulum, dan jadwal yang

diperlukan untuk mendukung operasi sistim informasi

akademik. Contoh suatu database sederhana

ditunjukkan oleh Gambar 2.7.

Gambar 2.7 Contoh Database Kepegawaian

(Santoso, 2012)

Pada komputer, basis data disimpan dalam media

penyimpanan elektronis (seperti disket atau harddisk), dan

dengan perangkat lunak khusus, basis data dapat

dimanupalasi dan diakses untuk kepentingan atau kegunaan

tertentu. Perpaduan antara basis data dengan perangkat

lunak pengelola basis data tersebut dan komponen lain

16

diantaranya perangkat keras, sistem operasi, pemakai dan

aplikasi membentuk sistem basis data (Santoso, 2012).

2.1.5.2 Database Management System (DBMS)

Database Management System (DBMS) merupakan

perangkat lunak yang digunakan untuk mengatur proses

pengelolaan basis data (Supriyanto, 2005). Perangkat lunak

inilah yang akan menentukan bagaimana data diorganisasi,

disimpan, diubah, dan diambil kembali. Perangkat ini juga

yang menyediakan fasilitas antar muka dalam

melihat/menikmati data bagi pemakai. Cara berinteraksi

pemakai dengan basis data tersebut dapat dilakukan dengan

bahasa khusus yang disebut sebagai bahasa basis data.

Bahasa basis data dapat dikelompokan menjadi dua, yaitu :

Data Definition Language (DDL) dan Data Manipulation

Language (DML) (Fathansyah, 2002).

Data Definiton Laguage (DDL) berguna untuk

melakukan spesifikasi struktur atau skema basis data yang

menggambarkan basis data secara keseluruhan. Hasil

kompilasi dari DDL adalah kumpulan tabel yang disimpan

dalam file khusus yang disebut Kamus Data (Fathansyah,

2002).

Data Manipulation Language (DML) beruguna untuk

melakukan manipulasi dan pengambilan data pada suatu

17

basis data. Terdapat dua tipe DML yaitu prosedural dan

nonprosedural. Prosedural DML membutuhkan pemakai

untuk membuat spesifikasi data apa yang dibutuhkan dan

bagaimana cara mendapatkannya. Contoh bahasa prosedural

adalah dBase III, FoxBase, FoxPro. Sedangkan

nonprosedural DML membutuhkan pemakai untuk

menspesifikasikan data apa yang dibutuhkan tanpa harus

tahu bagaimana cara mendapatkannya. Contoh bahasa

nonprosedural adalah Structured Query Language (SQL)

atau Query By Example (QBE).

2.1.6 Konsep Dasar Internet

Secara umum internet merupakan jaringan terbesar didunia

yang menghubungkan satu organisasi dengan organisasi lain.

2.1.6.1 Pengertian Internet

Interrnet berasal dari kata interconnection networking

yang artinya jaringan internasional (luas dan mendunia).

Jaringan tersebut terbentuk dari banyaknya jaringan kecil

atau LAN (Local Area Network) yang saling tergabung

menjadi satu jaringan komputer internasioanla atan WAN

(Wide Area Network) (Madcoms, 2010).

Internet adalah kelompok atau kumpulan dari jutaan

komputer. Pengunaan Internet memungkinkan kita untuk

mendapatkan informasi dari computer yang ada didalam

18

computer tersebut dengan asumsi bahwa pemilik computer

memberikan izin akses. Untuk mendapatkan sebuah

informasi, sekumpulan protocol harus digunakan, yaitu

sekumpulan aturan yang menetapkan bagaimana suatu

informasi dapat dikirim dan diterima (Simarmata, 2010).

Dari kedua definisi internet diatas dapat disimpulkan

bahwa Internet adalah kelompok atau kumpulan dari jutaan

komputer yang dapat saling terhubung satu sama lain

melalui jaringan internasional yang luas dan mendunia

sehingga memungkinkan kita untuk mendapatkan informasi

sesuai dengan hak akses yang diberikan.

2.1.6.2 Sejarah Internet

Pada tahun 1969 ARPA (Advanced Research Project

Agency), sebuah bagian dalam Departemen Pertahanan

Amerika Serikat memulai sebuah proyek, yang disatu sisi

menciptkan jalur komunikasi yang tak dapat dihancurkan

yang disisi lain memudahkan kerjasama antar badan riset

diseluruh negeri, seperti juga industri senjata. Maka

terbentuklah ARPANet (Jogiyanto, 2000).

Bila awalnya komputer sejenis yang melakukan

pertukaran data, bertambahnya sistem dengan berbagai

sistem operasi lain menuntut solusi baru komunikasi yang

tak terbatas antar semua badan yang tergabug dalam

19

jaringan. Untuk itu dibuat Interetting Project, yang

mengembangkan lebih lanjut hasil yang telah dicapai dalam

ARPANet, agar media komunikasi baru ini juga dapat

dimanfaatkan oleh berbagai sistem komputer yang

tergabung. Kemudian vendor-vendor komputer

meramaiakan lalu lintas jaringan tersebut untuk berbagai

kebutuhan sehingga terciptalah Internet.

2.1.6.3 Cara Kerja Internet

Gambar 2.8 Cara Kerja Internet

(Darma, 2009)

Berikut cara kerja internet dan hal-hal yang berperan

penting dalam sistem kerja internet:

a. Server Client

Untuk terhubung dengan halaman web tertentu terlebih

dulu kita harus terhubung dengan server . pengguna

internet yang meminta informasi dari server disebut

client.

20

b. Antena Pemancar dan Satelit

Server terhubung dengan antenna pemancar yang

selanjutnya juga terhubung dengan satelit, sehingga

transmisi daa dapat berjalan dengan lancar.

c. Modem dan Router

Antara server dengan client, menggunakan

penguhubung yang dinamakan modem.

d. Protokol

Semua server dan client berkomunikasi dengan bahasa

computer yang disebut protocol.

e. IP

paket informasi computer yang dikirim dari computer

ke computer menggunakan alamat numerik yang

disebut IP Address .

f. Internet Browser

Agar dapat melihat informasi yang dikirim oleh

computer server, dibutuhkan sebuah software atau

browser/internet browser.

2.1.6.4 Layanan Internet

Layanan-layanan di Internet yang paling populer adalah

- Email : layanan untuk berkirim surat secara elektronik.

- Browsing (surfing) : layanan untuk menulusuri situs

atau web.

21

- Hosting : layanan untuk meletakkan web atau situs

yang kita buat sehingga dapat dilihat di seluruh dunia.

- Chatting : komuniasi dengan teks, foto, video dan lain-

lainnya ke seluruh penjuru dunia.

- Search Engine : layanan yang membantu anda untuk

mencari informasi atau situs tertentu.

dan lain-lain.

2.1.7 Unsur-unsur dalam Perancangan Website

Unsur-unsur dalam perancangn website terdiri dari HTML,

PHP, CSS dan Java script.

2.1.7.1 HTML

HTML adalah suatu bahasa yang dikenali oleh web

browser untuk menampilkan informasi dengan lebih

menarik dibandingkan dengan tulisan teks biasa (plain text)

(Puji, 2010).

Menurut Kurniawan dan Creativity (2010) Sebuah

dokumen HTML akan terbagi ke dalam tiga bagian utama

yakni HTML, Head, serta Body. Berikut ulasannya:

1. HTML

Sebuah dokumen HTML haruslah diawali dengan Tag

<HTML> dan ditutup dengan </HTML>. Tag ini adalah

sarana untuk memberikan informasi kepada browser

22

bahwa apa-apa yang ditulis di dalamnya merupakan

sebuah dokumen HTML.

2. Head

Bagian header dari sebuah dokumen HTML yang

diawali oleh Tg <HEAD> dan ditutup dengan

</HEAD>. Didalam header ini diisi pula dengan Tag

title yakni judul dari dokumen. Tag title ini ditulis

dengan Tag pembuka <TITLE> dan ditutup oleh Tag

</TITLE>.

3. Body

Semua dokumen HTML yang disimpan dalam body

seperti Teks, image, link akan ditampilkan dan bisa

dilihat di dalam browser.

2.1.7.2 PHP (Hypertext Preprocessor)

PHP atau Hypertext Preprocessor merupakan bahasa

berbentuk script yang ditempatkan dalam server dan

dieksekusi didalam server untuk selanjutnya ditransfer dan

dibaca oleh client. Php juga bisa disisipkan dalam bahasa

HTML (Adelheid dan Nist, 2012).

PHP pertama kali diciptakan oleh seorang pria

berkewarganegaraan Denmark yang bernama Rasmus

Lerdorf pada tahun 1995. Banyak programmer yang tertarik

untuk mengembangkan php karena bersifat open source.

23

Pada awal peluncurnya, php hanya dibuat untuk

diintegrasikan dengan Web Server Apache. Namun

sekarang, php juga dapat bekerja dengan Web Server seperti

PWS (Personal Web Server), IIS (Internet Information

Server) dan Xitami.

PHP adalah script yang digunakan untuk membuat

halaman website yang dinamis. Dinamis berarti halaman

yang akan ditampilkan dibuat saat halaman itu diminta oleh

client. Mekanisme ini menyebabkan informasi yang

diterima client selalu yang terbaru/ up to date.

Kelebihan mempelajari PHP :

Sederhana

Dalam sisi pemahaman, php adalah bahasa scripting

yang paling mudah karena memiliki referensi yang

banyak

PHP adalah open source yang dapat digunakan di

berbagai sistem operasi seperti : Linux, Unix,

Macintosh dan Windows.

Web server yang mendukung PHP dapat ditemukan

dimana-mana mulai dari Apache, IIS, Lighttpd, hingga

Xitami dengan konfigurasi yang relative mudah

PHP juga dilengkapi dengan berbagai macam

pendukung lain seperti support langsung ke berbagai

24

macam database yang popular, misal : Oracle,

PostgreSQL, MYSQL, dan lain-lain.

Ada tiga cara untuk menuliskan script PHP, yaitu :

a)<?

Script PHP anda

?>

b) <?php

Script PHP anda

?>

c) <script language = “php”>

Script PHP anda

</script>

PHP mengenal 3 macam representasi data yaitu integer,

floating dan string. selain itu juga akan mengenal ekspresi

yang merupakan gabungan dari variabel dan operator.

2.1.7.3 CSS

Menurut Sulistywan dan Saleh (2008:32) CSS

(Cascading Style Sheets) adalah suatu bahasa stylesheet

yang digunakan untuk mengatur style suatu dokumen. Pada

umumnya CSS dipakai untuk memformat tampilan halaman

web yang dibuat dengan bahasa HTML dan XHTML. CSS

meungkinkan web developer untuk memisahkan HTML

dari aturan-aturan untuk membentuk tampilan sebuah

website.

CSS diperkenalkan untuk pengembangan website

pada tahun 1996. Nama CSS didapat dari fakta bahwa

25

setiap deklarasi style yang berbeda dapat diletakkan secara

berurutan, yang kemudian akan membentuk hubungan

parent-child pada setiap style.

CSS adalah sebuah dokumen yang berdiri sendiri dan

dapat dimasukkan dalam kode HTML atau sekedar menjadi

rujukan oleh HTML dalam pendefinisian style. CSS

menggunakan kode-kode yang tersusun untuk menetapkan

style pada elemen HTML atau dapat juga digunakan untuk

membuat style baru yang bisa disebut class.

CSS dapat mengubah besar kecilnya text, mengganti

warna background pada sebuah halaman, atau dapat pula

mengubah warna border pada tabel, dan masih banyak lagi

hal yang dapat dilakukan oleh CSS. Singkatnya CSS

digunakan untuk mengatur susunan tampilan pada HTML.

Kelebihan CSS bagi para developer :

- CSS dapat memecahkan permasalahan keseragaman

style suatu dokumen HTML

- CSS meringkan perkerjaan dalam memformat seluruh

dokumen

- Multiple Style akan tersimpan dalam satu dokumen

Tiga cara untuk memakai multiple style sheets ke dalam

dokumen HTML :

- Eksternal Style Sheets

26

- Internal Style Sheets (Diletakkan dalam tag <head>)

- Inline Style Sheets (Diletakkan pada elemen HTML

yang mana memiliki prioritas yang paling tinggi,

artinya style yang diletakkan dalan Inline Style Sheets

akan mengoverwrite/menghapus sebuah style yang

dideklarasikan dalam Internal Style Sheets maupun

Eksternal Style Sheets).

2.1.7.4 Java Script

Javascript merupakan bahasa yang berbentuk

kumpulan skrip yang berfungsi untuk memberikan tampilan

yang tampak lebih interaktif pada dokument web. Dengan

kata lain, bahasa ini adalah bahasa pemrograman untuk

memberikan kemampuan tambahan ke dalam bahasa

pemrograman HTML (Hypertext Markup Language)

dengan mengijinkan pengeksekusian perintah-perintah pada

sisi client, dan bukan sisi server dokumen web. Pada

hakikatnya, bahasa pemrograman Javascript berisi skrip

yang pemasangannya terselip di sebuah dokumen HTML.

Sehingga, bahasa Javascript tidak memerlukan sebuah

kompilator atau penerjemah khusus untuk

mengeksekusinya. Hal tersebut juga bergantung pada

navigator yang terdapat di setiap browser.(Wahana, 2010).

27

Menurut Sunyoto (2007), beberapa hal tentang

Javascript:

a. JavaScript di desain untuk menambah interaktif suatu

web.

b. JavaScript merupakan sebuah bahasa scripting.

c. Bahasa scripting merupakan bahasa pemrograman yang

ringan.

d. JavaScript berisi baris kode yang dijalankan di

komputer (web browser).

e. JavaScript biasanya disisipkan (embedded) dalam

HTML.

f. JavaScript adalah bahasa interpreter (yang berarti skrip

di eksekusi tanpa proses kompilasi).

g. Setiap orang dapat menggunakan JavaScript tanpa

membayar lisensi.

2.1.8 Tools dan Pemodelan Pengembangan Sistem

Tools dan pemodelan pengembangan software merupakan alat

atau metode dalam pengembangan perangkat lunak atau sistem.

2.1.8.1 Flowchart

Flowchart adalah bagan-bagan yang mempunyai arus

yang menggambarkan langkah-langkah penyelesaian suatu

masalah. Flowchart merupkan cara penyajian dari suatu

algoritma (Ladjamudin, 2005).

28

Ada dua macam flowchart yang menggambarkan

proses dengan komputer, yaitu (Ladjamudin, 2005) :

1. Flowchart Sistem (System Flowchart)

Flowchart sistem adalah bagan yang memperlihatkan

urutan proses dalam sistem dengan menunjukkan alat

media input, output, serta jenis media penyimpanan

dalam proses pengolahan data.

2. Flowchart Program (Program Flowchart)

Flowchart program adalah bagan yang memperlihatkan

urutan instruksi yang digambarkan dengan simbol

tertentu untuk memecahkan masalah dalam suatu

program.

ada lima macam bagan alir (flowchart), yaitu sebagai

berikut (Jogiyanto, 2005) :

1. Bagan alir sistem (system flowchart)

Merupakan bagan yang menunjukkan arus pekerjaan

secara keseluruhand ari sistem, menjelaskan urutan-

urutan dari prosedur-prosedur yang ada didalam sistem,

dan menunjukkan apa yang dikerjakan di sistem.

Simbol-simbol dalam bagan alir sistem adalah sebagai

berikut :

29

Tabel 2.1 Simbol-simbol pada Bagan alir sistem

(Jogiyanto, 2005)

Nama Simbol Gambar Simbol Keterangan

Simbol Input-

Output

Menyatakan

media input dan

output tanpa

tergantung pada

jenis

peralatannya

Simbol

Dokumen

Menunjukkan

input dan output

(I/O) baik untuk

proses manual,

mekanik, atau

komputer

Simbol

Simpanan

Offline

File non-

komputer yang

diarsip urut

angka

(numerical)

File non-

komputer yang

diarsip urut

tanggal

(cronological)

File non-

komputer yang

diarsip urut huruf

(alphabetical)

Simbol Proses

Menunjukkan

kegiatan proses

dari operasi

program

komputer

Simbol

Punched Card

Menunjukkan

I/O yang

menggunakan

kartu punch

(plong)

30

Simbol

Kegiatan

Manual

Menunjukkan

pekerjaan

manual

Simbol

Pengurutan

Offline

Menunjukkan

proses

pengurutan data

diluar proses

komputer

Simbol Pita

Magnetik

Menunjukkan

I/O yang

menggunakan

pita magnetik

Simbol Hard

Disk

Menunjukkan

I/O yang

menggunakan

hard disk

Simbol Drum

Magnetik

Menunjukkan

I/O yang

menggunakan

drum magnetik

Simbol Pita

Kertas

Berlubang

Menunjukkan

I/O yang

menggunakan

pita kertas

berlubang

Simbol

Keyboard

Menunjukkan

input yang

menggunakan

online keyboard

Simbol

Display

Menunjukkan

output yang

ditampilkan

dimonitor

31

Simbol Pita

Kontrol

Menunjukkan

penggunaan pita

kontrol (control

tape) dalam

batch control

untuk

pencocokan

diproses batch

processing

Simbol

Hubungan

Komunikasi

Menunjukkan

proses taransmisi

data melalui

saluran

komunikasi

Simbol Garis

Alir

Menunjukkan

arus dari proses

Simbol

Penjelasan

Menunjukkan

penjelasan dari

suatu proses

Simbol

Penghubung

Menunjukkan

penghubung

kehalaman yang

masih sama atau

ke halaman lain

2. Bagan alir dokumen (document flowchart)

Disebut juga bagan alir formulir (form flowchart) atau

paperwork flowchart merupalan bagan alir yang

menunjukkan arus dari laporan dan formulir termasuk

tembusan-tembusannya. Bagan alir dokumen ini

menggunakan simbol-simbol yang sama dengan yang

digunakan di dalam bagan alir sistem.

32

3. Bagan alir skematik (schematic flowchart)

Bagan alir yang mirip dengan bagan alir sistem, yaitu

menggambarkan proseur di dalam sistem. Perbedaanya

adalah bagan alir skematik selain menggunakan simbol-

simbol bagan alir sistem juga menggunakan gambar-

gambar komputer dan peralatan lainnya yang

digunakan. Fungsi penggunaan gambar tersebut adalah

untuk memudahkan komunikasi kepada orang yang

kurang mengerti dengan simbol-simbol bagan alir.

4. Bagan alir program (program flowchart)

Merupakan bagan yang menjelaskan secara rinci

langkah-langkah dari proses program. Bagan alir

program dapat terdiri dari dua macam, yaitu :

1) Bagan alir logika program (program logic

flowchart) yang digunakan untuk menggambarkan

setiap langkah di dalam program komputer secara

logika. Bagan alir ini disipakan oleh analisi sistem.

2) Bagan alir komputer terinci (detailed computer

program flowchart) yang digunakan untuk

menggambarkan instruksi-instruksi program

komputer secara terinci. Bagan alir disipakan oleh

pemrogram.

33

Tabel 2.2 Simbol-simbol pada Bagan alir program

(Jogiyanto, 2005)

Nama Simbol Gambar Simbol Keterangan

Simbol Input-

Output

Digunakan untuk

mewakili data

input / output (I/O)

tanpa tergantung

dengan jenis

peralatannya

Simbol Proses

Digunakan untuk

mewakili suatu

proses

Simbol Garis

Alir

Menunjukkan arus

dari proses

Simbol

Penghubung

Menunjukkan

penghubung

kehalaman yang

masih sama atau

ke halaman lain

Simbol

Keputusan

Digunakan untuk

penyeleksian

kondisi di dalam

program

Simbol Proses

Terdefinisi

Menunjukkan

suatu operasi yang

rinciannya

ditunjukkan di

tempat lain

Simbol

Persiapan

Diagram untuk

memberi nilai awal

suatu besaran

34

Simbol Titik

Terminal

Menunjukkan awal

dan akhir dari

suatu proses

5. Bagan alir proses (process flowchart)

Merupakan bagan alir yang paling banyak digunakan di

teknik industri. Berguna bagi analis sistem untuk

menggambarkan proses dalam suatu prosedur. Juga

dapat menunjukkan jarak kegiatan yang satu dengan

yang lainnya serta waktu yang diperlukan oleh suatu

kegiatan. Bagan alir proses menggunakan lima buah

simbol tersendiri.

Tabel 2.3 Simbol-simbol pada Bagan alir proses

(Jogiyanto, 2005)

Gambar Keterangan

Menunjukkan suatu operai

(operation)

Menunjukkan suatu pemindahan

(movement)

Menunjukkan suatu simpanan

(storage)

35

Menunjukkan suatu inspeksi

(inspection)

Menunjukkan suatu penundaan

(delay)

2.1.8.2 Unifide Modeling Language (UML)

Unifide Modeling Language ( UML ) merupakan

bahasa pemodelan yang dapat digunakan sebagai alat bantu

dalam pengembangan perangkat lunak berorientasi objek

untuk menggambarkan sistem perangkat lunak (Suprianto,

2005). Untuk membuat suatu model, UML menyediakan

diagram-diagram grafis untuk memodelkan sistem

berorientasi objek (Suprianto, 2005). Dalam Praktek Kerja

Lapangan ini, diagram UML yang digunakan adalah

Usecase Model Diagram.

Usecase merupakan pemodelan untuk

menggambarkan fungsi sistem dari sudut pandang

36

pengguna. Sebuah use case merepresentasikan sebuah

interaksi antara aktor dengan sistem. Pemodelan dengan use

case terdiri atas usecase diagram dan usecase narrative.

1. Usecase diagram

Usecase diagram menggambarkan interaksi antara

sistem dan pengguna dengan diagram. Perancangan

kebutuhan sistem menggunakan use case diagram

menggunakan beberapa simbol yang digunakan untuk

membantu merancang fungsionalitas sistem baru sesuai

dengan kebtuhan pengguna.

Tabel 2.4 Simbol-simbol Usecase Diagram

(Dittman, 2004)

Nama

Simbol Gambar Simbol Keterangan

Usecase

Merupakan subset dari

keseluruhan fungsi

sistem yang

menggambarkan

fungsionalitas sistem.

Use case digambarkan

dengan bentuk ellips

dan nama use case

diletakkan didalam,

diatas ataupun

disamping ellips

Actors

Merupakan segala

sesuatu yang

berinteraksi dengan

sistem, contohnya

sebuah organisasi,

seseorang, perangkat

eksternal atau waktu

37

Association

Berupa relasi antara

actor dan use case

dimana interaksi terjadi

diantara keduanya.

Association

digambarkan dengan

sebuah garis yang

menghubungkan actor

dengan use case. Garis

lurus dengan tanda

panah menunjukan use

case diprakarsai oleh

user dan association

tanpa tanda panah

menunujukan actor

sebagai penerima

Gambar 2.9 menunjukan contoh perancangan

fungsionalitas sistem baru menggunakan use case

diagram.

Gambar 2.9 Contoh Use case Diagram

(Dittman, 2004)

2. Usecase Narrative

Usecase narrative menjelaskan secara lebih rinci

bagaimana pengguna berinteraksi dengan sistem

melalui deskripsi tekstual. Perancanagn menggunakan

use case narrative menjelaskan secara lebih rinci

bagaimana pengguna berinteraksi dengan sistem

(Dittman, 2004). Berikut contoh use case narrative.

38

Gambar 2.10 Contoh Use case Narrative

(Dittman, 2004)

2.2 Latar Belakang Instansi

2.2.1 Sejarah Instansi

“Beranilah bermimpi besar, karena mimpi memiliki kekuatan”.

Demikian kalimat yang menginspirasi para penggagas Social

Trust Fund UIN Syarif Hidayatullah Jakarta, Prof. Dr. Jamhari

Makruf, Dr. Amelia Fauzia, dan Emi Ilmiah, MA., pertengahan

tahun 2012 lalu. Mimpi besar itu adalah bagaimana UIN Jakarta bisa

menjadi ikon kebanggaan umat Islam Indonesia. Salah satu caranya

adalah dengan memiliki dana abadi yang sangat besar. Dana abadi

itu bisa menopang biaya operasional dan pengembangan pendidikan

di kampus UIN Syarif Hidayatullah Jakarta.

Rasa “iri” kepada perguruan tinggi besar di dunia seperti

Harvard University menjadi motivasi tersendiri. Harvard, juga

universitas besar lainnya di dunia, seperti Yale, Stanford, Princeton,

dan MIT, memiliki dana abadi (endowment) yang sangat besar.

Harvard misalnya, data terakhir yang dirilis pada tahun 2013

menyebutkan, dana abadi yang berhasil dihimpun sebesar USD 32,3

39

milyar. Maka wajar, banyak mahasiswa di universitas-universitas

tersebut yang mendapat beasiswa. Lebih dari itu, kualitas pendidikan

universitas itu juga sangat tinggi. Peringkat mereka tak pernah keluar

dari 10 universitas terbaik dunia.

Mimpi besar itu kemudian dirajut melalui langkah-langkah

sederhana, menghimpun dan mengoptimalkan kedermawanan

masyarakat. Potensi kedermawanan yang sangat besar di masyarakat

itu harus bisa didayagunakan agar dapat membawa manfaat untuk

masyarakat luas. Untuk tahap awal, kolega terdekat dari dosen dan

karyawan UIN Syarif Hidayatullah diajak untuk menyisihkan

sebagian rezekinya melalui STF. Ada yang berdonasi Rp 50 ribu, Rp

100 ribu, dan seterusnya.

Agar pengelolaan dana dilakukan secara professional,

transparan, dan akuntabel, maka STF harus diresmikan melalui

badan hukum resmi. Pada 20 Juli 2012, STF mendaftarkan diri

sebagai lembaga sosial dan kemanusiaan dengan bentuk yayasan

melalui notaris. Tepat pada 15 Februari, Kementerian Hukum dan

Hak Asasi Manusia mengesahkan badan hukum STF. Eksistensi STF

juga diperkuat dengan SK Rektor bernomor

Un.001/R/HK.00.5/47/2012, sebagai lembaga non-struktural di

bawah UIN Syarif Hidayatullah Jakarta.

40

2.1.9 VISI MISI

Visi

Mewujudkan aktifitas filantropi demi terciptanya dunia yang lebih

baik bagi misi kemanusiaan.

Misi

1. Menghimpun dan mengelola dana sosial secara transparan dan

akuntabel.

2. Menyediakan lebih banyak kesempatan bagi masyarakat miskin

dan orang-orang yang kurang beruntung.

3. Mendukung peningkatan fasilitas dan kualitas pendidikan.

4. Mendukung segala bentuk inisiasi kemanusiaan.

5. Mempromosikan kesetaraan dan perbedaan.

41

BAB III

PELAKSANAAN PRAKTEK KERJA LAPANGAN

3.1 Metode Penelitian

Ada beberapa metode yang digunakan dalam proses pengumpulan data.

Pengumpulan data yang relatif lengkap dapat mendukung kebenaran materi

uraian pembahasan dalam penyusunan Laporan Praktek Kerja Lapangan

(PKL). Metode yang digunakan penulis yaitu:

Wawancara

Pengumpulan data dengan wawancara dilakukan pada tanggal 4 Maret

2015 kepada Ibu Eva Mushoffa, MA selaku manager program beasiswa

STF UIN dan Ibu Emi Ilmiah, MA selaku manager program STF UIN

Jakarta. wawancara ini dilakukan untuk mendapatkan data dan

informasi yang berkaitan dengan pengembangan sistem pendaftaran

online ini. Selain untuk pengembangan sistem, wawancara dilakukan

untuk mendapatkan data dan informasi tentang profil STF dan program

di STF.

Studi Kepustakaan

Pengumpulan data-data dan informasi studi kepustakaan dari hasil

penelitian sejenis, buku-buku, e-book, jurnal-jurnal penelitian

sebelumnya, dan situs internet yang dapat dijadikan acuan referensi

penulisan laporan ini.

42

3.2 Metode Pengembangan Sistem

Dalam mengembangkan sebuah sistem, seorang web designer perlu

menggunakan metode dalam membangun sebuah sistem agar dapat selesai

sesuai dengan waktu yang telah ditentukan dan sesuai dengan konsep

rancangan awalnya . Untuk itu penulis menggunakan metode incremental

dalam Praktek Kerja Lapangan ini. Model ini mempunyai langkah-langkah,

yaitu:

1. Tahapan komunikasi (communication)

2. Tahapan perencanaan (planning)

3. Tahapan pemodelan (analysis, design)

4. Tahapan konstruksi (construction)

5. Tahapan penyerahan hasil pengembangan sistem (depolyment)

3.2.1 Tahapan Komunikasi (Communication)

Dalam tahap ini, dilakukan wawancara dengan Ibu Eva

Mushoffa, MA selaku Manager Program Beasiswa Social Trust

Fund (STF) yang sekaligus terlibat dalam proses seleksi dalam

proses pnerimaan beasiswa. Beliau menjelaskan secara singkat

tentang program beasiswa yang ada di STF UIN Syarif Hidayatullah

Jakarta. Selain itu dijelaskan juga oleh Ibu Eva, terkait sistem

penerimaan beasiswa yang digunakan di STF UIN Syarif

Hidayatullah Jakarta, meliputi pendaftaran, penyerahan berkas,

seleksi berkas atau penilaian data pendaftar, wawancara, dan

pengumuman.

43

Berikut ini akan dijelaskan alur proses sistem penerimaan

beasiswa di STF UIN Syarif Hidayatullah Jakarta dalam Gambar 3.1.

Flowchart Sistem yang sedang Berjalan

Pendaftar Tim Seleksi STF Manager Program Besiswa

Mulai

Mengisi Form

Pendaftaran Form Pendaftaran

Menyerahkan

Persyaratan

Dokumen

Data Pendaftar

Seleksi

Pendaftar

Laporan Hasil

Seleksi BerkasLolos Seleksi

Berkas?

Melakukan

Wawancara

Menilai

Hasil

Wawancara

Laporan Hasil

Wawancara

Lolos

Wawancara?

Ya

Menentukan

Pendaftar yang

masuk tahap

wawancara

Daftar Peserta

Wawancara

Input Daftar Peserta

Wawancara dan Jadwal

Wawancara

Tampilkan Daftar

Peserta Wawancara

dan Jadwal Wawancara

YaMenentukan

Pendaftar yang

menerima

beasiswa

Daftar Penerima

Beasiswa

Selesai

Menerima

Beasiswa

Selesai

Tidak

Selesai

Tidak

Input Daftar Penerima

Beasiswa di Website STF

Tampilkan Daftar

Penerima Beasiswa di

website STF

Gambar 3.1 Flowchart Sistem Berjalan

44

Berikut ini adalah uraian dari flowchart sistem yang berjalan di STF

UIN Syarif Hidayatullah Jakarta :

1. Pendaftar melakukan pendaftaran secara online dengan mengisi

formulir pendaftaran melalui website STF

2. Setelah melakukan pendaftaran, pendaftar menyerahkan

persyaratan dokumen yang telah ditentukan ke kantor STF.

3. Persyaratan dokumen dan formulir pendaftaran yang telah diisi

dan terkumpul, akan diseleksi atau dinilai oleh tim seleksi satu

persatu sesuai dengan kriteria yang telah ditentukan.

4. Hasil seleksi berkas akan diserahkan kepada manager program

beasiswa STF untuk kemudian Manager menentukan pendaftar

yang akan masuk ke tahap wawancara.

5. Daftar peserta wawancara akan diinput oleh tim seleksi dan

dipublikasikan melalui website STF.

6. Pendaftar yang lolos seleksi berkas akan diwawancara dan akan

dinilai oleh tim seleksi.

7. Pewawancara melakukan penilaian hasil wawancara dan

kemudian menyerahkan hasil penilaian wawancara kepada

manager program beasiswa STF untuk kemudian Manager

menentukan pendaftar yang akan menerima beasiswa.

8. Daftar penerima beasiswa akan diinput oleh tim seleksi dan

dipublikasikan melalui website STF.

45

Dari uraian sistem penerimaan beasiswa diatas, Ibu Eva

menambahakan bahwa sistem pendaftaran beasiswa secara online

masih kurang optimal. Perlu adanya perbaiakan yang harus

dilakukan karena terdapat beberapa kesalahan form input data

pendaftar. Beberapa data seperti data prestasi dan organisasi tidak

tersimpan dalam sistem pendaftaran. Sehingga hal ini menjadi tugas

tim seleksi untuk menginput data pendaftar yang tidak tersimpan

dalam sistem serta tugas tim seleksi menentukan jumlah tanggungan

keluarga agar supaya data pendaftar yang bersangkutan dapat dinilai

atau diproses.

Selain ada kesalahan beberapa form input, Sistem Pendaftaran

Online yang sudah berjalan belum terdapat akses informasi data

pendaftar sehingga data pendaftar tidak dapat diolah secara langsung

oleh tim seleksi.

3.2.2 Tahapan Perencanaan (Planning)

Sistem Pendaftaran Beasiswa Online dibuat untuk

mempermudah proses pendaftaran beasiswa dan menyediakan akses

informasi data pendaftar agar data dapat dikelola oleh tim seleksi.

Aktor atau user yang akan terlibat dalam sistem usulan

penerima beasiswa di STF UIN Syarif Hidayatullah Jakarta ini akan

dijelaskan pada Tabel 3.1 dan alur proses yang akan diterapkan pada

sistem usulan penerimaan beasiswa di STF UIN Syarif Hidayatullah

Jakarta, dideskripsikan pada Gambar 3.2.

46

Tabel 3.1 Daftar Aktor / User

No. Aktor / User Deskripsi

1. Pendaftar aktor / user yang akan

melakukan pendaftaran

beasiswa dan melakukan

wawancara apabila dinyatakan

lolos seleksi.

2 Tim Seleksi / Manager aktor / user yang bertugas

menyeleksi data pendaftar,

pewanwacara, menilai hasil

wawancara dan menginput

informasi yang berhubungan

dengan penerimaan beasiswa.

47

Flowchart Sistem Usulan

Pendaftar Tim Seleksi STF Manager Program Besiswa

Mulai

Mengisi Form

Pendaftaran dan

menyertakan

persyaratan

dokumen

Data Pendaftar

Lolos Seleksi

Berkas?

Melakukan

Wawancara

Menilai

Hasil

Wawancara

Lolos

Wawancara?

Ya

Tampilkan Hasil

Penilaian

Menentukan

Pendaftar yang

menerima

beasiswa

Tampilkan Daftar

Penerima Beasiswa di

website STF

Menerima

Beasiswa

Selesai

Tidak

Selesai

Tidak

Nilai Data

Pendaftar

Menentukan

Pendaftar yang

masuk tahap

wawancara

Tampilkan Daftar

Peserta

Wawancara

Cetak Daftar

Peserta

Wawancara

Daftar Peserta

Wawancara

Input Daftar Penerima

Beasiswa diwebsite STF

Laporan Hasil

Wawancara

Input Daftar Peserta Wawancara,

waktu pelaksanaan wawancara

dan persyaratan yang harus

dibawa di website STF

Tampilkan Informasi

di Website STF

Membawa

Persyaratan

Dokumen

Ya

Daftar Penerima

Beasiswa

Selesai

Gambar 3.2 Flowchart Sistem Usulan Penerimaan Beasiswa

48

Uraian gambar sistem usulan diatas adalah sebagai berikut :

1. Pendaftar melakukan pendaftaran secara online di website STF

dengan mengisi formulir yang telah disediakan dan menyertakan

dokumen yang telah ditentukan.

2. Data pendaftar yang masuk akan disimpan oleh sistem dan

apabila sudah sampai batas waktu pendaftaran selanjutnya data

pendaftar yang masuk akan diproses oleh manager program

beasiswa STF untuk dinilai.

3. Sistem melakukan penilaian terhadap data pendaftar sesuai

dengan kriteria yang telah ditentukan (Penghasilan Orangtua,

Tanggungan Orangtua, IPK dan Semester).

4. Hasil penilaian, akan membantu manager program beasiswa

STF sebagai pengambil keputusan dalam menentukan peserta

yang akan mengikuti wawancara.

5. Daftar peserta wawancara bisa diunduh dalam format .xls

dengan perintah dari manager.

6. Daftar peserta wawancara akan diserahkan kepada tim seleksi

yang bertugas sebagai interviewer.

7. Tim seleksi melakukan input daftar peserta wawancara, jadwal

wawancara dan persyaratan dokumen yang harus dibawa pada

saat wawancara.

8. Daftar peserta wawancara, jadwal wawancara dan persyaratan

dokumen yang harus dibawa diumumkan melalui website STF.

49

9. Pendaftar dinyatakan lolos penilaian, akan melakukan

wawancara dan diharuskan membawa persyaratan dokumen.

10. Tim Seleksi menilai hasil wawancara dan menyerahkan hasil

tersebut ke manager untuk kemudian manager menentukan

daftar penerima beasiswa.

11. Daftar penerima beasiswa akan diserahkan kepada tim seleksi

untuk kemudian di input ke website STF dan akan dipublikasi.

12. Pemberitahuan hasil keputusan penerima beasiswa akan

diumumkan melalui website STF.

Adapaun penjadwalan untuk pengerjaan sistem akan di jelaskan pada

Gambar berikut.

Gambar 3.3 Jadwal Aktifitas Pengembangan

3.2.3 Tahapan Pemodelan (Analysis, Design)

Pada tahapan ini akan dilakukan analisis kebutuhan sistem dan

dari hasil analisis akan dilakukan perancangan sistem, database dan

antarmuka.

3.2.3.1 Analisis Kebutuhan Sistem

Untuk membangun aplikasi pendaftaran online yang

akan digunakan dalam sistem penerimaan program

beasiswa STF, terlebih dahulu akan dilakukan analisa

kebutuhan sistem. Dalam meganalisa kebutuhan sistem,

50

penulis melakukan wawancara dengan pihak STF dan hasil

dari wawancara tersebut menghasilkan kebutuhan fungsi

sistem yang diinginkan dan atribut sistem yang akan

digunakan.

a. Atribut Sistem

Atribut sistem akan diperlihatkan dalam Tabel 3.2

berikut :

Tabel 3.2 Atribut Sistem

Atribut Detail dan Batasan

Response time Sistem akan menyimpan input,

menghapus atau menambah data kurang

dari 10 detik. (tergantung kecepatan).

Interface

Metaphor

(detail) menggunakan window pengisian

form dan interface untuk kepentingan

review data setiap pendaftar yang user

friendly.

Platform Berbasis Web

b. Fungsi Sistem

Fungsi-fungsi sesuai kebutuhan sistem akan dijelaskan

pada Tabel 3.3, Fungsi – fungsi tersebut terdiri dari

hasil wawancara dengan pihak STF UIN dan usulan

fungsi sistem dari penulis untuk dapat memberikan

kemudahan bagi STF UIN dalam sistem penerimaan

beasiswa.

51

Tabel 3.3 Fungsi Sistem

Ref# Fungsi Kategori

REQ/F/01 User harus melakukan login untuk

mendapat akses ke sistem.

Evident

REQ/F/02 Menampilkan daftar pendaftar

yang terdapat dalam sistem dalam

tabel

Evident

REQ/F/03 Menampilkan detail informasi

tentang pendaftar

Evident

REQ/F/04 Mengunduh data pendaftar yang

dalam format .xls

Evident

REQ/F/05 Menghapus data pendaftar Evident

REQ/F/06 Menambah data kuisioner untuk

kebutuhan infomrasi dari

pendaftar

Evident

REQ/F/07 Menghapus data kuisioner Evident

REQ/F/08 Menyunting baris data kuisioner Frill

REQ/F/09 Menghapus baris data kuisioner Frill

REQ/F/10 User harus melakukan logout

untuk keluar dari sistem

Evident

REQ/F/11 Mengisi form pendaftaran Evident

REQ/F/12 Mencetak data pendaftar Frill

Keterangan :

1. Evident : Harus dilakukan dan pengguna juga sadar

fungsi telah dilakukan.

2. Hidden : Harus dilakukan tetapi tidak terlihat oleh

pengguna.

3. Frill : Opsional; menambahnya tidak

mempengaruhi fungsi atau biaya lain.

52

3.2.3.2 Perancangan Sistem

Perancangan sistem akan menggunakan usecase

diagram dan usecase narrative.

Usecase merupakan pemodelan untuk

menggambarkan fungsi sistem dari sudut pandang

pengguna. Sebuah use case merepresentasikan sebuah

interaksi antara aktor dengan sistem. Aktor dalam

pengoperasian aplikasi DSS ini adalah Manager Program

Beasiswa STF dan aktor pada sistem pendaftaran online

adalah Pendaftar.

a. Usecase Diagram

Berikut ini akan digambarkan interaksi antara sistem

dan pengguna dengan Gambar diagram (usecase

diagram).

Login

Tim selksi

Melihat daftar

pendaftar

Menghapus daftar

pendaftar

Mencetak daftar

peserta

«extends»

Menambah data

kuisioner

Menghapus data

kuisioner

«extends»

Melihat data

pendaftar

«extends»

Menyunting data

kuisioner

«extends»

PendaftarMencetak data

pendaftar

Mengisi form

pendaftaran

Logout

Gambar 3.4 Diagram Use Case

53

b. Usecase Narrative

Setelah perancangan dengan usecase diagram akan

dijelaskan secara lebih rinci bagaimana penguna

berinteraksi dengan sistem dalam usecase narrative

berikut.

Tabel 3.4 Use Case Narrative Login

Use case Name Login

Use case ID REQ/F/01

Actor(s) Tim Seleksi

Description Memverifikasi hak akses actor(s) yang akan

menggunakan sistem dengan cara

memasukkan “user ID” dan “password”

yang sudah terdaftar dalam sistem.

Precondition Belum melakukan proses login.

Trigger Use case ini dilakukan ketika actor(s) belum

melakukan proses login

Typical Course

of Events

Actor Action System

Response

Langkah 1 :

Menampilkan

form login

yang terdiri

dari

username

dan

password.

Langkah 2 : Mengisi

username dan password

pada form login

Langkah 3 : Klik tombol

“Login”

Langkah 4 :

Validasi

54

username

dan password

Langkah 5 :

Sistem

menampilkan

halaman

utama.

Alternate

Courses

Alt Langkah 5 : Jika username dan

password tidak sesuai, sistem akan

menampilkan pesan kesalahan dan kembali

ke halaman login.

Conclusion Actor(s) dapat mengakses sistem.

Tabel 3.5 Use Case Narrative Melihat Daftar

Pendaftar

Use case Name Melihat Daftar Pendaftar



Description Menampilkan daftar pendaftar yang terdapat

dalam sistem termasuk melihat hasil urutan

priorias penerima beasiswa.

Precondition Sudah melakukan Login

Trigger Use case ini dilakukan ketika actor(s)

memilih menu “Data Pendaftar”

Typical Course

of Events

Actor Action System

Response

Langkah 1 : Memilih

menu “Data Pendaftar”

Langkah 2 :

Menampilkan

seluruh data

pendaftar

beasiswa

yang

tersimpan

55

dalam

database

sistem.

Alternate

Courses

Alt Langkah 2 : Jika belum ada data

pendaftar, akan tertulis pada tabel daftar

peserta bahwa data tidak tersedia.

Conclusion Actor(s) dapat melihat daftar pendaftar yang

akan digunakan untuk proses penilaian data

pendaftar.

Tabel 3.6 Use Case Narrative Melihat Data

Pendaftar

Use case Name Melihat Data Pendaftar



Description Melihat secara detail data pendaftar


Sudah ada yang melakukan

pendaftaran (data pendaftar tersedia)

Trigger Use case ini dilakukan setelah actor(s)

menekan salah satu NIM pendaftar

Typical Course

of Events

Actor Action System

Response

Langkah 1 : Memilih

salah satu NIM pendaftar

Langkah 2 :

Menampilkan

detail

informasi

tentang

pendaftar

Langkah 3 : Menekan

tombol “Print Kartu

56

Peserta”

Langkah 4 :

Menampilkan

printout kartu

peserta dalam

format pdf

Langkah 5 : Menekan

tombol “Lihat Kartu

Keluarga”

Langkah 6 :

Menampilkan

kartu keluarga

pendaftar yang

tersimpan

dalam database

pada Tab Baru

Langkah 7 : Menekan

tombol “Lihat Kartu Tanda

Penduduk”

Langkah 8 :

Menampilkan

kartu tanda

penduduk

pendaftar yang

tersimpan

dalam database

pada Tab Baru

Langkah 9 : Menekan

tombol “Lihat Kartu Tanda

Mahasiswa”

Langkah 10 :

Menampilkan

kartu tanda

mahasiswa

pendaftar yang

tersimpan

57

dalam database

pada Tab Baru

Langkah 11 : Menekan

tombol “Lihat Transkrip

Nilai”

Langkah 12 :

Menampilkan

tarnskrip nilai

pendaftar yang

tersimpan

dalam database

pada Tab Baru

Langkah 13 : Menekan

tombol “Lihat Surat

Keterangan Aktif”

Langkah 14 :

Menampilkan

surat

keterangan

aktif pendaftar

yang tersimpan

dalam database

pada Tab Baru

Alternate

Courses

Alt Langkah 3, 5, 7, 9, 11, 13 : Dapat

menekan tombol 'Kembali' pada halaman

Data Pendaftar untuk kembali pada halaman

daftar pendaftar.

Conclusion Actor(s) dapat melihat secara detail data

pendaftar yang tersimpan dalam sistem

58

Tabel 3.7 Use Case Narrative Mencetak Daftar

Peserta

Use case Name Mencetak daftar peserta



Description Mencetak daftar peserta baik untuk keperluan

wawancara atau untuk laporan penerima

beasiswa.


Sudah ada yang melakukan

pendaftaran (data peserta tersedia)


menekan tombol "Print".

Typical Course

of Events

Actor Action System

Response

Langkah 1 : Memilih menu

"Data Pendaftar".

Langkah 2 :

Menampilkan

daftar

pendaftar.

Langkah 3 : Memilih data

pendaftar yang akan diunduh.

Langkah 4 : Menekan

tombol "print" yang ada pada

halaman tersebut.

Langkah 5 :

Mengunduh

data

pendaftar

yang dipilih

dalam format

.xls.

Alternate

Courses

Alt Langkah 3 : Dapat menekan tombol

“Check All / Uncheck All” untuk memilih

59

semua data pendaftar.

Conclusion Semua data pendaftar yang dipilih akan

terunduh dengan format .xls

Tabel 3.8 Use Case Narrative Menghapus Data

Pendaftar

Use case Name Menghapus Data Pendaftar



Description Menghapus data pendaftar


Data pendaftar tersedia


menekan tombol "Delete".

Typical Course

of Events

Actor Action System

Response


"Data Pendaftar"

Langkah 2 :

Menampilkan

daftar

pendaftar

Langkah 3 : Memilih data

pendaftar yang akan hapus.

Langkah 4 : Menekan

tombol "Delete" yang ada

pada halaman tersebut

Langkah 5 :

Menghapus

data yang

telah dipilih

Langkah 6 :

Menampilkan

pesan „Data

60

Berhasil

dihapus‟

Alternate

Courses

Alt Langkah 3 : Dapat menekan tombol

“Check All / Uncheck All” untuk memilih

semua data pendaftar.

Conclusion Data yang terpilih akan terhapus.

Tabel 3.9 Use Case Narrative Menambah Data

Kuisioner

Use case Name Menambah Data Kuisioner



Description Menambah data kuisioner untuk keperluan

informasi pendaftar.


Trigger Use case ini dilakukan ketika Actor(s)

menekan tombol "Tambah" pada halaman

Kuisioner.

Typical Course

of Events

Actor Action System

Response


“Kuisioner”

Langkah 2 : Pilih tombol

"Actions"

Langkah 3 :

Menampilkan

subtombol

„Tambah

Data‟ dan

„Delete‟

Langkah 4 : Klik subtombol

„Tambah Data‟

Langkah 5 :

Menampilkan

61

form input

Langkah 6 : Menginput

kuisioner

Langkah 7 : Menekan

tombol "Submit"

Langkah 8:

Menyimpan

kuisioner

Alternate

Courses

Langkah 7 : Menekan tombol "Reset" untuk

mengosongkan form atau menekan tombol

“Kembali” untuk membatalkan penambahan

data.

Conclusion Menambah data kuisioner kedalam sistem

Tabel 3.10 Use Case Narrative Menghapus Data

Kuisioner

Use case Name Menghapus Data Kuisioner



Description Menghapus semua data kuisioner


Data kuisioner tersedia


menekan tombol "Delete" pada halaman

Kuisioner

Typical Course

of Events

Actor Action System

Response

Langkah 1 : Memilih

subtombol "Delete"

Langkah 2

:

Menghapus

data yang

telah dipilih

62

Alternate

Courses

-

Conclusion Semua data kuisioner akan terhapus.

Tabel 3.11 Use Case Narrative Menyunting Baris

Data Kuisioner

Use case Name Menyunting Baris Data Kuisioner



Description Menyunting data kuisioner apabila terdapat

kesalahan pada saat penambahan data

kuisioner



menekan tombol "Edit" pada halaman

Kuisioner.

Typical Course

of Events

Actor Action System

Response


“Kuisioner”


"Actions"

Langkah 3 :

Menampilkan

subtombol

„Edit‟ dan

„Delete‟

Langkah 4 : Klik subtombol

„Edit‟

Langkah 5 :

Tampil

halaman form

edit kuisioner

Langkah 6 : Mengubah data

kuisioner

63

Langkah 7 : Menekan

tombol "Update"

Langkah 8:

Data

kuisioner

yang diubah

tersimpan ke

database.

Kembali ke

halaman

'Kuisioner'

Alternate

Courses

Langkah 7 : Menekan tombol "Kembali"

untuk membatalkan penyuntingan data.

Conclusion Menyunting data kuisioner dan

menyimpannya

Tabel 3.12 Use Case Narrative Menghapus Baris

Data Kuisioner

Use case Name Menghapus Baris Data Kuisioner

Use case ID REQ/F/9


Description Menghapus semua data kuisioner


Data kuisioner tersedia


menekan tombol "Delete" pada halaman

Kuisioner

Typical Course

of Events

Actor Action System

Response


'Actions' pada baris indikator

kuisioner

Langkah 2 :

Menampilkan

subtombol

64

'Edit' dan

'Delete'

Langkah 3 : Pilih subtombol

'Delete'

Langkah 4:

Menghapus

baris data

ynang dipilih

Alternate

Courses

-

Conclusion Menghapus baris data yang dipilih

Tabel 3.13 Use Case Narrative Logout

Use case Name Logout



Description Melakukan logout untuk keluar sistem

Precondition Sudah melakukan proses login.

Trigger Use case ini dilakukan ketika actor(s)

memilih menu logout

Typical Course

of Events

Actor Action System

Response


“Logout”

Langkah

2 : Sistem

Kembali ke

halaman

Login

Alternate

Courses

-

Conclusion Actor(s) keluar sistem

65

Tabel 3.14 Use Case Narrative Mengisi Formulir

Pendaftaran

Use case Name Mengisi Formulir Pendaftaran


Actor(s) Pendaftar

Description Mengisi formulir pendaftaran agar data

pendaftar bersangkutan tersimpan dan dapat

dinilai

Precondition Belum melakukan pendaftaran sebelumnya


menekan link pengisian formulir pendaftaran

online

Typical Course

of Events

Actor Action System

Response

Langkah 1 : Klik link

pengisian formulir

pendaftaran online

Langkah 2 :

Menampilkan

formulir

pendaftaran

data diri

Langkah 3 : Mengisi form

data diri


„Selanjutnya‟

Langkah 5 :

Menampilkan

formulir

pendaftaran

data keluarga


data keluarga


„Selanjutnya‟

66

Langkah 8 :

Menampilkan

formulir

pendaftaran

data prestasi


data prestasi


„Selanjutnya‟

Langkah 11

:

Menampilkan

formulir

pendaftaran

data

organisasi


data organisasi


„Selanjutnya‟

Langkah 14

:

Menampilkan

formulir

pendaftaran

data

kuisioner

Alternate

Courses

-

Conclusion Pendaftar melakukan pengisian formulir agar

data pendaftar bersangkutan tersimpan dan

dapat dinilai

67

Tabel 3.15 Use Case Narrative Menyimpan dan

Mencetak Data Pendaftar

Use case Name Mencetak Data Pendaftar

Use case ID REQ/F/12 dan REQ/F/13

Actor(s) Pendaftar

Description Menampilkan data pendaftar dalam bentuk

pdf dan menyimpan data kedalam sistem

Precondition Belum melakukan pendaftaran

sebelumnya

sudah mengisi formulir pendaftaran


menekan tombol "Proses".

Typical Course

of Events

Actor Action System

Response

Langkah 1 : Memilih

tombol “Proses”

Langkah 2 :

Menyimpan

data

pendaftar ke

dalam sistem

Langkah 3 :

Menampilkan

data

pendaftar

dalam bentuk

pdf.

Alternate

Courses

-

Conclusion Data Pendaftar tersimpan dalam sistem dan

ditampilkan dalam bentuk pdf

68

3.2.3.3 Perancangan Basis Data (Database)

Tahap perancangan basis data ini terdiri dari

perancangan Entity Relationship Diagram (ERD),

transformasi data kedalam Logical Record Structured

(LRS) dan spesifikasi basis data. Berikut ini hasil

perancangannya:

a. Perancangan Entity Relationship Diagram (ERD)

Perancangan ERD dilakukan untuk menunjukkan data

atau entitas apa saja yang ingin dilibatkan dalam sebuah

basis data dan bagaimana hubungan yang terjadi

diantara entitas tersebut. Hasil perancangan ERD yang

dilakukan adalah sebagai berikut :

memiliki Pendaftar

idPeserta

nim

nama

jnsKelamin

tmpLahir

tglLahir

fakultas

jurusan

semester

ipk

hp

email

alamat1

kodePos

alamat2

stBeasiswa

stBeasiswaLain

Ayah

Ibu

Saudara

Hasil_kuisioner

Prestasi

Organisasi

idAyah

nmAyah

usiaAyah

kerjaAyah

hasilAyah

idPeserta

idIbu

nmIbu

usiaIbu

kerjaIbu

hasilIbu

idPeserta

idAnak

nmAnak

usiaAnak

kerjaAnak

hasilAnak

nikahAnak

idPesertaFile

idFile

fileKK

fileKTP

fileKTM

fileFoto

fileIPK

fileAktif

idPeserta

memiliki

memiliki

memiliki

memiliki

idOrganisasi

nmOrganisasi

Jabatan

thnOrganisasi

idPeserta

memiliki

Mengisi

idPrestasi

kegiatan

thnKegiatan

pcpKegiatan

tktKegiatan

idPeserta

idPeserta

idRespon_ppi

dipilh Nilai_indikator_ppi

Indikator_ppi

memiliki

idIndikator_ppi

Indikator_ppi

idRespon_ppi

respon

nilai_respon

idIndikator_ppi

1

1

M

1

1 1 1 1 1

1

M

M

M1

1

M

1M

Gambar 3.5 Perancangan ERD

69

Gambar 3.5 merupakan hasil perancangan ERD yang

dilakukan. Dalam perancangan ERD tersebut, terdapat

sepuluh entitas lengkap dengan atributnya masing-

masing, relasi antar entitas, dan kardinalitas yang

terdapat dalam satu relasi.

b. Logical Record Structured (LRS)

Setelah dilakukan perancangan ERD, selanjutnya akan

ditransformasi kedalam LRS. Hasil dari perancangan

LRS adalah sebagai berikut :

Gambar 3.6 Perancangan LRS

c. Spesifikasi Basis data

Spesifikasi basis data pada sistem pendaftaran online

adalah sebagai berikut :

a. Tabel data_peserta

Nama tabel : data_peserta

Primary key : idPeserta

Foreign key : -

70

Tabel 3.16 Spesifikasi Tabel data_peserta

Field Type Null Keterangan

idPeserta int(11) No ID Pendaftar

Nim varchar(30) No Nomor Induk

Mahasiswa

nmPeserta varchar(30) No Nama Pendaftar

tmpLahir varchar(20) No Tempat lahir

tglLahir Date No Tanggal lahir

jnsKelamin tinyint(1) No Jenis kelamin

fakultas varchar(30) No Fakultas

jurusan varchar(30) No Jurusan

semester tinyint(1) No Semester

Ipk decimal(3,2) No Nilai IPK

Hp varchar(20) No Nomor Handphone

Email varchar(30) No Alamat Email

alamat1 tinytext No Alamat asal

Pendaftar

kodePos int(11) No Kode Pos

alamat2 tinyint(1) No Alamat sekarang

Pendaftar

jmlTanggungan tinyint(1) No Jumlah Tanggungan

Orangtua

stBeasiswa tinyint(1) No

Status menerima

beasiswa STF

sebelumnya

stBeasiswaLain tinyint(1) No Status menerima

beasiswa lain

b. Tabel data_ayah

Nama tabel : data_ayah

Primary key : idAyah

Foreign key : idPeserta

Tabel 3.17 Spesifikasi Tabel data_ayah


idAyah int(11) No ID Ayah

nmAyah varchar(45) No Nama Ayah

kerjaAyah varchar(45) No Pekerjaan Ayah

hasilAyah int(11) No Penghasilan Ayah

71

usiaAyah tinyint(3) No Usia Ayah


c. Tabel data_ibu

Nama tabel : data_ibu

Primary key : idIbu


Tabel 3.18 Spesifikasi Tabel data_ibu


idIbu int(11) No ID Ibu

nmIbu varchar(45) No Nama Ibu

kerjaIbu varchar(45) No Pekerjaan Ibu

hasilIbu int(11) No Penghasilan Ibu

usiaIbu tinyint(3) No Usia Ibu


d. Tabel data_saudara

Nama tabel : data_saudara

Primary key : idAnak


Tabel 3.19 Spesifikasi Tabel data_saudara


idAnak int(11) No ID Anak

nmAnak varchar(45) No Nama Anak

nikahAnak tinyint(1) No Status Pernikahan

Anak

kerjaAnak varchar(45) No Pekerjaan Anak

hasilAnak int(11) No Penghasilan Anak

usiaAnak tinyint(3) No Usia Anak


72

e. Tabel data_prestasi

Nama tabel : data_prestasi

Primary key : idPrestasi


Tabel 3.20 Spesifikasi Tabel data_prestasi


idPrestasi int(11) No ID Prestasi

kegiatan varchar(45) No Nama Kegiatan

pcpKegiatan varchar(45) No Pencapaian

Kegiatan

tktKegiatan varchar(20) No Tingkat Kegiatan

thnKegiatan varchar(20) No Tahun Kegiatan


f. Tabel data_organisasi

Nama tabel : data_organisasi

Primary key : idOrganisasi


Tabel 3.21 Spesifikasi Tabel data_organisasi


idOrganisasi int(11) No ID Organisasi

nmOrganisasi varchar(45) No Nama Organisasi

jabatan varchar(45) No Jabatan dalam

Organisasi

thnOrganisasi Varchar(20) No Tahun dalam

Organisasi


g. Tabel data_file

Nama tabel : data_file

Primary key : idFile

73


Tabel 3.22 Spesifikasi Tabel data_file


idFile int(11) No ID File

fileFoto varchar(45) No Nama File Foto

fileKK varchar(45) No Nama File Kartu

Keluarga

fileKTP varchar(45) No Nama File Kartu

Tanda Penduduk

fileKTM varchar(45) No Nama File Kartu

Tanda Mahasiswa

fileIPK varchar(45) No Nama File Indeks

Prestasi Kumulatif

fileAktif varchar(45) No Nama File Surat

Keterangan Aktif


h. Tabel hasil_kuisioner

Nama tabel : hasil_kuisioner

Primary key : idPeserta, idRespon_ppi

Foreign key : idPeserta, idRespon_ppi

Tabel 3.23 Spesifikasi Tabel hasil_kuisioner



idRespon_ppi int(11) No ID Respon PPI

i. Tabel indikator_ppi

Nama tabel : indikator_ppi

Primary key : idIndikator_ppi

Foreign key : -

Tabel 3.24 Spesifikasi Tabel indikator_ppi

74


idIndikator_ppi int(11) No ID Indikator PPI

indikator_ppi text No Indikator PPI

j. Tabel nilai_indikator_ppi

Nama tabel : nilai_indikator_ppi

Primary key : idRespon_ppi

Foreign key : idIndikator_ppi

Tabel 3.25 Spesifikasi Tabel nilai_indikator_ppi


idRespon_ppi int(11) No ID Respon PPI

Respon text No Respon

nilai_respon int(11) No Nilai Respon

idIndikator_ppi int(11) No ID Indikator PPI

3.2.4 Tahapan Konstruksi (Code, test)

Pada tahap ini dilakukan pengkodean terhadap rancangan-

rancangan yang telah didefinisikan dan pengujian hasil pengkodean

yang telah dilakukan.

3.2.4.1 Pengkodean

Pengkodean sistem dilakukan dengan menggunakan

bahasa pemrograman PHP, javascript dan MySQL sebagai

basis datanya.

3.2.4.2 Pengujian

Sebelum sistem dapat digunakan, maka harus

dilakukan pengujian terlebih dahulu. Pengujian dilakukan

oleh Manager Program STF Atas Nama Ibu Emi Ilmiah,

75

MA. Pengujian ini dilakukan dengan menggunakan Class

Functional metode Blackbox Testing. Hasil yang didapat

sebagai berikut :

Tabel 3.26 Hasil uji coba Sistem

No Ref# Rancangan

Proses

Hasil Yang

diharapkan Hasil Keterangan

1 REQ/F/01 Menampilkan

form login

yang terdiri

dari username

dan

password.

form login

yang terdiri

dari

username dan

password

tampil

sebelum user

masuk ke

halaman

Home

Sesuai

2 Mengisi

username dan

password

pada form

login

Masuk ke

halaman

Home

aplikasi DSS

Sesuai Jika

username

dan password

tidak sesuai,

sistem akan

menampilkan

pesan

kesalahan

dan kembali

ke halaman

login.

3 REQ/F/02 Pilih menu

'Data

Pendaftar'

Masuk ke

halaman

Daftar

Pendaftar

dan

Menampilkan

daftar

pendaftar

yang terdapat

dalam sistem

dalam tabel

Sesuai Jika belum

ada data

pendaftar,

akan tampil

pada tabel

daftar peserta

bahwa data

tidak

tersedia.

4 REQ/F/03 Klik 'NIM

Pendaftar'

Masuk ke

halaman

Data Peserta

dan

Menampilkan

detail

informasi

tentang

pendaftar

Sesuai Jika Data

pendaftar

sudah

tersedia

dalam

database

76

5 Klik 'Print

Kartu

Peserta' pada

halaman Data

Pendaftar

Kartu peserta

dan formulir

pendaftar

tercetak

Sesuai

6 Klik 'Lihat

Kartu

Keluarga'

pada halaman

Data

Pendaftar

Menampilkan

kartu

keluarga

pendaftar

yang

tersimpan

dalam

database

pada Tab

Baru

Sesuai

7 Klik 'Lihat

Kartu Tanda

Penduduk'

pada halaman

Data

Pendaftar

Menampilkan

kartu tanda

penduduk

pendaftar

yang

tersimpan

dalam

database

pada Tab

Baru

Sesuai

8 Klik 'Lihat

Kartu Tanda

Mahasiswa'

pada halaman

Data

Pendaftar

Menampilkan

kartu tanda

mahasiswa

pendaftar

yang

tersimpan

dalam

database

pada Tab

Baru

Sesuai

9 Klik 'Lihat

Transkrip

Nilai' pada

halaman Data

Pendaftar

Menampilkan

tarnskrip nilai

pendaftar

yang

tersimpan

dalam

database

pada Tab

Baru

Sesuai

10 Klik 'Lihat

Surat

Keterangan

Akttif' pada

halaman Data

Pendaftar

Menampilkan

surat

keterangan

aktif

pendaftar

yang

tersimpan

dalam

database

pada Tab

Baru

Sesuai

77

11 Klik

'Kembali'

pada halaman

Data

Pendaftar

Kembali ke

halaman

Daftar

Pendaftar

Sesuai

12 REQ/F/04 Klik 'Print'

pada halaman

Daftar

Pendaftar

Mengunduh

data

pendaftar

yang terpilih

dalam format

.xls

Sesuai Jika tidak ada

terpilih akan

tampil pesan

'tidak ada

data'

14 REQ/F/05 Klik 'Delete'

pada halaman

Daftar

Pendaftar

Data yang

telah dipilih

terhapus dari

database dan

menampilkan

pesan 'Data

Berhasil

dihapus'

Sesuai Jika tidak ada

terpilih akan

tampil pesan

'tidak ada

data'

15 REQ/F/06 Pilih menu

'Kuisioner'

Masuk ke

halaman

Kuisionerdan

Menampilkan

daftar

kuisioner

yang terdapat

dalam sistem

dalam tabel

Sesuai Jika belum

ada data

kuisioner

yang diinput,

akan tampil

pada halaman

Kuisioner

bahwa data

tidak tersedia

16 Pilih tombol

'Actions' pada

baris baris

header

kuisioner

Menampilkan

subtombol

'Tambah data

' dan 'Delete'

Sesuai

17 Pilih

subtombol

'Tambah

Data'

Menampilkan

form input

kuisioner

Sesuai

18 Klik 'Submit' Data

kuisioner

baru

tersimpan

dalam

database

Sesuai

19 Klik 'Reset' Form input

kuisioner

kembali ke

kondisi awal

(kosong)

Sesuai

20 Klik

'Kembali'

Kembali ke

halaman

Kuisioner

Sesuai

78

21 REQ/F/07 Pilih

subtombol

'Delete'

Menghapus

semua data

kuisioner

Sesuai Menampilkan

pesan data

berhasil

dihapus

22 REQ/F/08 Pilih tombol

'Actions' pada

baris

indikator

kuisioner

Menampilkan

subtombol

'Edit' dan

'Delete'

Sesuai

23 Pilih

subtombol

'Edit'

Tampil

halaman form

edit kuisioner

Sesuai

24 Klik 'Update' Data

kuisioner

yang diubah

tersimpan ke

database.

Kembali ke

halaman

'Kuisioner'

Sesuai

25 Klik

'Kembali'

Kembali ke

halaman

Kuisioner

26 REQ/F/9 Pilih tombol

'Actions' pada

baris

indikator

kuisioner

Menampilkan

subtombol

'Edit' dan

'Delete'

Sesuai

27 Pilih

subtombol

'Delete'

Menghapus

baris data

yang dipilih

Sesuai

28 REQ/F/10 Klik submenu

'Logout'

Kembali

kehalaman

Login

Sesuai

29 REQ/F/11 Klik link

pengisian

formulir

pendaftaran

online

Menampilkan

formulir

pendaftaran

data diri

Sesuai

Klik tombol

'Selanjutnya'

Menampilkan

formulir

pendaftaran

data keluarga

Sesuai Jika kolom

form ada

yang belum

terisi maka

sistem

memberi

pesan bahwa

kolom harus

diisi

79

Klik tombol

'Selanjutnya'

Menampilkan

formulir

pendaftaran

data prestasi

Sesuai Jika kolom

form ada

yang belum

terisi maka

sistem

memberi

pesan bahwa

kolom harus

diisi

Klik tombol

'Selanjutnya'

Menampilkan

formulir

pendaftaran

data

organisasi

Sesuai Jika kolom

form ada

yang belum

terisi maka

sistem

memberi

pesan bahwa

kolom harus

diisi

Klik tombol

'Selanjutnya'

Menampilkan

formulir

pendaftaran

kuisioner

Sesuai Jika kolom

form ada

yang belum

terisi maka

sistem

memberi

pesan bahwa

kolom harus

diisi

30 REQ/F/12 Klik tombol

tombol

'proses'

Data

pendaftar

tersimpan

dalam

database

Sesuai Jika kolom

form ada

yang belum

terisi maka

sistem

memberi

pesan bahwa

kolom harus

diisi

31 Sistem

mencetak data

pendaftar

Menampilkan

Printout data

pendaftar

Sesuai

3.2.5 Tahapan Penyerahan Hasil (Deployment)

Penyerahan hasil pengembangan sistem pendaftaran beasiswa

diberikan kepada Ibu Emi Ilmiah, MA selaku Manager Program di

STF UIN Syarif Hidayatullah Jakarta. Penyerahan hasil dilakukan

tanggal 21 Agustus 2015.

80

BAB IV

PENUTUP

5.1 Kesimpulan

Berdarakan analisis dan perancangan yang telah dibahas, kesimpulan

yang dapat diambil dari pengembangan sistem pendaftaran beasiswa online

pada Social Trust Fund (STF) UIN Syarif Hidayatullah Jakarta adalah

sebagai berikut :

1. Proses pembuatan sistem pendaftaran beasiswa online ini dapat digunakan

dengan metode pengembangan sistem Incremental yang dimulai dari

tahapan komunikasi, perencanaan, pemodelan, konstruksi, dan tahapan

deployment.

2. Hasil dari sistem pendaftaran beasiswa online ini adalah berupa sistem

informasi yang dapat memudahkan pendaftar dalam melakukan

pendaftaran beasiswa dan memudahkan tim seleksi dalam mengakses data

pendaftar beasiswa pada Social Trust Fund (STF) UIN Syarif Hidayatullah

Jakarta.

81

5.2 Saran

Berdasarkan kesimpulan-kesimpulan yang telah dikemukakan, dapat

diajukan beberapa saran untuk pengembangan lebih lanjut antara lain :

1. Validasi dalam pengisian data pendaftar belum optimal, maka

diharapkan pengembangan selanjutnya proses validasi input oleh

pendaftar dapat ditingkatkan.

2. Sistem ini belum dilengkapi dengan sistem keamanan yang baik, maka

diharapkan pengembangan selanjutnya dapat menambahkan fitur

kemananan sehingga sistem ini tidak disalah gunakan oleh pihak yang

tidak bertanggung jawab.

82

DAFTAR PUSTAKA

Adelheid, Andrea dan Khairil Nist.2012. Pintar menguasai php mysql. Jakarta :

Mediakita.

Al Fattah, Hanif. 2007 Analisis dan Perancangan Sistem Informasi. Yogyakarta:

Penerbit Andi.

Darma, Jarot S dan Sheina Ananda . 2009 . Buku Pintar Menguasai Internet.

Jakarta : Mediakita.

Indrayani, Evi & Humdiana. 2009. Sistem Informasi Manajemen Mempersiapkan

Pekerja Berbasis Pengetahuan dalam Mengelola Sistem Informasi. Penerbit

Mitra Wacana Media, Jakarta: 512 hal.

Jimmy L.Goal, Chr. 2008. Sistem Informasi Manajemen Pemahaman dan

Aplikasi. Jakarta : GRASINDO.

Jogiyanto, H.M. 2005. Ananlisis dan Desain Sistem Informasi: Pendekatan

Terstruktur Teori dan Praktek Aplikasi Bisnis, Yogyakarta: Penerbit Andi.

Kadir, A. 2003. Konsep dan Tuntunan Praktis Basis Data. Yogyakarta: Penerbit

Andi.

Komputer, Wahana. 2010. Panduan Belajar MySQL Database Server / Wahana

Komputer . Jakarta : Mediakita.

Kurniawan, Dedik dan Java Creativity . 2010. Website Pencetak Uang. Jakarta :

Elex Media Komputindo.

Madcoms. 2010 . Menggenggam Dunia dengan Internet. Yogyakarta: Penerbit

Andi.

83

McLeod, Raymond dan Schell, George. 2004. Sistem Informasi Manajemen.

Jakarta: PT INDEKS.

Ladjamudin, Bin Al-Bahra. 2005. Analisis dan Design Sistem Informasi.

Yogyakarta: Graha Ilmu.

Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan dengan menggunakan

PHP . Yogyakarta : MediaKom.

Prabowo, Haryo dkk. 2006. Sistem Informasi Manajemen Sumber Daya Manusia.

Jakarta : GRASINDO.

Santoso, Ir, Budi Purnomo, Ph D. 2012. Komponen – komponen DSS 22 Mei : 1

hlm. http://pbsabn.lecture.ub.ac.id/, 20 April 2014.

Simarmata, Janner. 2010. Rekayasa Web. Yogyakarta: Penerbit Andi.

Sulistywan, Rubianto dan Rahmad Saleh . 2008 . Modifikasi Blog Multiply

dengan CSS . Jakarta : Elex Media Komputindo.

Sunyoto, Andi M . 2007. AJAX Membangun Web dengan Teknologi

Asynchronouse JavaScript dan XML. Yogyakarta : ANDI.

Supriyanto, Aji. 2007. Pengantar Teknologi Informasi. Jakarta: Salemba Infotek.

Tata, Sutabari, S.Kom. 2004. Analisis Sistem Informasi. Yogyakarta: Penerbit

Andi.

Whitten. Bentley and Dittman. 2004. System Analysis and Design Methods 6th

Edition.

http://pbsabn.lecture.ub.ac.id/2012/05/komponen-komponen-dss/

84

LAMPIRAN

A-1

Lampiran 1. Hasil Wawancara

Wawancara 1 Tanggal : 04/03/2015

Nara Sumber : Ibu Eva Mushoffa, MA (Manager Program Beasiswa)

Waktu : 15.15 s/d 16.05

NO. Pertanyaan Jawaban

1. Apa saja beasiswa yang diberikan

oleh STF

Ada dua beasiswa yang kami berikan. Beasiswa

kerjasama sama beasiswa mandiri. Beasiswa

kerjasama misalnya kemarin kita mebuka

beasiswa kerjasama sama denagan BI. Kalo

mandiri, beasiswa dari lembaga ini.

2. kapan lembaga ini membuka

program penerimaan beasiswa

kalo beasiswa mandiri kita buka setaun sekali.

Dengan kuota beasiswa sesuai dengan donasi

yang ada.

3. Apakah applicant hanya untuk

mahasiswa UIN

Iya untuk sekarang ini kita hanya membuka

beasiswa untuk mahasiswa uin yang memenuhi

kriteria yang sudah kami tentukan.

4. u Kapan batas pemberian beasiswa Pemberian beasiswa kami berkan selama satu

tahun dengan catatan feedback nya ada. Kami

juga memantaunya dengan cara penerima

beasiswa memberi review setiap satu semester

(personal self report) untuk kami analisis apakah

mahasiswa ini beasiwa nya diperpanjang atau

tidak.

5. Bagaimana cara apply untuk

program besiswa ini

Kami membuka pendaftaran online. Selanjutnya

applicant melengkapi berkas sebagai kelengkapan

administrasi dan akan kami seleksi berkas berkas

yang masuk. Applicant yang sesuai dengan

kriteria yang telah kami tentukan, dinyatakan

lolos seleksi administrasi dan akan kami

wawancara. Setelah wawancara kami akan rapat

untuk menentukan siapa saja mahasiswa yang

akan mendapatkan beasiswa.

6. Berapa applicant yang masuk

untuk satu program beasiswa

Ada 1900 yang mendaftar secara online tetapi

yang memasukan berkas ada 300 mahasiswa.

Setelah itu, 300 berkas kami proses untuk

A-2

menyaring mahasiswa yang sesuai kriteria. Dan

yang lolos akan kami wawancara.

7. Bagaimana cara melakukan

seleksi berkas 300 applicant

tersebut

Kami lakukan secara manual. Kami akan buat

database sesuai dengan berkas yang masuk dan

akan kami filter ke 300 applicant ini dengan

bantuan Ms.Excel. Dan kalo misalkan ada 1900

berkas applicant yang masuk akan menjadi PR

kami untuk menginput data aplicant ke database

8. Apa saja kriteria yang menjadi

pertimbangan untuk menyeleksi

applicant

Yang pertama adalah IPK, kedua sosial ekonomi

dan terakhir prestasi atau keikutsertaan dalam

organisasi. Untuk IPK, syaratnya harus diatas

tiga. Dan untuk applicant yang masih semester

satu karena belum punya IPK, menggunakan nilai

rata rata UAN. Grade untuk nilai UAN adalah

rata rata lebih dari 7.

Soial ekonomi kami prioritaskan mahasiswa

dengan jumlah peghasilan dalam satu keluarga

dan jumlah tanggugan dalam satu keluarga

tersebut. Misalkan kami akan mengelompokan

applicant dengan jumlah pendapatan katagori

pertama antara Rp.500000 s/d

Rp.1000000,kategori kedua Rp.1000000 s/d

Rp.2000000 dan seterusnya dengan interval

pendapatan Rp. 1000000. Kami prioritaskan

applicant yang masuk dalam kategori pendapatan

pertama dan yang memiliki banyak anggota

keluarga yang masih menjadi tanggungan. Dan

jumlah applicant yang akan lolos dalam proses

seleksi administrasi ini, jumlah yang akan kami

panggil untuk melakukan wawancara jumlahnya

sesuai rasio yang ditentukan.

Setelah kami mendapat peserta yang akan kami

wawancara, prestasi dan pengalaman organisasi

menjadi pertimbangan setelah IPK dan sosial

ekonomi.

A-3

Wawancara 2

Tanggal : 19/03/2015

Nara Sumber : Baryati (Staff / Tim Seleksi Beasiswa)

Waktu : 09.00 s/d Selesai

NO. Pertanyaan Jawaban

1. Apakah ada kendala atau masalah

dalam proses seleksi beasiswa?

Ada, kendalanya ada pada saat menyalin data

pendaftar ke excel. Jadi sebelum dilakukan

penilaian, data pendaftar yang masuk akan disalin

oleh kami supaya bisa dinilai dengan bantuan

Ms.Excel. Dengan jumlah pendaftar yang cukup

banyak, proses penyalinan data itu menyulitkan.

2. Kenapa data pendaftar disalin

atau diinput ulang oleh tim

seleksi?

Jadi pendaftaran online hanya sebatas

menampilkan informasi saja. Data yang diinput

pendaftar tidak bisa kami olah secara langsung.

Maka dari itu kami harus menyalin ulang ke

excel. Satu persatu data pendaftar akan disalin

3. Selain hanya dapat menampilkan

informasi data pendaftar, apakah

ada yang perlu diperbaiki dalam

sistem pendaftaran online?

Ada beberapa form yang tidak berfungsi dengan

baik. Seperti form untuk data prestasi dan

pengalamn organisasi. Data prestasi dan

organisasi tidak tersimpan dalam sistem.

Sehingga kami yang bertugas untuk input data

prestasi dan organisasi ketika pendaftar

mengumpulkan berkas persyaratan beasiswa.

A-4

Lampiran 2. Tampilan Aplikasi

1. Login

2. Home

A-5

3. Daftar Peserta

4. Data Peserta

A-6

5. Daftar Kuisioner

6. Tambah Kuisioner

7. Sunting Kuisioner

A-7

8. Formulir Pendaftaran Data Diri

9. Formulir Pendaftaran Data Keluarga

A-8

10. Formulir Pendaftaran Data Prestasi

11. Formulir Pendaftaran Data Organisasi

12. Formulir Pendaftaran Kuisioner

A-9

13. Laporan Cetak Data Pendaftar

A-10

Lampiran 3. Surat Permohonan Praktek Kerja Lapangan (PKL)

A-11

Lampiran 4. Surat Keterangan Praktek Kerja Lapangan (PKL)

A-12

Lampiran 5. Surat Pembimbing Praktek Kerja Lapangan (PKL)

A-13

Lampiran 6. Penilaian PKL Pembimbing Bidang Kegiatan

A-14

Lampiran 7. Penilaian PKL Pembimbing Bidang Penilaian Laporan

A-15

Lampiran 8. Kegiatan Harian Mahasiswa

A-16

Lampiran 9. Rekap Penilaian PKL

Documents

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN