Laporan Akhir Thread Case Study

8/19/2019 Laporan Akhir Thread Case Study

1/153

i

LAPORAN AKHIR THREAD CASE STUDY

KATEGORI WEB PROGRAMMINGAPLIKASI UJIAN ONLINE MATEMATIKA PSIKOTES

DENGAN PHP DAN MYSQL

Diajukan untuk Memenuhi Syarat Thread Case

Study (TCS) Program Pendidikan Komputer

dan Internet Profesional 1 Tahun

NOVYANA WAHYU PAHLUPI

511.402.00043

PROGRAM PENDIDIKAN KOMPUTER DAN

INTERNET PROFESIONAL 1 TAHUN PALCOMTECH

BATURAJA

2015


2/153

ii

LEMBAR PERSETUJUAN

LAPORAN AKHIR THREAD CASE STUDYKATEGORI WEB PROGRAMMING

APLIKASI UJIAN ONLINE MATEMATIKA PSIKOTES


Penyusun : NOVYANA WAHYU PAHLUPI

NIS : 511.402.00043

Laporan ini telah diperiksa dan siap diajukan untuk

Sidang pada tanggal 25 Mei 2015

Pembimbing BAAKKategori Web Progreming

James Andika Febri Anita

NIP : - Nip : -


3/153

iii

LEMBAR PENGESAHAN

LAPORAN AKHIR THREAD CASE STUDY

KATEGORI WEB PROGRAMMING

APLIKASI UJIAN ONLINE MATEMATIKA PSIKOTES


Penyusun : NOVYANA WAHYU PAHLUPI

NIS : 511.402.00043

Laporan ini telah diuji dan dipertanggung jawabkan

dihadapan penguji pada tanggal 25 Mei 2015

Penguji 1 Penguji 2

Terry Irawan Hari Wibowo

Nip: 15. PCT BTA/10 Nip: -

Pimpinan

Indah Melati

Nip: 27.PCT.09

MOTTO DAN PERSEMBAHAN


4/153

iv

Motto :

“ Kecerdasan bukanlah tolak ukur kesuksesan, tetapi dengan

menjadi cerdas kita bisa menggapai kesuksesan ”

Saya persembahkan kepada :

1. Kedua Orang tua yang selalu memberikan doa dan

motivasi kepada Penulis.

2. Keluarga tercinta yang telah memberikan dukungan dan

masukan kepada Penulis.

3. Bapak James Andika selaku instruktur pembimbing yang

selalu memotivasi dalam penyelesaian TCS ini.

4.

Semua Instruktur dan Staff PalComTech Baturaja yang

tidak bisa Penulis sebutkan satu persatu, yang telah

membimbing dan berbagi ilmu kepada Penulis.

5. Sahabat-sahabat tersayang yang senantiasa mendoakan dan

memberi semangat kepada Penulis.


5/153

v

KATA PENGANTAR

Puji syukur kehadirat Allah Subhanahu Wata’ala yang

selalu melimpahkan rahmat dan karunia-NYA kepada Penulis

sehingga dapat menyelesaikan laporan thread case study (TCS)

“APLIKASI UJIAN ONLLINE MATEMATIKA

PSIKOTES DENGAN PHP DAN MYSQL ”. Tidak lupa

pula sholawat serta salam yang selalu tercurah kepada nabi

Muhammad SAW beserta keluarga dan para sahabat beliau, dan

untuk kita semua semoga selalu dalam lindungan Allah SWT.

Laporan ini disusun sebagai syarat Thread Case Study

(TCS) program pendidikan komputer dan internet professional

1 tahun.

Dalam menyelesaikan laporan ini, Penulis mendapat

banyak dukungan dan bantuan dari orang-orang di sekeliling

Penulis. Karena motivasi dan dukungan merekalah Penulis

dapat menyelesaikan laporan ini, untuk itu Penulis

mengucapkan terimakasih kepada:

1. Kedua orang tua dan keluarga Penulis.

2. Bapak James Andika sebagai pembimbing utama

Penulis

. 3. Instruktur dan staff PalComTech cabang Baturaja.

4. Sahabat-sahabat Penulis khususnya Gsi20a


6/153

vi

Sebagai manusia biasa, Penulis menyadari masih

banyak kesalahan dan kekurangan dalam Penulisan laporan

TCS ini, Penulis minta maaf atas kekeliruan yang terdapat

dalam laporan ini, serta kepada Allah Penulis mohon ampun.

Penulis juga berharap semoga laporan TCS ini bermanfaat dan

dapat menambah pengetahuan pembaca, terutama untuk

angkatan selanjutnya yang akan menyusun laporan TCS.

Baturaja, Mei 2015

Penulis


7/153

vii

DAFTAR ISI

HALAMAN JUDUL

LEMBAR PERSETUJUAN ......................................... ii

LEMBAR PENGESAHAN .......................................... iii

HALAMAN MOTTO DAN PERSEMBAHAN ......... iv

KATA PENGANTAR ................................................... v

DAFTAR ISI .................................................................. vii

DAFTAR GAMBAR ..................................................... viii

BAB I PENDAHULUAN

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

1.2.Tujuan dan Manfaat TCS ..................................... 3

BAB II ANALISA DAN PEMBAHASAN

2.1.Persiapan Project ............................................... 4

2.2.Pembahasan Project ............................................ 10

BAB III SIMPULAN DAN SARAN

3.1.Simpulan ............................................................... 53

3.2.Saran ..................................................................... 54

Daftar Pustaka

Lampiran

Daftar Riwayat Hidup


8/153

viii

DAFTAR GAMBAR

Gambar.1 Memulai Konfigurasi Webserver ................... 5

Gambar.2 Mencari File Konfigurasi httpd ...................... 6

Gambar.3 Menetapkan Documentroot ............................ 7

Gambar.4 Menetapkan Directory .................................... 8

Gambar.5 Restart Appserv .............................................. 9

Gambar.6 Hasil Copy Paste PhpMyAdmin .................... 11

Gambar.7 Tampilan Form Default PhpMyAdmin ......... 12

Gambar.8 Tampilan Dafoult Halaman PhpMyAdmin .... 13

Gambar.9 Tampilan Awal Database Ujianonline .......... 13

Gambar.10 Tabel Admin ................................................ 14

Gambar.11 Tabel Nilai ................................................... 14Gambar.12 Tabel Soal..................................................... 15

Gambar.13 Membuka Photoshop .................................... 16

Gambar.14 Tampilan Awal Di Photoshop ...................... 17

Gambar.15 Membuat Pola Di Photoshop ....................... 18

Gambar.16 Pola Tampilan Website Setelah Di Crop ..... 19Gambar.17 Rancangan Web Member ............................. 20

Gambar.18 Rancangan Web Admin ............................... 20

Gambar.19 Membuka Adobe Dreamweaver ................. 21

Gambar.20 Tampilan Dreamweaver ............................... 22

Gambar.21 Halaman Gaya.Css ....................................... 23


9/153

ix

Gambar.22 Halaman Koneksi.Php .................................. 24

Gambar.23 Halaman Index.Php ...................................... 25

Gambar.24 Halaman Proses_login.Php .......................... 26

Gambar.25 Halaman Daftar.Php ..................................... 27

Gambar.26 Halaman Proses_daftar.Php ......................... 28

Gambar.27 Halaman Style.Css ....................................... 28

Gambar.28 Halaman Home.Php ..................................... 30

Gambar.29 Halaman Nav_atas.Php ................................ 31

Gambar.30 Halaman Welcome.Php ................................ 32

Gambar.31 Halaman Tanggal.Php .................................. 33

Gambar.32 Halaman Input.Php ....................................... 34

Gambar.33 Halaman Proses_input.Php .......................... 35

Gambar.34 Halaman Edit.Php ........................................ 36Gambar.35 Halaman Proses_edit.Php ............................. 37

Gambar.36 Halaman Delete.Php ..................................... 38

Gambar.37 Halaman Tampil.Php.................................... 39

Gambar.38 Halaman Member.Php .................................. 40

Gambar.39 Halaman Member_all.Php ............................ 41Gambar.40 Halaman Editprofil.Php................................ 42

Gambar.41 Halaman Proses_editprofil.Php .................... 43

Gambar.42 Halaman Ujian.Php ...................................... 44

Gambar.43 Halaman Jawaban.Php ................................. 45

Gambar.44 Halaman Nilai.Php ....................................... 46


10/153

x

Gambar.45 Halaman Simpan.Php ................................... 47

Gambar.46 Halaman Logout.Php .................................... 47

Gambar.47 Membuka Aplikasi Swishmax ..................... 48

Gambar.48 Mengatur Ukuran Background ..................... 49

Gambar.49 Hasil Jadi Animasi ....................................... 49

Gambar.50 Membuka Aplikasi CorelDraw CS5 ............ 50

Gambar.51 Import Gambar ............................................. 51

Gambar.52 Hasil Jadi Animasi ....................................... 52


11/153

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Ujian merupakan salah satu cara untuk mengevaluasi

proses belajar. Dalam dunia pendidikan ujian dimaksudkan

untuk mengukur taraf pencapaian suatu tujuan pengajaran oleh

siswa atau mahasiswa sebagai peserta didik, sehingga siswa

atau mahasiswa dapat mengetahui tingkat kemampuannya

dalam memahami bidang studi yang sedang ditempuh. Bila

ternyata hasilnya belum maksimal, maka proses belajar harus

ditingkatkan baik kualitas maupun kuantitas.Internet merupakan salah satu media elektronik yang

memberi kemudahan dalam melaksanakan aktivitas-aktivitas

bisnis, perniagaan, dan aktivitas lainnya. Oleh karena itu pada

era sekarang ini banyak sekolah, universitas bahkan perusahaan

yang telah memanfaatkan jasa pelayanan internet untukmenunjang kegiatannya,seperti misalnya perekrutan mahasiswa

ataupun karyawan yang dapat diakses dalam waktu singkat.

Dengan semakin berkembang pesatnya teknologi

komunikasi dan elektronik, menyebabkan bidang pendidikan

juga turut mengalami peningkatan dalam hal kualitas,


12/153

2

kecepatan, kepraktisan dan juga kemudahan, ujian

konvensional pun bergeser ke arah komputerisasi, salah satunya

dengan adanya ujian online. Disisi lain ujian online juga kerap

dipakai dalam perekrutan staf atau karyawan sebuah instansi

ataupun perusahaan.

Di banyak negara, memberikan penilaian berbasis

komputer telah menjadi standar dan menjadi semakin menarik

untuk departemen pendidikan, legislatif, dan pembuat

kebijakan lainnya. Kelebihan potensi ujian online adalah

pelaporan skor langsung, penurunan beban biaya administrasi,

peningkatan keamanan bahan pengujian, dan penjadwalan ujian

yang lebih fleksibel.

Berdasarkan latar belakang inilah Penulis mengambil judul laporan Thread Case Study (TCS) “APLIKASI UJIAN

ONLINE MATEMATIKA PSIKOTES DENGAN PHP

DAN MYSQL ”. Dengan harapan dapat menyampaikan tujuan

nya melalui website ini sehingga dapat memotivasi masyarakat

yang melihatnya.


13/153

3

1.2

Tujuan Dan Manfaat

Tujuan Penulis membuat laporan ini adalah :

a. Untuk menyelesaikan tugas akhir sebagai syarat utama

dalam menyelesaikan pendidikan profesional 1 tahun di

PalComTech Baturaja.

b. Untuk memberikan informasi kepada orang lain tentang

pembuatan ujian online.

c. Untuk menerapkan dan mengembangkan ilmu yang di

apelajari selama 1 tahun di PalComTech.

Manfaat membuat laporan ini adalah:

a.

Dapat menambah wawasan kita tentang pembuatanujian online.

b. Untuk mengembangkan kreatifitas dan menuangkan ide

dalam berkreasi membuat ujian online.

c. Memberikan informasi kepada adik tingkat yang akan

melaksanakan TCS di tahun berikutnya.


14/153

4

BAB II

ANALISA DAN PEMBAHASAN

2.1 Persiapan Project

2.1.1

Install Program Yang Diperlukan

Dalam pembahasan kali ini, anggap saja Penulis sudah

menginstall Mozilla Firefox, Notepad++ dan Adobe

Dreamweaver.

Webserver adalah softwere yang menjadi tulang belakang

dari world wide web (www). Web server menunggu permintan

dari client yang menggunakan browser seperti Internet

Explorer, Mozila Firefox, dan program lainnya. Jika ada permintaan dari browser, maka webserver akan memproses

permintaan itu kemudian memberikan hasil prosesnya berupa

data yang diinginkan kembali ke browser. Data ini mempunyai

format yang standar, disebut dengan SGMN (standar general

markup language). Data yang berupa format ini kemudian akanditampilkan oleh browser sesuai dengan kemampuan browser

tersebut, dan jika ada akan ditampilkan alternatifnya saja.

Apache merupakan webserver yang paling banyak

digunakan diinternet. Program ini pertama kali didesain untuk

sistem operasi lingkungan UNIX. Namun demikian, pada


15/153

5

beberapa versi berikutnya apche mengeluarkan programnya

yang dapat dijalankan di Windows NT.

Setelah selasai menginstalasi program apache, maka

selanjutnya adalah setting konfigurasi sebagai berikut :

a. Klik start pada layar dekstop

Gambar.1 Memulai Konfigurasi Webserver


16/153

6

b. Cari Apache Edit httpd.conf

Gambar.2 Mencari File Konfigurasi Httpd


17/153

7

c. Cari kata documentroot dengan menekan Ctrl+F untuk

mengarahkan server, ganti dengan letak dimana kita akan

menentukan server.

Gambar.1 Menetapkan Documentroot


18/153

8

d. Setelah itu cari kata directory kemudian letakkan dimana

kita akan menentukan server.

Gambar.4 Menetapkan Directory

e. Save & close jika sudah di edit


19/153

9

f. Klik star lagi dan ketik restart, klik kanan di Apache

Restart dan pilih run as administrator

Gambar.5 Restart Appserv

g. Konfigurasi appserv selesai


20/153

10

2.2

Pembahasan Project

Setelah webserver sudah terkonfigurasi maka sekarang

tinggal membuat project tersebut.

2.2.1

Membuat PhpMyAdmin

Sebelum kita membuka dan memulai pembuatan suau

project, hal yang paling penting dilakukan adalah

menyediakan phpmyadmin di directory server, gunanya

untuk memenejemen database dari project kita termasuk

untuk membuat dan menghapus serta merubah data yang

terhubung pada database.

Untuk menyediakan phpmyadmin di directory

penginstalan appserv yaitu :a. Buka windows explorer (Windows+E)

b. Klik pertisi C:\Appserv\www


21/153


22/153

12

2.2.2

Pembuatan Database

Database adalah suatu kumpulan data komputer yang

terintegrasikan dan disimpan menurut cara yang memudahkan

pengambilan kembali.tujuan utama konsep database adalah

untuk meminimalkan penglangan.

a. Buka phpmyadmin melalui localhost, ketikkan localhost

pada adressbar, untuk akses pertama kaliaka munculAuthentication required.

Gambar.7 Tampilan Form Default Phpmyadmin


23/153

13

b. Masukkan root pada form username dan 123456 pada

form password, sebagai username dan password standar

untuk mengakses phpmyadmin , klik ok.

Gambar.8 Tampilan Default Halaman Phpmyadmin

c.

Dalam project ini Penulis menyiapkan 1 database dengan

nama ujianonline dan 3 tabel yaitu :

Gambar.9 Tampilan Awal Database Ujianonline


24/153

14

Tabel admin : tabel ini berisi seluruh data member dan admin,

struktur tabel bisa dilihat pada gambar berikut :

Gambar.10 Tabel Admin

Tabel nilai : tabel ini berisi data nilai yang sudah diinput dari

hasil menjawab pertanyaan, struktur tabel bisa dilihat pada

gambar berikut :

Gambar.11 Tabel Nilai


25/153

15

Tabel soal : tabel ini berisi soal-soal yang akan dijawab oleh

member.

Gambar.12 Tabel Soal


26/153

16

2.2.3

Pembuatan Pola Website

Sebagai dasar pembuatan project, terlebih dahulu

persiapkan pola dasar website agar terlihat rapi dengan

menggunakan Adobe photoshop seperti pada gambar

berikut:

a. Buka aplikasi Photoshop

Gambar.13 Membuka Photoshop


27/153

17

b. Menentukan ukuran background yang akan digunakan

Gambar.14 Tampilan Awal Di Photoshop


28/153

18

c. Masukkan teks dan gambar serta buat pola sesuai

keinginan kita.

Gambar.15 Membuat Pola Di Photoshop


29/153

19

d. Pemotongan pola

Pemotongan gambar / pola yang telah dibuat di

aplikasi photoshop dengan menggunakan crop tool dan

simpan dengan tipe jpg atau png. Ulangi langkah tersebut

jika diperlukan.

Gambar.16 Pola Tampilan Website Setelah Di Crop


30/153

20

2.2.4

Membuat Desain Website

Untuk membuat desain website mengunakan Adobe

Dreamweaver dan disesuaikan dengan pola yang telah dibuat

pada adobe photoshop.

a. Perancangan Struktur Web

Adapun perancangan halaman-halaman dalam website inidibagi atas dua macam yaitu admin dan member. Rancangan

dapat dilihat pada sketsa di bawah ini.

Gambar.17 Rancangan Web Member

Gambar.18 Rancangan Web Admin

Login

Home Examp Score Profil Logout

Login

My Profile All_Member Question Edit Logout


31/153

21

b. Buka aplikasi Dreamweaver, klik tombol start dan pilih

Adobe Dreamweaver cs3

Gambar.19 Membuka Adobe Dreamweaver

c.

Pada halaman awal dreamweaver pilih format file php,

akan tampil lembar kerja yang akan digunakan selama

proses pembuatan project ini. Terdapat 3 jenis tampilan

lembar kerja pada dreamweaver yaitu : code, split,

design. Adapun perbedaan masing – masing adalah :


32/153

22

Halaman code : user hanya aka melihat kode – kode yang

digunakan dalam pembuatan website ini.

Halaman split : pada halaman ini user akan melihat kode

dan design secara bersamaan.

Halaman design : di halaman ini user akan melihat hasil

jadi deain yang telah dibuat dan diatur di halaman code.

Gambar.20 Tampilan Dreamweaver

d. Setelah pola web dan pemotongan selesai dilakukan,

saatnya memasukkan bahan - bahan ke dalam

dreamweaver. Pilih halaman code kemudian masukkan

kode – kode untuk menyusun website


33/153


34/153

24

f. Buat tampilan untuk halaman pendukung

1. Halaman Koneksi.Php

Halaman koneksi dibuat agar halaman – halaman yang

telah dibuat di Dreamweaver dapat terkoneksi dengan

database dengan memasukkan kode – kode sebagai

berikut:

Gambar.22 Halaman Koneksi.Php


35/153

25

2. Halaman Index.Php

Gambar.23 Halaman Index.Php


36/153

26

3. Halaman Proses_Login.Php

Gambar.24 Halaman Proses_login.Php


37/153

27

4. Halaman Daftar.Php

Gambar.25 Halaman Daftar.Php


38/153

28

5. Halaman Proses_Daftar.Php

Gambar.26 Halaman Proses_Daftar.Php

6.

Halaman Style.Css

Gambar.27 Halaman Style.Css


39/153

29

7. Halaman Home.Php

Gambar.28 Halaman Home.Php


40/153

30

Dalam halaman home.php ini berisi beberapa Div tag

yang berfungsi untuk mengatur area yang akan kita isi.

a)

Id wrapper : tempat header, content dan footer

b) Id nav : masukkan kode dan

c) Id header : masukkan animasi tulisan

d)

Id content : tempat isi dan slide

e) Id Isi : masukkan fungsi if untuk isi website

f) Id slide : masukkan animasi gambar dan menu

link


41/153

31

8. Halaman Nav_atas.Php

Gambar.29 Halaman Nav_atas.Php


42/153

32

9. Halaman Welcome.Php

Gambar.30 Halaman Welcome.Php


43/153

33

10. Halaman Tanggal.Php

Gambar.31 Halaman Tanggal.Php


44/153

34

11. Halaman Input.Php

Gambar.32 Halaman Input.Php


45/153

35

12. Halaman Proses_Input.Php

Gambar.33 Halaman Proses_Input.Php


46/153

36

13. Halaman Edit.Php

Gambar.34 Halaman Edit.Php


47/153

37

14. Halaman Proses_Edit.Php

Gambar.35 Halaman Proses_Edit.Php


48/153

38

15. Halaman Delete.Php

Gambar.36 Halaman Delete.Php


49/153

39

16. Halaman Tampil.Php

Gambar.37 Halaman Tampil.Php


50/153

40

17. Halaman Member.Php

Gambar.38 Halaman Member.Php


51/153

41

18. Halaman Member_All.Php

Gambar.39 Halaman Member_all.Php


52/153

42

19. Halaman Editprofil.Php

Gambar.40 Halaman Editprofil.Php


53/153

43

20. Halaman Proses_Editprofil.Php

Gambar.41 Halaman Proses_editprofil.Php


54/153

44

21. Halaman Ujian.Php

Gambar.42 Halaman Ujian.Php


55/153

45

22. Halaman Jawaban.Php

Gambar.43 Halaman Jawaban.Php


56/153

46

23. Halaman Nilai.Php

Gambar.44 Halaman Nilai.Php


57/153

47

24. Halaman Simpan.Php

Gambar.45 Halaman Simpan.Php

25. Halaman Logout.Php

Gambar.46 Halaman Logout.Php


58/153

48

g. Membuat Animasi

Penulis menambahkan animasi ke dalam project ini agar

tampilan website telihat lebih hidup dan tidak

membosankan. Ada 2 animasi yang ditambahkan Penulis

dalm project ini

1. Animasi yang dibuat dengan menggunakan aplikasi

Swishmax . untuk membuat animasi teks dangambar bergerak dengan beberapa efek.

1.a. Buka aplikasi Swishmax

Gambar.47 Membuka Aplikasi Swishmax


59/153

49

1.b. Menentukan Ukuran Background

Gambar.48 Mengatur Ukuran Background

1.c. Masukkan gambar – gambar dan teks yang

diperlukan, lalu atur pergerakan atau efek yang

digunakan untuk animasi pada frame, sehingga

hasilnya seperti berikut :

Gambar.49 Hasil Jadi Animasi


60/153

50

2. Animasi yang dibuat dengan menggunakan aplikasi

CorelDRAW CS5 Profesional untuk membuat

gambar tidak pecah.

2.a. Buka Aplikasi CorelDRAW CS5

Gambar.50 Membuka Aplikasi CorelDRAW CS5


61/153

51

2.b. Tentukan ukuran background, masukkan contoh

gambar yang ingin kita trace. Buat pola sesuai

gambar tersebut.beri warna sesuai dengan gambar

contoh

Gambar.51 Impoert Gambar


62/153

52

2.c. grub gambar agar menjadi satu sehingga hasilnya

akan seperti gambar berikut :

Gambar.52 Hasil Jadi Animasi


63/153

53

BAB III

SIMPULAN DAN SARAN

3.1 Simpulan

1. Untuk menghasilkan sebuah tampilan yang menarik, kita

membutuhkan aplikasi Adobe Photoshop sebagai program

untuk mendesain pola web, Adobe Dreamweaver php

sebagai program penyusunan web, dan css sebagai

program pengaturan untuk membuat halaman web tersusun

rapi.

2. Website ujian online ini memiliki halaman awal yang bisa

diakses oleh siapa saja dengan terlebih dahulumendaftarkan diri sebagai member. Di halaman login

admin dan member akan memiliki menu yang berbeda dan

dengan fungsi yang berbeda pula.

3. Untuk memperindah tampilan website kita membutuhkan

animasi teks maupun gambar yang dapat dibuat denganmenggunakan Adobe Flash atau Swishmax dan juga

CorelDraw CS5


64/153

54

3.2

Saran

1. Dalam pembuatan TCS, pilihlah judul yang benar-benar

kita kuasai agar project yang kita buat mendapatkan hasil

yang maksimal.

2. Gunakan bahasa yang mudah dimengerti dan dipahami

oleh pembaca.

3. Berikan informasi dan design web yang menarik agar

pengunjung merasa tertarik.


65/153

55

DAFTAR PUSTAKA

Wijaya, Samsuri. 2013. Membuat Aplikasi Toko Komputer

Online Azka Komputer dengan Menggunakan PHP dan

MySQL

http://banksoalonline.org/. Diakses tanggal 18 April 2015

http://matematikseru.blogspot.com/. Diakses tanggal 18 April

2015

http://tipskarir.com/soal-psikotes-kerja-dan-jawabannya-2014-model-logika-penalaran/. Diakses tanggal 18 April 2015

http://www.teskerja.com/2014/11/matematika-online-psikotes.

Diakses tanggal 18 April 2015

http://www.tanggapustaka.com/solusi-tepat-menguasai-

matematika-psikotes-soal-pembahasan/flypage.tpl.html.

Diakses tanggal 18 April 2015

http://www.tanggapustaka.com/solusi-tepat-menguasai-matematika-psikotes-soal-pembahasan/flypage.tplhttp://www.tanggapustaka.com/solusi-tepat-menguasai-matematika-psikotes-soal-pembahasan/flypage.tplhttp://www.tanggapustaka.com/solusi-tepat-menguasai-matematika-psikotes-soal-pembahasan/flypage.tplhttp://www.tanggapustaka.com/solusi-tepat-menguasai-matematika-psikotes-soal-pembahasan/flypage.tpl


66/153

56

http://www.gamapustaka.com/buku-psikotes/91-sukses-

menaklukkan-psikotes-matematika-dan-gambar.pdf. Diakses

tanggal 22 April 2015

http://suksespsikotest.blogspot.com/2010/09/tes-deret-

angka.html. Diakses tanggal 22 April 2015

http://forum.detik.com/ini-dia-cara-lulus-psikotes-kerja-

t677837.html. Diakses tanggal 27 April 2015

http://tipskarir.com/cara-cepat-mengerjakan-soal-psikotes-

hitungan/. Diakses tanggal 27 April 2015

http://tipskarir.com/kiat-sukses-menghadapi-tes-psikotes/.Diakses tanggal 15 April 2015

http://atun.m-edukasi.kemdikbud.go.id/. Diakses tanggal 7 Mei

2015

http://ujian.bsi.ac.id/. Diakses tanggal 27 Mei 2015

http://www.anekajilbab.com/jilbab-putri/32-putri-amirah-biru-s-.htmlhttp://www.anekajilbab.com/jilbab-putri/32-putri-amirah-biru-s-.htmlhttp://www.anekajilbab.com/jilbab-putri/32-putri-amirah-biru-s-.htmlhttp://www.anekajilbab.com/jilbab-putri/32-putri-amirah-biru-s-.html


67/153

57

LAMPIRAN

A.

Lampiran Tampilan Halaman

1. Halaman Index

2. Halaman Daftar


68/153

58

3.

Halaman Beranda

4.

Halaman Ujian


69/153

59

5.

Halaman Nilai

6. Halaman Profil


70/153

60

7.

Halaman Member

8.

Halaman Soal


71/153

61

9.

Halaman Edit


72/153

62

B.

Lampiran Tampilan Listing Kode

1.

Index.Php

ujian Online.com


73/153

63

.style3 {

font-family: Harrington;

font-weight: bold;

font-size: 36px;

color: #144B69;

}

.style6 {

font-size: 16px;

font-style: italic;

color: #144B69;


}

.style12 {font-family: Harrington;

font-weight: bold;

color: #144B69;

font-size: 24px;

}.style48 {font-family: Harrington; font-weight: bold; color:

#144B69; font-size: 18px; }

.style50 {font-family: Harrington; color: #144B69; }

-->


74/153

64

Login

Username

:


75/153

65

Password

:

Status

:

memberadmin


76/153

66

Jika

anda belum terdaftar, silahkan registration terlebih

dahulu.

Registration


77/153

67

2.

Home.Php

Ujian Online.com


78/153

68

?>

AC_FL_RunContent(

'codebase','http://download.macromedia.com/pub/shockwav


79/153

69

e/cabs/flash/swflash.cab#version=9,0,28,0','width','870','hei

ght','151','src','picture/head','quality','high','pluginspage','http

://www.adobe.com/shockwave/download/download.cgi?P1

_Prod_Version=ShockwaveFlash','movie','picture/head' );

//end AC code


80/153

70

if($nav_atas=="welcome")

{

include"welcome.php";

}

elseif($nav_atas=="ujian")

{

include"ujian.php";

}

elseif($nav_atas=="nilai")

{

include"nilai.php";

}

elseif($nav_atas=="member"){

include"member.php";

}

elseif($nav_atas=="MyProfile")

{include"member.php";

}

elseif($nav_atas=="member_all")

{

include"member_all.php";


81/153

71

}

elseif($nav_atas=="input")

{

include"input.php";

}

elseif($nav_atas=="tampil")

{

include"tampil.php";

}

elseif($nav_atas=="logout")

{

include"logout.php";

}elseif($nav_atas=="jawaban")

{

include"jawaban.php";

}

elseif($nav_atas=="simpan"){

include"simpan.php";

}

elseif($nav_atas=="edit")

{


82/153

72

include"edit.php";

}

elseif($nav_atas=="editprofil")

{

include"editprofil.php";

}

elseif($nav_atas=="jawaban")

{

include"jawaban.php";

}

else{

include"welcome.php";

}?>


83/153

73

Articel

Terkait

Bank soal online


84/153

74

class="style12">Kumpulan Soal Matematika

Psikotes.

Matematika online

psikotes.


85/153

75

Tes deret

angka.

Ini dia cara lulus

psikotes kerja.


86/153


87/153

77

codebase="http://download.macromedia.com/pub/shockwa

ve/cabs/flash/swflash.cab#version=9,0,28,0" width="190"

height="150">


88/153

78

src="picture/facebook.png" width="20" height="20"

/>

© COPYRIGHT: Novyana Wahyu Pahlupi 2015


89/153

79

3.

Koneksi.Php

4.

Nav_Atas.Php

Ujian Online.com


90/153

80

HomeExamp

Score

Profile

Logout


91/153

81

My

Profile

All-Member

QuestionEdit

Logout


92/153

82

5.

Tanggal.Php


93/153

83

6.

Proses_Login.Php


94/153

84

echo "alert('Data yang anda masukkan tidak

valid');window.history.go(-1);";

}

?>

7.

Logout.Php


95/153

85

Ujian Online.com


96/153

86

.style10 {color: #000000; font-family: Harrington; }

.style11 {font-family: Harrington; font-weight: bold; color:

#000000; font-size: 18px; }

-->

INPUT SOAL

Pertanyaan

A


97/153

87

B

C

D


98/153

88

Jawaban

A

B

C

D

Publish

YES


99/153

89

NO


100/153

90

9.

Proses_Input.Php


101/153

91

10.

Tampil.Php

Ujian Online.com


102/153

92

font-family: Pristina;

color: #000000;}

.style9 {color: #000033; font-family: Pristina; }

.style12 {color: #000000}

.style14 {


color: #000000;

font-size: 18px;

}

.style16 {color: #000033; font-family: Harrington; }

.style17 {color: #000033}

-->

Soal


103/153

93

$no=1;

while($row=mysql_fetch_array($query))

{

?>

a)

b) c)


104/153

94

d)

JAWABAN : »

PUBLISH : »


105/153

95

11.

Edit.Php


106/153

96


font-weight: bold;

font-size: 24px;

color: #000033;

}

body {

background-color: #000033;

}

.style7 {font-family: Harrington; color: #000033; }

-->

Edit

Pertanyaan


107/153

97

:

A

:


108/153

98


109/153

99


110/153

100

Publish

:

yes

no


111/153

101

12.

Proses_Edit.Php


112/153

102

13.

Delete.Php


113/153

103

14.

Jawaban.Php

Ujian Online.com


114/153

104

include"koneksi.php";

if(isset($_SESSION['user'])){

?>

Hasil Jawaban


115/153

105

//jika user tidak memilih jawaban

if (empty($pilihan[$nomor])){

$kosong++;

}else{

//jawaban dari user

$jawaban=$pilihan[$nomor];

//cocokan jawaban user dengan jawaban di database

$query=mysql_query("select *from soal where no='$nomor'

and jawab='$jawaban'");

$cek=mysql_num_rows($query);

if($cek){//jika jawaban cocok (benar)

$benar++;

}else{

//jika salah

$salah++;}

}

$score = $benar*10;

}

}


116/153

106

?>

Benar

=

Salah

=

Kosong

=


117/153

107

Score

=


118/153

108

Anda belum login. silahkan Login


119/153

109

15.

Nilai.Php

Ujian Online.com


120/153

110

-->

Nilai

No

Tanggal

Benar Salah


121/153

111

Kosong

Point

Username


122/153

112



123/153

113

16.

Simpan.Php


124/153

114

17.

Welcome.Php

Ujian Online.com


125/153

115

.style5 {font-size: 18px}

.style6 {

font-size: 36px

}

.style7 {


font-size: 36px;

color: #000000;

}

.style8 {


font-size: 18px;

color: #000000;}

.style9 {font-family: Harrington}

.style10 {font-family: Harrington; color: #000000; font-size:

18px; }

-->


126/153

116

Selamat Datang

Portal Ujian Online ini ditujukan

untuk proses ujian yang diselenggarakan secara online

melalui fasilitas internet. Untuk dapat mengikuti ujian

online ini, peserta ujian harus menggunakan komputer

(PC, Notebook/Laptop, Netbook atau Tablet PC) yang telah

terhubung dengan internet.

Beberapa fitur yang ditawarkan padaaplikasi ujian-online..com adalah :

1. Ketika ujian,member akan

memperoleh soal dengan urutan yang acak, sehingga

meminimalkan kecurangan dalam menyelesaikan soal.

2. Ketika proses ujian sudah selesai,maka admin dapat langsung melihat hasil ujian siswa

(jawaban dan nilai), serta dapat melihat peringkat nilai

member pada ujian tersebut.

3.Ketika ujian selesai, member dapat

melihat nilai berserta detail dari hasil ujiannya sendiri.


127/153

117

4.Hasil ujian yang transparan, dapat

memberikan kepuasan kepada member.

18.

Ujian.Php


128/153

118

Ujian Online.com

Ujian


129/153

119

$hasil=mysql_query("select *from soal ORDER BY

RAND() DESC LIMIT 10");

$jumlah=mysql_num_rows($hasil);

$urut=0;

while($row =mysql_fetch_array($hasil))

{

$id=$row["no"];

$pertanyaan=$row["soal"];

$a=$row["a"];

$b=$row["b"];

$c=$row["c"];

$d=$row["d"];

?>

>

>


130/153

120


131/153

121


132/153

122



133/153

123

19.

Daftar.Php

ujian Online.com


134/153

124


#114964; font-size: 18px; }


-->

Registration

Nama

:


135/153

125

Username

:

Password

:


136/153

126

Foto

:


137/153

127

20.

Member.Php

Ujian Online.com


138/153

128

.style8 {

font-size: 36px;


}

.style9 {


font-weight: bold;

}

.style11 {font-family: Harrington}


#000000; }


-->


139/153

129

My Profile

No

:

Nama

:


140/153

130

Username

:

Password

:

*****

Foto

:


141/153

131

Status

:


142/153

132

21.

Member_All.Php

Ujian Online.com


143/153

133

font-size: 24px;

font-weight: bold;

color: #000000;

}


#000000; }


-->

Data

Member

id_user

Nama

Username


144/153

134

Password

Foto

Status


145/153

135

22.

Proses_Daftar.Php


146/153

136

if($pindah)

{

echo "Foto Berhasil di Upload";

}

else{

echo "Foto Tidak Berhasil di Upload";

}

//mysql-query digunakan untuk memasukkan bahasa query/sql

$simpan=mysql_query("insert into admin set

nama='$nama',user='$user',pass='$pass',foto='$foto'");

//tes keberhasilan kode

if($simpan)

{echo "alert ('Data Berhasil di

Input');location.href='index.php'; ";

}

else

{echo "alert ('Data Gagal di

Input');window.history.go(-1);";

}

?>


147/153

137

23.

Editprofil.Php


148/153

138

.style3 {


font-weight: bold;

font-size: 24px;

color: #000033;

}

body {

background-color: #000033;

}


.style10 {font-family: Harrington; color: #00005A; }

-->

Edit


149/153

139

Nama

:


150/153

140

:


151/153

141


152/153

142

$pindah=move_uploaded_file($_FILES['foto']['tmp_name'],"pi

cture/$foto");

$edit=mysql_query("update admin set

nama='$nama',user='$user',pass='$pass',foto='$foto' where

id_user='$no'");

if($edit)

{

echo " alert('Profil berhasil di

Edit');location.href='home?nav=member'; ";

}

else{

echo " alert('Profil gagal di Edit');window.history.go(-

1); ";

}

?>


153/153

DAFTAR RIWAYAT HIDUP

Novyana Wahyu Pahlupi di lahirkan di

Prabumulih, Sumatera Selatan pada

tanggal 11 November 1988. Merupakan

anak ke-2 dari tiga bersaudara pasangan

Bpk. Suyatno dan Ibu Helna, S.Pd.

Penulis memulai pendidikan di SD

Negeri 01 Kr.Endah , setelah tamat dari Sekolah Dasar Penulis

melanjutkan ke jenjang Sekolah Menengah Pertama 2 OKU,

setelah 3 tahun menimba ilmu di SMP tersebut, Penulis

melanjutkan kembali pendidikannya ke Sekolah Menengah

Laporan Akhir Thread Case Study

Documents

Transcript of Laporan Akhir Thread Case Study