Perancangan Sistem Informasi Simulasi Seleksi Bersama Masuk Perguruan Tinggi Negeri Online dengan Menggunakan Pemrograman PHP dan MySQL

(1)

PERANCANGAN SISTEM INFORMASI SIMULASI SELEKSI

BERSAMA MASUK PERGURUAN TINGGI NEGERI ONLINE

DENGAN MENGGUNAKAN PEMROGRAMAN PHP DAN MYSQL

TUGAS AKHIR

NURUL FAHMI

102406103

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

(2)

PERSETUJUAN

Judul

: PERANCANGAN SISTEM INFORMASI SIMULASI

SELEKSI BERSAMA MASUK PERGURUAN

TINGGI NEGERI ONLINE DENGAN

MENGGUNAKAN PEMROGRAMAN PHP DAN

MYSQL

Kategori

: TUGAS AKHIR

Nama

: NURUL FAHMI

Nomor Induk Mahasiswa

: 102406103

Program Studi

: DIPLOMA 3 TEKNIK INFORMATIKA

Departemen

: MATEMATIKA

Fakultas

: MATEMATIKA

DAN

ILMU

PENGETAHUAN

ALAM (MIPA)

UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Mei 2013

Diketahui/ Disetujui Oleh

Ketua Departemen Matematika

FMIPA USU

Pembimbing,

Prof. Tulus, M.Si. Ph.D

Dra. Normalina Napitupulu, M.Sc

NIP. 19620901 198803 1 002

NIP. 19631106 198902 2 001

(3)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI SIMULASI SELEKSI BERSAMA

MASUK PERGURUAN TINGGI NEGERI ONLINE DENGAN

MENGGUNAKAN PEMROGRAMAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa

kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Mei 2013

NURUL FAHMI

102406103

(4)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan

karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rakmat dan ridho-Nya

pula penulis dapat menyelesaikan Tugas Akhir dengan judul “

Perancangan Sistem

Informasi Simulasi Seleksi Bersama Masuk Perguruan Tinggi Negeri Online

dengan Menggunakan Pemrograman PHP dan MySQL

”.

Penyusunan dan

penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap

Mahasiswa Jurusan Teknik Informatika Program Studi D3 di FMIPA USU Medan.

Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akan

terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis mengucapkan

terima kasih dan penghargan yang setinggi-tingginya kepada:

1. Ibu Dra. Normalina Napitupulu, M.Sc selaku Dosen Pembimbing Tugas Akhir yang

telah memberikan bimbingan dan arahan selama ini kepada penulis dalam

menyelesaikan tugas akhir.

2. Bapak Drs. Sutarman, M.Si, selaku Dekan Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Syahril Efendi, M.Sc, selaku Ketua Jurusan Program Studi D3 Teknik

Informatika FMIPA USU.

4. Seluruh Dosen pengajar Program Studi D3 Teknik Informatika Fakultas MIPA

Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada

penulis selama masa perkuliahan.

(5)

5. Ayahanda (Suswadi) dan Ibunda tercinta ( Nurhasanah ), terima kasih atas kasih

sayang dan dukungan baik secara material dan spiritual.

6. Untuk Nenek ( Syahpura ) dan Alm. Atok ( Hasan Basri ), kedua abangku ( Bang

Nurul dan Bang Khairi) dan kedua kakak ipar ( Kak Maya dan Kak Kiki ) serta

keponakanku Mirza Aulia Husni yang sudah memberi semangat dan motivasi selama

perkuliahan hingga sampai saat ini.

7. Untuk sahabatku ( Nur Fadillah, Darman Yusuf Siregar, Kania Ayu Putri, Maifa

Cannie Sylvia, Sauli Ifolala Lase, Azmi M. Sidik dan Wahyu Ramadhan ) Serta

rekan-rekan seangkatan D3 Teknik Informatika Stambuk 2010.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih banyak

kekurangan karena keterbatasan kemampuan yang penulis miliki, untuk itu penulis

mengharapkan kritik dan saran yang membangun.

Akhir kata penulis memohon maaf atas segala kekurangan yang ada dalam

penulisan Tugas Akhir ini dan sekali lagi penulis berharap semoga Tugas Akhir ini

dapat memberikan manfaat bagi penulis dan pembaca.

Medan, Mei 2013

Penulis,

NURUL FAHMI

102406103

(6)

ABSTRAK

Tugas ini bertujuan untuk memberikan kemudahan bagi para pelajar untuk mengasah

dan memperdalam kemampuan dalam menghadapi tes SBMPTN serta membantu dalam

menerapkan sistem baru dalam penerimaan mahasiswa baru. Simulasi SBMPTN ini

disusun dengan menggunakan PHP MySQL, Aplikasi XAMPP 1.6.4 XAMPP Version

1.6.4 yang merangkum Web Server Apache 2.2.3, Web scripting PHP (PHP 5.2.4) dan

MySQL 5.0.4.5. Dan juga HTML(Hypertext Markup Language), CSS

(Cascading Style

Sheet),

Java Script serta menggunakan

website editor

Macromedia Dreamweaver 8,

Sublime Text serta Adobe Photoshop sebagai aplikasi perancangan layout. Sistem ini

diadaptasi seperti SBMPTN meliputi pendaftaran peserta, ujian, serta pengumuman

hasil kelulusan yang kesemuanya dilakukan secara

online.

(7)

DAFTAR ISI

Halaman

Persetujuan

ii

Pernyataan

iii

Penghargaan

iv

Abstrak

vi

Daftar Isi

ix

Daftar Tabel

x

Daftar Gambar

BAB 1 PENDAHULUAN

1 1.1 Latar Belakang

1 1.2 Rumusan Masalah

3 1.3 Batasan Masalah

3 1.4 Tujuan Penelitian

4 1.5 Metode Penelitian

4 1.6 Sistematika Penulisan

6 BAB 2 LANDASAN TEORI

8 2.1 Pengertian Sistem Informasi

8 2.2 Pengertian Simulasi

8 2.3 Sejarah SBMPTN

8 2.4 Data

11 2.5 Pengertian Komputer

11 2.6 Pengertian Internet

12 2.7 PHP (Personal Home Page)

13 2.7.1 Sejarah PHP

13 2.7.2 Konsep dasar PHP

13 2.8 MySQL

17 2.9 Fungsi PHP dan MySQL

17 2.10 Hypertext Marup Language

19 2.11 CSS (Cascading Style Sheet)

21 2.12 Pengenalan Macromedia Dreamweaver 8

22 BAB 3 PERANCANGAN SISTEM

23 3.1 Perancangan Sistem

23 3.2 Data Flow Diagram

23 3.3 Perancangan Basis Data

25 3.4 Flowchart

31

(8)

3.4.4 Flowchart halaman utama admin

38 3.5 Perancangan Antar Muka (Interface)

39 BAB 4 IMPLEMENTASI SISTEM

43 4.1 Pengertian Implementasi Sistem

43 4.2 Tujuan Implementasi Sistem

43 4.3 Komponen Sistem

44 4.3.1 Hardware

44 4.3.2 Software

45 4.3.3 Brainware

45 4.4 Tampilan Akhir Website

46 4.4.1 Halaman index.php

46 4.4.2 Halaman tatacara.php

48 4.4.3 Halaman syarat.php

49 4.4.4 Halaman personal.php

50 4.4.5 Halaman ujian.php

51 BAB 5 KESIMPULAN DAN SARAN

52 5.1 Kesimpulan

52 5.2 Saran

53 Daftar Pustaka

54

(9)

DAFTAR TABEL

Nomor

Judul

Halaman

Tabel

3.1 Simbol-simbol DFD

24

3.2 Login

26

3.3 Register

26

3.4 Personal

26

3.5 Pendidikan

28

3.6 Prodi

28

3.7 Jurusan

29

3.8 Propinsi

29

3.9 Kabupaten

29

3.10 Univ

30

3.11 Progstudi

30

3.12 Banksoal

30

(10)

DAFTAR GAMBAR

Nomor

Judul

Halaman

Gambar

3.1 DFD Level konteks Simulasi SBMPTN Online

25

3.2 Flowchart pencarian

33

3.3 Flowchart login/simulasi peserta

36

3.4 Flowchart login Administrator

37

3.5 Flowchart Halaman Utama Admin

38

3.6 Perancangan tatap muka halaman utama

39

3.7 Perancangan tatap muka halaman biodata

40

3.8 Perancangan tatap muka halaman ujian

41

3.9 Perancangan tatap muka halaman hasil ujian

42

4.0 Halaman index.php untuk user

46

4.1 Halaman index.php untuk admin

47

4.2 Halaman tatacara.php

48

4.3 Halaman syarat.php

49

4.4 Halaman personal.php

50

(11)

ABSTRAK

Tugas ini bertujuan untuk memberikan kemudahan bagi para pelajar untuk mengasah

dan memperdalam kemampuan dalam menghadapi tes SBMPTN serta membantu dalam

menerapkan sistem baru dalam penerimaan mahasiswa baru. Simulasi SBMPTN ini

disusun dengan menggunakan PHP MySQL, Aplikasi XAMPP 1.6.4 XAMPP Version

1.6.4 yang merangkum Web Server Apache 2.2.3, Web scripting PHP (PHP 5.2.4) dan

MySQL 5.0.4.5. Dan juga HTML(Hypertext Markup Language), CSS

(Cascading Style

Sheet),

Java Script serta menggunakan

website editor

Macromedia Dreamweaver 8,

Sublime Text serta Adobe Photoshop sebagai aplikasi perancangan layout. Sistem ini

diadaptasi seperti SBMPTN meliputi pendaftaran peserta, ujian, serta pengumuman

hasil kelulusan yang kesemuanya dilakukan secara

online.

(12)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi informasi yang sedemikian cepatnya telah membawa dunia

memasuki era baru yang lebih cepat dari yang pernah dibayangkan sebelumnya.

Perkembangan teknologi ini membawa perubahan dalam berbagai bidang kehidupan

manusia. Salah satu hasil dari kemajuan teknologi adalah dihasilkannya komputer

sebagai alat bantu manusia dalam melakukan pekerjaan dan juga internet sebagai sarana

komunikasi penghubung yang digunakan melalui komputer.

Janner Simarmata (2009)

Komputer berasal dari bahasa Inggris yaitu,

computer

yang berasal dari kata

compute

yang artinya menghitung. Jadi secara bahasa, komputer adalah alat hitung.

Komputer diciptakan sebagai alat bantu hitung yang memudahkan manusia dalam

melakukan penghitungan. Namun dalam perkembangan teknologi, komputer dapat

digunakan dalam membantu berbagai macam pekerjaan manusia. Seperti dalam bidang

akuntansi, dan administrasi

. (

www.id.wikipedia.org

)

(13)

Selain komputer, internet merupakan salah satu hasil dari kemajuan teknologi

informasi. Jaringan internet merupakan pelopor terjadinya revolusi teknologi. Internet

menjadi dasar perubahan yang terjadi dalam bidang ekonomi, sosial, dan budaya. Pada

bidang ekonomi, hal yang berhubungan dengan transaksi dan administrasi menjadi

semakin mudah dan efisien. Pada bidang sosial, internet mengubah pola hubungan

sosial antar individu yang menghilangkan jarak yang begitu jauh. Pada bidang budaya,

mudahnya terjadi transformasi budaya antar Negara yang harus disikapi dengan cermat

pengaruhnya.

J. Simarmata (2009)

Sistem informasi merupakan suatu sistem yang menerima masukan data dan

instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan hasilnya.

Gordon B. Davis (1991: 91)

Sistem informasi merupakan sarana alternatif untuk membantu memberikan

informasi bagi suatu lembaga/perusahaan ataupun perorangan. Salah satunya adalah

website, merupakan sarana promosi yang memberikan kemudahan bagi siapa saja yang

ingin mengaksesnya kapanpun dan dimanapun.

Pada saat ini, pelajar khususnya pelajar tingkat akhir SMA/Sederajat dihadapkan

pada tantangan untuk melanjutkan ke jenjang yang berikutnya yaitu kuliah di sebuah

Universitas. Namun semua itu tidaklah mudah, mereka harus menghadapi serangkaian

tes untuk masuk ke perguruan tinggi yang mereka inginkan.

(14)

Melihat hal itu penulis ingin merancang suatu sistem informasi yang dapat

membantu khususnya pelajar untuk mendalami dan mengasah kemampuan mereka.

Sehingga untuk mengatasi permasalahan di atas penulis akan membuat tugas akhir

dengan judul :

“

Perancangan Sistem Informasi Simulasi Seleksi Bersama Masuk

Perguruan Tinggi Negeri Online dengan Menggunakan Pemrograman PHP dan

MySQL”.

1.2 Rumusan Masalah

Sesuai dengan latar belakang masalah di atas dapat di rumuskan menjadi beberapa

masalah sebagai berikut :

1. Bagaimana Simulasi SBMPTN Online ini dapat berjalan lebih efektif dan

efisien?

2. Bagaimana merancang dan membangun sebuah Simulasi SBMPTN

online

?

3. Sejauh mana aplikasi ini dapat membantu pengguna

dengan baik.

1.3 Batasan Masalah

Dalam perancangan kamus ini dilakukan beberapa batasan sebagai berikut :

1. Bahasa pemrograman yang digunakan dalam perancangan website ini adalah

bahasa pemrograman PHP dengan basis data MySQL.

(15)

3. Aplikasi ini terfokus mulai dari pendaftaran, mengikuti ujian, serta pengumuman

kelulusan dan semua itu secara

online.

4. Penggunaan

website

ini dapat diakses dimana saja dan kapan saja.

1.4 Tujuan Penelitian

Dalam penyusunan tugas akhir ini tujuan yang hendak dicapai dalam

website

simulasi

SBMPTN ini adalah:

1. Merancang sebuah

website

untuk membantu pelajar dalam uji coba kemampuan

untuk masuk ke perguruan tinggi.

2. Merancang

website

yang dapat dikembangkan dan digunakan oleh pemerintah

untuk dijadikan sebuah sistem yang dapat digunakan sebagai acuan penerimaan

mahasiswa baru.

1.5 Metode Penelitian

Metode Penelitian adalah langkah-langkah sistematik yang ini digunakan untuk

mengerjakan atau menyelesaikan suatu masalah. Metode penelitian digunakan sebagai

pedoman dalam melaksanakan penelitian agar hasil yang dicapai tidak menyimpang dari

tujuan yang ditentukan sebelumnya.

(16)

Metodologi penelitian yang digunakan penulis untuk menyelesaikan permasalah

yang terjadi di atas adalah :

1. Studi Literatur

Pengumpulan data yang erat kaitannya dengan permasalahan dengan cara membaca

buku-buku, makalah dan membaca bahan-bahan sumber lainnya di perpustakaan

USU.

2. Analisis Sistem

Melakukan analisis sistem terhadap masalah yang ada mengenai

website

simulasi

SBMPTN bisa dijalankan dengan mudah dan bisa dimanfaatkan oleh pengguna pada

komputer dengan fasilitas internet.

3. Desain Sistem

Pada tahap ini dilakukan perancangan program, membuat desain

website

simulasi

SBMPTN tersebut.

4. Uji Coba

Melakukan pengujian program, mengangani dan memperbaiki kesalahan yang ada

pada website simulasi SBMPTN tersebut agar dapat berjalan dengan baik.

5. Dokumentasi

Pada tahap ini dilakukan pembuatan laporan mulai dari studi literatur sampai dengan

implementasi, serta penarikan kesimpulan dan saran. Pada tahap ini juga ada dicatat

(17)

apa saja yang menjadi kelemahan dan kelebihan dalam

website

simulasi SBMPTN

ini

1.6 Sistematika Penulisan

Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :

BAB 1

: PENDAHULUAN

Bab ini merupakan bagian yang berisi mengenai latar belakang,

rumusan masalah, batasan masalah, tujuan penelitian, metode penelitian

serta sistematika penulisan.

BAB 2

: LANDASAN TEORI

Bab ini merupakan uraian teoritis mengenai pengertian-pengertian dan

mengenai bahasa pemrograman yang digunakan.

BAB 3

: PERANCANGAN SISTEM

Bab ini berisi rancangan aplikasi yang akan dibentuk, pengertian

perancangan sistem, data flow diagram, flowchart, persiapan database,

file yang digunakan serta algoritma terbentuknya program.

(18)

BAB 4

: IMPLEMENTASI SISTEM

Bab ini berisi uraian pengertian dan implementasi sistem, spesifikasi

aplikasi, instalasi PHP, MySQL dan Apache, Pengujian pada browser

dan tampilan halaman aplikasi

web

yang dirancang.

BAB 5

: KESIMPULAN DAN SARAN

Bab ini berisi uraian mengenai kesimpulan dan saran dari penelitian

yang telah dilakukan.

(19)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem Informasi

Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi,

mengolah data tersebut sesuai dengan instruksi dan mengeluarkan hasilnya.

Gordon B.

Davis (1991: 91)

Sistem informasi merupakan sarana alternatif untuk membantu memberikan

informasi bagi suatu lembaga/perusahaan ataupun perorangan. Salah satunya adalah

website, merupakan sarana promosi yang memberikan kemudahan bagi siapa saja yang

ingin mengaksesnya kapanpun dan dimanapun.

2.2 Pengertian Simulasi

(20)

menggambarkan sifat-sifat karakteristik kunci dari kelakuan sistem fisik atau sistem

yang abstrak tertentu. (

www.wikipedia.org

)

2.3 Sejarah SBMPTN

SBMPTN merupakan singkatan dari Seleksi Bersama Masuk Perguruan Tinggi Negeri,

dahulunya bernama Seleksi Nasional Masuk Perguruan Tinggi Negeri (SNMPTN).

SNMPTN (Seleksi Nasional Masuk Perguruan Tinggi Negeri) adalah salah satu bentuk

ujian penerimaan mahasiswa untuk perguruan tinggi negeri yang dilakukan secara

serentak di seluruh Indonesia.

Pada tahun 1976, sistem ujian ini pada awalnya bernama Sekretariat Kerja sama

antar Lima Universitas (SKALU). Program rintisan ini merupakan kerjasama antara

Universitas Indonesia di Jakarta, Institut Pertanian Bogor, Institut Teknologi Bandung,

Universitas Gadjah Mada di Yogyakarta, dan Universitas Airlangga di Surabaya.

Dengan sistem ujian masuk secara serentak ini, para calon mahasiswa tidak perlu

melakukan perjalanan jauh untuk menempuh beberapa ujian masuk perguruan tinggi

negeri favorit pada waktu dan tempat yang berbeda. Hal ini menghemat waktu dan

biaya walaupun sistem ini jelas mengakibatkan peluang seorang calon mahasiswa untuk

memilih lebih dari satu PTN favorit menjadi hilang.

Tahun 1977, sistem SKALU diperbaiki dengan mengharuskan mahasiswa

memilih program studi dan bukan hanya perguruan tinggi yang ingin dimasukinya. Atas

(21)

pertimbangan jumlah PTN, standar dan lokasi, pada 1979 sistem ini dikembangkan

dengan melibatkan lebih banyak perguruan tinggi negeri, yang dibagi ke dalam tiga

kategori. Kategori pertama di beri nama Proyek Perintis 1 yang melibatkan 10

perguruan tinggi, yaitu kelima perguruan tinggi di atas ditambah dengan Universitas

Padjadjaran di Bandung, Universitas Diponegoro

Semarang, Universitas Brawijaya

Malang, Institut Teknologi Sepuluh Nopember Surabaya, dan Universitas Sumatera

Utara di Medan. Proyek Perintis 1 ini lebih dikenal dengan nama Sekretariat Kerja sama

Antar Sepuluh Universitas (SKASU). Dalam sistem ini, mahasiswa diizinkan memilih

tiga program studi di tiga perguruan tinggi. Setelah kategori pertama, IPB, UI, ITB, dan

UGM menyelenggarakan penerimaan mahasiswa baru tanpa ujian yang dikenal dengan

nama Proyek Perintis 2. Sementara itu, 23 perguruan tinggi negeri lainnya

mengembangkan sistem yang mirip Proyek Perintis 1 dengan nama Proyek Perintis.

Sedangkan kategori tiga, yaitu perintis tiga, merupakan seleksi pada 23 PTN lainnya

dengan proyek perintis tiga. Pada saat yang sama, 10 Institut Keguruan dan Ilmu

Pendidikan (IKIP) mengembangkan sistem penerimaan dengan nama Proyek Perintis 4.

Tahun 1983, Depdiknas memutuskan mengadopsi sistem Proyek Perintis 1 dan 2

secara nasional dengan menghapus Proyek Perintis 3 dan 4. Sistem baru ini melibatkan

semua perguruan tinggi negeri dan dikenal sebagai Sistem Penerimaan Mahasiswa Baru

(SIPENMARU), sedangkan sistem penerimaan tanpa ujian dikenal dengan nama

Penelusuran Minat dan Kemampuan (PMDK). Tahun 1989, PMDK dihapus dan

SIPENMARU berubah menjadi Ujian Masuk Perguruan Tinggi Negeri (UMPTN).

Tahun 2002, UMPTN berubah nama menjadi Sistem Penerimaan Mahasiswa Baru

(22)

Perguruan Tinggi Negeri (SNMPTN) hingga saat ini menjadi Seleksi Bersama Masuk

Perguruan Tinggi Negeri (SBMPTN).

(

www.seputarsnmptn.awaludin.com

)

2.4 Data

Data berasal dari bahasa Latin yaitu datum yang berarti fakta, kenyataan, kejadian atau

peristiwa. Jadi data atau fakta adalah kenyataan dari sesuatu kejadian atau peristiwa.

Data dapat didefinisikan yaitu kumpulan fakta-fakta yang berupa fisik dan bukan fisik,

kejadian-kejadian dan prosedur yang belum diolah manusia atau peralatan yang

digunakan oleh manusia.

Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam proses

penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data merupakan

keterangan yang masih mentah (belum diolah). Agar dapat dipergunakan, maka data

tersebut harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan

keperluan yang dibutuhkan.

Kenneth C. Laudon dan Jane P. Laudon (2008)

2.5 Pengertian Komputer

Istilah komputer

(computer)

diambil dari bahasa Latin

computare

yang berarti

menghitung

(to compute).

Dengan demikian komputer dapat diartikan sebagai alat

hitung. Komputer bukan sekedar mesin hitung tetapi komputer mempunyai kemampuan

(23)

yang dapat membantu manusia dalam menyelesaikan pekerjaan. Komputer dapat

melakukan berbagai macam pekerjaan sesuai dengan program yang diberikan. Program

adalah sekumpulan instruksi atau perintah terperinci yang sudah dipersiapkan agar

komputer dapat melakukan fungsinya dengan cara yang sudah ditentukan. Komputer

adalah alat elektronik yang mampu melakukan beberapa pekerjaan diantaranya:

a. Menerima masukan data

b. Memproses masukan sesuai dengan programnya.

c. Menyimpan perintah-perintah dan hasil dari pengolahan.

d. Menyediakan keluaran dalam bentuk informasi

(

www.id.wikipedia.org

)

2.6 Pengertian Internet

Internet

(Interconnected Network)

merupakan jaringan komputer yang terdiri dari

ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang

lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni

Inter

yang berarti

antar dan

Net

yang berarti jaringan sehingga Internet dapat diartikan hubungan antar

jaringan.

MADCOMS (2008)

(24)

2.7 PHP (Personal Home Page)

PHP adalah singkatan dari

Personal Home Page

yang merupakan bahasa standar yang

digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk

script

yang diletakkan didalam

web server

. Ada beberapa pengertian tentang PHP, akan

tetapi PHP dapat diartikan sebagai

Hypertext Preeprocessor

. Ini merupakan bahasa

yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien.

Interpreter

PHP dalam mengeksekusi kode PHP pada sisi

server

disebut

serverside

,

berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien

(client-server)

.

Kasiman Peranginangin, (2009)

2.7.1 Sejarah PHP

PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP

digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada

homepage

-nya. Rasmus lerdorf adalah seorang pendukung

open source

. Oleh karena

itu, ia mengeluarkan

Personal Home Page Tools

versi 1.0 secara gratis, kemudian

menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam

website

didunia. Sebuah

kelompok pengembang

software

yang terdiri dari Rasmus, Zeew Zuraski, Andi Gutman,

Stig Bakken, Shane Caraveo dan Jim Winstead bekerjasama untuk menyempurnakan

(25)

PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus

dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0. Tidak berhenti sampai disitu,

kemampuan PHP terus ditambah dan versi terbaru yang dikeluarkan adalah PHP 5.0.x.

Kasiman Peranginangin, 2009

2.7.2 Konsep dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar

(>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:

1. <?

…..skrip PHP

?>

2. <?php

…..skrip PHP

?>

3. <script language=”PHP”>

…..skrip PHP

(26)

4. <%

…..skrip PHP

%>

Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau

menambahkan komentar/standar penulisan adalah: /* komentar */, // komentar, #

komentar. Untuk menuliskan skrip PHP ada dua cara yang sering digunakan yaitu

Embedded Script

dan

Non-Embedded Script.

a.

Embedded Script

adalah

script

PHP yang disisipkan diantara tag dokumen html.

Contoh penulisan dari

Embedded Script:

<html>

<head><title>

Embedded Script

</title></head>

<body>

<?pho

echo “Hallo, selamat menggunakan PHP”;

?>

</body>

</html>

b.

Non-Embedded Script

adalah skrip PHP murni, tag html yang digunakan untuk

membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan dari

Non-Embedded Script

:

(27)

<?php

echo “<html>”:

echo “<head>”:

echo “<title>Mengenal PHP</title>”:

echo “</head>”:

echo “<body>”:

echo “<p>PHP itu mudah</p>”:

echo “</body>”:

echo “<html>”:

?>

Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan

ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui komputer local

maka file PHP disimpan di

folder htdocs

di

web server

. Sama halnya dengan penaman

dokumen html, pemberian nama dokumen yang sama tetapi dituliskan dengan

case

yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip dapat disisipkan di

bagian manapun dalam dokumen html, begitu pula sebaiknya skrip HTML dapat

diletakkan di antara skrip PHP.

Kasiman Peranginangin, 2009

(28)

2.8 MySQL

MySQL merupakan software sistem manajemen database (

Database Management

System

–

DBMS

) yang sangat popular di kalangan pemrogram

web,

terutama di

lingkungan Linux dengan menggunakan skrip dan Ped.

Fungsi MySQL dapat dikatakan sebagai

interpreter query, karena setiap kita

menggunakan

query

SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini.

Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL

termasuk jenis relational database management system (RDBMS). Sehingga istilah seperti

tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database

mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL merupakan kependekan Structured Query language. SQL digunakan untuk

berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintah-perintah

untuk menyimpan, menerima, memelihara, dan mengatur akses-akses ke basis data serta

digunakan untuk memanipulasi dan menampilkan data dari database.(R.W. Rosari, 2008)

.

2.9 Fungsi PHP dan MySQL

Fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya adalah :

a.

mysql_connect()

, fungsi mysql_connect adalah untuk menghubungkan PHP

dengan

database

MySQL.

(29)

Format fungsinya adalah : mysql_connect(

string hostname

,

string username,

string password

);

b.

mysql_select_db,

setelah terhubung ke

database

MySQL dengan menggunakan

mysql_connect, langkah selanjutnya adalah memilihi

database

yang akan

digunakan. Fungsi mysql_connect_db digunakan untuk memilih

database

.

Format fungsinya adalah: mysql_select_db(

string database

, koneksi);

c.

mysql_query,

dalam database MySQL, perintah untuk melakukan trnasaksi ialah

perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan

query. Query

memberi perintah kepada

database

untuk melakukan apa yang dikehendaki.

Format fungsinya adalah: int mysql_query(

string query

, int[link_identifier]);

d.

mysql_num_rows,

kegunaan dari fungsi ini adalah untuk menghitung jumlah

baris yang dikenai oleh proses SQL. Format penulisannya adalah: int

mysql_num_rows(int result);

e.

mysql_fetch-array,

fungsi ini digunakan untuk menampilkan data. Dalam fungsi

ini, hasil

query

ditampung dalam bentuk array. Format fungsinya adalah: Array

mysql_fetch_array(int result, int [

result_type

]);

(30)

2.10 Hypertext Markup Language (HTML)

Hypertext Markup Language

merupakan kepanjangan dari kata HTML. HTML adalah

script

dimana kita bisa menampilkan informasi dan daya kreasi kita lewat

intenet

.

HTML juga merupakan

file

teks murni yang dapat dibuat dengan

editor

teks sembarang

yaitu yang dikenal sebagai

web page

atau dokumen yang disajikan dalam

web browser.

Dokumen ini umumnya berisi informasi atau interface aplikasi didalam internet.

HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding

bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh

berbagai

platform

seperti : windows, Linux, Macintosh. Kata

Markup Language

pada

HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML sehingga kita

bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah

ditentukan dalam elemen HTML.

Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda lebih

kecil (<) dan tanda lebih besar (>) yang disebut dengan tag. Misalnya hendak

menampilkan teks yang tercetak miring, maka

mark up

yang digunakan adalah sebagai

berikut :

<i> Teks ini akan dicetak miring </i>

(MADCOMS, 2008)

HTML itu sendiri terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu

kelompok perintah tertentu, misalnya kelompok perintah

form

yang ditandai dengan

(31)

kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai

bagian-bagian HTML perhatikan skema dibawah ini :

<html>

<head>

<title> Judul Halaman </title>

</head>

<body>

…isi dari halaman

web

…

</body>

</html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tand

pembuka <html> dan diakhiri

dengan tanda

penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode untuk menuliskan

keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan

scripts

pemrograman

web

seperti Javascript, VBscript atau CSS untuk menambah daya tarik

pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen-elemen <body></body> berisi tag-tag untuk isi atau layout tampilan situs

kita, sep

erti : <font></font>, <table></table>, <form></form>.

(32)

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari

kodekode tag tersebut. Sedangkan

hanyalah merupakan bagian dari elemen.

adalah kode-kode yang digunakan untuk mengatur dokumen HTML. Secara garis besar

bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada

juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img> dan lain-lain.

(MADCOMS, 2008)

2.11 CSS (Cascading Style Sheet)

CSS merupakan kependekan

Cascading Style Sheet

yang berfungsi untuk mengatur

tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML.

CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat

digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan

menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu mengubah

satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung

dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan

meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol tampilan dalam

banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4

dan pada versi sebelumnya, hanya Internet Explorer yang masih mampu mengenal CSS.

Tampilan CSS dapat berbeda jika ditampilkan pada menu browser yang berbeda. (Diar

Puji Oktavian, 2010

)

(33)

2.12 Pengenalan Macromedia Dreamweaver 8

Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan dari

perusahaan Macromedia, Inc. Software ini bergerak dalam bidang perancangan web.

Sekelompok software perancang web diantaranya Flash, Dreamweaver, Firework,

Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat

software

pembangun

website

yang mampu melakukan banyak hal dan memiliki banyak

keunggulan.

Dreamweaver 8 adalah suatu bentuk

software editor web

yang dibuat oleh

Macromedia. Dengan software ini, seorang

programmer web

dapat dengan mudah

membuat tampilan websitenya. Dreamweaver 8 merupakan editor yang komplit dan

dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan

adanya

software

ini kita tidak direpotkan untuk menuliskan skrip-skrip format HTML,

PHP, ASP maupun bentuk program lainnya.

(34)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan

user

(pemakai)

mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta

diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu

sistem baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki

sistem yang telah ada. Desain sistem secara umum mengidentifikasikan

komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci

dimaksudkan untuk pemogram komputer dan ahli teknik lainnya yang akan

mengimplementasikan sistem.

3.2 Data Flow Diagram

(DFD) merupakan alat bantu yang dapat digunakan untuk

menggambarkan aliran data informasi dan transformasi (proses) dari data dimulai dari

pemasukan data sampai

(35)

menghasilkan keluaran (output) data. Adapun simbol-simbol dari

Data Flow Diagram

yaitu:

Tabel 3.1 Simbol-simbol DFD

No

Gambar

Nama

Fungsi

1 Kesatuan Luar

(Exsternal Entity)

Merupakan kesatuan luar di

lingkungan luar sistem yang

akan memberikan

input

atau

menerima

outpu

t dari sistem.

2 Proses

(Proses)

Kegiatan dari hasil suatu arus

data yang masuk dalam proses

untuk dihasilkan arus data yang

akan

keluar

atau

untuk

mengubah input menjadi

output.

3 Aliran Data

(Data Flow)

Data mengalir melalui sistem

dimulai dengan sebagian

input

dan diubah menjadi

output.

4 Penyimpanan

Data

(Data Storage)

Data disimpan untuk keperluan

berikutnya.

(36)

Berikut ini merupakan Data Diagram Flow dari rancangan Sistem Informasi

Simulasi SBMPTN Online.

3.3 Perancangan Basis Data

Basis data atau database merupakan kumpulan data yang saling berhubungan satu

dengan lainnya, tersimpan disimpanan luar komputer dan digunakan perangkat lunak

tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang

penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi

User

Admin

SBMPTN

Online

1. Input data peserta

2. Simulasi SBMPTN

online

3. Hasil simulasi

2 Input no. pin peserta

3 Input soal

1. Pengelolaan data peserta

2. Pemrosesan hasil

simulasi

(37)

para pemakainya. Karena database merupakan kumpulan dari beberapa file, dalam hal

ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai

dengan informasi yang terkandung di dalamnya. Berikut rancangan tabel yang

digunakan dalam membangun aplikasi web ini:

Nama Field

Tipe

Lebar

Penjelasan

username

varchar

20 Username untuk admin

password

varchar

20 Kata sandi untuk admin

Nama Field

Tipe

Lebar

Penjelasan

varchar

18 Pin yang digunakan

peserta untuk login.

(primary key)

jenis

varchar

3 Jenis dari pin apakah

IPA, IPS atau IPC.

Nama Field

Tipe

Lebar

Penjelasan

id

varchar

12 Nomer identitas peserta

Tabel 3.2 Tabel Login

Tabel 3.3 Tabel Register

(38)

nama

varchar

100 Nama lengkap peserta

alamat

varchar

100 Alamat peserta

prop

varchar

50 Propinsi alamat peserta

kab

varchar

50 Kab/kota dari alamat

peserta

kode_pos

varchar

10 Kode pos alamat peserta

telp

varchar

15 No telp/hp peserta

tpt_lahir

varchar

30 Tempat lahir peserta

prop_lahir

varchar

50 Propinsi kelahiran

peserta

kab_lahir

varchar

50 Kab/kota lahir peserta

jkel

varchar

10 Jenis kelamin peserta

agama

varchar

20 Agam peserta

foto

varchar

50 Foto dari peserta

kwn

varchar

5 Kewarganegaraan

peserta

adik

int

3 Jumlah adik peserta

kakak

int

3 Jumlah kakak peserta

nama_ayah

varchar

50 Nama ayah peserta

nama_ibu

varchar

50 Nama ibu peserta

pend_ayah

varchar

15 Pendidikan terakhir ayah

pend_ibu

varchar

15 Pendidikan terakhir ibu

kerja_ayah

varchar

30 Pekerjaan ayah

kerja_ibu

varchar

30 Pekerjaan ibu

hasil_ayah

varchar

30 Penghasilan ayah

hasil_ibu

varchar

30 Penghasilan ibu

varchar

18 Pin peserta untuk relasi

(39)

Nama Field

Tipe

Lebar

Penjelasan

asal_sma

varchar

30 Asal SMA dari peserta

prop_sma

varchar

30 Propinsi asal SMA

kab_sma

varchar

30 Kab/kota asal SMA

jur

varchar

10 Jurusan di SMA

thn_msuk

int

10 Tahun masuk peserta

kelas

int

1 Kelas masuk pertama di

SMA asal

un_mp

varchar

5 Jumlah maple ujian

nasional

un_nilai

varchar

5 Nilai akhir ujian nasional

thn_lulus

int

10 Tahun lulus peserta

varchar

18 Pin peserta untu relasi

tabel (

foreign key

)

Nama Field

Tipe

Lebar

Penjelasan

ptn_satu

varchar

30 Perguruan tinggi pilihan

pertama

prodi_satu

varchar

30 Program studi pilihan

pertama

ptn_dua

varchar

30 Perguruan tinggi pilihan

kedua

prodi_dua

varchar

30 Program studi pilihan

kedua

Perguruan tinggi pilihan

Tabel 3.5 Tabel Pendidikan

(40)

prodi_tiga

varchar

30 Program studi pilihan

ketiga

varchar

18 Pin peserta untuk relasi

antar tabel

(foreign key)

Nama Field

Tipe

Lebar

Penjelasan

kode_jur

int

3 Kode dari jurusan yang

akan dipilih peserta

jur

varchar

10 Jurusan pilihan peserta

mendaftar

Nama Field

Tipe

Lebar

Penjelasan

kode

varchar

2 Kode id dari propinsi

nama

varchar

40 Nama propinsi

Nama Field

Tipe

Lebar

Penjelasan

kode

varchar

4 Kode id dari kabupaten

nama

varchar

40 Nama kab/kota

kode_prop

varchar

2 Foreign key sebagai

relasi antar tabel

Tabel 3.7 Tabel Jurusan

Tabel 3.8 Tabel Propinsi

(41)

Nama Field

Tipe

Lebar

Penjelasan

Kode_univ

varchar

2 Kode id dari universitas

nama

varchar

40 Nama universitas

Nama Field

Tipe

Lebar

Penjelasan

kode_prodi

varchar

4 Kode id dari program

studi

kode_univ

varchar

2 Foreign key

untuk relasi

antar tabel

kode_jur

varchar

3 Foreign key

untuk relasi

antar tabel

prodi

varchar

100 Nama program studi

pasgrade

varchar

10 Passing grade

dari

program studi

Nama Field

Tipe

Lebar

Penjelasan

soalid

int

5 Kode id dari soal

kategori

tinytext

Pilihan kategori dari soal

topik

tinytext

Topik pembahasan soal

gambar

varchar

100 Gambar soal

Tabel 3.10 Tabel Univ

Tabel 3.11 Tabel Progstudi

(42)

pilihan_a

tinytext

Opsi pilihan jawaban a

pilihan_b

tinytext

Opsi pilihan jawaban b

pilihan_c

tinytext

Opsi pilihan jawaban c

pilihan_d

tinytext

Opsi pilihan jawaban d

pilihan_e

tinytext

Opsi pilihan jawaban e

jawaban

tinytext

Jawaban yang benar

3.4 Flowchart

adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan

rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga

digunakan untuk menggambarkan urutan langkah-langkah pekerjaan disuatu algoritma.

Penjelasan arti lambang-lambang

flowchart

dapat didefenisikan seperti tabel berikut:

No

Simbol

Fungsi

1 Terminator,

untuk memulai dan mengakhiri

suatu program.

2 Process,

suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan oleh komputer.

3 Data, digunakan untuk memasukkan data

maupun menunjukkan hasil dari suatu proses.

Tabel 3.13 Tabel Flowchart

(43)

4 Decision

, suatu kondisi yang akan menghasilkan

beberapa kemungkinan jawaban atau pilihan.

5 Preparation

, suatu simbol yang menyediakan

tempat-tempat pengolahan data dalam

storage.

6 Connector,

merupakan simbol untuk masuk dan

keluarnya suatu prosedur pada lembar kertas

yang sama.

7 Off-Page Connector

, merupakan simbol untuk

masuk dan keluarnya suatu prosedur pada

lembar kertas yang lain.

8 Arus atau

flow,

prosedur yang dapat dilakukan

dari atas ke bawah, bawah ke atas, dari kiri ke

kanan, atau dari kanan ke kiri.

9 Document

, merupakan simbol untuk data yang

berbentuk informasi

.

10 Predefined

process

,

digunakan

untuk

menyatakan sekumpulan langkah proses yang

ditulis sebagai prosedur.

11 Display,

untuk

output

yang ditujukan suatu

device,

seperti monitor.

(44)

3.4.1 Flowchart pencarian

Start

Melakukan

pencarian

Masukan kata kunci

Jika

ditemukan

Tampikan data

ya

Halaman

utama

Stop

tidak

(45)

3.4.2 Flowchart login dan simulasi peserta

Start

Stop

Halaman

Utama

Selesai

Masukan PIN SBMPTN

Cek

Salah

Benar

Halaman Data

Personal

Input Data Personal

Peserta

Disimpan ke Database

Data

tersimpan

Halaman Data

Pendidikan

Input Data Pendidikan

Peserta

(46)

Disimpan ke Database

Data

tersimpan

Halaman

Pemilihan Prodi

Input Pilihan Prodi

Data

tersimpan

Halaman Simulasi

Ujian SBMPTN

Disimpan ke Database

X

A

Y

(47)

Soal Simulasi

Input Jawaban

Proses

Hasil

Gambar 3.3 Flowchart login/simulasi peserta

B

Y

(48)

3.4.3 Flowchart login administrator

Start

Masukkan Username

Halaman

Utama

Username

Benar

Masukkan Password

Password

Salah

Password

Benar

B

(49)

3.4.4 Flowchart halaman utama admin

Halaman Utama Admin Manajemen Data Tambah Data Simpan ke Database Ya Tambah Data Ya Tidak Ubah Data Simpan ke Database Ubah Data Ya Tidak Hapus Data Simpan ke Database Hapus Data Ya Ubah Password Berhasil

Edit Simpan ke

Database Edit Password Ya Logout Tidak Tidak Prosedur Logout

Ya Ya

(50)

3.5 Perancangan Antar Muka (Interface)

Antarmuka

(Interface)

merupakan bagian dari sistem aplikasi yang digunakan sebagai

alat komunikasi antara sistem dan

user

. Perancangan antarmuka dalam simulasi

SBMPTN ini terdiri dari :

1. Halaman utama (Index.php)

Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Pada

halaman ini berisi menu utama beranda, tata cara, syarat dan ketentuan, sistem penilaian

dan tentang kami. Halaman ini juga berisi menu login.

Beranda

Tata Cara

Syarat

Penilaian Tentang kami

Penjelasan Setiap

Halaman

Logo

Form Login

_Gambar

Catatan Kaki

(51)

2. Halaman isi biodata (Personal.php)

Merupakan halaman pengisian biodata lengkap peserta setelah melakukan login.

Biodata yang diisi mulai dari data personal, pendidikan sekolah serta pilihan program

studi yang akan diambil.

Judul

Logo

Form Foto

Petunjuk Pengisian

Formulir Biodata Peserta

Tombol Simpan

(52)

3. Perancangan tatap muka ujian (Start.php)

Halaman ini merupakan halaman tempat para peserta yang sudah login kemudian

mengisi biodata dan selanjutnga mengikuti ujian.

Judul Utama

Logo

Soal Ujian

Waktu

Tombol Selesai

(53)

4. Perancangan tatap muka hasil ujian (Hasil.php)

Pada halaman sebelumnya peserta melakukan ujian, setelah manjawab seluruh

pertanyaan dari halaman ujian maka peserta akan dibawa ke halaman hasil yaitu untuk

menampilkan hasil kelulusan/tidaknya peserta SBMPTN tersebut.

Gambar 3.9 Perancangan tatap muka halaman hasil ujian

Header

Logo

Data Peserta

Foto

(54)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan sistem yang

ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal

dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang

dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat/sesuai untuk merancang

website

.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan

website.

4. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem

(55)

1. Memberi rangkaian sistem baik dari segi

software

maupun

hardware

sebagai sarana pengolahan data dan penyajian informasi.

2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau

yang telah disetujui.

4.3 Komponen Sistem

Untuk menjalankan sistem yang telah dirancang, dibutuhkan beberapa komponen,

antara lain:

4.3.1 Hardware

Merupakan suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang

diusulkan. Dalam hal ini, dapat dirincikan spesifikasi komponen

hardware

yaitu:

1. PC dengan processor minimal Intel Pentium III 733 MHz.

2. Hard disk 20 GB.

3. Monitor Super VGA.

4. Memory minimal 128 MB.

5. Keyboard.

6. Mouse.

7. Printer.

(56)

4.3.2 Software

Hardware

tidak akan memecahkan suatu masalah tanpa adanya komponen

software.

Adapun

software

yang sering digunakan dalam pembuatan

website

ini adalah:

a.

Sistem operasi Ms. Windows XP.

b.

XAMPP Version 1.6.4

software

yang merangkum Apache 2.2.8 sebagai

web

server

, PHP 5.2.4 sebagai

web programming

dan MySQL 5.0.45 sebagai

database server.

c.

Macromedia Dreamweaver 8 dan Sublime Text sebagai

web editor.

d.

Adobe Photoshop CS5 sebagai desain

layout.

4.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan

informasi, pemrosesan dan penggunaan keluaran informasi. Brainware dalam sistem ini

terbagi atas:

1. Sistem analis: orang yang menganalisa sistem dengan mempelajari

masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan

mengidentifikasi pemecahan yang beralasan.

2. Programmer: orang yang membuat sistem dengan menggunakan salah satu

bahasa pemrograman yang dikuasainya.

(57)

4.4 Tampilan Akhir Website

4.4.1 Halaman index.php

Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Pada

halaman ini berisi menu utama beranda, tata cara, syarat dan ketentuan, sistem penilaian

dan tentang kami. Halaman ini juga berisi menu pencarian dan login. Halaman index

yang penulis bangun dibagi menjadi 2 bagian yaitu :

1. Halaman index.php untuk user

Merupakan halaman yang dapat diakses oleh user yang mengunjungi situs tersebut.

User dapat melihat informasi tata cara mendaftar, persyaratan serta cara penilaian dari

simulasi SBMPTN ini.

(58)

2. Halaman index.php untuk admin

Merupakan halaman yang dikhususkan untuk administrator situs, yang jika ingin masuk

ke halaman ini harus melakukan login terlebih dulu. Di halaman ini administrator bisa

melakukan penambahan, pengeditan maupun penghapusan terhadap data peserta

maupun soal-soal simulasi.

(59)

4.4.1 Halaman tatacara.php

Halaman ini berisi tentang tata cara untuk mengikuti Simulasi Ujian Seleksi Bersama

Masuk Perguruan Tinggi Negeri (SBMPTN) Online.

(60)

4.4.2 Halaman syarat.php

Halaman ini berisi tentang syarat dan ketentuan yang harus dipatuhi setiap peserta

simulasi sebelum mengikuti simulasi SBMPTN online ini.

(61)

4.4.3 Halaman personal.php

Pada halaman ini peserta diwajibkan mengisi seluruh borang atau formulir identitas

pendaftaran yang selanjutnya akan diproses oleh sistem untuk kemudian masuk

kedalam form tampilan data.

(62)

4.4.4 Halaman ujian.php

Merupakan halaman yang digunakan untuk menampilkan seluruh soal yang akan

dijawab oleh peserta

(63)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam

membangun sistem informasi simulasi Seleksi Bersama Masuk Perguruan Tinggi

Negeri (SBMPTN) Online, maka dapat disimpulkan bahwa:

1. Penggunaan dan pemanfaatan

website

ini dapat membantu para peserta

SBMPTN mengasah kemampuan mereka dan sebagai bahan uji coba sebelum

menghadapi ujian sebenarnya.

2. Peserta dimudah kan dengan cara dapat mengikuti simulasi ini dimana saja dan

kapan saja hanya dengan komputer serta jaringan yang terhubung ke internet

maka dapat menghemat tenaga dan waktu.

3. Website ini bersifat

realtime

dan dinamis sehingga memudahkan peserta dalam

menggunakan aplikasi ini.

4. Dalam membuat

website

yang dinamis tidak hanya dibutuhkan bahasa

pemrograman HTML, tetapi juga PHP sebagai

web scripting

, MySQL sebagai

(64)

5. Pembuatan program dengan menggunakan PHP dan MySQL lebih memudahkan

dalam hal perancangan dan untuk hasil akhirnya

(output)

dan lebih mudah

dimengerti oleh pemakai.

5.2 Saran

Dengan selesainya perancangan Simulasi Seleksi Bersama Masuk Perguruan Tinggi

Negeri (SBMPTN) Online ini maka diharapkan kepada calon mahasiswa agar mengasah

kemampuannya mengikuti simulasi ini sebelum mengikuti ujian sebenarnya. Penulis

juga berharap nantinya sistem simulasi SBMPTN ini dapat diterapkan untuk

menggantikan sistem ujian dalam penerimaan mahasiswa baru.

(65)

DAFTAR PUSTAKA

Desiani, A., dan Arhami, M. 2008.

Konsep Kecerdasan Buatan.

Yogyakarta: Penerbit

ANDI.

Kadir, Abdul. 2009.

Belajar Database Menggunakan MySQL

. Yogyakarta: Penerbit

ANDI.

Kurniawan, Budi. 2008.

Desain Web Praktis dengan CSS

. Jakarta: Penerbit PT.

Gramedia Elex Media Komputindo.

Laudon, Kenneth C. dan Laudon, Jane P. 2008.

Sistem Informasi Manajemen

. Jakarta:

Penerbit Salemba Empat.

Lauster, Peter. 2008.

Tes Kepribadian. Terjemahan D.H. Gulo

. Jakarta: PT Bumi

Aksara.

MADCOMS.

Dasar Teknis Instalasi Jaringan Komputer. 2008

. Yogyakarta: Penerbit

ANDI

MADCOMS.

Panduan Menggunakan Internet untuk Pemula

. 2008. Yogyakarta:

Penerbit ANDI.

Panduan Tatacara Penulisan Tugas Akhir.

2008. Dokumen Nomor :Akad/05/2005.

Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera

Utara.

Peranginangin, Kasiman.2009.

Aplikasi Web dengan PHP dan MySQL

. Yogyakarta:

Penerbit ANDI.

Oktavian, Diar Puji.

Menjadi Programmer Jempolan dengan Menggunakan PHP

. 2010.

Yogyakarta: Penerbit Mediakom.

Ramadhan, Arif dan Saputra, Hendra. 2008.

Buku Latihan PHP 5 dan MySQL

. Jakarta:

Penerbit Elex Media Komputindo.

Rosari, R. W. 2008.

PHP dan MySQL untuk pemula

, Yogyakarta: Penerbit ANDI.

Simarmata, Janner. 2009.

Pengenalan Teknologi Komputer dan Informasi,

Yogyakarta:

Penerbit ANDI.

Suharto, Herry B dan Soesilo Wijono. 2008.

Membangun Aplikasi Menggunakan Qt

Designer dengan Database Postgree SQL/MySQL

. Yogyakarta: Penerbit

ANDI.

(66)

Sutedjo, Dharma Oetomo. dan Budi, S.Kom, dkk. 2008

. Terminologi Populer Sistem

Informasi

. Yogyakarta : Penerbit Graha Ilmu.

Wijayanti, Daru. 2009.

Test Yourself.

Yogyakarta: Penerbit Venus.

(67)

LISTING PROGRAM

1. index.php

<title>SBMPTN ONLINE</title>

<body>

<ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="page/syarat.php">Syarat & Ketentuan</a></li> <li><a href="page/penilaian.php">Sistem Penilaian</a></li> <li><a href="page/about.php">Tentang Kami</a></li>

</ul> </nav> </div>

<table>

</table> </form> </div> </div>

<div id="main_header"> <img width="200px" height="100px"

(68)

Ini merupakan layanan simulasi Seleksi Bersama Masuk Perguruan Tinggi Negeri (SBMPTN) 2013 berbasis online. Ini merupakan wadah untuk mengasah kemampuan serta keterampilan peserta sebelumn mengikuti ujian SBMPTN 2013 yang sebenarnya.</p>

</div>

<h4><p>Silahkan Masukkan 10 Digit PIN SBMPTN Anda : </p></h4> <table>

<input type="text" name="pin1" size="3"

maxlength="3"/><strong>-</strong>

2. penilaian.php

<html> <head> <title>SBMPTN ONLINE</title>

<body>

<ul>

<li><a href="../index.php">Beranda</a></li> <li><a href="tatacara.php">Tata Cara</a></li>

<li><a href="syarat.php">Syarat & Ketentuan</a></li> li><a href="penilaian.php">Sistem Penilaian</a></li> <li><a href="about.php">Tentang Kami</a></li>

</ul></nav></div> <div id="search"> <form><table>

(69)

<h3>Sistem Penilaian</h3> <p style="text-align:justify">

Penilaian untuk simulasi SNMPTN Online 2013 adalah sebagai berikut : <br/>

<ul>

<li>Setiap jawaban yang dijawab benar akan diberi nilai 4 ( Empat )</li>

li>Setiap Jawaban yang dijawab salah akan diberi nilai -1 ( Minus Satu )</li>

<li>Untuk pertanyaan yang tidak dijawab, akan diberi nilai 0 ( Nol )</li>

<li>Kelulusan dihitung berdasarkan persentase dari seluruh jawaban peserta dan di cocokkan dengan persentase jurusan yang dipilih oleh peserta </li>

</ul></p></div>

</div></div>

<h4><p>Silahkan Masukkan 10 Digit PIN SBMPTN Anda : </p></h4> <table>

<input type="text" name="pin1" size="3"

maxlength="3"/><strong>-</strong>

3. syarat.php

(1)

$salah++;} }

$jumlah = $_POST['jumlahsoal'];

$tidakjawab = $jumlah - $benar - $salah; $jlhskor = $jumlah * 4;

$skor_benar = $benar * 4 ; if($salah==0){

$skor = $skor_benar;} else {

$skor = $skor_benar - $salah;} $persen = ($skor/$jlhskor) * 100 ; }

$simpan = "INSERT INTO hasil VALUES

( '$pin','$benar','$salah','$tidakjawab','$skor','$persen')"; if(mysql_query($simpan)){

header("location:hasil.php?pin=$pin");} else {

echo mysql_error();} ?>

20. petunjuk.php

<html>

<head>

<title>SIMULASI SBMPTN 2013</title>

<body>

<div id="hlog"> <img src="logo.png" width="200px" height="110"></div> <div id="title"> <center> <h2>SIMULASI <br> SELEKSI BERSAMA MASUK PERGURUAN TINGGI NEGERI<br> SBMPTN)<br> 2013</h2></center></div></div> <div id="content" style="width:100%;height:35px;border-top:2px solid black;">

<p><strong>Bacalah Petunjuk Berikut Sebelum Mengerjakan Ujian !!</strong></p>

<ol>

<li>Untuk memulai ujian klik tombol "MULAI UJIAN".</li> <li>Waktu ujian : 120 menit.</li>

(2)

<li>Untuk kelompok IPA/IPS terdapat 3 materi ( TPA, Kemampuan Dasar, Kemampuan IPA/IPS). </li>

<li>Untuk kelompok IPC terdapat 4 materi ( TPA, Kemampuan Dasar, Kemampuan IPA dan Kemampuan IPS).</li>

<li>Untuk setiap kali menjawab : <ul>

<li> Benar : + 4</li> <li> Salah : -1 </li>

<li> Kosong : 0</li></ul></li>

<li>Peserta dinyatakan lulus jika :<ul>

<li> Skor/Persentasi dari peserta mencapai passing grade dari pilihan Universitas pertama.</li>

<li> Jika tidak memenuhi Universitas pertama maka, akan dilihat passing grade dari pilihan kedua maupun ketiga.</li>

<li> Jika melebihi kuota dari Universitas maka peserta yang lulus akan di ranking dan diambil sebanyak kuota.</li></ul>

<li> Kerjakan setiap soal dengan jujur, dilarang melihat catatan, buku, dsbg.</li>

<li> Simulasi ini bertujuan untuk menambah wawasan serta mengukur kemampuan peserta.</li>

<li> SELAMAT MENGERJAKAN !!.</li> </li></ol><br><br>

</form></div> </div></body> </html>

21. petunjuk.php

<html>

<head>

<title>SIMULASI SBMPTN 2013</title>

var waktunya = 50;//setingan waktu var waktu;

var jalan = 0; var habis = 0; function init(){ checkCookie() mulai(); }

function keluar(){ if(habis==0){

setCookie('waktux',waktu,365); }else{

setCookie('waktux',0,-1); }

}

function mulai(){

jam = Math.floor(waktu/3600); sisa = waktu%3600;

menit = Math.floor(sisa/60); sisa2 = sisa%60

(3)

detik = sisa2%60; if(detik<10){

detikx = "0"+detik; }else{

detikx = detik; }

if(menit<10){

menitx = "0"+menit; }else{

menitx = menit; }

if(jam<10){

jamx = "0"+jam; }else{

jamx = jam; }

document.getElementById("divwaktu").innerHTML = jamx+":"+menitx+":"+detikx+" || "+waktu;

waktu --; if(waktu>0){

t = setTimeout("mulai()",1000); jalan = 1;

}else{

if(jalan==1){

clearTimeout(t); }

habis = 1;

document.getElementById("formulir").submit(); }

}

function selesai(){

document.getElementById("formulir").submit(); }

function getCookie(c_name){

if (document.cookie.length>0){

c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1){

c_start=c_start + c_name.length+1;

c_end=document.cookie.indexOf(";",c_start); if (c_end==-1) c_end=document.cookie.length;

return unescape(document.cookie.substring(c_start,c_end)); }

}

return ""; }

function setCookie(c_name,value,expiredays){ var exdate=new Date();

exdate.setDate(exdate.getDate()+expiredays);

document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());

}

function checkCookie(){

waktuy=getCookie('waktux'); if (waktuy!=null && waktuy!=""){ waktu = waktuy;

}else{

(4)

setCookie('waktux',waktunya,7); }

}

</script> </head>

<div id="hlog"> <img src="logo.png" width="200px" height="110"></div> <div id="title"><center><h2>SIMULASI <br> SELEKSI BERSAMA MASUK PERGURUAN TINGGI NEGERI<br> (SBMPTN)<br> 2013</h2></center></div> </div>

<form action="<?php $pin=$_GET['pin']; echo "lembarnilai.php?pin=$pin"; ?>" method="POST" id="formulir">

<div id="timer"><div id="t1"><center><h3>CURRENT TIME</h3></center> </div>

<ol> <?php

include "koneksi.php";

$soal = mysql_query("SELECT * FROM banksoal LIMIT 100"); //mengambil soal 100

$no = 1;

while($s = mysql_fetch_array($soal)){

echo "<li><b>".$s['pertanyaan']."</b><br>\n";

echo "<input type=radio name=soal[".$s['soalid']."] value='a'>a. ".$s['pilihan_a']."<br>\n";

echo "<input type=radio name=soal[".$s['soalid']."] value='b'>b. ".$s['pilihan_b']."<br>\n";

echo "<input type=radio name=soal[".$s['soalid']."] value='c'>c. ".$s['pilihan_c']."<br>\n";

echo "<input type=radio name=soal[".$s['soalid']."] value='d'>d. ".$s['pilihan_d']."<br>\n";

echo "<input type=radio name=soal[".$s['soalid']."] value='e'>e. ".$s['pilihan_e']."<br><br>\n";

$no++; }

$jumlahsoal = $no - 1;

echo "<input type='hidden' name='jumlahsoal' value= $jumlahsoal>";?> </ol></form></div></div></body></html>

(5)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa

Program Diploma 3 Teknik Informatika :

Nama

:

NURUL FAHMI

NIM

:

102406103

Program Studi

:

TEKNIK INFORMATIKA

Judul Tugas Akhir :

PERANCANGAN SISTEM

INFORMASI

SIMULASI

SELEKSI BERSAMA MASUK PERGURUAN TINGGI

NEGERI

ONLINE

DENGAN

MENGGUNAKAN

PEMROGRAMAN PHP DAN MYSQL.

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut diatas pada tanggal

31 Mei 2013

Dengan Hasil : Sukses / Gagal

Demikian Surat Keterangan ini dibuat untuk melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Medan.

Medan, Mei 2013

Dosen Pembimbing,

Dra. Normalina Napitupulu, M.Sc

NIP. 19631106 198902 2 001

(6)

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155 Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

:

NURUL FAHMI

Nomor Stambuk

: 102406103

Judul Tugas Akhir

: Perancangan Sistem Informasi Simulasi Seleksi

Bersama Masuk Perguruan Tinggi Negeri Online

dengan menggunakan Pemrograman PHP dan MySQL

Dosen Pembimbing

: Dra. Normalina Napitupulu, M.Sc

Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No

Tanggal Asisten

Bimbingan

Pembahasan pada

Asistensi Mengenai,

pada Bab

Paraf Dosen

Pembimbing

Keterangan

1

2

3

4

5

6

7

8 Diketahui,

Disetujui Pembimbing Utama/

Ketua Departemen Matematika

Penanggung Jawab

Prof. Tulus, M.Si, Ph.D

Dra. Normalina Napitupulu, M.Sc

NIP. 19620901 198803 1 002

NIP. 19631106 198902 2 001