• Tidak ada hasil yang ditemukan

Aplikasi Try Out Snmptn Online Berbasis Web Dengan Menggunakan PHP Dan MYSQL

N/A
N/A
Protected

Academic year: 2016

Membagikan "Aplikasi Try Out Snmptn Online Berbasis Web Dengan Menggunakan PHP Dan MYSQL"

Copied!
96
0
0

Teks penuh

(1)

DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

ISNAN HABIBI PULUNGAN

102406128

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

ISNAN HABIBI PULUNGAN

102406128

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul

: APLIKASI

TRY

OUT

SNMPTN

ONLINE

BERBASIS WEB DENGAN MENGGUNAKAN

PHP DAN MYSQL

Kategori

: TUGAS AKHIR

Nama

: ISNAN HABIBI PULUNGAN

Nomor Induk Mahasiswa

: 102406128

Program Studi

: DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen

: MATEMATIKA

Fakultas

: MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA

UTARA

Diluluskan di

Medan, Juni 2013

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua,

Pembimbing,

(4)

PERNYATAAN

APLIKASI TRY OUT SNMPTN BERBASIS WEB DENGAN

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

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

kutipan dan ringkasan yang masing-masing disebut sumbernya.

Medan, Juni 2013

(5)

PENGHARGAAN

Alhamdulillah Puji syukur penulis ucapkan ke hadirat Allah SWT yang telah

memberikan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan tugas

akhir yang berjudul

Aplikasi Try Out SNMPTN Online berbasis Web dengan

Menggunakan PHP dan MYSQL

ini tepat pada waktunya. Shalawat beserta salam juga

tak hentinya penulis haturkan ke arwah junjungan kita Nabi besar Muhammad SAW.

Tugas akhir ini disusun sebagai salah satu syarat untuk meneyelesaikan

pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sumatera Utara. Dalam tugas akihr ini, penulis banyak

mendapat masukan serta dukungan dari berbagai pihak.

Secara khusus penulis menyampaikan rasa terima kasih yang sebesar

besarnya

kepada orang teristimewa Ayahanda Paringgonan Pulungan dan Ibunda Basana

Nasution yang selalu memberikan doa dan dukungan berupa semangat dan material

yang sangat membantu dalam menyelesaikan tugas akhir ini baik moril maupun

materil.

Pada kesempatan ini dengan rasa hormat dan hati yang tulus dan ikhlas penulis

mengucapkan terimakasih yang sebesar-besarnya kepada:

1.

Bapak Drs. Partano Siagian, M.sc yang telah membimbing dan mengarahkan

penulis dalam menyelesaikan tugas akhir ini.

2.

Bapak Dr. Sutarman, M.Sc selaku Dekan FMIPA USU.

(6)

4.

Bapak Syahril Efendi, S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku ketua dan

sekretaris program studi Diploma III Teknik Informatika.

5.

Seluruh dosen program studi Diploma III Teknik Informatika FMIPA USU yang

telah memberikan ilmu pengetahuannya kepada penulis.

6.

Para Karyawan/Pegawai FMIPA USU yang telah banyak membantu penulis.

7.

Abangnda Letda. Ihsan Hanafi, Adinda Muhammad Fadlan, Rizki Fadilah,

Najamul Akhir, Muhammad Irfan, Lona Kristi Limbong dan Dewi Panjaitan yang

telah banyak memberikan motivasi dan dukungan kepada penulis.

8.

Seluruh sahabat

sahabat penulis dari Kom B’10 yang telah banyak membantu

ddan berbagi ilmu selama ini.

9.

Rekan - rekan seangkatan D3 Teknik Informatika A,B,C,D,E 2010.

Penulis menyadari masih banyak terdapat kekurangan dan kelemahan yang

dimiliki penulis baik itu sistematika penulisan maupun penggunaan bahasa. Untuk itu

penulis mengharapkan saran dan kritik dari berbagai pihak yang bersifat membangun

demi penyempurnaan laporan ini. Semoga laporan ini berguna bagi pembaca secara

umum dan penulis secara khusus. Akhir kata penulis ucapkan banyak terima kasih.

Medan, Juni 2013

Penulis

(7)

ABSTRAK

Kajian ini bertujuan untuk merancang aplikasi Try Out SNMPTN secara online.

Aplikasi Try Out ini dikembangkan dengan menggunakan perangkat lunak Adobe

Dreamweaver CS5.5, XAMPP yang merupakan gabungan dari Apache Web Server,

PHP, dan MySQL, dan browser Google Chrome.

(8)

DAFTAR ISI

Halaman

Persetujuan

ii

Pernyataan

iii

Penghargaan

iv

Abstrak

vi

Daftar Isi

vii

Daftar Tabel

ix

Daftar Gambar

x

Bab 1 Pendahuluan

1

1.1 Latar Belakang

1

1.2 Rumusan Masalah

2

1.3 Batasan Masalah

3

1.4 Tujuan Penelitian

3

1.5 Manfaat Penelitian

3

1.6 Karakteristik Penelitian

4

1.7 Metodologi Penelitian

5

1.8 Tinjauan Pustaka

6

1.9 Sistematika Penulisan

8

Bab 2 Landasan Teori

9

2.1 Pengertian Aplikasi

9

2.2 Pengertian Internet

9

2.2.1 Network

10

2.2.2 Web Server

10

2.2.3 World Wide Web (WWW)

11

2.2.4 Hyper Text Transfer Protocol (HTTP)

12

2.3 Pengenalan HTML

12

2.4 Pengenalan Personal Home Page (PHP)

14

2.4.1 Sejarah PHP

15

2.4.2 Konsep Dasar Penggunaan PHP

16

2.5 Database MySQL

18

2.6 Adobe Dreamweaver

20

2.7 Cascading Style Sheet (CSS)

20

2.8 JavaScript

21

2.9 Data Flow Diagram (DFD)

21

(9)

Bab 3 Perancangan Sistem

26

3.1 Data Flow Diagram (DFD)

26

3.2 Perancangan Database

27

3.3 Flow Chart

31

3.3.1 Flowchart Menu Utama

31

3.3.2 Flowchart Halaman Peserta Try Out

32

3.3.3 Flowchart Pelaksanaan Try Out

33

3.4 Perancangan Algoritma

34

3.4.1 Algoritma Halaman Utama

34

3.4.2 Algoritma Peserta Try Out

36

Bab 4 Implementasi Sistem

39

4.1 Implementasi Sistem

39

4.2 Tujuan Implementasi

39

4.3 Komponen dalam Implementasi Sistem

40

4.3.1 Kebutuhan Perangkat Keras (Hardware)

40

4.3.2 Kebutuhan Perangkat Lunak (Software)

41

4.3.3 Kebutuhan Brainware

41

4.4 Tampilan Halaman Website

42

Bab 5 Kesimpulan dan Saran

49

5.1 Kesimpulan

49

5.2 Saran

50

(10)

DAFTAR TABEL

Halaman

Tabel 2.1.Tabel Simbol

Simbol Data Flow Diagram

22

Tabel 2.2 Tabel Flow Direction Symbols

23

Tabel 2.3 Tabel Processing Symbols

24

Tabel 2.4 Tabel Input-Output Symbols

25

Tabel 3.1 Tabel tbl_user

27

Tabel 3.2 Tabel tbl_ptn

28

Tabel 3.3 Tabel tbl_jur

28

Tabel 3.4 Tabel tbl_to

29

Tabel 3.5 Tabel tbl_soal_to

29

Tabel 3.6 Tabel tbl_kunci

30

(11)

DAFTAR GAMBAR

Halaman

Gambar 3.1 Data Flow Diagram (DFD)

26

Gambar 3.2 Alur Flowchart Menu Utama

31

Gambar 3.3 Alur Flowchart Halaman Peserta Try Out

32

Gambar 3.4 Alur Flowchart Pelaksanaan Try Out

33

Gambar 4.1 Halaman Utama

42

Gambar 4.2 Halaman Daftar PTN

43

Gambar 4.3 Halaman Pengumuman Hasil Try Out

43

Gambar 4.4 Halaman Profil Peserta

44

Gambar 4.5 Halaman Ganti Password Peserta

44

Gambar 4.6 Halaman Pemilihan Paket dan Jurusan Try Out

45

Gambar 4.7 Halaman Untuk Memulai Try Out

45

Gambar 4.8 Halaman Lembar Soal Try Out

46

Gambar 4.9 Halaman Lembar Isisan jawaban Try Out

46

Gambar 4.10 Halaman Kalkulasi Nilai Try Out

47

(12)

ABSTRAK

Kajian ini bertujuan untuk merancang aplikasi Try Out SNMPTN secara online.

Aplikasi Try Out ini dikembangkan dengan menggunakan perangkat lunak Adobe

Dreamweaver CS5.5, XAMPP yang merupakan gabungan dari Apache Web Server,

PHP, dan MySQL, dan browser Google Chrome.

(13)

BAB 1

PENDAHULUAN

1.1

Latar belakang

SNMPTN adalah singkatan dari Seleksi Nasional Masuk Perguruan Tinggi Negeri yang

merupakan salah satu cara untuk memasuki Perguruan Tinggi. Hampir semua siswa

Sekolah Menengah Atas atau Siswa Sekolah Menengah Kejuruan mengikuti SNMPTN

jika ingin melanjutkan pendidikannya ke Perguruan Tinggi Negeri. Keberadaan

SNMPTN masih asing bagi kebanyakan siswa Sekolah Menengah Atas, dikarenakan

kurangnya informasi yang mereka dapatkan dan kurangnya sosialisasi yang dilakukan

pihak sekolah terhadap anak didiknya.

Menyikapi keadaan ini penulis mencoba membangkitkan minat dan keinginan

para siswa Sekolah Menengah Atas atau siswa Sekolah Menengah Kejuruan untuk

memahami SNMPTN dan untuk melatih diri dalam menghadapi ujian SNMPTN yang

sebenarnya dengan suatu metode yang dianggap lebih berterima tanpa harus

mengeluarkan biaya yang sering menjadi kendala para siswa, maka penulis tertarik

dengan judul :

(14)

Penulis berharap semoga dengan penulisan Tugas Akhir ini dapat membuka

wawasan tentang betapa pentingnya memahami dan melatih diri dalam menghadapi

SNMPTN bagi para siswa yang ingin melanjutkan pendidikannya ke Perguruan Tinggi

Negeri. Semoga Aplikasi yang dihasilkan dari Tugas Akhir ini dapat bermanfaat bagi

penulis sendiri pada khususnya dan bagi kawan-kawan yang ingin mengikuti SNMPTN

pada umumnya.

1.2

Rumusan Masalah

Rumusan masalah dalam penulisan Tugas Akhir ini adalah :

1.

Bagaimana cara membuat suatu Aplikasi dalam penyelenggaraan

Try Out

SNMPTN dengan memanfaatkan internet sehingga dapat membantu siswa kelas

3 Sekolah Menengah Atas untuk menguji kemampuannya sebelum mengikuti

ujian SNMPTN.

2.

Bagaimana cara membuat suatu Aplikasi yang berbasis

web

dengan

menggunakan

php

dan

mysql

untuk menemukan solusi terbaik dalam latihan

ujian SNMPTN bagi siswa Sekolah Menengah Atas.

(15)

1.3

Batasan Masalah

Mengingat begitu luasnya permasalahan yang terdapat dalam penulisan tugas akhir ini,

maka penulis membatasi masalah yang akan dibahas, yaitu :

1.

Pengenalan nama-nama Universitas dan jurusan-jurusan yang tersedia pada

Universitas tersebut sehingga para siswa yang ingin mengikuti ujian SNMPTN bisa

mengetahui jurusan yang akan dipilih.

2.

Metode

Try Out

yang digunakan sama seperti ujian tulis SNMPTN dengan 3

pilihan yang terdiri dari IPA, IPS dan IPC.

3.

Hasil seluruh

Try Out

SNMPTN dapat langsung dilihat pada Menu daftar

pengumuman

Try Out

.

1.4

Tujuan Penelitian

Tujuan penelitian ini adalah untuk merancang suatu aplikasi yang bisa menjadi salah

satu alternatif bagi siswa Sekolah Menengah Atas khususnya siswa kelas 3 dalam

mempersiapkan diri untuk menghadapi ujian SNMPTN.

1.5

Manfaat Penelitian

(16)

1.

Menambah pengetahuan penulis mengenai pembuatan aplikasi

Try Out

SNMPTN

Online.

2.

Sebagai bahan perbandingan antara

Try Out

SNMPTN dengan ujian SNMPTN

yang sebenarnya.

3.

Hasil dari tugas akhir dapat membantu siswa Sekolah Menengah Atas khususnya

siswa kelas 3 untuk mempersiapkan diri menghadapi ujian SNMPTN.

1.6

Karakteristik Penelitian

Karakteristik Penelitian dari Aplikasi

Try Out

SNMPTN Online ini adalah:

1.

Adanya halaman beranda yang menampilkan menu-menu awal untuk mengikuti

Try

Out

SNMPTN secara online.

2.

Adanya sebuah halaman yang berfungsi sebagai form pendaftaran peserta

Try Out

.

3.

Adanya halaman daftar Universitas penyelenggara SNMPTN dan daftar

jurusan-jurusan yang terdapat pada masing-masing Universitas yang dapat dipilih pada saat

mengikuti

Try Out

.

4.

Adanya sebuah halaman yang berisi nilai minimum lulus SNMPTN atau Passing

Grade dari berbagai jurusan.

(17)

1.7

Metodologi Penelitian

Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode penelitian dalam

memperoleh data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat

diselesaikan dengan baik.

Metodologi penelitian yang di lalukan penulis adalah:

1.

Penelitian Kepustakaan (

Library Research

)

Disini penulis menggunakan buku-buku yang berhubungan dengan masalah dan

melakukan

searching

literatur di

internet

sehingga dapat membantu

penyelesaian masalah.

2.

Pengumpulan Data

Disini penulis mengumpulkan data yang didapat dari hasil

searching

literature

di

internet

diantaranya berupa soal-soal SNMPTN.

3.

Perancangan

Penulis melakukan perancangan secara bertahap dan membangun aplikasi

Try

Out

SNMPTN Online ini dengan data yang sudah terkumpul.

4.

Uji Coba dan Perbaikan

(18)

1.8

Tinjauan Pustaka

1.

Seleksi Nasional Masuk Perguruan Tinggi (SNMPTN)

Seleksi Nasional Masuk Perguruan Tinggi Negeri atau biasa disingkat SNM-PTN

dulu dengan nama Seleksi Penerimaan Mahasiswa Baru (SPMB) adalah salah satu

bentuk jalur penerimaan mahasiswa untuk perguruan tinggi negeri, selain program

mandiri (melalui Ujian Mandiri) dan penyaluran minat dan bakat melalui

sekolah-sekolah (PMDK) serta Seleksi Masuk Bersama Perguruan Tinggi Negeri

(SMBPTN). (http://id.wikipedia.org/wiki/SNMPTN).

2.

Web

(19)

3.

Hypertext Preprocessor (PHP)

PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (

linux

,

unix

,

windows

) dan dapat dijalankan secara

runtime

melalui

console

serta juga

dapat menjalankan perintah-perintah system.

(http://www.maniacms.web.id/2012/01/pengertian-php.html, 2013)

4.

MySql

MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional

(RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (

General Public

License

). Setiap pengguna dapat secara bebas menggunakan MySQL, namun

dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang

bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep

utama dalam basisdata yang telah ada sebelumnya; SQL (

Structured Query

Language

). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk

pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian

data dikerjakan dengan mudah secara otomatis.

(20)

1.9

Sistematika Penulisan

Sistematika Penulisan adalah uraian tentang penyusunan tugas secara singkat dan jelas.

Untuk mempermudah proses penulisan tugas akhir ini, penulis membuat suatu

sistematika penulisan yang terdiri dari :

BAB 1

PENDAHULUAN

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

tujuan penelitian, manfaat penelitian, karakteristik penelitian, metode

penelitian, tinjauan pustaka dan sistematika penulisan.

BAB 2

TINJAUAN TEORI

Pada bab ini penulis akan menjelaskan tentang konsep dasar dan

teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan

pembahasan mengenai PHP dan MySQL.

BAB 3

PERANCANGAN SISTEM

Bab ini penulis akan menjelaskan gambaran umum tentang pembuatan

dan perancangan sistem pada aplikasi Try Out SNMPTN

BAB 4

IMPLEMENTASI SISTEM

Bab ini menguraikan tentang implementasi sistem juga disertai dengan

hasil dari perancangan aplikasi yang dibuat.

BAB 5

PENUTUP

(21)

BAB 2

LANDASAN TEORI

2.1 Pengertian Aplikasi

Aplikasi berasal dari kata

application

yang artinya penerapan; lamaran;penggunaan.

Secara istilah aplikasi adalah: program siap pakai yang direka untuk melaksanakan

suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat digunakan oleh sasaran

yang dituju. (www.totalinfo.or.id)

2.2 Pengertian Internet

Internet

berasal dari kata

interconnection-networking

, merupakan sistem global dari

seluruh jaringan komputer yang saling terhubung menggunakan standar

Internet

Protocol Suite

(TCP/IP) untuk melayani milyaran pengguna di seluruh dunia.

Internet

juga merupakan sistem komputer umum, yang berhubung secara global dan

menggunakan TCP/IP sebagai protokol pertukaran paket (

packet switching

communication protocol

). Rangkaian

Internet

yang terbesar dinamakan

Internet

. Cara

menghubungkan rangkaian dengan kaedah ini dinamakan

Internetworking

.

(22)

informasi atau data yang dapat berupa teks, grafik, audio maupun animasi dan lain-lain

dalam bentuk media elektronik. Semua orang bisa berkunjung ke perpustakaan tersebut

kapan saja serta dari mana saja, jika dilihat dari segi komunikasi,

Internet

adalah sarana

yang sangat efektif dan efesien untuk melakukan pertukaran informasi jarak jauh

maupun jarak dekat, seperti di dalam lingkungan perkantoran, tempat pendidikan,

atapun instansi terkait.

2.2.1 Network

Network

adalah jaringan sistem komunikasi data yang melibatkan sebuah atau lebih

sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi

membentuk satu sistem. Dengan

network

, komputer yang satu dapat menggunakan

data di komputer lain, dapat mencetak laporan di

printer

komputer lain, dapat

memberi berita ke komputer lain walaupun berlainan area.

Network

merupakan cara

yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan

arus informasi dari satu area ke area lainnya.

2.2.2 Web Server

Web Server

adalah sebuah perangkat lunak

server

yang berfungsi menerima permintaan HTTP

atau HTTPS dari klien yang dikenal dengan

web browser

dan mengirimkan kembali hasilnya

dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Salah satu

server web yang terkenal di linux adalah Apache. Apache merupakan server web antar

(23)

anda harus memiliki ruangan terlebih dahulu dalam

Internet

, dan ruangan ini disediakan oleh

server. Itulah yang disebut

Web Server

.

Macam

macam

web server

antara lain :

1.

Apache (

Open Source

).

2.

Xitami.

3.

IIS.

4.

PWS.

Website

(situs

web

) merupakan alamat (

URL

) yang berfungsi sebagai tempat

penyimpanan data dan informasi dengan berdasarkan topik tertentu.

URL

adalah suatu

sarana yang digunakan untuk menentukan lokasi informasi pada suatu

web server

.

Situs atau

web

dapat dikategorikan menjadi 2 yaitu :

1.

Web Static

, yaitu

web

yang berisi atau menampilkan infomasi

informasi

yang sifatnya statis (tetap).

2.

Web Dinamic

, yaitu

web

yang menampilkan informasi serta dapat berinteraksi

dengan

user

yang sifatnya dinamis.

2.2.3 World Wide Web (WWW)

(24)

2.2.4 Hyper Text Transfer Protocol (HTTP)

HTTP Singkatan dari

Hypertext Transfer Protocol

, yang mana adalah suatu

protokol yang digunakan oleh

World Wide Web

. HTTP mendefinisikan bagaimana

suatu pesan bisa diformat dan dikirimkan dari

server

ke

client

. HTTP juga mengatur

aksi-aksi apa saja yang harus dilakukan oleh

web server

dan juga

web browser

sebagai

respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh,

ketika Anda mengetikkan suatu alamat atau URL pada

Internet

browser Anda, maka

sebenarnya web browser akan mengirimkan perintah HTTP ke web server.

Web server kemudian akan menerima perintah ini dan melakukan aktivitas

sesuai dengan perintah yang diminta oleh

web browser

(misalnya akses ke database,

file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke

web

browser

untuk ditampilkan kepada pengguna.

(http://gobalbabali.wordpress.com/tugas-sekolah/pengertian-html-http-url-ftp-domain-hosting-dan-www/)

2.3 Pengenalan HTML

(25)

luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang

didefinisikan dan dikendalikan penggunaannya oleh

World Wide Web

Consortium

(W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk

menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file

HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau

Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email

ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam

dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih

dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan

menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara:

<b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak

tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk

menonaktifkan cetak tebal tersebut.

Secara garis besar, terdapat 4 jenis elemen dari HTML:

1.

Structural

. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh,

<h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebaga

i

teks tebal besar yang menunjukkan sebagai Heading 1

(26)

direkomendasikan untuk mengatur tampilan teks,

3.

Hypertext

. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau

pranala ke halaman dokumen yang lain. Sebagai contohnya adalah tag <a>, pada tag

<a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita

sebagai sebuah

hyperlink

ke URL tertentu),

4.

Elemen widget

yang membuat objek-objek lain seperti tombol (<button>), list (<li>),

dan garis horizontal (<hr>).

Selain

markup presentational

,

markup

yang lain tidak menentukan bagaimana

tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk

menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya

digunakan

Cascading Style Sheets

.

(http://gobalbabali.wordpress.com/tugas-sekolah/pengertian-html-http-url-ftp-domain-hosting-dan-www/)

2.4 Pengenalan Personal Home Page (PHP)

PHP adalah bahasa pemrograman server side yang sudah banyak digunakan pada saat

ini, terutama untuk pembuatan website dinamis. Untuk hal-hal tertentu dalam

pembuatan web, bahasa pemrograman PHP memang diperlukan, misalnya saja untuk

memproses data yang dikirimkan oleh pengunjung web.

(27)

membantu dalam pengembangan. Dalam sisi pemahamanan, php adalah bahasa

scripting

yang paling mudah karena referensi yang banyak.

PHP adalah bahasa

open source

yang dapat digunakan di berbagai mesin

(linux, unix, windows) dan dapat dijalankan secara

runtime

melalui

console

serta juga

dapat menjalankan perintah-perintah sistem.

2.4.1 Sejarah PHP

Pada awalnya PHP merupakan kependekan dari

Personal Home Page

(Situs personal).

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP

masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang

digunakan untuk mengolah data formulir dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan

menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka,

maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini,

interpreter

PHP sudah

diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul

ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang

interpreter

(28)

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis

tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak

dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya

untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan

stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari

interpreter

PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman

berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa

pemrograman ke arah paradigma berorientasi objek.

2.4.2 Konsep Dasar Penggunaan PHP

Kode

PHP

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

(>). Ada empat cara untuk menuliskan

script PHP

yaitu :

1.

<? Apa kabar.. ?>

2.

<?php Apa kabar.. ?>

3.

<% Apa kabar.. %>

4.

<SCRIPT LANGUAGE

=”

php

> Apa kabar..</SCRIPT>

(29)

Cara penulisan dibedakan menjadi

Embeded

dan

Non Embeded script

.

1.

Embeded Script

Contoh dari

Embeded script

:

<html>

<head>

<title>Coba</title>

</head>

<body>

<?php echo

web developer

; ?>

</body>

</html>

Script

diatas merupakan

script

yang sederhana.

Script PHP

disisipkan diantara

tag

tag html

.

2.

Non Embeded Script

Contoh dari

Non Embeded Script

:

<?php

echo

<html>

; echo

<head>

”; ec

ho

<titl

e>”;

echo

we learn about php

; echo

</title>

; echo

</head>

;

echo

<body>

”;

echo

<p> My Project </p>

”; ec

ho

”<

/body>

; echo

</html

>”;

?>

(30)

2.5 Database MySQL

Database

adalah kumpulan dari data yang berhubungan antara yang satu dengan yang

lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak

untuk memanipulasinya.

Database

merupakan salah satu komponen yang penting

dalam sistem komputerisasi, karena

database

merupakan kumpulan dari beberapa

file

, dalam hal ini

file

file

tersebut dikelompokan secara terstruktur dalam beberapa

table

sesuai dengan informasi yang terkandung di dalamnya.

MySQL

adalah salah satu jenis

database server

yang sangat terkenal.

Kepopulerannya disebabkan

MySQL

menggunakan

Structure Query Language

(SQL)

sebagai bahasa dasar untuk mengakses

database

-nya. Selain itu, ia bersifat gratis

(tidak perlu membayar untuk menggunakannya) pada berbagai

platform

(kecuali pada

Windows, yang bersifat

shareware

atau perlu membayar setelah melakukan evaluasi

dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak

MySQL

sendiri bisa di

download

dari

http://www.mysql.org

atau

http://www.mysql.com.

MySQL

termasuk jenis

Relation Database Management Sistem

(DBMS). Pada

MySQL

, sebuah

database

mengandung satu atau sejumlah tabel. Tabel terdiri atas

sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

Dalam menjalan

MySQL

diperlukan berbagai perintah untuk membuat suatu

database

, berikut ini disebutkan beberapa perintah dasar dalam menggunakan

(31)

1.

Menampilkan

database

:

SHOW DATABASES;

2.

Membuat

database

baru :

CREATE DATABASE nama_database;

3.

Memilih

database

yang akan digunakan :

USE nama_database

;

4.

Menampilkan tabel :

SHOW TABLES

;

5.

Membuat tabel baru :

CREATE TABLE nama_tabel (field spesifikasi_field,...);

6.

Menampilkan struktur tabel :

SHOW COLUMNS FROM nama_tabel;

atau

DESCRIBE nama_tabel

;

7.

Mengubah struktur tabel :

ALTER TABLE nama_tabel Jenis_Pengubahan

;

8.

Mengisikan data pada tabel :

INSERT INTO nama_tabel (kolom1,...) VALUES

(data_kolom1,..)

atau

INSERT INTO tabel SET kolom1 = data_kolom1,...;

9.

Menampilkan data pada tabel :

SELECT * FROM nama_tabel ;

10. Mengubah data pada tabel :

UPDATE nama_tabel SET kolom =

pengubahan_data WHERE kriteria;

11. Menghapus data pada tabel :

DELETE FROM nama_tabel WHERE kriteria;

12. Menghapus tabel :

DROP nama_tabel;

(32)

2.6 Adobe Dreamwaver

Adobe Dreamwaver merupakan pengembangan dari Macromedia Dreamwaver MX

semenjak perusahaan Macromedia dimiliki oleh perusahaan

software

Adobe Inc.

Software

ini merupakan salah satu

software

terpopuler dalam bidang

desain web

.

Dalam versinya saat ini, Adobe Dreamwaver CS5 dapat menggabungkan fungsi

penulisan script

client side

dan

server side

menjadi satu dan mampu mengolah

beberapa

script

pemrograman berbasis

server side

yang sangat terkenal seperti

ASP

dan

PHP

. Dengan fasilitasnya yang kaya warna, penuh

icon

, dan

user interface

yang menarik. Adobe Dreamwaver CS5 sungguh berbeda dengan logo versi

generasi sebelumnya yang terkesan formal.

2.7 Cascading Style Sheet (CSS)

Cascading Style Sheet

(CSS) merupakan aturan untuk mengendalikan beberapa

komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan

merupakan bahasa pemograman. Sama halnya

styles

dalam aplikasi pengolahan kata

seperti Microsoft Word yang dapat mengatur beberapa style, misalnya

heading, subbab,

bodytext, footer, images,

dan

style

lainnya untuk dapat digunakan bersama-sama dalam

beberapa berkas (file).

(33)

CSS adalah bahasa

style sheet

yang digunakan untuk mengatur tampilan

dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang

sama dengan format yang berbeda.

(http://id.wikipedia.org/wiki/CSS)

2.8 JavaScript

JavaScript

mulanya bernama

LiveScript

, dikembangkan pertama kali pada tahun 1995

di

Netscape Communication

. Pada akhir tahun 1995

Netscape Communication

dan

Sun Microsystem

berkolaborasi dan mengganti nama

LiveScript

menjadi

JavaScript

.

JavaScript

adalah bahasa

script

yang ditempatkan pada kode

HTML

dan

diproses pada sisi

client

. Dengan adanya bahasa ini maka kemampuan dokumen

HTML

menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan

formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan

interaktif dan juga bisa untuk menambah

design

web

.

2.9 Data Flow Diagram (DFD)

(34)

Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan

profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses

fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual

maupun komputerisasi.

DFD ini adalah salah satu alat pembuatan model yang sering digunakan,

khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan

kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD

adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.

[image:34.595.122.504.506.705.2]

DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data

dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun

rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada

pemakai maupun pembuat program.

Tabel 2.1 Simbol-simbol Data Flow Diagram

No.

Simbol

Fungsi

1.

Eksternal Entity

merupakan kesatuan di

luar lingkungan system yang dapat berupa

seseorang, organisasi yang dapat mengirimkan

data atau menerima data dari sistem.

(35)

3.

Proses merupakan pengolahan data atau aliran

data masuk menjadi data aliran keluar.

4.

Penyimpanan

data

merupakan

tempat

penyimpanan data yang ada di dalam sistem.

2.10 Flow Chart

Flowchart

adalah

sekumpulan simbol

simbol

yang

menunjukan atau

menggambarkan rangkaian kegiatan

kegitan program dari awal hingga akhir. Jadi

flowchart

juga dapat digunakan untuk menggambarkan urutan langkah

langkah

pekerjaan dalam suatu

algoritma.

Penjelasan arti dari lambang

lambang

flowchart

dapat didefinisikan dan dibagi menjadi tiga kelompok seperti dibawah ini :

[image:35.595.121.511.86.259.2]

1.

Flow Direction Symbols

Table 2.2 Tabel Flow Direction Symbols

NO

Simbol

Fungsi

1

Symbol

Off-line

Connector

(

Simbol

untuk

keluar/masuk

prosedure

atau

proses

dalam

lembar/halaman yang lain).

2

(36)

3

Symbol Comunication Link

( Simbol transmisi untuk

informasi dari satu lokasi ke lokasi lainnya)

[image:36.595.141.536.272.773.2]

2.

Processing Symbols

Table 2.3 Tabel Processing Symbols

NO

Simbol

Fungsi

1

Symbol

Process

(Simbol

yang

menunjukkan

pengolahan yang dilakukan oleh komputer)

2

Symbol Manual Operation

(Simbol yang menunjukkan

pengolahan yang tidak dilakukanoleh komputer)

3

Symbol Decision

(Simbol untuk kondisi yang akan

menghasilkan beberapa kemungkinan jawaban/aksi).

4

Symbol

Predefined

Process

(Simbol

untuk

mempersiapkan penyimpanan yang akan digunakan

sebagai tempat pengolahan di dalam storage)

5

Symbol Terminal (Simbol untuk permulaan atau akhir

dari suatu program)

6

Symbol Off-line Storage (Simbol yang menunjukkan

bahwa data di dalam symbol ini akan disimpan)

8

Symbol Manual Input

(Simbol untuk pemasukan data

secara manual on-line keyboard)

9

(37)

3.

Input-output Symbols

Table 2.4 Tabel Input-Output Symbols

NO

Simbol

Fungsi

1

Symbol input-output (Symbol yang menyatakan

proses input dan output tanpa tergantung dengan jenis

peralatannya)

2

Symbol magnetig-tape unit

(Symbol yang menyatakan

input berasal pita magnetic atau output disimpan ke

pita magnetic)

3

Symbol punched card

(Symbol yang menyatakan

input berasal dari kartu atau output ditulis ke kartu)

4

Symbol disk and on-line storage

(Symbol untuk

menyatakan input berasal dari disk atau output

disimpan ke disk)

5

Symbol disk and on-line storage

(Symbol untuk

menyatakan input berasal dari disk atau output

disimpan ke disk)

6

Symbol transmittal tape

(Symbol untuk menyatakan

input berasal dari mesin jumlah/hitung)

7

[image:37.595.143.531.158.725.2]
(38)

BAB 3

PERANCANGAN SISTEM

3.1 Data Flow Diagram (DFD)

[image:38.612.117.529.366.662.2]

Data Flow Diagram

(DFD) yang penulis ajukan yaitu:

(39)

3.2 Perancangan Database

Berikut ini rancangan

table

yang penulis gunakan dalam membangun sistem di dalam

aplikasi Try Out SNMPTN :

[image:39.612.185.466.311.683.2]

a. Tabel tbl_user terdiri dari :

Table 3.1 Tabel tbl_user

Nama Field

Tipe Data

Lebar Data

no*

Int

3

user_id

Varchar

12

nama_user

Varchar

30

pass_user

Varchar

60

password

Varchar

30

tmp_lahir

Varchar

30

tgl_lahir

Varchar

30

bln_lahir

Varchar

30

thn_lahir

varchar

30

foto

Varchar

50

asal_sekolah

Text

-

(40)
[image:40.612.183.467.185.390.2]

b. Tabel tbl_ptn terdiri dari :

Table 3.2 Tabel tbl_ptn

Nama Field

Tipe Data

Lebar Data

no*

Int

3

kode_ptn

Varchar

10

nama_ptn

Varchar

50

link_ptn

Varchar

50

logo_ptn

Varchar

20

wil_ptn

Int

2

c. Tabel tbl_jur terdiri dari :

Table 3.3 Tabel tbl_jur

Nama Field

Tipe Data

Lebar Data

no

Int

3

kode_ptn

Varchar

10

kode_jur

Varchar

10

nama_jur

Varchar

50

gol_jur

Varchar

3

[image:40.612.184.467.504.700.2]
(41)
[image:41.612.184.467.184.446.2]

d. Tabel tbl_to terdiri dari :

Table 3.4 tbl_to

Nama Field

Tipe Data

Lebar Data

no

Int

3

user_id

Varchar

12

paket_to

Varchar

3

tgl_to

Varchar

20

pil_satu

Varchar

10

pil_dua

Varchar

10

pil_tiga

Varchar

10

ket

Varchar

128

e. Tabel tbl_soal_to terdiri dari :

Table 3.5 Tabel tbl_soal_to

Nama Field

Tipe Data

Lebar Data

no*

Int

3

kode_soal

Varchar

20

[image:41.612.187.466.558.675.2]
(42)
[image:42.612.178.466.189.305.2]

f. Tabel tbl_kunci terdiri dari :

Table 3.6 Tabel tbl_kunci

Nama Field

Tipe Data

Lebar Data

kode_soal*

Varchar

20

no_soal

Int

3

kunci

Varchar

2

g. Tabel tbl_hasil terdiri dari :

Table 3.7 Tabel tbl_hasil

Nama Field

Tipe Data

Lebar Data

no*

Int

3

nama

Varchar

30

to_ke

Int

3

time

Varchar

10

paket

Varchar

4

ket

Varchar

12

jur

Varchar

50

[image:42.612.184.468.430.690.2]
(43)

3.3 Flowchart

3.3.1 Flowchart Menu Utama

[image:43.612.183.471.237.691.2]

Flowchart

menu utama dapat dilihat pada gambar dibawah ini:

(44)

3.3.2 Flowchart Halaman Peserta Try Out

[image:44.612.147.503.212.619.2]

Flowchart

halaman peseta try out dapat dilihat pada gambar dibawah ini:

(45)

3.3.3 Flowchart Pelaksanaan Try Out

[image:45.612.218.435.210.591.2]

Flowchart

pelaksanaan try out dapat dilihat pada gambar dibawah ini:

(46)

3.4 Perancangan Algoritma

Algoritma merupakan suatu cara menganalisa (menjelaskan) urutan dan hubungan

kegiatan

kegiatan yang dilakukan untuk memecahkan suatu permasalahan sehingga

tercapai tujuan yang diinginkan.

3.4.1 Algoritma Halaman Utama

Berfungsi untuk menampilkan tampilan utama

web

, dengan pilihan menu antara lain :

Beranda, Daftar PTN, Tata Cara, Penilaian, Pengumuman dan tentang.

Algorit ma Beranda

Langkah I

: Pilih menu Beranda.

Langkah II

: Menampilkan halaman utama

website.

Algorit ma Daftar PTN

Langkah I

: Pilih menu Daftar PTN.

Langkah II

: Menampilkan daftar Universitas.

Langkah III

: Pilih Universitas.

Langkah IV

: Menampilakan Jurusan dari Universitas yang dipilih.

(47)

Algorit ma Tata Cara

Langkah I

: Pilih menu Tata Cara.

Langkah II

: Menampilkan tata cara pelaksanaan Try Out.

Algoritma Pengumuman

Langkah I

: Pilih menu Pengumuman.

Langkah II

: Menampilkan hasil try out dari seluruh peserta.

Algorit ma Login

Langkah I

: Pilih menu Login

Langkah II

: Menampilkan

form

isian untuk

login

peserta.

Algorit ma Daftar

Langkah I

: Pilih menu

register

Langkah II

: Menampilkan

form

isian untuk mendaftar

peserta.

Algorit ma Lupa Password

Langkah I

: Pilih link lupa

password

(48)

3.4.2 Algoritma Peserta Try Out

Berfungsi untuk menampilkan tampilan

web

untuk peserta try out SNMPTN Online,

dengan pilihan menu antara lain : Profil, Ganti

Password

, Lakukan Try Out,

pengumuman

dan

Logout

.

Algorit ma Profil Peserta

Langkah I

: Pilih menu Profil.

Langkah II

: Menampilkan halaman profil peserta try out

Langkah III

: Pilih

Update

Profil.

Langkah IV

: Menampilkan

form update

profil peserta Try Out.

Langkah V

: Pilih Simpan.

Langkah VI

: Menyimpan data profil yang telah diperbaharui.

Algorit ma Pelaksanakan Try Out

Langkah I

: Pilih menu Try Out.

Langkah II

: Menampilkan alur Pola try out.

Langkah III

: Pilih lakukan try out.

Langkah IV

: Menampilkan halaman Pemilihan paket Try Out.

Langkah V

: Pilih paket Try Out (IPA, IPS atau IPC).

(49)

Langkah VII

: Pilih tombol Pilih.

Langkah VIII

: Menampilkan kartu peserta Try Out dan halaman penentuan lamanya

waktu try out.

Langkah IX

: Pilih tombol Mulai.

Langkah XII

: Menampilkan Halaman Try Out.

Langkah XIII

: Pilih tombol SELESAI.

Langkah XIV

: Menampilkan hasil jawaban dan kunci jawaban try out.

Langkah XV

: Pilih tombol Lihat Hasil.

Langkah XVI

: Menampilkan hasil pengumuman try out.

Algorit ma Ganti Password

Langkah I

: Pilih menu Ganti

Password

.

Langkah II

: Menampilkan

form

untuk mengganti

password

peserta.

Langkah III

: Masukkan data pergantian

password.

Langkah IV

: Pilih tombol Ganti

Password.

Langkah VI

: Ganti

Password

selesai.

Algorit ma Pengumuman

Langkah I

: Pilih menu Pengumuman.

(50)

Langkah IV

: Menampilkan tabel hasil try out peserta itu sendiri.

Algorit ma Logout

Langkah I

: Pilih menu Logout

Langkah II

: Untuk keluar dari halaman peserta try out.

(51)
(52)

BAB 4

IMPLEMENTASI SISTEM

4.1 Implementasi Sistem

Setelah dianalisis dan dirancang secara rinci dan teknologi telah diseleksi dan

dipilih. Tiba saatnya sistem untuk di implementasikan. Berikut cara-cara yang

dilakukan untuk mengimplementasikan sistem seperti yang diuraikan dibawah ini :

1.

Menerapkan rencana implementasi.

2.

Melakukan kegiatan implementasi.

3.

Tindak lanjut implementasi.

4.2 Tujuan Implementasi

Tujuan dari implementasi sistem, yaitu :

1.

Mengkaji rangkaian sistem baik dari segi

software

maupun

hardware

sebagai

sarana pengolah data dan penyaji informasi.

2.

Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang

baru atau yang telah disetujui.

(53)

sistem yang baru dan mendapat informasi yang baik dan jelas.

4.

Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu

dengan menguji sistem secara menyeluruh.

5.

Memastikan bahwa sistem telah berjalan lancar dengann mengontrol dan

melalukan instalasi secara benar.

4.3 Komponen Dalam Implementasi Sistem

Agar perancangan sistem

yang telah kita kerjakan dapat berjalan baik atau tidak,

maka perlu dilakukan pengujian terhadap sistem

yang telah dikerjakan. Untuk itu

dibutuhkan beberapa komponen utama yang mencakup perangkat keras (

hardware

),

perangkat lunak (

software)

, dan perangkat operator (

brainware

).

4.3.1 Kebutuhan Perangkat Keras (Hardware)

Perangkat keras

(hardware)

merupakan komponen

komponen peralatan yang

membentuk suatu sistem komputer dan peralatan

peralatan tambahan lainnya yang

mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan. Komponen

ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya

monitor, CPU

(Central Processing Unit),

printer, keyboard, dan mouse.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan

website ini adalah :

(54)

3.

Monitor W

14”

resolution 1024x768.

4.

Hardisk sebagai media penyimpan.

5.

DVDR/W.

4.3.2 Kebutuhan Perangkat Lunak (Software)

Hardware

tidak dapat menyelesaikan masalah tanpa adanya

software

.

Software

merupakan komponen di dalam sistem

data berupa program atau instruksi untuk

mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan

perangkat kerasnya adalah:

1.

Windows XP Professional

2.

Apache

3.

MySQL

4.

Browser

5.

Macromedia Dreamweaver 8 / Adobe Dreamweaver CS5

4.3.3 Kebutuhan Brainware

Perangkat Operator

(Brainware)

yang dapat menjalankan

website

ini terbagi menjadi

2 yaitu :

1.

Administrator

(55)

4.4 Tampilan Halaman Website

Untuk menjalankan

system

guna web browser pada pengujian ini penulis

menggunakan web browser Mozilla Firefox dan Google Chrome setelah

web browser

[image:55.595.139.494.253.519.2]

jalan, ketikkan pada addres bar

http://localhost/TO-Online/ untuk pengetesan halaman

utama. Halaman utama sistem

tersebut seperti pada gambar berikut :

(56)
[image:56.595.138.493.85.339.2]

Gambar 4.2 Halaman Daftar PTN

[image:56.595.139.494.387.649.2]
(57)
[image:57.595.140.495.82.338.2] [image:57.595.143.494.384.649.2]

Gambar 4.4 Halaman Profil Peserta

(58)
[image:58.595.142.491.80.336.2]

Gambar 4.6 Halaman Pemilihan Paket dan jurusan try out

[image:58.595.142.493.397.651.2]
(59)
[image:59.595.145.492.84.338.2]

Gambar 4.8 Halaman Lembar Soal try out

[image:59.595.147.494.396.649.2]
(60)
[image:60.595.142.493.79.338.2]

Gambar 4.10 Halaman Kalkulasi Nilai try out

[image:60.595.161.473.398.577.2]
(61)
[image:61.595.163.471.83.266.2]
(62)
(63)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Setelah dilakukan perancangan, pembuatan, implementasi dan pengujian

Aplikasi Try Out SNMPTN Online berbasis

web

menggunakan PHP dan MySql,

kesimpulan yang diperoleh adalah sebagai berikut:

1.

Dalam pengamatan terhadap sistem yang telah dirancang dan dikembangkan,

dapat disimpulkan bahwa sistem tersebut berhasil dibuat.

2.

Sistem yang dibuat merupakan sistem try out SNMPTN yang berbentuk

aplikasi berbasis

web

yang dapat diakses secara online.

3.

Sistem yang dibuat dapat menjadi salah satu alternatif untuk latihan ujian

SNMPTN bagi siswa yang ingin mengikuti ujian SNMPTN.

(64)

5.2 Saran

Saran penulis dalam merancang dan membuat sistem informasi ini, yaitu:

1.

Lebih mengembangkan aplikasi try out yang lebih baik

.

2.

Setiap siswa Sekolah Menengah Atas dapat melaksanakan Try Out SNMPTN

secara

online

.

3.

Lebih mengefesienkan dan mengefektifkan penggunaan

database

.

(65)

http://belajar-komputer-mu.com/pengertian-internet/

(Diakses tanggal 22 Mei 2013)

http://carapedia.com/pengertian_definisi_web_info2043.html

(Diakses tanggal 22 Februari 2013)

http://cyberkomputer.com/komputer/pengertian-mysql-dan-keistimewaan-mysql/

(Diakses tanggal 22 Februari 2013)

http://ewawan.com/pengertian-http.html (Diakses tanggal 23 Mei 2013)

http://id.wikipedia.org/wiki/SNMPTN (Diakses tanggal 20 February 2013)

http://id.wikipedia.org/wiki/PHP (Diakses tanggal 22 Mei 2013)

http://maniacms.web.id/2012/01/pengertian-php.html (Diakses tanggal 22 Mei 2013)

Schultz, David dan Cook, Craig. 2007.

Beginning HTML with CSS and XHTML.

New

York : Springer-Verlag New York, Inc.

(66)

<?php

session_start();

$con = mysql_connect ("localhost","root",""); mysql_select_db("to_snmptn");

?>

2.

File Indek (index.php)

<?php

if(isset($_GET['act'])){

if($_GET['act'] == 'cara'){ include'cara.php';}

elseif($_GET['act'] == 'ptn'){

if($_GET['wil'] == 1){ header("location:ptn.php?wil=1");} elseif($_GET['wil'] == 2){header("location:ptn.php?wil=2"); } elseif($_GET['wil'] == 3){header("location:ptn.php?wil=3"); } else{ include'home.php';}

}

elseif($_GET['act'] == 'penilaian'){ include'penilaian.php';} elseif($_GET['act'] == 'pengumuman'){ include'pengumuman.php';} elseif($_GET['act'] == 'kontak'){include'kontak.php';}

elseif($_GET['act'] == 'tentang'){include'tentang.php';} else{ include'home.php';}

}else{ include'home.php';} ?>

3.

File Beranda (home.php)

<?php

include'include/koneksi.php'; if(isset($_SESSION['signed_in'])){

if($_SESSION['signed_in'] == true) {

header ("location:user/home.php"); }

}else{?>

<title>TO ONLINE : Beranda</title>

<link rel="shortcut icon" href="icon/nav.png">

<link rel="stylesheet" href="css/pagestyle.css" type="text/css"> <body background="icon/logo.jpg">

<center><div id="content" align="center"> <div id="head"></div><hr>

<div id="btn_menu" align="left">

<?php include 'menu.php';?>

</div>

<div id="body"><hr>

<table border="0" width="900px" height="330px">

<tr>

<td width="650px" align="center" valign="middle">

<?php include 'slide.php';?>

</td>

<td width="250px" align="center">

<div id="form1">

<table border="0" width="250px" cellpadding="2"><tr>

<form method="POST" action="user/login.php"> <td colspan="3" align="center"><hr>

<font face="Trebuchet MS, Arial, Helvetica, sans-serif">

<strong>Silahkan Login!</strong> </font> <hr></td></tr> <tr><td colspan="3"> <?php if(!isset($_GET['pesan'])){ } else {

$pesan = $_GET['pesan']; $bgpesan = "FF0000";

if($pesan == 1){$pesan = "Data Login tidak boleh kosong"; }

(67)

login kembali";

$bgpesan = "00FF00"; } else { $pesan = "Silahkan Login dengan benar..";} ?>

<div style="background-color:<?php echo $bgpesan;?>" align="center"> <font color="#FFFFFF"><?php echo $pesan;?></font>

</div> <?php }?> </td></tr>

<tr><td> User ID</td><td>:</td><td> <input type="text" name="user_id" /> </td></tr><tr><td>

Password</td><td>:</td><td>

<input type="password" name="pass" />

</td></tr><tr><td colspan="3" align="center">

<button type="submit" name="login"><b>Login</b></button> <button type="reset" name="reset"><b>Reset</b></button> </td></tr>

</form>

<tr><td colspan="3" align="center"> Belum punya akun? Daftar <a href="register.php">disini!</a><br><br>

Lupa password? Klik <a href="re-password.php">disini!</a> </td>

</tr>

<tr><td colspan="3" height="180px"></tr> </table> </div> </td> </tr> </table> </div>

<div id="foot"><p><hr><strong><font id="tfoot">Copyright &copy; 2013 Aplikasi Try Out SNMPTN Online | Designed and Created by Isnan Habibi</font></strong></p></div> </div>

</center>

<div id="teks_jalan"><font id="teks_jln">

<marquee>

~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~

</marquee>

</font></div></div> <?php } ?>

4.

File Daftar PTN (ptn.php)

<?php

include'include/koneksi.php'; if(isset($_SESSION['signed_in'])){

if($_SESSION['signed_in'] == true) {header ("location:user/home.php"); }

}else{ ?>

<title>TO ONLINE : Daftar PTN</title>

<link rel="shortcut icon" href="icon/nav.png">

<link rel="stylesheet" href="css/pagestyle.css" type="text/css" /> <link href="css/menutab.css" rel="stylesheet" type="text/css"> <script src="js/menutab.js" type="text/javascript"></script> <body background="icon/logo.jpg">

<center>

<div id="content" align="center"> <div id="head"></div><hr>

<div id="btn_menu" align="left"> <?php include 'menu.php';?> </div> <hr>

<div id="pbody" style="height:auto;">

<table border="0" width="850px" height="auto">

<tr> <td colspan="2" align="center">

<font face="MS Serif, New York, serif" color="#0000FF"><b>

(68)

<tr> <td width="400" valign="top">

<?php

if(!isset($_GET['wil'])){$sql="select * from tbl_ptn";}

elseif($_GET['wil'] < 1 || $_GET['wil'] > 3){$sql="select * from tbl_ptn"; } else { $sql="select * from tbl_ptn where wil_ptn=".$_GET['wil']."";}

$hasil = mysql_query($sql);

if($hasil){ ?>

<table border="0" cellpadding="3" width="400"> <tr bgcolor="#33CC99">

<th align="center"><font color="#FFFFFF">NO</font></th> <th align="center"><font color="#FFFFFF">Kode PTN</font></th>

<th align="center"><font color="#FFFFFF">Nama Universitas</font></th> <th align="center"><font color="#FFFFFF">Logo</font></th>

</tr>

<tr><td colspan="4"><hr></td></tr> <?php

$no=1;

while($row = mysql_fetch_array($hasil)){

if($no % 2 ==0) {

if(isset($_GET['kode']) and $_GET['kode']==$row['kode_ptn']){ $clr="#33CC99";

}else{ $clr = "#CCCCAA";}

}else {

if(isset($_GET['kode'])and $_GET['kode']==$row['kode_ptn']){ $clr="#33CC99";

}else{ $clr = "#CCCCFF";}

}?>

<tr bgcolor="<?php echo $clr;?>">

<td align="center"><?php echo $no; ?></td>

<td align="center"><?php echo $row['kode_ptn']; ?></td>

<td><a href="ptn.php?wil=<?php echo $_GET['wil']; ?>&kode=<?php echo $row['kode_ptn'];?>"><font color="#000099"><?php echo $row['nama_ptn'];

?></font></a><br><i><?php echo $row['link_ptn']; ?></i></td align="center"> <td><img src="img/<?php echo $row['logo_ptn']; ?>" width="40" height="40" title="<?php echo $row['nama_ptn']; ?>"></td>

</tr>

<?php $no++; }?> </table> <?php }?> </td>

<td valign="top">

<?php if(isset($_GET['kode'])){ ?> <div style="top:0px;">

<div id="menutab1" class="menutab" style="top:0px;">

<ul class="menutabTabGroup">

<li class="menutabTab" tabindex="0"> IPA </li> <li class="menutabTab" tabindex="0"> IPS </li> </ul>

<div class="menutabContentGroup">

<div class="menutabContentxx">

<?php

$kode = $_GET['kode'];

$sql="select * from tbl_jur where gol_jur='ipa' && kode_ptn='".$kode."' order by passgrade desc";

$result= mysql_query($sql); if($result){ ?>

<table border="0" cellpadding="3" width="430"> <tr bgcolor="#33CC99">

<th align="center"><font color="#FFFFFF">NO</font></th>

<th align="center"><font color="#FFFFFF">Kode Jurusan</font></th> <th align="center"><font color="#FFFFFF">Nama Jurusan</font></th> <th align="center"><font color="#FFFFFF">Passing Grade</font></th> </tr>

<tr><td colspan="4"><hr></td></tr> <?php $no=1;

while($row=mysql_fetch_array($result)){ if($no % 2 ==0) { $clr = "#CCCCAA";} else { $clr = "#CCCCFF"; }?>

<tr bgcolor="<?php echo $clr;?>">

<td align="center"><?php echo $no;?></td>

<td align="center"><?php echo $row['kode_jur'];?></td> <td><?php echo $row['nama_jur'];?></td>

(69)

<div class="menutabContentxx"> <?php

$kode = $_GET['kode'];

$sql="select * from tbl_jur where gol_jur='ips' && kode_ptn='".$kode."' order by passgrade desc";

$result= mysql_query($sql); if($result){ ?>

<table border="0" cellpadding="3" width="430"> <tr bgcolor="#33CC99">

<th align="center"><font color="#FFFFFF">NO</font></th>

<th align="center"><font color="#FFFFFF">Kode Jurusan</font></th> <th align="center"><font color="#FFFFFF">Nama Jurusan</font></th> <th align="center"><font color="#FFFFFF">Passing Grade</font></th> </tr>

<tr><td colspan="4"><hr></td></tr> <?php

$no=1;

while($row=mysql_fetch_array($result)){ if($no % 2 ==0) { $clr = "#CCCCAA";}

else { $clr = "#CCCCFF"; } ?>

<tr bgcolor="<?php echo $clr;?>">

<td align="center"><?php echo $no;?></td>

<td align="center"><?php echo $row['kode_jur'];?></td> <td><?php echo $row['nama_jur'];?></td>

<td align="center"><?php echo $row['passgrade'];?></td> </tr>

<?php $no++; } ?> </table> <?php } ?>

</div> </div> </div>

<script type="text/javascript">

var menutab1 = new Spry.Widget.menutab("menutab1"); </script>

</div><?php }?></td> </tr></table>

</div>

<div style="background-color:#CFC"></div>

<div id="foot"><p><hr><strong><font id="tfoot">Copyright &copy; 2013 Aplikasi Try Out SNMPTN Online | Designed and Created by Isnan Habibi</font></strong></p></div> </div>

</center>

<div id="teks_jalan"><font id="teks_jln">

<marquee>

~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~ Selamat Datang di Aplikasi Try Out SNMPTN ONLINE ! ~

</marquee>

</font></div></div> <?php } ?>

5.

File Tata Cara (cara.php)

<?php

include'include/koneksi.php'; if(isset($_SESSION['signed_in'])){

if($_SESSION['signed_in'] == true){header ("location:user/home.php");} }else{?>

<title>TO ONLINE : Tata cara</title>

<link rel="shortcut icon" href="icon/nav.png">

<link rel="stylesheet" href="css/pagestyle.css" type="text/css" /> <body background="icon/logo.jpg">

<center>

<div id="content" align="center"> <div id="head"></div><hr>

<div id="btn_menu" align="left"><?php include 'menu.php';?> </div> <div id="body"><hr>

(70)

</div> </center>

<div id="teks_jalan"><font id="teks_jln">

<

Gambar

Tabel 2.1 Simbol-simbol Data Flow Diagram
Table 2.2 Tabel Flow Direction Symbols
Table 2.3 Tabel Processing Symbols
Table 2.4 Tabel Input-Output Symbols
+7

Referensi

Dokumen terkait

57. Menjawab pertanyaan guru secara lisan yang menyatakan bahwa sudah tidak bingung. Menjawab pertanyaan guru secara lisan yang menyatakan bahwa sudah tidak bingung. Menjawab

Dengan melihat beberapa hasil penelitian terdahulu menunjukkan bahwa ukuran ikan tuna mata besar dan tuna sirip kuning yang tertangkap di sekitar rumpon di Perairan Prigi Jawa

Lebih lanjut berdasarkan data dari Departemen Kesehatan Republik Indonesia (2005), stimulasi verbal yang dapat dilakukan orang tua untuk mengembangkan kemampuan bicara

Kegiatan yang akan dilakukan meliputi: pengecilan ukuran jerami padi, optimisasi parameter- parameter proses hidrolisa sellulosa menjadi glukosa, Hasil penelitian menunjukkan

Relasi ini digunakan apabila terdapat dua atau lebih aktor melakukan hal yang sama (use case yang sama). Use case tersebut kemudian dipisahkan dan dihubungkan dengan

P SURABAYA 03-05-1977 III/b DOKTER SPESIALIS JANTUNG DAN PEMBULUH DARAH RSUD Dr.. DEDI SUSILA, Sp.An.KMN L SURABAYA 20-03-1977 III/b ANESTESIOLOGI DAN

Penelitian dalam tugas akhir ini berjudul “Profil Pasien Gagal Ginjal Kronik yang Menjalani Hemodialisis di RSUD Jombang Periode Januari –6. Desember

Hal ini didukung oleh nilai t-hitung, di mana nilai t-hitung dari persepsi atas harga sebesar 3,598 &gt; t-tabel 1,666, dengan signifikansi 0,001 atau &lt; 0,05 dan nilai