• Tidak ada hasil yang ditemukan

Sistem informasi berbasis web seleksi penerimaan siswa baru sma di Kota Yogyakarta berdasarkan nilai ujian nasional calon siswa - USD Repository

N/A
N/A
Protected

Academic year: 2019

Membagikan "Sistem informasi berbasis web seleksi penerimaan siswa baru sma di Kota Yogyakarta berdasarkan nilai ujian nasional calon siswa - USD Repository"

Copied!
132
0
0

Teks penuh

(1)

SKRIPSI

Ditujukan Untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik Jurusan Teknik Informatika

oleh

Ruth Triana Wulaningrum NIM : 035314023

JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA YOGYAKARTA

(2)

i A Thesis

Presented as Partial Fulfillment of the Requirements to Obtain the Sarjana Teknik Degree

in Informatics Engineering

by:

Ruth Triana Wulaningrum Student Number : 035314023

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

(3)
(4)
(5)
(6)

v

Yang bertanda tangan di bawah ini, saya mahasiswa Universitas Sanata Dharma :

Nama

: Ruth Triana Wulaningrum

Nomor Mahasiswa

: 035314023

Demi pengembangan ilmu pengetahuan, saya memberikan kepada Perpustakaan

Universitas Sanata Dharma karya ilmiah saya yang berjudul :

Sistem Informasi Berbasis Web Seleksi Penerimaan Siswa Baru SMA

di Kota Yogyakarta Berdasarkan Nilai Ujian Nasional Calon Siswa

beserta perangkat yang diperlukan (bila ada). Dengan demikian saya memberikan

kepada Perpustakaan Universitas Sanata Dharma hak untuk menyimpan,

me-ngalihkan dalam bentuk media lain, mengelolanya dalam bentuk pangkalan data,

mendistribusikan secara terbatas, dan mempublikasikannya di Internet atau media

lain untuk kepentingan akademis tanpa perlu meminta ijin dari saya maupun

mem-berikan royalti kepada saya selama tetap mencantumkan nama saya sebagai penulis.

Demikian pernyataan ini yang saya buat dengan sebenarnya.

Dibuat di Yogyakarta

Pada tanggal : 21 Februari 2008

Yang menyatakan

(7)

vi

! "

! "

! "

! "

#

##

#

$$$$

(8)
(9)

viii

disertai dengan pencarian Sekolah Menengah Atas (SMA) baik yang berstatus negeri maupun swasta. Syarat utama dalam seleksi penerimaan siswa baru SMA adalah jumlah Nilai Ujian Nasional (NUN). Tujuan dari sistem informasi ini adalah untuk memberikan informasi dan mempermudah siswa dalam mendaftar SMA sehingga siswa tidak perlu lagi datang ke SMA untuk mendaftar.

Sistem ini dilakukan dengan cara menyeleksi calon siswa SMA berdasarkan peringkat atau ranking NUN calon siswa tersebut sampai batas quota yang berlaku di masing-masing SMA. Pembuatan sistem informasi ini menggunakan teknologi PHP yang terkoneksi dengan database MySQL.

(10)

ix

Junior high school graduation generally followed by searching for senior high

school, whether state or private school. The main requirement of selection is national

examination achievement

.

The aim of this information system was to give

information and help the students to register the school they wish so that the students

do not need to go to the school for registration.

This system done by selecting the candidates based on the rank of national

examination achievement until the quota limit on the senior high school. The making

of this information system used PHP and MySql.

(11)

x

berkat, bimbingan dan kasihNya sehingga penulis dapat menyelesaikan tugas

akhir ini. Tugas akhir ini disusun dan diajukan guna melengkapi salah satu syarat

menyelesaikan program Strata Satu (S1) di Jurusan Teknik Informatika Fakultas

Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

Dalam penyusunan tugas akhir ini penulis tidak lepas dari dorongan dan

bantuan berbagai pihak. Pada kesempatan ini, dengan rendah hati penulis ingin

mengucapkan terima kasih yang sebesar-besarnya kepada:

1. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku Dosen Pembimbing I, yang

telah banyak membantu terutama dalam memberikan bimbingan, dukungan,

dan penyediaan sarana yang mendukung, sehingga penulis dapat

menyelesaikan laporan tugas akhir ini. Selain itu juga selaku Ketua Jurusan

Teknik Informatika Universitas Sanata Dharma.

2. Ibu PH. Prima Rosa, S.Si., M.Sc., Bapak DS. Bambang Soelistijanto, S.T.,

M.Sc., selaku panitia penguji yang telah memberikan kritik dan saran yang

membangun.

3. Bapak (Pak Ayub) dan Mamah (Bu Yanti) yang selalu mendoakan,

memberikan kasih sayang, cinta, pengertian, kesabaran, dukungan dan kerja

(12)

xi cinta serta menemaniku di setiap waktu.

5. Apriant Ega Taruna Maha Dewa (Bomberkuww) yang kusayangi atas cinta,

doa, dukungan dan perhatiaannya. Terimakasih karena sudah memberikan

warna cerah dalam hidupku.

6. Keluarga di Yogyakata, Wates, Tg. Uban, dan Jakarta atas perhatian

dukungannya.

7. Albert ”Abe” atas segala bantuan, saran dan kritik yang membangun.

Terimakasih karena telah bersedia diganggu walaupun kamu sudah lulus

bahkan sampai detik-detik pendadaranku.

8. Jansen karena sudah memberikan sv2go yang sangat mendukung tugas

akhirku dan membalas semua smsku walaupun sms yang tidak penting.

9. Mbak Laora ”L” Bramantika yang telah membantu penulis dalam membuat

abstract dan sudah bersedia menjadi teman buat aku dan mbakku di “Canna”.

Hidup Laora!

10.Hendro ”Ndrew” yang menjadi teman seperjuangan di Teknik Informatika dan

selalu menjadi tim di setiap proyek kuliah.

11.Anak-anak TI’03 yang sudah memberikan dukungan dan berjuang bersama di

kampus tercinta: Abe, Jansen, nDrew, Ina yang selalu mendukung penulis

dalam menyelesaikan tugas akhir, Dea yang sudah menghibur penulis di kala

panik sebelum dan akan pendadaran, Anis, Dian, Eko ”Ucup”, Bregas, Winda,

(13)

xii

Yessi, Cahya, Nur, Nana, Siska, dan Tara atas pertemanan dan kebersamaan

kita selama ini. Senang rasanya bisa kenal kalian semua.

13.Teman-teman persekutuan GKJ Madukismo: Risma ”butet”, Ester ”es-teh”,

mbak Atik, Aan, Andri, Krisna, dan lain-lain atas kebersamaan dan

pertemanan kita dalam persekutuan, juga atas doa dan dukungannya.

14.Maya ”monchu” salah satu penghuni ”Canna” atas kesediaannya

menghiburku. Terima kasih sudah mau jadi bulan-bulananku untuk menghibur

saat jenuh. Dan terimakasih karena selalu meminjamkan sapu walaupun

diminta paksa.

15.Pak Darmaji yang selalu memberikan semangat kepada penulis agar tidak

menyerah dan tidak takut saat pendadaran. Terimakasih Pak.

16.Semua pihak yang tidak dapat dituliskan satu persatu.

Penulis menyadari, tugas akhir ini masih jauh dari sempurna, oleh

karenanya saran dan kritik akan penulis terima dengan senang hati. Akhirnya,

penulis berharap skripsi ini dapat bermanfaat bagi pembaca.

Yogyakarta, Februari 2008

Penulis

(14)

xiii

HALAMAN JUDUL...i

HALAMAN PERSETUJUAN...ii

HALAMAN PENGESAHAN...iii

HALAMAN KEASLIAN KARYA ...iv

LEMBAR PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS ... v

HALAMAN PERSEMBAHAN ... vi

HALAMAN MOTTO ... vii

ABSTRAKSI ... viii

ABSTRACT... ix

KATA PENGANTAR ... .x

DAFTAR ISI... xiii

DAFTAR GAMBAR ... .xvii

DAFTAR TABEL... xix

BAB I PENDAHULUAN 1.1Latar Belakang Masalah... 1

1.2Rumusan Masalah ... 2

1.3Batasan Masalah ... 2

1.4Tujuan Penelitian ... 3

1.5Metodologi Penelitian ... 3

(15)

xiv

2.3Use Case Diagram... 7

2.3.1. Aktor ... 7

2.3.2. Use Case... 8

2.3.3. Hubungan (Relationship) ... 8

2.4Pemodelan Proses dan DFD... 8

2.4.1. Proses ... 9

2.4.2. Agen Eksternal ... 10

2.4.3. Penyimpanan Data ... 10

2.4.4. Aliran Data ... 10

2.4.5. Aliran Kontrol ... 11

2.5Pemodelan Data ... 11

2.5.1. Entitas... 11

2.5.2. Atribut ... 12

2.5.3. Hubungan (Relationship) ... 12

2.6Pengenalan HTML ... 13

2.6.1. Tag Dasar ... 14

2.6.2. Tag List ... 15

2.6.3. Tag Image ... 16

2.6.4. Link ... 16

(16)

xv

2.7Pengenalan PHP ... 25

2.7.1. Sejarah PHP ... 25

2.7.2. PHP ... 25

2.7.3. Script PHP... 26

2.7.4. Variabel ... 29

2.7.5. Tipe Data... 29

2.7.6. Pernyataan Kontrol... 30

2.8Database ... 33

2.8.1. MySQL... 33

BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1Analisis Sistem... 37

3.1.1. Gambaran Umum Sistem Lama ... 37

3.1.2. Gambaran Umum Sisten Baru ... 40

3.1.3. Orang yang Terlibat dalam Sistem... 42

3.1.4. Requirement Analysis ... 43

3.1.5. Logical Design ... 45

3.1.5.1. Process Modelling... 45

3.1.5.1.1 Context Diagram ... 45

3.1.5.1.2 Diagram Berjenjang ... 47

3.1.5.1.3 DFD... 48

(17)

xvi

3.2.2. Relasi Antar Tabel... 59

3.3Hirarki Model... 60

3.4Desain User Interface... 63

BAB IV IMPLEMENTASI SISTEM 4.1Karakteristik Sistem ... 68

4.2Implementasi Sistem ... 68

4.2.1. Pembuatan Database ... 68

4.2.2. Pembuatan Tabel... 69

4.2.3. User Interface ... 74

BAB V ANALISIS HASIL IMPLEMENTASI 5.1 Hasil Pengujian Sistem ... 108

5.2 Kelebihan Sistem ... 108

5.3 Kekurangan Sistem ... 109

BAB VI PENUTUP 6.1 Kesimpulan ... 110

6.2 Saran... 111

(18)

xvii

Gambar 2.1 Simbol Aktor... 8

Gambar 2.2 Simbol Use Case ... 8

Gambar 2.3 Simbol Proses ... 9

Gambar 2.4 Simbol Agen Eksternal ... 10

Gambar 2.5 Simbol Data Store... 10

Gambar 2.6 Simbol Aliran Data ... 11

Gambar 2.7 Simbol Aliran Kontrol ... 11

Gambar 2.8 Simbol Entitas ... 11

Gambar 2.9 Simbol Atribut... 12

Gambar 2.10 Contoh Input Text... 19

Gambar 2.11 Contoh Type, Checkbox, Radio Button... 21

Gambar 2.12 Contoh Komentar ... 22

Gambar 2.13 Contoh Select ... 24

Gambar 3.1 Use Case Diagram... 44

Gambar 3.2 Context Diagram ... 46

Gambar 3.3 Diagram Berjenjang ... 47

Gambar 3.4 DFD Level 0 (Entitas Admin)... 48

Gambar 3.5 DFD Level 0 (Entitas Calon Siswa)... 49

Gambar 3.6 DFD Level 0 (Entitas SMA) ... 50

Gambar 3.7 DFD Level 0 (Entitas DIKNAS)... 51

Gambar 3.8 DFD Level 1 Proses 2 ... 52

Gambar 3.9 DFD Level 1 Proses 3 ... 52

Gambar 3.10 ER-Diagram ... 53

Gambar 3.11 Relasi Antar Tabel... 59

Gambar 3.12 Hirarki Model untuk Admin... 60

Gambar 3.13 Hirarki Model untuk DIKNAS ... 61

Gambar 3.14 Hirarki Model untuk SMA ... 62

Gambar 3.15 Hirarki Model untuk Calon Siswa ... 62

Gambar 3.16 Login Admin ... 63

Gambar 3.17 Halaman Depan Admin... 63

Gambar 3.18 Halaman Input Data SMA... 64

Gambar 3.19 Halaman Input Data SMP ... 65

Gambar 3.20 Halaman Input Data Siswa... 65

Gambar 3.21 Halaman Input Data DIKNAS ... 66

Gambar 3.22 Login Siswa... 66

Gambar 3.23 Halaman Input Pilihan... 67

Gambar 4.1 Login Admin ... 74

Gambar 4.2 Halaman Depan (Home) Admin ... 76

Gambar 4.3 Halaman Input Data Jadwal Pendaftaran ... 76

Gambar 4.4 Halaman Input Data SMA... 76

(19)

xviii

Gambar 4.11 Halaman Output Daftar SMP ... 83

Gambar 4.12 Halaman Output Daftar Siswa SMP ... 84

Gambar 4.13 Halaman Output Daftar Siswa SMP dalam bentuk PDF ... 84

Gambar 4.14 Home ... 85

Gambar 4.15 Login Siswa... 86

Gambar 4.16 Halaman Pendaftaran ... 88

Gambar 4.17 Peringatan Pengisian Form Pendaftaran ... 89

Gambar 4.18 Peringatan Pilihan SMA yang Sama ... 91

Gambar 4.19 Konfirmasi Pendaftaran ... 94

Gambar 4.20 Output Hasil Seleksi Siswa ... 95

Gambar 4.21 Output Bukti Pendaftaran... 96

Gambar 4.22 Login SMA ... 97

Gambar 4.23 Output Pendaftar ... 98

Gambar 4.24 Output Hasil Seleksi... 99

Gambar 4.25 Output Nilai Tertinggi dan Terendah ... 100

Gambar 4.26 Output Jumlah Peminat Berdasarkan Pilihan... 101

Gambar 4.27 Output Jumlah Peminat Berdasarkan Asal Sekolah... 102

Gambar 4.28 Login DIKNAS ... 103

Gambar 4.29 Output Rekapitulasi SMA ... 104

Gambar 4.30 Output Sebaran NUN ... 105

Gambar 4.31 Pilihan Nama SMA ... 106

(20)

xix

Tabel 2.2 Tag Dasar HTML... 15

Tabel 2.3 Tag List HTML ... 16

Tabel 2.4 Tag Image HTML ... 16

Tabel 2.5 Tag Tabel HTML ... 17

Tabel 2.6 Tipe Data Numerik... 34

Tabel 2.7 Tipe Data String ... 35

Tabel 2.8 Tipe Data Waktu ... 35

Tabel 3.1 Input dan Output Process Modelling... 45

Tabel 3.2 Tabel Pelaksanaan... 54

Tabel 3.3 Tabel SMA ... 54

Tabel 3.4 Tabel SMP... 55

Tabel 3.5 Tabel Calon_Siswa ... 55

Tabel 3.6 Tabel Depdikbud... 56

Tabel 3.7 Tabel Pendaftaran... 56

Tabel 3.8 Tabel Pendaftaran_back ... 57

Tabel 3.9 Tabel User ... 57

(21)

1

1.1

Latar Belakang Masalah

Kelulusan siswa Sekolah Menengah Pertama (SMP), pada umumnya

disertai dengan pencarian sekolah ke jenjang yang lebih tinggi, dalam hal ini Sekolah

Menengah Atas (SMA) baik yang berstatus negeri maupun swasta. Siswa SMP yang

lulus mendapat ijazah dan Surat Tanda Lulus (STL). Ijazah adalah surat pernyataan

resmi dan sah yang menyatakan bahwa seorang peserta didik telah menyelesaikan

jenjang pendidikan dan diberikan setelah dinyatakan lulus ujian. STL merupakan

surat pernyataan yang diberikan kepada siswa yang lulus dalam Ujian Nasional (UN).

Selain itu, STL juga memuat daftar nilai hasil UN dari seluruh mata pelajaran yang

diujikan.

Siswa SMP yang berhak mendaftar SMA adalah siswa SMP yang telah lulus

UN . Syarat utama dalam seleksi penerimaan siswa baru SMA adalah jumlah Nilai

Ujian Nasional (NUN) yang didapat oleh siswa SMP. Jumlah NUN ini meliputi nilai

dari tiga mata pelajaran yang diujikan yaitu bahasa Indonesia, matematika dan bahasa

Inggris.

(22)

dilakukan dengan cara menyeleksi calon siswa SMA berdasarkan peringkat atau

ranking NUN calon siswa tersebut sampai batas quota yang berlaku.

Dari latar belakang inilah maka penulis tertarik untuk mengembangkan

sistem informasi seleksi penerimaan siswa baru SMA di kota Yogyakarta berdasarkan

NUN calon siswa SMA di Daerah Istimewa Yogyakarta berbasis web.

1.2

Rumusan Masalah

Dari latar belakang masalah diatas dapat dirumuskan menjadi masalah yaitu:

Bagaimana mengembangkan sistem informasi seleksi penerimaan siswa baru SMA di

kota Yogyakarta berdasarkan NUN calon siswa SMA di Daerah Istimewa Yogyakarta

berbasis web yang dapat membantu calon siswa SMA untuk memilih dan mendaftar

SMA di kota Yogyakarta?

1.3

Batasan Masalah

Sistem informasi seleksi penerimaan siswa baru SMA di kota Yogyakarta

berdasarkan NUN calon siswa SMA di Daerah Istimewa Yogyakarta berbasis web

yang akan dibuat ini mengambil batasan masalah sebagai berikut:

1.

Penelitian hanya dilakukan pada SMA di kota Yogyakarta.

(23)

3.

Seleksi penerimaan siswa baru SMA hanya berdasarkan NUN dan dibatasi oleh

quota SMA yang bersangkutan.

4.

Sistem informasi ini tidak membahas tentang keamanan web.

5.

Sistem informasi ini diimplementasikan dengan teknologi PHP dan MySQL.

1.4

Tujuan Penelitian

Tujuan penelitian ini adalah mengembangkan sistem informasi seleksi

penerimaan siswa baru SMA di kota Yogyakarta berdasarkan NUN calon siswa SMA

di Daerah Istimewa Yogyakarta berbasis web yang mempermudah calon siswa untuk

memilih dan mendaftar SMA berdasarkan NUN calon siswa tersebut.

1.5

Metodologi Penelitian

Metodologi penelitian yang digunakan dalam pembuatan sistem informasi

seleksi penerimaan siswa baru SMA di kota Yogyakarta berdasarkan NUN calon

siswa SMA di Daerah Istimewa Yogyakarta berbasis web ini adalah sebagai berikut:

1.

Studi pustaka tentang pembuatan web menggunakan PHP dan MySQL.

2.

Survey dan wawancara ke beberapa SMA di kota Yogyakarta.

3.

Analisa dan perancangan sistem.

a.

Menganalisa semua kebutuhan dan data-data sebagai dasar untuk

membuat sistem informasi ini.

(24)

c.

Membuat rancangan atau desain database sistem informasi ini untuk

menyimpan data.

d.

Membuat desain

user interface

sistem informasi yang akan dibuat

4.

Implementasi sistem

Mengimplementasikan rancangan-rancangan sistem yang sudah ada ke

dalam bentuk program atau

coding.

1.6

Sistematika Penulisan

Secara garis besar, sistematika penulisan laporan tugas akhir ini adalah sebagai

berikut:

BAB I PENDAHULUAN

Bab ini berisi tentang latar belakang masalah, rumusan masalah, batasan

masalah, tujuan penelitian, metodologi penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini berisi tentang landasan teori yang digunakan oleh penulis dalam

membuat dan menyelesaikan tugas akhir ini.

BAB III ANALISA DAN PERANCANGAN SISTEM

Bab ini berisi tentang analisa dan perancangan sistem informasi yang akan

dibuat oleh penulis.

BAB IV IMPLEMENTASI

(25)

BAB V ANALISA HASIL

Bab ini berisi tentang analisa hasil yang menyangkut kelebihan dan

kekurangan sistem informasi yang telah dibuat oleh penulis.

BAB VI PENUTUP

(26)

6

2.1 Sistem, Informasi, Sistem Informasi

Menurut Jogiyanto, H.M dalam bukunya Pengenalan Komputer (1995)

mengatakan bahwa sistem adalah suatu jaringan kerja dari prosedur yang saling

berhubungan bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan

tujuan tertentu. Informasi adalah data yang diolah menjadi bentuk yang lebih

berguna dan lebih berarti bagi yang menerimanya serta menggambarkan suatu

kejadian dan kesatuan yang nyata digunakan untuk mengambil keputusan. Sistem

informasi adalah susunan dari orang, data, proses serta teknologi informasi yang

saling berinteraksi untuk mengumpulkan, memproses, menyimpan dan

menyediakan suatu informasi yang diperlukan untuk mendukung organisasi atau.

Dengan kata lain system informasi adalah suatu kegiatan dari prosedur-prosedur

yang diorganisasikan, jika dieksekusi akan menyediakan informasi untuk

mendukung pengambilan keputusan dan pengendalian di dalam organisasi.

2.2 Sistem Informasi Berbasis Web

Sistem informasi berbasis web merupakan serangkaian komponen yang

berinteraksi satu dengan yang lainnya untuk mengumpulkan, menyimpan,

memproses dan menyebarkan informasi dalam media World Wide Web atau yang

lebih dikenal dengan istilah web. Informasi yang disediakan oleh web berbentuk

(27)

Dengan adanya web, informasi yang disajikan dapt mencapi area yang lebih

luas dari berbagai kalangan, baik perorangan maupun perusahaan.

Cara kerja world wide web dapat diringkas sebagai berikut:

1. Informasi web disimpan dalam dokumen yng disebut web page (halaman

web).

2. Web page adalah file-file yang disimpan dalam computer yang disebut

web server.

3. Komputer-komputer yang mengakses dan membaca web pages dalam

protocol http. Komputer ini disebut web client.

4. Web client menampilkan web page menggunakan browse, seperti internet

explorer, mozilla dan lain sebagainya.

2.3 Use Case Diagram

Use Case diagram adalah diagram yang menggambarkan interaksi atau

hubungan antar sistem dengan system eksternal dan user. Dengan kata lain, secara

grafis menggambarkan siapa saja yang menggunakan system dan dengan cara apa

user bisa berinteraksi dengan system.

2.3.1 Aktor

Aktor adalah segala sesuatu yang berinteraksi dengan system untuk

pertukaran informasi. Seorang actor dapat berupa manusia, perusahaan, system

(28)

2.3.2 Use Case

Use Case adalah step atau urutan langkah-langkah yang saling terkait, baik

terotomatisasi maupun secara manual untuk melengkapi satu tugas bisnis tunggal.

2.3.3 Hubungan (Relationship)

Hubungan (relationship) digambarkan dengan suatu garis yang digunakan

untuk menghubungkan antara dua simbol dalam use case diagram. Arti suatu

hubungan dapat berbeda-beda tergantung bagaimana suatu garis digambarkan dan

tipe simbol yang digunakan untuk menghubungkan garis tersebut.

2.4Pemodelan Proses dan DFD

Pemodelan proses merupakan sebuah teknik yang digunakan untuk

mengorganisasikan dan mendokumentasikan proses dari sistem.

Sedangkan Data Flow Diagram (DFD) adalah sebuah model proses yang

digunakan untuk menggambarkan aliran dari data yang melalui sebuah sistem dan

Actor Symbol

Gambar 2.1 Simbol Aktor

use case symbol

(29)

proses yang dibentuk oleh sistem. Sinonimnya adalah bubble chart,

transformation graph, dan process model.

Perbedaan antara DFD dan Flowchart:

2.4.1 Proses (Process)

Proses merupakan kerja yang dilakukan oleh sistem dalam merespon data

flow yang datang atau suatu kondisi.

DFD Flowchart

1. Proses dalam DFD dapat

dikerjakan secara paralel (pada

saat yang sama)

Proses dalam flowchart dikerjakan

pada satu waktu.

2. DFD memperlihatkan aliran dari

data yang melalui sistem

Flowchart memperlihatkan aliran dari

kontrol (urutan dan transfer dari

kontrol).

Proses pada DFD dapat pada

waktu yang berbeda (daily,

weekly atau on demand)

Proses dalam flowchart merupakan

bagian dari program tunggal dengan

waktu yang konsisten.

Tabel 2.1 Perbedaan DFD dan Flowchart

Nama Proses

(30)

2.4.2 Agen Eksternal (External Agent)

External agent merupakan orang, unit organisasi, sistem atau organisasi

luar yang berinteraksi dengan sistem. External agent juga disebut external entity.

External agent mendefinisikan boundary atau scope dari sistem yang dimodelkan.

Nama dari external agent ini deskriptif dan singular noun.

2.4.3 Penyimpanan Data (Data Store)

Data store merupakan penyimpanan data untuk penggunaan selanjutnya,

biasanya diimplementasikan sebagai sebuah file atau database.

Data store adalah “data at rest” dibandingkan dengan data flow yaitu data in

motion. Data store digambarkan dalam DFD untuk menyimpan seluruh instance

dari data entity (yang digambarkan dalam ERD).

Diberi nama dengan plural noun.

2.4.4 Aliran Data (Data Flow)

Aliran data menunjukkan arus data yang dapat berupa masukan untuk

sistem atau hasil dari proses.

External Agent

Gambar 2.4 Simbol Agen Eksternal

Data Store

(31)

2.4.5 Aliran Kontrol (Control Flow)

Menyatakan kejadian non data atau kondisi yang memicu suatu proses.

2.5 Pemodelan Data

Pemodelan data adalah suatu teknik atau cara untuk mengatur dan

mendefinisikan persyaratan bisnis untuk sebuah database. Pemodelan data sering

juga disebut sebagai pemodelan database, karena model data kadang-kadang

diimplementasikan sebagai sebuah database.

Entity Relationship Diagram atau ER-Diagram merupakan sebuah data

model yang memanfaatkan beberapa notasi untuk menggambarkan data dalam

entity dan relasi yang dijelaskan oleh data.

2.5.1 Entitas (Entity)

Entitas adalah suatu kelompok orang, tempat, obyek kejadian atau konsep

yang dibutuhkan untuk menyimpan data. Nama entitas berupa kata benda tunggal

(singular noun).

Gambar 2.6 Simbol Aliran Data Nama aliran data

Nama aliran kontrol

Gambar 2.7 Simbol Aliran Kontrol

Siswa

(32)

2.5.2 Atribut (attribute)

Atribut adalah sebuah property yang deskriptif atau krakteristik dari

sebuah entitas. Sinonimnya adalah elemen, sifat dan bidang.

Key merupakan sebuah atribut atau kelompok atribut yang diasumsikan

memiliki nilai yang unik untuk setiap entitas. Sering juga disebut identifier.

1. Candidate key merupakan satu dari nilai key yang akan beerfungsi

sebagai primary key dari sebuah entitas. Sinonimnya adalah candidate

key.

2. Primary key merupakan sebuah candidate key yang paling umum

digunakan untuk mengidentifikasi secara unik dari entitas tunggal.

3. Alternate key merupakan sebuah candidate key yang tidak dapat dipilih

untuk menjadi primary key. Sinonimnya adalah secondary key.

4. Foreign key merupakan sebuah primary key dari sebuah entitas yang

digunakan oleh entitas yang lain untuk mengidentifikasikan sebuah

relasi.

2.5.3 Hubungan (reationship)

Hubungan (relationship) adalah sebuah asosiasi bisnis normal antara satu

entitas atau lebih.

nim

(33)

Jeni-jenis relationship:

1. one to one

2. one to many

3. many to many

2.6 Pengenalan HTML (Hyper Text Markup Language)

HTML merupakan bahasa standard yang digunakan oleh protocol HTTP

(Hyper Text Transfer Protocol). HTML adalah bahasa yang digunakan untuk

menampilkan struktur dari sebuah halaman web dan turunan langsung dari SGML

(Standard Generalized Markup Language).

Ciri-ciri HTML antara lain:

1. Tersusun oleh tag-tag (sebagai penanda, karena inilah maka disebut sebagai

markup language). Contoh: <html>…</html>.

2. Pada umumnya tag selalu mempunyai tag pembuka dan tag penutup, namun

ada beberapa tag yang tidak mempunyai tag penutup (contoh: <br>, <hr> dan

sebagainya)

3. Tidak case sensitive (huruf kecil dan besar dianggap sama).

4. Nama file berupa *.htm atau *.html

Bentuk umum HTML:

< HTML>

<HEAD>

(34)

<BODY>

Ini tempat menuliskan apa yang ingin ditampilkan

</BODY>

<HEAD>

<HTML>

Bentuk diatas merupakan struktur yang paling standar. Tag <TITLE>…</TITLE>

merupakan tag yang berfungsi untuk menuliskn judul halaman web, tag ini harus

berada di dalm tag <HEAD>…</HEAD>. Tag <BODY>…</BODY> berfungsi

untuk menampung semua yang akan ditampilkan, termasuk tag yang akan

digunakan untuk memperindah web. Semua tag tersebut terdapat dalam tag

<HTML>…</HTML>.

2.6.1 Tag-tag Dasar

<body>…</body> Untuk tampilan halaman web. Mempunyai atribut

bgcolor untuk warna backgoundd, text untuk warna

text. Contoh: <body bgcolor=”red”

text=”blue”>…</body>

<br> Untuk pindah baris. Tanpa tag penutup

<h1>…</h1>

…

<h6>…</h6>

Untuk membuat heading dan mempunyai 6 jenis

heading. < h1>…</h1> merupakan font paling besar

dan <h6>…</h6> merupakan font yang paling kecil

(35)

<center>…</center> Menengahkan kata atau paragraf

<b>…</b> Membuat huruf tebal

<big>…</big> Memperbesar teks dari ukuran normal

<i>…</i> Membuat huruf miring

<u></u> Membuat garis bawah

<small>…</small> Memperkecil teks dari ukuran asli

<font>…</font> Menentukan jenis font. Mempunyai atribut face, size

dan color. Contoh: <font face=”arial” size=”1”

color=”green”>…</font>. Biasanya size antara 1

hingga 7, defaultnya adalah 3

<p> Untuk membuat pargraf. Tanpa tag penutup. Bila

disertai atribut <p align=”center”> untuk rata tengah,

<p align=”right”> untuk rata kanan.

<pre>…</pre> Teks akan ditampilkan apa adanya seperti yang kita

ketik pada editor

2.6.2 Tag List

<ul>…</ul> Membuat list tanpa nomor urut. Mempunyai atribut

berupa type. Contoh: <ul type=”square”>…</ul>.

Defaultnya adalah “round”

<ol>…</ol> Membuat list bernomor. Mempunyai atribut type.

(36)

type=1

<li> Membuat item-item pada list dan harus berada di

dalam tag <ul>…</ul> atau <ol>…</ol>. Tanpa tag

penutup

2.6.3 Tag Image

<img src=”nama_file”> Untuk menampilkan gambar. Jenis file yang

mendukung adalah *.gif, *.jpg atau *.jpeg, *.png,

*. Tif. Tanpa tag penutup. Tag ini juga mempunyai

atribut alignyang berfungsi untuk mengatur posisi

teks terhadap gambar, atribut border untuk

memberi bingkai gambar, height untuk tinggi

gambar dan width untuk lebar gambar.

Contoh:

<img src=”oke.gif” align=”middle” border=”1”

height=”150” width=”100”>

2.6.4 Links

Terdapat dua jenis link, yaitu link ke halaman lain dan link dalam

halaman yang sama

• Link ke halaman lain dibuat dengan pasangan tag:

Tabel 2.3 Tag List HTML

(37)

<a href=”nama_file_yang_dituju”>Teks yang ditampilkan</>

• Link ke halaman yang sama dibuat dengan pasangan tag:

<a href=#nama_anchor>Teks yang ditampilkan</a>

Kemudian bagian yang dituju diberi tanda anchornya

<a name=”nama_anchor”>…</a>

2.6.5 Tabel

Tag-tag yang biasa digunakan dalam pembuatan tabel antara lain:

<table>…</table> Untuk membuat tabel. Mempunyai atribut-atribut:

Border : untuk mengatur bingkai tabel, besarnya

antara 0..10

Bgcolor : untuk memberi warnw background.

Width : untuk mengatur lebar tabel

<caption>…</caption> Untuk membuat judul tabel (tidak harus

digunakan)

<th>…</th> Untuk membuat judul kolom

<tr>…</tr> Untuk membuat baris dalam kolom

<td>…</td> Untuk membuat satu sel data. Mempunyai

atribut-atribut:

Rowspan : untuk menggabungkan baris.

Colspan : untuk menggabungkan kolom.

(38)

2.6.6 Form

Halaman web yang interaktif biasanya disertai dengan formulir. Hal ini

dimaksudkan agar ada interaksi antara user dan pemilik web. Biasanya, formulir

digunakan untuk keperluan registrasi atau pendaftaran. user atau client dapat

mengisi formulir yang disediakan dan kemudian mengirimkannya ke server.

Bentuk dasar form adalah sebagai berikut:

<HTML>

<HEAD>

<TITLE>Tag list</TITLE>

</HEAD>

<BODY>

<form method =”post/get” action=”url tujuan”>

</form>

</BODY>

</HTML>

Pada bagian method diatas, terdapat dua kemungkinan yaitu post atau get.

Post membuat informasi yang dikirim menjadi satu dengan url. Sedangkan get

membuat informasi yang dikirim menjadi satu dengan url. Untuk data yang besar

dan bersifat confidential seperti password dan sebaainya, sebaiknya data dikirim

dengan menggunakan post.

Pada bagian action akan menunjukkan link ke suatu halaman bila tombol

submit ditekan.

Jenis-jenis input yang sering digunakan dalam form antara lain adalah:

1. input type text

(39)

<input type=”text” name=”nama” size”25” maxlenght=”8”>

2. input type password

Bentuk penulisan:

<input type=”password” name=”passwd” size”8” maxlenght=”8”>

Contoh: form1.html

<HTML>

<HEAD><TITLE>form</TITLE>

</HEAD>

<form method=”post/get” action=”url tujuan”>

<pre>

Nama : <input type=”text” name=”nama” size”25”

maxlenght=”40”><br>

Password : <input type=”password” name=”passwd” size”8”

maxlenght=”8”>

</pre>

</form>

</HTML>

Hasil:

(40)

3. checkbox

Digunakan untuk melakukan pilihan berdasarkan beberapa opsi yang

disediakan. Opsi yang dipilih boleh lebih dari satu.

Bentuk penulisan:

<input type=”checkbox” name=”teknik” checked>Teknik<br>

<input type=”checkbox” name=”ekonomi”>ekonomi<br>

<input type=”checkbox” name=”kedokteran”>Kedokteran<br>

<input type=”checkbox” name=”komputer”>Komputer

4. radio button

Digunakan untuk melakukan pilihan berdasarkan beberapa opsi.

Namun opsi yang dapat dipilih hnya satu.

Bentuk penulisan:

<input type=”radio” name=”sex” checked value=”pria”>Pria<br>

<input type=” radio” name=” sex” value=”wanita”>Wanita<br>

Contoh: form2.html

<HTML>

<HEAD><TITLE>form</TITLE>

</HEAD>

<form method=”post/get” action=”url tujuan”>

<pre>

Nama : <input type=”text” name=”nama” size”25”

maxlenght=”40”><br>

Password : <input type=”password” name=”passwd” size”8”

maxlenght=”8”>

(41)

<input type=”checkbox” name=”teknik” checked>Teknik

<input type=”checkbox” name=”ekonomi”>ekonomi

<input type=”checkbox” name=”kedokteran”>Kedokteran

<input type=”checkbox” name=”komputer”>Komputer

<hr>

<input type=”radio” name=”sex” checked value=”pria”>Pria

<input type=” radio” name=” sex” value=”wanita”>Wanita

</pre>

</form>

</HTML>

Hasil:

5. Textarea

Biasanya digunakan untuk mengisi keterangan atau komentar yang

panjang.

Bentuk penulisan:

(42)

<textarea name=”komentar” row=”5” cols=”40” wrap></textarea>

Contoh: form3.html

<HTML>

<HEAD>

<TITLE>Form</TITLE>

</HEAD>

<BODY>

<form method=”post/get”>

Komentar:<br>

<textarea name=”komentar” row=”5” cols=”40”

wrap></textarea>

</form></BODY>

</HTML>

Hasil

6. Select

Digunakan untuk membuat pilihan beupa combo box drop down.

Bentuk penulisan:

<select name=”jabatan”>

(43)

<option value=”direktur”>Direktur</option>

<option value=”manager”>Manager</option>

<option value=”karyawan”>Karyawan</option>

<option value=”other”>Other</option>

</select>

Contoh: form4.html

<HTML>

<HEAD>

<TITLE>Form</TITLE>

</HEAD>

<BODY>

<form method=”post/get”>

Jabatan: &nbsp;&nbsp;&nbsp;

<select name=”jabatan”>

<option value=”direktur”>Direktur</option>

<option value=”manager”>Manager</option>

<option value=”karyawan”>Karyawan</option>

<option value=”other”>Other</option>

</select>

</form></BODY>

(44)

Hasil

2.6.7 Jenis-Jenis Tombol

Pada dasarnya terdapat dua jenis tombol yang digunakan, yaitu Submit

dan Reset. Tombol-tombol ini merupakan tombol yang sering digunakan

(walaupun tidak harus dua tombol tersebut)

1. Submit

Digunakan untuk melakukan aksi ke suatu halaman yang dituju oleh atribut

“action=…” pada form. Oleh karena itu akan terdapat dua file, file pertama

atau file asal berisi form dan file yang kedua merupakan file tujuan setelah

form di-submit.

Bentuk penulisan:

<input type=”submit” value=”Kirim”>

2. Reset

(45)

Bentuk penulisan:

<input type=”reset” value=”kosongkan”>

2.7 Pengenalan PHP 2.7.1 Sejarah PHP

PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Rasmus

Lerdoff. Pada awalnya digunakan pada websitenya untuk mencatat siapa saja yang

berkunjung dan melihat biodatanya. Versi pertama yang direalease tersedia pada

awal tahun 1995, dikenal sebagai tool Personal Home Page, yang terdiri atas

engine parser yang sangat sederhana yang hanya mengerti beberapa makro khusus

dan sejumlah utilitas yang sering digunakan pada halaman-halaman web, seperti

buku tamu, counter, pengunjung dan lainnya. Parser deprogram ulang pada

pertengahan 1995 dan diberi nama PHP/FI versi 2.0. Pada Versi inilah pemrogram

PHP dapat menempelkan kode terstruktur di dalam tag HTML. F1 berasal dari

paket Rasmus yang lainnya yang ditulis untuk menginterpretasi data dari form

yang kemudian dikombinasikan dengan tool Personal Home Page dan ditambah

dengan dukungan untuk database mSQL (mini SQL).

Tahun 1995 dianggap sebagai tahun kelahiran dari PHP/F1 yang kemudian

membuat pertumbuhan aplikasi web yang pesat.

2.7.2 PHP

Menurut dokumen resmi PHP, PHP merupakan singkatan dari Hypertext

(46)

server dan diproses di server. Hasil proses tersebut akan dikirim ke klien yang

mengaksesnya melalui browser. PHP merupakan software yang free atau bebas

Secara khusus PHP dirancang untuk membentuk web dinamis. Hal ini

berarti PHP dapat membentuk suatu tampilan berdasarkan permintaan. Sebagai

contoh: PHP dapat menampilkan isi database ke hlaman web. Pada prinsipnya,

PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP (Active Server

Page),Cold Fussion ataupun Perl.

PHP dirancang untuk diintegrasikan dengan web server. PHP dapat

bekerja dengan web server seperti Apache, PWS (Personal Web Server), IIS

(Internet Information Server), Xitami.

2.7.3 Script PHP

Setiap program PHP disebut dengan script. Script berupa file teks yang

dapat dibuat dengan menggunakan program editor file teks biasa seperti notepad,

edit, vi (dalam lingkungan Unix/Linux) atau yang lainnya. Script PHP

menerapkan aturan case sensitive yaitu adanya perbedaan penulisan huruf besar

dan huruf kecil. Setiap penulisan di dalam script harus mengikuti aturan penulisan

yang telah ditentukan, case sensitive dikenakan terutama untuk nama-nama

variabel.

Nama file script PHP sejak versi 4.0 telah menggunakan ekstensi file .php

sebagai standar. Ekstensi file .php ini dapat diubah, karena bukan merupakan

suatu keharusan. Perubahan dapat dilakukan oleh administrator server-webmaster

(47)

Pada versi sebelumnya ekstensi file yang digunakan beragam seperti .php3 dan

.phtml.

Script PHP berkedudukan sebagai tag dalam bahasa HTML dan

merupakan script yang digunakan untuk menghasilkan halaman-halaman web.

Script PHP diawali dengan tag <?php dan diakhiri dengan tag ?>. Setiap

statement harus diakhiri dengan menggunakan tanda titk oma (;). Umumnya

setiap statement ditulis dalam satu baris. Cara penulisan script dalam PHP

dibedakan menjadi dua jenis, yaitu:

1. Embedded Script

Embedded script merupakan script PHP yang disisipkan diantara tag-tag

HTML. Script PHP digunakan apabila isi dari suatu dokumen HTML

diinginkan dari hasil eksekusi suatu script PHP, selama informasi masih

tidak membutuhkan program maka pemrogram umumnya tidak akan

menggunakan program.

Contoh dokumen HTML yang akan dihasilkan dengan menggunakan script

PHP dalam embedded script:

<html>

<head>

<title>Contoh</title>

</head>

<body>

<?php

(48)

?>

</body>

</html>

2. Non Embedded Script

Script PHP pada jenis ini digunakan sebagai script murni dalam pembuatan

program dengan PHP, tag HTML yang dihasilkan untuk membuat dokumen

merupakan bagian dari script PHP.

Contoh dokumen yang dihasilkan dengan menggunakan script PHP dalam

non embedded script:

<?php

echo “<html>”;

echo “<head>”;

echo “<title>”;

echo “Contoh2”;

echo “</title>”;

echo “</head>”;

echo “<body>”;

echo “<p>Teks dokumen yang dihasilkan dengan menggunakan script

PHP</p>”;

echo “</body>”;

echo “</html>”;

(49)

Pada script PHP juga mengenal komentar. Komentar disini adalah bagian

dari scipt PHP yang tidak akan dieksekusi, karena merupakan catatan terhadap

fungsi dari script atau menjelaskan maksud dari sebagian script yang dituliskan.

Terdapat tiga macam cara penulisan komentar dalam PHP:

1. /* komentar */

2. // komentar

3. # komentar

2.7.4 Variabel

Variabel dapat juga dikatakan sebagai tempat untuk menyimpan data.

Dalam PHP, variabel diawali dengan karakter $ diikuti dengan huruf sebagai

karakter pertama setelah $ kemudian kombinasi karakter dan angka. Penulisan

variabel tidak diperbolehkan menggunakan tanda baca kecuali karakter

_(underscore) .

Contoh nama variabel:

$namauser

$password

2.7.5 Tipe Data

Tipe data primitive yang dapat diolah oleh PHP antara lain:

1. Integer

Integer merupakan kelompok tipe data numeric yang menyatakan tipe

(50)

2. Double

Doble merupakan kelompok tipe data numeric yang menytakn tipe

data bilangan real yaitu bilangan yang mempunyai bagian pecahan.

3. String

String merupakan tipe data berupa teks atau dapat juga dikatakan

sederatan karakter yang tidak menyatakan bilangan.

2.7.6 Pernyataan Kontrol 1. if

Sintaks:

if(eskpresi){

pernyataan1;

pernyataan2;

…}

Struktur if merupakan struktur control pemilihan yang digunakan untuk

pemeriksaan apakah pernyataan-pernyataan yang ada dalam blok if

dikerjakan atau tidak. Pernyataan dalam blok if akan dikerjakan jika

ekspresi bernilai true

2. if-else

Sintak:

if(ekspresi)

(51)

else

pernyataan2;

Struktur if-else akan menjalankan pernyataan1 jika ekspresi bernilai true

dan akan menjalankan pernyataan2 jika ekspresi bernilai false.

3. if-elseif

Sintak:

if(ekspresi){

pernyataan1;

}

elseif(ekspresi){

pernyataana;

}

Struktur control elseif mengharuskan proses pemeriksaan kembali ekspresi

apabila nilai ekspresi pada if bernilai salah, karena belum tentu nilai salah

dalam if pasti benar, nilai ekspresinya untuk bagian else. Untuk itu perlu

diperiksa lagi apakah benar nilai salah pada bagian if adalah benar untuk

bagian else.

4. while

Sintak:

(52)

pernyataan

}

While merupakan salah satu pernyataan yang berguna untuk melakukan

suatu pengulangan. While akan memeriksa nilai ekspresi terlebih dahulu.

Jika benar, maka pernyataan yang ada dalam {} akan dijalankan dan

ekspresi dievaluasi lagi. Proses ini dilakukan terus-menerus hingga

ekspresi bernilai false.

5. for

Sintak:

for (ekspr1; ekspr2; ekspr3) {

pernyataan

}

For juga merupakan pernyataan yang biasa digunakan untuk menangani

pengulangan proses.

ekspr1 merupakan ekspresi untuk memberi nilai awal terhdap variabel

yang akan digunakan untuk melakukan pencacahan pengulangan.

ekspr2 merupakan kondisi untuk menentukan pengulangan terhadap

pernyataan yang ada di dalam {} akan dilakukan atau tidak.

ekspr3 digunakan untuk mengatur nilai variabel yang digunakan dalam

(53)

2.8 Database

Database merupakan tempat untuk menyimpan semua data yang dibutuhkan

oleh suatu aplikasi.

2.8.1 MySQL

MySQL adalah multiuser database yang menggunakan bahasa SQL

(Structured Query Language) yang mampu menangani data yang cukup besar.

SQL adalah bahasa standar yang digunakan untuk mengakses database server.

Dengan menggunakan SQL, proses akses database menjadi lebih user-friendly.

MySQLjuga menyediakan dukungan open source.

Dalam konteks bahasa SQL pada umumnya informasi tersimpan dalam

tabel-tabel yang secara logika merupakan dua dimensi yang terdiri atas baris-baris

data yang berada dalam satu atau lebih kolom. Baris pada tabel sering disebut

sebagai instance dari data, sedangkan kolom sering disebut sebagai atribut atau

field. Keseluruhan tabel dihimpun dalam satu kesatuan yang disebut database.

MySQL mendukung empat tipe data yaitu:

1. Numerik

Pada tipe data ini data yang disimpan hanya data angka (numerik) saja.

Angka tersebut bisa disimpan dalam bentuk positif atau negatif. Tipe data

numerik pada MySQL adalah sebagai berikut :

Tipe Data Jangkauan Signed Memori

TINYINT -128-127 1 byte

(54)

MEDIUMINT -8388608-8388607 3 byte

INT -2147483648-2147483647 4 byte

BIGINT

-9223372036854775808-9223372036854775807

8 byte

FLOAT (M,D) Tergantung nilainya 4 byte

DOUBLE (M,D) Tergantung nilainya 8 byte

DECIMAL (M,D) Tergantung nilainya M+2 byte

2. String

Pada tipe data ini isinya bisa nilai string dan numerik, namun untuk

numerik tidak bisa dilakukan operasi perhitungan sebelum dilakukan

konversi.

Tipe Data Max Size Memori

CHAR(X) 255 BYTE X BYTE

VARCHAR(X) 255 BYTE X+1 BYTE

TINYTEXT 255 BYTE X+1 BYTE

TINYBLOB 255 BYTE X+2 BYTE

TEXT 65535 BYTE X+2 BYTE

BLOB 65535 BYTE X+2 BYTE

MEDIUMTEXT 1.6 MB X+3 BYTE

MEDIUMBLOB 1.6 MB X+3 BYTE

(55)

LONGTEXT 4.2 MB X+4 BYTE

LONGBLOB 4.2 MB X+4 BYTE

3. Waktu

Tipe data ini menyimpan informasi waktu, baik tanggal maupun jam,

walaupun data yang disimpan disini adalah numerik tetapi pembacaan

terhadap data adalah string. Jadi bila dilakukan perhitungan, maka data

tersebut harus dikonversi terlebih dahulu.

Tipe Data Format Standar Zero Value

DATETIME YYYY-MM-DD

HH:MM:SS

0000-00-00 00:00:00

DATE YYYY-MM-DD 0000-00-00

TIME HH:MM:SS 00:00:00

YEAR YYYY 0000

TIMESTAMP YYYYMMDDHHMMSS 00000000000000

4. Data selain numerik atau string

Ada dua tipe data yang tidak termasuk tipe data di atas yaitu ENUM

dan SET. ENUM adalah sebuah tipe data yang menyimpan beberapa

Tabel 2.7 Tipe Data String

(56)

pilihan data yang akan disimpan tetapi hanya ada satu pilihan yang boleh

disimpan. Sedangkan SET adalah tipe data mirip seperti ENUM tetapi

(57)

37

3.1 Analisis Sistem

3.1.1 Gambaran Umum Sistem Lama

Sistem lama penerimaan siswa baru SMA di Yogyakarta telah menggunakan sistem penerimaan siswa baru online yang berfungsi untuk menyeleksi calon siswa yang mendaftar ke SMA yang dipilih baik negeri maupun swasta berdasarkan Nilai Ujian Nasional (NUN) calon siswa. Sistem ini mendaftarkan semua SMA di Yogyakarta yang bersedia mengikuti sistem penerimaan siswa baru online ini.

Sistem ini hanya dapat online di SMA yang sudah terdaftar pada saat pendaftaran SMA berlangsung. Oleh karena itu untuk mendaftar ke SMA, calon siswa harus datang ke SMA yang dipilih. Calon siswa yang akan mendaftar ke SMA berhak untuk memilih tiga SMA dan maksimal dua SMA berstatus negeri.

Ketentuan pendaftaran pada sistem penerimaan siswa baru online SMA yang lama antara lain:

1. Telah lulus SMP/Mts dan memiliki ijazah.

2. Berusia setinggi-tingginya 21 tahun pada tanggal yang telah ditetapkan. 3. Setiap calon siswa baru diberi kesempatan satu kali mendaftar.

(58)

5. Pendaftaran dilaksanakan dengan mengisi formulir yang telah disediakan di SMA dengan menyerahkan kelengkapan pada no. 4.

6. Setiap calon siswa yang telah memenuhi ketentuan tersebut mendapat tanda bukti pendaftaran.

7. Hasil seleksi penerimaan siswa baru tiap SMA hanya dapat dilihat pada tanggal yang telah ditetapkan.

Alur pendaftaran SMA yang berlaku pada sistem penerimaan siswa baru online lama antara lain adalah:

1. Calon siswa baru datang ke salah satu SMA yang menjadi pilihannya. 2. Calon siswa baru mengambil formulir pendaftaran.

3. Calon siswa baru mengisi formulir pendaftaran dengan data diri, data nilai dan pilihan SMA calon siswa.

4. Calon siswa baru mengembalikan formulir yang telah diisi ke panitia, kemudian panitia akan menginputkan data-data ke sistem penerimaan siswa baru online.

5. Panitia memberikan bukti pendaftaran kepada calon siswa.

(59)

Tata cara seleksi yang diterapkan pada sistem penerimaan siswa baru online lama antara lain:

1. Seleksi penerimaan siswa baru berdasarkan NUN dari tiga mata pelajaran yaitu: bahasa Indonesia, matematika dan bahasa Inggris.

2. Seleksi penerimaan siswa baru ini dipengaruhi oleh quota setiap SMA. Pada setiap SMA, akan dicari calon siswa yang mendaftar dengan NUN tertinggi sampai batas quota SMA tersebut.

3. Quota SMA yang berlaku diatur sebagai berikut:

a. Calon siswa baru penduduk kota Yogyakarta yang berasal dari sekolah dalam dan luar kota Yogyakarta, serta penduduk luar kota Yogyakarta yang berasal dari sekolah dalam kota Yogyakarta mendapat quota 80 % dari quota yang berlaku.

b. Calon siswa baru penduduk luar kota Yogyakarta dan berasal dari sekolah luar kota Yogyakarta mendapat quota 20 % dari quota yang berlaku

4. Apabila terdapat kesamaan nilai hasil seleksi, maka penentuan peringkat berdasarkan kepada:

a. Prioritas urutan sekolah.

b. Perbandingan NUN tiap mata pelajaran, dengan urutan: bahasa Indonesia, matematika, bahasa Inggris.

c. Diprioritaskan penduduk kota Yogyakarta yang berasal dari sekolah luar kota Yogyakarta.

(60)

3.1.2 Gambaran Umum Sistem Baru

Sistem yang baru ini berusaha untuk memperbaiki sistem lama agar dapat lebih efisien. Sistem yang baru ini mengimplementasikan teknologi internet dalam melakukan pertukaran data antara user yang terlibat dengan sistem ini.

Sistem ini mewajibkan admin untuk mendaftar semua SMP yang ada di Daerah Istimewa Yogyakarta beserta daftar siswa masing-masing SMP yang sudah lulus, kemudian masing-masing siswa mendapatkan password yang secara otomatis di-generate oleh sistem ini. Daftar data siswa beserta password akan dicetak dan diberikan ke masing-masing SMP, dimana siswa wajib untuk mengambil password sebelum masa pendaftaran dimulai. Password digunakan untuk login ke sistem ini, username yang digunakan adalah nomor ujian yang dimiliki oleh setiap siswa yang mengikuti ujian nasional.

Sistem ini memiliki kemampuan untuk memudahkan calon siswa dalam memilih dan mendaftar di SMA yang diinginkan. Calon siswa yang akan mendaftar tidak perlu lagi datang ke salah satu SMA yang menjadi pilihannya. Calon siswa cukup mendatangi tempat yang terhubung dengan internet saja karena calon siswa dapat langsung mendaftar dengan cara login ke sistem ini dan memilih SMA yang diinginkan. Calon siswa berhak untuk memilih tiga SMA dengan ketentuan maksimal dua SMA berstatus negeri.

(61)

secara otomatis calon siswa yang sudah mendaftar berdasarkan NUN calon siswa. Hasil seleksi dan posisi calon siswa dapat langsung dilihat, hanya saja selama masa pendaftaran hasil seleksi dan posisi tersebut masih bersifat sementara.

Pendaftaran dilaksanakan dengan beberapa ketentuan yaitu: 1. Telah lulus SMP/Mts.

2. Berusia setinggi-tingginya 21 tahun pada tanggal yang telah ditetapkan. 3. Calon siswa baru diberi kesempatan satu kali mendaftar.

Alur penerimaan siswa baru pada sistem baru yang diusulkan:

1. Calon siswa baru mencari tempat untuk pendaftaran (terhubung dengan internet)

2. Calon siswa baru masuk ke sistem kemudian login dengan username dan password yang sudah ditetapkan.

3. Setelah login, calon siswa memasukkan data pilihan SMA yang sudah disediakan oleh sistem.

4. Calon siswa dapat melihat secara langsung hasil seleksi dan posisinya, dimana hasil seleksi dan posisi tersebut bersifat sementara selama masa pendaftaran berlangsung.

(62)

Tata cara seleksi yang diterapkan pada sistem ini sama dengan tata cara seleksi yang diterapkan pada sistem penerimaan siswa baru online yang lama.

3.1.3 Orang yang Terlibat dalam Sistem

Terdapat empat aktor yang terlibat dalam sistem ini, yaitu: 1. Admin

Aktor ini bertugas untuk melakukan manipulasi data seperti insert, edit, delete

pada sistem ini yang berupa data jadwal pelaksanaan pendaftaran, daftar SMP, daftar siswa SMP, dan daftar SMA.

2. Pihak Dinas Pendidikan dan Pengajaran Kota Yogyakarta

Aktor ini dapat memantau hasil penerimaan siswa baru. Selain itu juga bisa mendapatkan informasi-informasi yang berhubungan dengan penerimaan siswa baru.

3. Pihak SMA

Aktor ini dapat melihat informasi tentang data calon siswa yang mendaftar dan hasil seleksi pada SMA yang bersangkutan. Selain itu juga bisa mendapatkan informasi penerimaan siswa baru yang berkaitan dengan SMA tersebut. Data atau informasi yang dapat dilihat oleh actor ini terbatas pada lingkup SMA yang bersangkutan saja.

4. Calon siswa atau pendaftar

(63)

penerimaan siswa baru. Selain itu, calon siswa juga dapat melihat informasi yang berkaitan dengan penerimaan siswa baru pada sistem ini.

3.1.4 Requirement Analysis

(64)

Gambar 3.1 Use Case Diagram

login

tampil arsip PSB update jadwal

pendaftaran

update data SMA

update data smp

update data siswa

update data dinas pendidikan & pengajaran

tampil data pendaftar

daftar SMA tampil arsip SMA

logout

proses menyeleksi pendaftar cetak daftar siswa

tampil hasil seleksi cetak bukti pendaftaran

cari hasil seleksi

Admin

User

SMA

Dinas Pendidikan dan Pengajaran Koya Yogyakarta

<<depend on>>

<<depend on>>

(65)

3.1.5 Logical Design

Tahap logical design meliputi prosess modeling dan data modeling.

3.1.5.1Process Modelling

Process modelling digunakan untuk menunjukkan input dan output dari sistem yang dilakukan oleh entitas.

ENTITAS INPUT OUTPUT

Admin Data login, data jadwal pelaksanaan, data SMA, data SMP, data siswa SMP

Informasi data jadwal pelaksanaan, data SMA, data SMP, data siswa SMP Dinas Pendidikan

dan Pengajaran

Data login Informasi data jadwal pelaksanaan, data SMA, data SMP, data siswa SMP, data pendaftaran, data hasil seleksi SMA Data login Informasi data jadwal

pelaksanaan, data SMA, data pendaftaran, data hasil seleksi sesuai dengan SMA yang bersangkutan

Pendaftar Data login, data pilihan SMA (pilihan-1, pilihan-2, pilihan-3)

Informasi data jadwal pelaksanaan, data SMA, data pendaftaran, data hasil seleksi, data bukti pendaftaran.

Tabel 3.1 Tabel Input dan Output Process Modelling

3.1.5.1.1 Context Diagram

(66)

Gambar 3.2 Context diagram

Pendaftar/ Calon siswa

0 SI Seleksi Penerimaan Siswa Baru SMA di kota Yogyakarta Berdasarkan NUN Calon Siswa SMA di

DIY Berbasis Web

Pihak SMA Negeri Admin Dinas Pendidikan dan Pengajaran Data Login,data SMA, Data SMP, data siswa SMP, Data diknas,Data berita Informasi Login valid

atau tidak,informasi data SMA, Informasi data SMP, infomasi data siswa SMP, informasi data diknas, informasi berita

Informasi login valid atau tidak, informasi hasil seleksi, informasi urutan,informasi bukti_pendaftaran

Data login, data pilihan 1,pilihan 2,pilihan 3

Informasi login valid atau tidak, informasi pendaftar,informasi hasil seleksi,informasi arsip SMA

Data login Data login

(67)

3.1.5.1.2 Diagram Berjenjang

Gambar 3.3 Diagram berjenjang

0

SI Seleksi Penerimaan Siswa Baru SMA di Kota Yogyakarta berdasarkan NUN calon siswa SMA di DIY

Berbasis Web 1p Login 2 Update jadwal pelaksanaan 3 Update data SMA 4 Update data SMP 5 Update data siswa 6 Update data DIKNAS 7p Tampil data pendaftar 8p Tampil arsip PSB 11 Cetak laporan 12p Menyeleksi siswa 10p Daftar SMA 9p Tampil arsip SMA 13p Tampil hasil seleksi 14p Cari hasil

(68)

3.1.5.1.3

Data Flow Diagram (DFD)

Gambar 3.4 DFD level 0 (entitas admin)

Admin 1p

Login

Data login

user

Baca data login

Informasi login 2 Update jadwal pelaksanaan Login valid 3 Update SMA 4 Update SMP 5 Update data siswa 6 Update data DIKNAS 11 Cetak laporan pelaksanaan Data id-tgl,tgl_awal,tgl_akhir, tgl_daf_ulang awal,daf_ulang_akhir, tgl_masuk

Data tgl_awal,tgl_akhir,tgl_daf_ulang awal,daf_ulang_akhir,tgl_masuk Admin Info tgl_awal,tgl_akhir,tgl_ daf_ulang awal,daf_ulang_akhir, tgl_masuk Login valid sma Data nama_sma, status_sma, quota,alamat

Data kode_sma nama_sma, status_sma,quota,alamat,password info nama_sma, status_sma, quota,alamat Login valid Data nama_smp, status_smp,alamat smp

Data kode_smp nama_smp, status_smp,alamat info nama_smp, status_smp, alamat Login valid Data no_ijazah,no_ujian,nama, alamat,tmp_lahir,tgl_lahir, nilai_bhs_indo,nilai_bhs inggris,nilai_mtk calon_siswa Data no_ijazah,no_ujian,password,nama, alamat,tmp_lahir,tgl_lahir, nilai_bhs_indo,nilai_bhs inggris,nilai_mtk, kode_smp,thn_lulus,thn_daftar Data no_ijazah,no_ujian,password,nama, alamat,tmp_lahir,tgl_lahir, nilai_bhs_indo,nilai_bhs inggris,nilai_mtk, kode_smp,thn_lulus,thn_daftar Login valid Data nama,username depdikbud Data id_departemen, nama,username,password Data id_departemen, nama,username,pas sword

Data siswa sesuai SMP Login valid

Data laporan

Info laporan daftar siswa

(69)

Gambar 3.5 DFD level 0 (entitas calon siswa)

Calon siswa 1p Login 10p Daftar SMA 13p Tampil hasil seleksi 12p Menyeleksi SMA 14p Cari hasil

seleksi

15p Logout

Data no_ujian,password

calon_siswa

Baca data no_ujian, password

Login valid pendaftaran

Data pilihan_1,pilihan_2,pilihan_3 Baca data no_ijazah,nilai_bhs_indo,nilai_bhs_ingg, nilai_mtk,NUN

Baca data no_ijazah,nilai_ bhs_indo,nilai_bhs_ingg, nilai_mtk,NUN

data no_ijazah,no_pendaftaran, pilihan_1,pilihan_2,pilihan_3,hasil,thn_daftar Konfirmasi pendaftaran,hasil seleksi pribadi

Login valid

Data nama_sma

Data hasil seleksi berdasarkan SMA yang dipilih

Login valid

Data no_pendaftaran 11

Cetak laporan Data no_pendaftaran,pilihan_1, pilihan_2,pilihan_3, jam_daftar,tgl_daftar info no_pendaftaran, pilihan_1, pilihan_2,pilihan_3, jam_daftar, tgl_daftar

Data hasil seleksi sesuai nama SMA

Login valid

Info logout

(70)

Gambar 3.6 DFD level 0 (entitas SMA)

sma 1 Login sma Data username,passwor Baca data username,

password 13p Tampil hasil seleksi 9p Tampil arsip SMA 7p Tampil data pendaftar pendaftaran Login valid Info login Data nama,no_pendaftaran, no_ujian,nama_smp, status_smp info nama,no_pendaftaran, no_ujian,nama_smp,status_smp Data nama,no_pendaftaran, no_ujian,nama_smp, status_smp,hasil info nama,no_pendaftaran, no_ujian,nama_smp, status_smp,hasil Login valid Login valid

Data nilai_tertinggi,nilai terendah, jumlah peminat smp,jumlah pendaftar info nilai_tertinggi,nilai terendah,

jumlah peminat smp,jumlah pendaftar

15p

Logout

Login valid

(71)

Gambar 3.7 DFD level 0 (entitas DIKNAS)

DIKNAS 1 Login depdikbud Data username,passwor Baca data username,

password 13p Tampil hasil seleksi 9p Tampil arsip PSB 7p Tampil data pendaftar pendaftaran Login valid Info login Data nama,no_pendaftaran, no_ujian,nama_smp, status_smp info nama,no_pendaftaran, no_ujian,nama_smp,status_smp Data nama,no_pendaftaran, no_ujian,nama_smp, status_smp,hasil info nama,no_pendaftaran, no_ujian,nama_smp, status_smp,hasil Login valid Login valid

Data nilai_tertinggi,nilai terendah, jumlah peminat smp,jumlah pendaftar darisemua SMA

info nilai_tertinggi,nilai terendah, jumlah peminat smp,jumlah pendaftar sesuai thn 15p Logout Login valid Informasi logout Data tahun calon_siswa

(72)

Gambar 3.8 DFD level 1 proses 2

Gambar 3.9 DFD level 1 proses 3

2.1p Insert jadwal pendaftaran Admin Data tgl_awal,tgl_akhir,daf_ulang_awal, daf_ulang_akhir,tgl_masuk pelaksanaan Data id_tanggal,tgl_awal,tgl_akhir, daf_ulang_awal, daf_ulang_akhir,tgl_masuk valid 2.2p Edit jadwal pendaftaran 2.3p Hapus jadwal pendaftaran Data tgl_awal,tgl_akhir,daf_ulang_awal, daf_ulang_akhir,tgl_masuk yang akan dihapus

A Login admin valid

Data tgl_awal,tgl_akhir,daf_ulang_awal, daf_ulang_akhir,tgl_masuk yg akan diedit

Data tgl_awal,tgl_akhir,daf_ulang_awal, daf_ulang_akhir,tgl_masuk yg sdh diedit

Data tgl_awal,tgl_akhir,daf_ulang_awal, daf_ulang_akhir,tgl_masuk yang akan dihapus

3.1p Insert data

SMA Admin Data nama_SMA,quota alamat,status_sma SMA Data kode_SMA,nama_SMA, quota,alamat,real_pass_sma password valid 3.2p Edit data SMA 3.3p Menghapus data SMA Data nama_SMA,quota alamat,status_sma yang akan dihapus

A Login admin valid

Data nama_SMA,quota alamat,status_sma yg akan diedit

Data nama_SMA,quota alamat,status_sma yg sdh diedit

(73)

3.1.5.2

Data Modelling

Data modeling dilakukan dengan menggambarkan ER-Diagram

Gambar 3.10 ER-Diagram

calon_siswa smp kode_smp nama_smp status_smp alamat punya 1 N no_ijazah no_ujian real_pass password nama alamat tmp_lahir tgl_lahir nilai_bhs_inggris nilai_bhs_indo nilai_matematika nilai_ujian kode_smp mendaftar N no_pendaftaran no_ijazah pilihan_1 pilihan_3 pilihan_2 tgl_pendaftaran jam_daftar hasil sma N kode_sma nama_sma status_sma password_sma real_pass_sma quota alamat ket_daftar thn_lulus thn_daftar tahun urutan user user_id login password real_pass pelaksanaan tanggal_akhir id_tanggal tanggal_awal tgl_masuk daf_ulang_akhir daf_ulang_awal

n o _ p e n d a fta ra n

n o _ ija z a h

p ilih a n _ 1

p ilih a n _ 3 p ilih a n _ 2

tg l_ p e n d a fta ra n ja m _ d a fta r

h a s il

ta h u n

u ru ta n

(74)

3.2 Desain Sistem

3.2.1 Desain Database

Pada disain database ini digunakan 9 tabel yaitu tabel PELAKSANAAN,

tabel SMA, tabel SMP, tabel CALON_SISWA, tabel DEPDIKBUD, tabel

PENDAFTARAN, tabel PENDAFTARAN_BACK, tabel USER, tabel BERITA.

a. Tabel PELAKSANAAN

Tabel ini merupakan tabel yang digunakan untuk menyimpan data

jadwal pelaksanaan pendaftaran.

Nama tabel : Pelaksanaan

Nama field Tipe Ukuran Keterangan Key

*id_tanggal Varchar 5 Primary key untuk pelaksanaan PK

tanggal_awal Date - Tanggal awal pendaftaran

tanggal_akhir Date - Tanggal akhir pendaftaran

daf_ulang_awal Date - Tanggal awal daftar ulang

daf_ulang_akhir Date - Tanggal akhir daftar ulang

tgl_masuk Date - Tanggal masuk sekolah pertama

Tabel 3.2 Tabel Pelaksanaan

b. Tabel SMA

Tabel ini merupakan tabel yang digunakan untuk menyimpan data

SMA.

Nama tabel : SMA

Nama field Tipe Ukuran Keterangan Key

*kode_sma Varchar 10 Primary key untuk SMA PK

nama_sma Varchar 30 Nama SMA

status_sma Enum ‘negeri’,’swasta’ Status SMA

password_sma Varchar 50 password SMA

real_pass_sma Varchar 50 Password asli SMA

quota Integer - Quota SMA

alamat Text - Alamat SMA

(75)

c. Tabel SMP

Tabel ini merupakan tabel yang digunakan untuk menyimpan data

SMP.

Nama tabel : SMP

Nama field Tipe Ukuran Keterangan Key

*kode_smp Varchar 10 Primary key untuk SMP PK

nama_smp Varchar 20 Nama SMP

kota Varchar 20 Kota SMP

status_smp Enum ‘dalam’,’luar’ Status SMP, dalam atau luar

kota

alamat Text - Alamat SMP

Tabel 3.4 Tabel SMP

d. Tabel CALON_SISWA

Tabel ini merupakan tabel yang digunakan untuk menyimpan data

siswa SMP.

Nama tabel : Calon_siswa

Nama field Tipe Ukuran Keterangan Key

*no_ijazah Varchar 20 Nomor ijazah siswa PK

no_ujian Varchar 20 Nomor ujian siswa

password Varchar 50 Password siswa

real_pass Varchar 50 Pasword asli siswa

nama Varchar 150 Nama siswa

alamat Text -

Gambar

Tabel 2.2 Tag Dasar HTML
Tabel 2.6 Tipe Data Numerik
Gambar 3.1 Use Case Diagram
Tabel 3.1 Tabel Input dan Output Process Modelling
+7

Referensi

Dokumen terkait

User Input Data Calon Siswa Daftar Siswa Buat Laporan Input Siswa Yang Lolos Seleksi Akhir Data Siswa Baru Data Calon Siswa Laporan Data Siswa Laporan Data Siswa Yang

Dengan menggunakan metode SAW dalam sistem seleksi penerimaan siswa baru di SMK Negeri 1 Cirebon bertujuan untuk memudahkan panitia dalam menentukan perankingan

Gambar 3 merupakan data flow diagram level 1 dimana admin penerimaan mahasiswa baru memberikan inputan pada sistem seleksi penerimaan mahasiswa baru berupa data calon mahasiswa

Bahwa telah dilaksanakannya ujian masuk penerimaan calon mahasiswa baru Program Magister dan Program Doktor, pada Program Pascasarjana ITS Semester Gasil

Dengan menggunakan metode SAW dalam sistem seleksi penerimaan siswa baru di SMK Negeri 1 Cirebon bertujuan untuk memudahkan panitia dalam menentukan perankingan

Dengan ini saya menyatakan Tugas Akhir dengan Judul “ PENERAPAN ALGORITMA FUZZY SUGENO DALAM MENENTUKAN PENERIMA BEASISWA PADA SELEKSI PENERIMA SISWA BARU DI SMA 1

Sistem Pendukung Keputusan Seleksi Penerimaan Siswa Baru Pada SMA Theresiana Weleri Kendal Menggunakan Metode SAW.. Implementasi Metode Topsis Dan Saw Dalam Memberikan Reward

Laporan ini menjelaskan tentang perancangan dan pengembangan sistem informasi penerimaan calon siswa baru berbasis web untuk SMK Kesehatan Tri Bhakti