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

  

SISTEM INFORMASI BERBASIS WEB SELEKSI PENERIMAAN SISWA

BARU SMA DI KOTA YOGYAKARTA BERDASARKAN NILAI UJIAN

NASIONAL CALON SISWA

SKRIPSI

  Ditujukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Jurusan Teknik Informatika oleh

  Ruth Triana Wulaningrum

  

THE WEB BASED INFORMATION SYSTEM OF SENIOR HIGH

SCHOOLS NEW STUDENTS ADMISSION IN YOGYAKARTA BASED

ON PROSPECTIVE STUDENTS’ NATIONAL EXAMINATION SCORE

A Thesis

  

Presented as Partial Fulfillment of the Requirements

to Obtain the Sarjana Teknik Degree

in Informatics Engineering

  by: Ruth Triana Wulaningrum

  

LEMBAR PERNYATAAN PERSETUJUAN

PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS

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

  ! " ! " ! " ! " # ## #

  

ABSTRAKSI

  Kelulusan siswa Sekolah Menengah Pertama (SMP), pada umumnya 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.

  Hasil akhir yang diperoleh adalah sebagai Sistem Informasi Seleksi Penerimaan Siswa Baru SMA di Kota Yogyakarta Berdasarkan Nilai Ujjian Nasional Calon Siswa di Daerah Istimewa Yogyakarta Berbasis Web yang mampu menangani pendaftaran SMA dan menyeleksi siswa yang sudah mendaftar serta menampilkan hasil seleksi setiap siswa. Namun sistem ini masih mempunyai kelemahan yaitu sistem belum diuji menggunakan data yang sesungguhnya melalui user yang terkait. Selain itu tingkat keamanannya masih rendah karena sistem ini hanya menerapkan pengamanan berupa penggunaan session yang membatasi akses terhadap halaman web.

  

ABSTRACT

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.

  The final result is the web based information system on senior high schools

new students admission in Yogyakarta based on the prospective students’ national

examination score which able to handle the senior high school registration and to

select student that already have registered and to show the result of selection for all

student. The weakness of this system was it has not been tested yet using the real data

with the connected user. Beside that, the security level was low because this system

was only use session to limit the access of webpage.

KATA PENGANTAR

  Puji syukur dan terima kasih kepada Tuhan Yesus Kristus atas segala 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.,

  4. Mbak Martha Noviana Wulandari (Jojik), seorang Kakak yang selalu kusayangi dan selalu menyayangiku, mendoakan, memberi dukungan dan 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!

  Albert ”PakDhe”, Ones, Nur, Jun, Ako dan teman-teman seperjuangan lain. Hidup TI’03!! 12. Para penghuni ”Canna”: Maya ”monchu”, Laura, Ina ”butet”, Funny, Sasa,

  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

  

DAFTAR ISI

  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 II LANDASAN TEORI

  2.1 Sistem, Informasi dan Sistem Informasi ................................................6

  2.2 Sistem Informasi Berbasis Web.............................................................6

  2.3 Use Case Diagram..................................................................................7 2.3.1.

  Aktor .............................................................................................7 2.3.2. Use Case........................................................................................8 2.3.3. Hubungan (Relationship) ..............................................................8

  2.4 Pemodelan 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.5 Pemodelan Data .....................................................................................11 2.5.1.

  Entitas............................................................................................11 2.5.2. Atribut ...........................................................................................12

  2.6.6. Form..............................................................................................18 2.6.7.

  Jenis Tombol .................................................................................24

  2.7 Pengenalan 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.8 Database .................................................................................................33 2.8.1.

  MySQL..........................................................................................33

  BAB III ANALISIS DAN PERANCANGAN SISTEM

  3.1 Analisis 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.2 Desain Sistem.........................................................................................54 3.2.1.

  Desain Database............................................................................54 3.2.2. Relasi Antar Tabel.........................................................................59

  3.3 Hirarki Model.........................................................................................60

  3.4 Desain User Interface.............................................................................63

  BAB IV IMPLEMENTASI SISTEM

  4.1 Karakteristik Sistem...............................................................................68

  4.2 Implementasi 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

  

DAFTAR GAMBAR

Gambar 3.2 Context Diagram ......................................................................... 46Gambar 3.13 Hirarki Model untuk DIKNAS ................................................... 61Gambar 3.12 Hirarki Model untuk Admin........................................................ 60Gambar 3.11 Relasi Antar Tabel....................................................................... 59Gambar 3.10 ER-Diagram ................................................................................ 53Gambar 3.9 DFD Level 1 Proses 3 ................................................................. 52Gambar 3.8 DFD Level 1 Proses 2 ................................................................. 52Gambar 3.7 DFD Level 0 (Entitas DIKNAS)................................................. 51Gambar 3.6 DFD Level 0 (Entitas SMA) ....................................................... 50Gambar 3.5 DFD Level 0 (Entitas Calon Siswa)............................................ 49Gambar 3.4 DFD Level 0 (Entitas Admin)..................................................... 48Gambar 3.3 Diagram Berjenjang .................................................................... 47Gambar 3.1 Use Case Diagram....................................................................... 44Gambar 2.1 Simbol Aktor............................................................................... 8Gambar 2.13 Contoh Select .............................................................................. 24Gambar 2.12 Contoh Komentar ........................................................................ 22Gambar 2.11 Contoh Type, Checkbox, Radio Button ....................................... 21Gambar 2.10 Contoh Input Text........................................................................ 19Gambar 2.9 Simbol Atribut............................................................................. 12Gambar 2.8 Simbol Entitas ............................................................................. 11Gambar 2.7 Simbol Aliran Kontrol ................................................................ 11Gambar 2.6 Simbol Aliran Data ..................................................................... 11Gambar 2.5 Simbol Data Store....................................................................... 10Gambar 2.4 Simbol Agen Eksternal ............................................................... 10Gambar 2.3 Simbol Proses ............................................................................. 9Gambar 2.2 Simbol Use Case ......................................................................... 8Gambar 3.14 Hirarki Model untuk SMA .......................................................... 62Gambar 4.6 Halaman Input Data SMP ........................................................... 79Gambar 4.7 Halaman Input Daftar Siswa SMP .............................................. 80Gambar 4.8 Halaman Input Data Siswa SMP................................................. 81Gambar 4.9 Halaman Input Data DIKNAS .................................................... 82Gambar 4.10 Halaman Output Daftar SMA ..................................................... 83Gambar 4.11 Halaman Output Daftar SMP ...................................................... 83Gambar 4.12 Halaman Output Daftar Siswa SMP ........................................... 84Gambar 4.13 Halaman Output Daftar Siswa SMP dalam bentuk PDF ............ 84Gambar 4.14 Home ........................................................................................... 85Gambar 4.15 Login Siswa................................................................................. 86Gambar 4.16 Halaman Pendaftaran .................................................................. 88Gambar 4.17 Peringatan Pengisian Form Pendaftaran ..................................... 89Gambar 4.18 Peringatan Pilihan SMA yang Sama ........................................... 91Gambar 4.19 Konfirmasi Pendaftaran .............................................................. 94Gambar 4.20 Output Hasil Seleksi Siswa ......................................................... 95Gambar 4.21 Output Bukti Pendaftaran............................................................ 96Gambar 4.22 Login SMA ................................................................................. 97Gambar 4.23 Output Pendaftar ......................................................................... 98Gambar 4.24 Output Hasil Seleksi.................................................................... 99Gambar 4.25 Output Nilai Tertinggi dan Terendah .......................................... 100Gambar 4.26 Output Jumlah Peminat Berdasarkan Pilihan.............................. 101Gambar 4.27 Output Jumlah Peminat Berdasarkan Asal Sekolah.................... 102Gambar 4.28 Login DIKNAS ........................................................................... 103Gambar 4.29 Output Rekapitulasi SMA ........................................................... 104Gambar 4.30 Output Sebaran NUN .................................................................. 105Gambar 4.31 Pilihan Nama SMA ..................................................................... 106Gambar 4.32 Output Daftar SMP ..................................................................... 107

  

DAFTAR TABEL

Tabel 3.2 Tabel Pelaksanaan.......................................................................... 54Tabel 3.9 Tabel User ...................................................................................... 57Tabel 3.8 Tabel Pendaftaran_back ................................................................. 57Tabel 3.7 Tabel Pendaftaran........................................................................... 56Tabel 3.6 Tabel Depdikbud............................................................................ 56Tabel 3.5 Tabel Calon_Siswa ........................................................................ 55Tabel 3.4 Tabel SMP...................................................................................... 55Tabel 3.3 Tabel SMA ..................................................................................... 54Tabel 3.1 Input dan Output Process Modelling.............................................. 45Tabel 2.1 Perbedaan DFD dan Flowchart ...................................................... 9Tabel 2.8 Tipe Data Waktu ............................................................................ 35Tabel 2.7 Tipe Data String ............................................................................. 35Tabel 2.6 Tipe Data Numerik......................................................................... 34Tabel 2.5 Tag Tabel HTML ........................................................................... 17Tabel 2.4 Tag Image HTML .......................................................................... 16Tabel 2.3 Tag List HTML .............................................................................. 16Tabel 2.2 Tag Dasar HTML........................................................................... 15Tabel 3.10 Tabel Berita.................................................................................... 58

BAB I PENDAHULUAN

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

  2

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

  3

  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:

  4 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

  5

  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 Bab ini berisi tentang kesimpulan yang dapat diambil oleh penulis untuk menjawab permasalahan yang sudah diutarakan pada bab 1 juga berisi tentang saran-saran mengenai sistem informasi yang telah dibuat oleh penulis.

BAB II LANDASAN TEORI

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.

  7 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

  8

  Actor Symbol

Gambar 2.1 Simbol Aktor

  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.

  use case symbol

Gambar 2.2 Simbol Usecase

  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.

  9 proses yang dibentuk oleh sistem. Sinonimnya adalah bubble chart, transformation graph, dan process model.

  Perbedaan antara DFD dan Flowchart: 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

  10

  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.

  External Agent

Gambar 2.4 Simbol Agen Eksternal

  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).

  11 Nama aliran data

Gambar 2.6 Simbol Aliran Data

2.4.5 Aliran Kontrol (Control Flow) Menyatakan kejadian non data atau kondisi yang memicu suatu proses.

  Nama aliran kontrol

Gambar 2.7 Simbol Aliran Kontrol

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.

  12

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. nim

Gambar 2.9 Simbol Atribut

  13 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)

  14 <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

  15 <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

Tabel 2.2 Tag Dasar HTML

  16 type=1

  <li> Membuat item-item pada list dan harus berada di dalam tag <ul>…</ul> atau <ol>…</ol>. Tanpa tag penutup

Tabel 2.3 Tag List HTML

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”

  17 <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

  18

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

  19 <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:

  20 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

  21 <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:

  22 <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

  23 <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:     <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>

  24 Hasil

Gambar 2.13 Contoh Select

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

  25 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

  26 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

  27 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:

  28 ?> </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>”;

  29 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