i SISTEM INFORMASI SELEKSI TERBUKA JABATAN PIMPINAN TINGGI (JPT) BERBASIS WEB PADA KEMENTERIAN PPN/ BAPPENAS TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III MUCHAMMAD MAMUN NIM : 12142871 Program Studi Manajemen Informatika AMIK BSI Jakarta Jakarta 2017
62
Embed
TA Muchammad Mamun 12142871 with sign › index.php › unduh › item › ...Kementerian PPN/ Bappenas (Badan Perencanaan Pembangunan Nasional. viii 7. Bapak Imam Gunawan, S.Kom,
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
i
SISTEM INFORMASI SELEKSI TERBUKA JABATAN
PIMPINAN TINGGI (JPT) BERBASIS WEB
PADA KEMENTERIAN PPN/
BAPPENAS
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
MUCHAMMAD MAMUN
NIM : 12142871
Program Studi Manajemen Informatika
AMIK BSI Jakarta
Jakarta
2017
ii
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR
Yang bertanda tangan di bawah ini: Nama : Muchammad Mamun NIM : 12142871 Program Studi : Manajemen Informatika Perguruan Tinggi : AMIK BSI Jakarta
Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul: “Sistem Informasi Seleksi Terbuka Jabatan Pimpinan Tinggi (JPT) Berbasis Web Pada Kementerian PPN/ Bappenas”, adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.
Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari AMIK BSI Jakarta dicabut/dibatalkan.
Dibuat di : Jakarta Pada tanggal : Juni 2017 Yang menyatakan,
Muchammad Mamun
iii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA
ILMIAH UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan di bawah ini, saya: Nama : Muchammad Mamun NIM : 12142871 Program Studi : Manajemen Informatika Perguruan Tinggi : AMIK BSI Jakarta
Dengan ini menyetujui untuk memberikan ijin kepada pihak AMIK BSI Jakarta, Hak Bebas Royalti Non- Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul: “Sistem Informasi Seleksi Terbuka Jabatan Pimpinan Tinggi (JPT) Berbasis Web Pada Kementerian PPN/ Bappenas”, beserta perangkat yang diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak AMIK BSI Jakarta berhak menyimpan, mengalih-media atau format-kan, mengelolaannya dalam pangkalan data (database), mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak AMIK BSI Jakarta, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Jakarta Pada tanggal : Juni 2017 Yang menyatakan,
Muchammad Mamun
iv
v
vi
vii
KATA PENGANTAR
Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT,
yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis
dapat menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan
dalam bentuk buku yang sederhana. Adapun judul tugas akhir, yang penulis
ambil sebagai berikut, “Sistem Informasi Seleksi Terbuka Jabatan Pimpinan
Tinggi (JPT) Berbasis Web Pada Kementerian PPN/ Bappenas”.
Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan
program Diploma III AMIK BSI Jakarta. Sebagai bahan penulisan diambil
berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber literatur
yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan
dorongan dari semua pihak, maka penulisan tugas akhir ini tidak akan lancar.
Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan
terima kasih kepada:
1. Direktur AMIK BSI Jakarta.
2. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta.
3. Ibu Laila Septiana, M.Kom selaku Dosen Pembimbing Tugas Akhir.
4. Bapak Ridwansyah, M.Kom selaku Asisten Pembimbing Tugas Akhir.
5. Staff / karyawan / dosen dilingkungan AMIK BSI Jakarta.
6. Bapak Dr. Guspika, MBA, SE selaku Kepala Biro Sumber Daya Manusia
Kementerian PPN/ Bappenas (Badan Perencanaan Pembangunan Nasional.
viii
7. Bapak Imam Gunawan, S.Kom, MAP selaku Kepala Subbagian Sistem
Informasi Sumber Daya Manusia.
8. Staff / karyawan dilingkungan Biro Sumber Daya Manusia Kementerian PPN/
Bappenas.
9. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual
10. Rekan-rekan mahasiswa kelas 12.6G.
Serta semua pihak yang terlalu banyak untuk disebut satu persatu
sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan tugas akhir
ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang
bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang.
Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya dan
bagi para pembaca yang berminat pada umumnya.
Jakarta, Juni 2017
Penulis
Muchammad Mamun
ix
ABSTRAK Muchammad Mamun (12142871), Sistem Informasi Seleksi Terbuka Jabatan Pimpinan Tinggi (JPT) Berbasis Web Pada Kementerian PPN/ Bappenas Kementerian PPN/ Bappenas melakukan seleksi untuk memenuhi formasi Jabatan Pimpinan Tinggi untuk menjalankan tugas pokok dan fungsinya dan sesuai dengan amanat reformasi birokrasi. namun terdapat kesulitan melakukan rekrutmen yaitu dalam proses administrasi dan test. Ditemukan beberapa kekurangan khususnya pada administrasi dan test baik dalam pengolahan data pelamar dan ujian seleksi tertulis. Maka dibutuhkan suatu sistem informasi secara online berbasis web yang bisa membantu mengatasi masalah pada proses seleksi Jabatan Pimpinan Tinggi di Kementerian PPN/ Bappenas. Hasil yang diperoleh dari sistem informasi seleksi terbuka Jabatan Pimpinan Tinggi ini adalah peningkatan pelayanan berupa informasi mengenai lowongan jabatan secara up to date, proses lamaran administrasi yang bisa dilakukan dimana saja, serta pengolahan data lamaran yang lebih mudah dilakukan oleh Kementerian PPN/ Bappenas dan kegiatan penyeleksian berupa test tertulis yang lebih menghemat biaya dan waktu. Kata Kunci: Seleksi JPT (Jabatan Pimpinan Tinggi), Sistem rekrutmen online
x
ABSTRACT
Muchammad Mamun (12142871), Sistem Informasi Seleksi Terbuka Jabatan Pimpinan Tinggi (JPT) Berbasis Web Pada Kementerian PPN/ Bappenas The Ministry of National Development Planning/ Bappenas conducts selection to fulfill the formation of High Leadership Position to carry out its main duties and functions and in accordance with the mandate of bureaucratic reform. But there are difficulties in recruitment that is in the administrative process and test. Some shortcomings are found especially in administration and test both in data processing applicants and written test exams. So needed a web-based online information system that can help solve the problem in the selection process of High Leadership Position in the Ministry of National Development Planning / Bappenas. The results obtained from the open selection information system for High Leadership Position is the improvement of service in the form of information on job vacancies up to date, administrative application process that can be done anywhere, as well as processing data applications are more easily done and selection activities have more cost-effective and Time efficient. Keyword: recrutment for high Leadership Position, online recrutment system
xi
DAFTAR ISI
Halaman Surat Pernyataan Keaslian Tugas Akhir .................................................................. ii Surat Pernyataan Persetujuan Publikasi Karya Ilmiah Untuk Kepentingan Akademis ................................................................................................................ iii Persetujuan Dan Pengesahan Tugas Akhir ................. Error! Bookmark not defined. Lembar Konsultasi Tugas Akhir ................................ Error! Bookmark not defined. Kata Pengantar ...................................................................................................... vii Abstrak ................................................................................................................... ix Daftar Isi ................................................................................................................ xi Daftar Gambar ....................................................................................................... xii Daftar Tabel ......................................................................................................... xiii BAB I PENDAHALUAN ....................................................................................... 1
1.1 Latar Belakang ............................................................................................. 1 1.2 Maksud dan Tujuan ..................................................................................... 3 1.3 Metode Penelitian ........................................................................................ 3 1.4 Ruang Lingkup ............................................................................................. 5 1.5 Sistematikan Penulisan................................................................................. 5
BAB II LANDASAN TEORI ................................................................................ 7 2.1 Konsep Dasar Web ........................................................................................ 7 2.2 Teori Pendukung ......................................................................................... 16 2.2.1 Struktur Navigasi ...................................................................................... 16 2.2.2. ERD ( Entity Relationship Diagram). ...................................................... 19 2.2.3. Pengujian Web (Black Box Testing) ........................................................ 22
BAB III PEMBAHASAN .................................................................................... 23 3.1. Tinjauan Perusahaan .................................................................................. 23
3.1.1 Sejarah Instansi ................................................................................... 23 3.1.2 Struktur Organisasi dan Fungsi ........................................................... 26
3.3.1 Rancangan Antar Muka ...................................................................... 28 3.3.2 Basis Data .......................................................................................... 30
3.4. Implementasi dan Pengujian Unit ............................................................ 36 3.4.1. Implementasi ....................................................................................... 36 3.4.2. Pengujian Unit ..................................................................................... 41
BAB IV PENUTUP .............................................................................................. 45 4.1. Kesimpulan ................................................................................................ 45 4.2. Saran .......................................................................................................... 46
DAFTAR PUSTAKA ........................................................................................... 47
xii
DAFTAR GAMBAR
Halaman
Gambar II.1. Struktur Navigasi Hirarki ................................................................. 17 Gambar II.2. Struktur Navigasi Linier ................................................................... 18 Gambar II.3. Struktur Navigasi Non Linier ........................................................... 18 Gambar II.4. Struktur Navigasi Campuran ............................................................ 19 Gambar III.1 fungsi dan tugas bappenas ................................................................ 26 Gambar III.2 Struktur Organisasi ........................................................................... 27 Gambar III.3 Rancangan antar muka portal ........................................................... 29 Gambar III.4 Rancangan antar muka halaman admin ............................................ 29 Gambar III.5 Rancangan antar muka halaman pelamar ......................................... 30 Gambar III.6 ERD Sistem informasi seleksi JPT .................................................. 31 Gambar III.7 Logical Relational Structure............................................................. 32 Gambar III.8 Tampilan antar muka untuk smartphone .......................................... 36 Gambar III.9 Tampilan antar muka untuk komputer ............................................. 37 Gambar III.10 Tampilan antar muka pendaftaran .................................................. 37 Gambar III.11 Tampilan antar muka login ............................................................ 38 Gambar III.12 Tampilan antar muka untuk admin ................................................. 38 Gambar III.13 Tampilan antar muka untuk user .................................................... 39
xiii
DAFTAR TABEL Halaman
Tabel III. 1 Spesifikasi file pendaftar ..................................................................... 33 Tabel III. 2 Spesifikasi file Users ........................................................................... 34 Tabel III. 3 Spesifikasi file Biodata ....................................................................... 35 Tabel III. 4 Pengujian form pendaftaran ................................................................ 41 Tabel III. 5 Pengujian form login ........................................................................... 42
1
BAB I
PENDAHALUAN
1.1 Latar Belakang
Dalam rangka membangun birokrasi pemerintah yang efektif dan efisien,
serta pelayanan publik yang prima, pemerintah telah melaksanakan Reformasi
Birokrasi. Salah satu area perubahan yang menjadi sasaran program tersebut adalah
manajemen Sumber Daya Manusia (SDM) Aparatur Pemerintahan. Untuk menata
kembali kebijakan dan pelaksanaan manajemen aparatur, pemerintah telah
menerbitkan Undang-undang Nomor 5 tahun 2014 tentang Aparatur Sipil Negara.
Pegawai Negeri Sipil sebagai pegawai Aparatur Sipil Negara dalam
pengelolaannya diatur dalam manajemen Aparatur Sipil Negara. Aturan ini
diharapkan mampu memperbaiki manajemen pemerintahan yang berorientasi pada
pelayanan publik, sebab pegawai negeri sipil (PNS) tidak lagi berorientasi melayani
atasannya, melainkan masyarakat.
UU ASN bertujuan mewujudkan Aparatur Sipil Negara yang profesional,
netral dan berintegritas. Undang-undang ini mengamanatkan diterapkannya sistem
merit dalam kebijakan dan manajemen Aparatur Sipil Negara. Sistem merit adalah
kebijakan dan manajemen ASN yang berdasarkan pada kualifikasi, kompetensi, dan
kinerja, secara terbuka dan wajar dengan tidak membedakan latar belakang politik,
ras, warna kulit, agama, asal usul, jenis kelamin, status pernikahan, umur dan
kondisi fisik.
2
Jabatan dalam ASN terdiri dari : Jabatan Administrasi (Administrator,
Pengawas, dan Pelaksana); Jabatan Fungsional (fungsional keahlian dan
ketrampilan); Jabatan Pimpinan Tinggi (Jabatan Pimpinan Tinggi Utama, Madya,
dan Pratama). Khusus mengenai pengisian Jabatan Pimpinan Tinggi, proses
pengisian jabatan ini dilakukan secara terbuka dan kompetitif, transparan dan
akuntabel Pengisian Jabatan Pimpinan Tinggi (JPT) secara terbuka merupakan
salah satu bentuk penerapan sistem merit dalam manajemen SDM.
Dalam pelaksanaan amanat UU ASN dalam pengisian Jabatan Pimpinan
Tinggi di Kementerian PPN/ Bappenas memiliki beberapa permasalahan diantara
pengumuman ketersediaan JPT yang kosong harus disebar secara nasional,
sehingga apabila memakai media cetak seperti surat kabar akan memerlukan biaya
yang besar. Serta dikarenakan informasi ini disebar secara nasional maka PNS
seluruh indonesia akan memeliki hak yang sama untuk melamar. Bisa dibayangkan
apabila pengelolaan dokumen pelamar masih menggunakan kertas, Kementerian
PPN/ Bappenas akan memerlukan tempat dan SDM yang banyak dalam proses
pengisian Jabatan Pimpinan Tinggi ini.
Berdasarkan amanat UU ASN tersebut Kementerian PPN/ Bappenas
membutuhkan suatu sistem informasi untuk melakukan seleksi terbuka dalam
pengisian Jabatan Pimpinan Tinggi (JPT). Berdasarkan permasalahan tersebut
maka dalam penyusunan Tugas Akhir diambil sebuah judul “Sistem Informasi
Seleksi Terbuka Jabatan Pimpinan Tinggi (JPT) Berbasis Web Pada Kementerian
PPN/ Bappenas“.
3
1.2 Maksud dan Tujuan
Maksud dan tujuan tugas akhir ini adalah:
1. Untuk mempermudah dan mempercepat proses pengolahan data seleksi
terbuka Jabatan Pimpinan Tinggi Kementerian PPN/ Bappenas.
2. Merancang Sistem informasi seleksi yang memudahkan dalam
penyaringan peserta dalam bentuk ujian berbasis komputer (computer
Assisted Test) sehingga bisa dapat menghemat waktu dan biaya.
3. Memudahkan user dalam hal ini Biro SDM Kementerian PPN/ Bappenas
untuk menyelenggarakan seleksi calon pejabat pimpinan tinggi. Mulai
dari penyebaran informasi tentang seleksi hingga penjaringan calon
peserta seleksi.
Penulisan tugas akhir ini adalah sebagai syarat untuk memenuhi kelulusan
Diploma Tiga (D. III) pada Jurusan Manajemen Informatika AMIK Bina Sarana
Informatika.
1.3 Metode Penelitian
A. Metode Pengembangan Perangkat lunak
Waterfall adalah suatu metodelogi pengembangan perangkat lunak yang
mengusulkan pendekatan kepada perangkat lunak sistematik dan sekuensial
yang mulai pada tingkat kemajuan sistem pada seluruh analisis,
perancangan sistem dan pengujian.
Metode waterfall yang terbagi menjadi tiga tahapan yaitu;
4
1. Analisa kebutuhan
Tahapan ini sangat menekankan pada masalah pengumpulan kebutuhan
pengguna pada tingkatan sistem dengan menentukan konsep sistem
berserta antarmuka yang menghubungkannya dengan lingkungan
sekitar. Hasilnya berupa spesifikasi sistem.
2. Perancangan sistem dan perangkat lunak
Proses perancangan sistem ini difokuskan pada empat atribut, yaitu
struktur data yaitu ERD (Entity Relationship Diagram) dan LRS
perangkat lunak, dan interaksi antar objek di dalam sistem.
3. Implementasi dan pengujian unit
Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai
serangkaian program atau unit program berbasis web kemudian
Pengujian terhadap program yang dibuat menggunakan blackbox testing
yang fokus terhadap proses masukan dan keluaran program.
B. Teknik Pengumpulan Data
Dalam rangka pengumpulan data yang diperlukan dalam penulisan Tugas
Akhir Penulis menggunakan beberapa metode, diantaranya adalah :
1. Metode Observasi
Penulis melakukan pengamatan dan penelitian terhadap kegiatan secara
langsung di lapangan. Dalam hal ini proses seleksi jabatan pimpinan tinggi
di Kementerian PPN/ Bappenas.
5
2. Metode Wawancara
Penulis melakukan suatu tanya jawab dengan Biro SDM Kementerian PPN/
Bappenas yang dalam hal ini bertindak sebagai pelaksana mengenai semua
kegiatan yang berhubungan dengan pelaksanaan seleksi terbuka Jabatan
Pimpinan Tinggi di Kementerian PPN/ Bappenas
3. Metode Studi Pustaka
Selain melakukan kegiatan tersebut di atas penulis juga melakukan studi
kepustakaan melalui referensi-referensi yang ada di perpustakaan ataupun
dari luar.
1.4 Ruang Lingkup
Sistem informasi Seleksi Terbuka Jabatan Pimpinan Tinggi (JPT) pada
Kementerian PPN/ Bappenas adalah Sistem Informasi yang diperuntukan untuk
menjaring pelamar dalam pengisian jabatan pimpinan tinggi di Kementerian PPN/
Bappenas. Sistem ini juga berfungsi sebagai media informasi yang menjembatani
antara Panitia Seleksi Kementerian PPN/ Bappenas dengan Aparatur Sipil Negara
dan Masyarakat umum dalam proses Seleksi Terbuka Jabatan Pimpinan Tinggi.
1.5 Sistematikan Penulisan
BAB I PENDAHULUAN
Dalam bab ini akan diuraian tentang latar belakang masalah, maksud dan
tujuan penulisan tugas akhir, identifikasi masalah, batasan masalah,
metode pengumpulan data, maksud dan tujuan penelitian dan sistematika
penulisan
6
BAB II LANDASAN TEORI
Dalam bab ini akan diuraikan tentang teori yang melandasi setiap analisis
yang disajikan, serta literatur yang memiliki kaitan dengan masalah yang
akan diteliti dengan membandingkannya dengan kenyataanya yang ada
dilapangan
BAB III PEMBAHASAN
Bab ini akan menjelaskan mengenai sejarah singkat Kementerian
PPN/Bappenas, struktur organisasi dan fungsinya, analisa kebutuhan
sistem, perancangan perangkat lunak baik rancangan antar muka
(interface) maupun rancangan basis data, serta implementasi dan
pengujian unit
BAB IV PENUTUP
Pada bab ini penulis mengemukakan beberapa kesimpulan yang telah
penulis bahas pada bab-bab sebelumnya.
7
BAB II
LANDASAN TEORI
2.1 Konsep Dasar Web
1. Mengenal Website
Menurut Sutarman (2007:7) menjelaskan bahwa “Website merupakan
salah satu suber daya internet yang berkembang pesat. Informasi web
didistribusikan melalui hypertext, yang yang memungkinkan suatu teks pendek
menjadi acuan untuk membuka dokumen lain”.
Web menyajikan informasi menggunakan Hypertext Markup Language
sehingga dapat menampilkan informasi dengan berbagai format data seperti text
,image bahkan video dan dapat diakses menggunakan berbagai aplikasi klien.
Selain dikenal sederhana dan mudah, adanya kategori server side programming
pada web memungkinkan penyajian informasi yang lebih menarik dan dinamis
dengan pengolahan data yang terorganisasi.
Website pada awalnya merupakan suatu layanan sajian informasi yang
mengunakan konsep hyperlink yang memudahkan surfer atau pengguna internet
melakukan penelusuran informasi di internet. Informasi yang disajikan dengan
web menggunakan konsep multimedia, Informasi dapat disajikan dengan
menggunakan banyak media, seperti teks, suara, gambar, film, atau animasi.
8
2. Pengertian HTML ( Hyper Text Markup Language )
Menurut Anhar (2010:40) “HTML (Hyper Text Markup Language) adalah
sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang
digunakan untuk menampilkan halaman pada web browser”.
HTML atau Hyper Text Markup Language merupakan suatu format data
yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu
platform computer ke platform komputer lainnya tanpa perlu melakukan suatu
perubahan apapun. Dokumen HTML disebut sebagai markup language karena
mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan
teks dan tingkat kepentingan dari text tersebut dalam suatu dokumen. Dengan
system Hypertext pada dokumen HTML.
A. Elemen Dasar HTML.
Pada sebuah dokumen HTML diperlukan sebuah kode khusus yang disebut
tag yang dinyatakan dengan tanda lebih besar (>) dan lebih kecil (<). Contoh
penulisan tag pada dokumen HTML, yaitu:
1) <HTML> </HTML>.
Ini adalah tag struktur dokumen yang selalu berada paling atas dan
palingbawah yang menandakan bahwa dokumen tersebut adalah
dokumen HTML.
2) <HEAD>…</HEAD>.
Tag ini berisi informasi yang berhubungan dengan dokumen tersebut tapi
tidak tercetak pada dokumen.
9
3) <TITLE>…</TITLE>
Tag ini berada diantara tag <HEAD> dan digunakan untuk menampilkan
judul dari dokumen NTML pada browser.
4) <BODY>…</BODY>.
Tag ini berisi semua yang akan ditampilkan pada browser. Tag <BODY>
ini merupakan tag terakhir dari struktur dokumen.
5) Paragraf <P>…</P>.
Elemen ini menandai sekumpulan teks sebagai suatu paragraph. Tag
<P>digunakan untuk memulai paragraph baru dan diakhiri dengan </P>.
6) Divider <DIV>…</DIV>
Tag <DIV> digunakan untuk membagi-bagi dokumen dalam suatu
hirarki yang terstruktur. Dalam dokumen HTML pun dapat digunakan
sebuah atribut ALIGN, yaitu untuk mengatur perataan dari teks dalam
suatu paragraph. Atribut ALIGN mempunyai tiga buah nilai, yaitu left (
rata kiri ), center ( rata tengah ), dan right ( rata kanan ).
7) Image <img>
Tag ini berfungsi untuk menampilkan gambar. Ada beberapa atribut
pendukungnya seperti : src, title, border, width, dan height.
8) Tag <FONT> ... </FONT>
Tag ini berfungsi ntuk memberikan style pada teks yang akan di format.
Atributnya terdiri dari size (untuk ukuran huruf), color (untuk pemberian
warna pada huruf), dan face (untuk memilih jenis huruf).
10
9) Tag <BR>
Tag yang digunakan untuk berpindah pada baris baru dalam suatu bagian
teks.
10) Tag <B>…</B>
Tag ini digunakan untuk memberi penebalan pada teks.
11) Tag <FORM action=” ” method=GET/POST> ... </FORM>
Digunakan untuk mendefinisikan suatu form yang akan dibentuk. Atribut
action akan mengarah pada URL yang telah disebutkan dan atribut
method mendefinisikan cara pengiriman data yang akan dilakukan.
12) Tag <INPUT type=” ” name=” ” value=” ”>... </INPUT>
Tag ini merupakan bagian dari form yang ditampilkan pada browser
berupa suatu tampilan input yang digunakan untuk pengisian data.
Atribut type yang berisi format data yang masuk apakah password text,
radio,checkbox, submit, hidden, atau reset. Atribut name mendefinisikan
nama atau variabel pada jenis input yang dipilih. Atribut value
merupakan isi atau nilai dari jenis input. Atribut size merupakan atribut
yang mendefinisikan besar ukuran (dalam karakter) untuk jenis input text
dan password. Atribut maxlength merupakan panjang maksimum
karakter yang bisa di input.
13) Tag <HR>
Tag Horizontal Rules ini berguna untuk membuat garis horizontal yang
akan memisahkan halaman menjadi kelompok-kelompok.
11
14) Tag <TABEL border=”“ width=” “> ...</TABEL>
Tag ini berfungsi untuk membuat tabel. Atribut border berisi angka yang
digunakan apabila ingin border memiliki ketebalan garis sesuai dengan
angka tersebut. Atribut cellspacing dan cellpadding digunakan apabila
antara baris dan kolom pada tabel memiliki batas atau tidak sesuai
dengan angka pada atribut tersebut. Atribut width dapat digunakan bila
lebar tabel ingin diubah-ubah sesuai dengan kondisi.
15) Tag <SELECT name=” ”> ... </SELECT>
Tag ini merupakan bagian dari form, tampilannya berupa suatu combo
box atau list box. Atribut name mendefinisikan nama combo/list box ini
yang daftar pilihannya terdapat pada tag option.
16) Tag <OPTION value=” “> ... </OPTION>
Atribut value merupakan nilai dari option-option yang ada
3 . Pengertian World Wide Web
Menurut Yuhefizar (2008:159) menjelaskan bahwa “World Wide Web adalah suatu metode untuk menampilkan informasi diinternet, baik berupa gambar, teks,suara maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan satu dokumen dengan dokumen lainya yang dapat diakses melalui Browser”.
World Wide Web adalah bagian yang paling menarik dari Internet. Melalui
web, para pengguna dapat mengakses informasi-informasi yang tidak hanya
berupa teks tapi bias juga berupa suara, animasi, video dan gambar. Kegunaan ini
tergolong masih baru dibandingkan surat elektronik, sebenarnya World Wide Web
merupakan kumpulan dokumen yang tersimpan di peladen web dan yang
12
peladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi
satu melalui jaringan internet.
Dokumen-dokumen infomasi ini disimpan atau dibuat dengan format
HTML (Hypertext Markup Language). Suatu halaman dokumen informasi dapat
terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan
dokumen lain. Keterkaitan halaman lewat teks ini disebut pranala. Dokumen
informasi ini tidak hanya tediri dari teks tetapi juga dapat berupa gambar,
mengandung suara bahkan klip video. Kaitan antar dokumen yang seperti itu
disebut hipermedia.
World Wide Web, biasa lebih terkenal disingkat sebagai WWW adalah suatu
ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi
Sumber Seragam untuk mengenal pasti sumber daya berguna. WWW sering
dianggap sama dengan internet secara keseluruhan, walaupun sebenarnya ia
hanyalah bagian daripada internet. WWW merupakan kumpulan peladen web dari
seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi
untuk dapat digunakan bersama.
Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen
multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan
mengklik pranala (hipertaut), maka para pengguna bisa berpindah dari satu
dokumen ke dokumen lainnya.
13
4. Pengenalan dan Pengertian PHP ( Personal Home Pages )
Menurut Anhar (2010:3) “Personal Home Pages (PHP) adalah bahasa
pemrograman web server-side yang bersifat open source. “ PHP merupakan script
yang terintegrasi dengan HTML dan berada pada server (server side HTML
embedded scripting) yang digunakan untuk membuat halaman website yang
dinamis.
Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl
yang dapat mengamati siapa saja yang melihat -lihat daftar riwayat hidupnya, yakni
pada tahun 1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut
"Personal Home Page".Paket inilah yang menjadi cikal-bakal PHP.Pada tahun
1995, Rasmus menciptakan PHP/FI Versi 2.
PHP merupakan singkatan dari PHP Hypertext Preprocessor. Ia merupakan
bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server.
Hasilnya yang dikirimkan ke klien, tempat pemakai menggunakan browser. Secara
khusus, PHP dirancang untuk membentuk aplikasi web dinamis. Artinya, ia dapat
membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, Anda bisa
menampilkan isi database ke halaman web. Pada prinsipnya PHP mempunyai
fungsi yang sama dengan skrip-skrip seperti ASP(Active Server Page),Cold Fusion,
ataupun Perl. Namun, perlu diketahui bahwa PHP sebenarya bisa dipakai secara
commandline. Artinya, skrip PHP dapat dijalankan tanpa melibatkan web server
maupun browser.
Pada versi inilah pemograman dapat menempelkan kode terstruktur di dalam
tag HTML. Yang menarik, kode PHP juga bisa berkomunikasi dengan database dan
melakukan perhitungan-perhitungan yang kompleks sambil jalan. Pada saat ini PHP
14
cukup populer sebagai peranti pemrograman Web, terutama di lingkungan Linux.
Walaupun demikian, PHP sebenamya juga dapat berfungsi pada server-server yang
berbasis UNIX, Windows, dan Macintosh. Pada awalnya. PHP dirancang untuk
diintegrasikan dengan web server Apache. Namun, belakangan PHP juga dapat
bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet
Information Server), dan Xitami. Untuk mencoba PHP, Anda tidak perlu
menggunakan komputer berkelas server.
a. Dasar – Dasar PHP
1). Menggunakan Sintaks <?php … ?>
2). Menggunakan Sintaks <? … ?>
b. Variabel digunakan untuk menyimpan data sementara dan nilainya bisa
berubah-ubah setiap kali program dijalankan. Adapun aturan dalam
penulisan variabel adalah sebagai berikut:
1). Mengenal perbedaan huruf besar dan huruf kecil (Case sensitif).
2). Variabel di mulai dengan tanda $
3). Harus dimulai dengan huruf atau underscore (tidak boleh dimulai
dengan angka).
5. Pengenalan dan Pengertian Mysql.
Database digunakan untuk menyimpan data, demikian pula dengan
MySQL, MySQL termasuk jenis Relational Database Management System
(RDBMS) yaitu hubungan antar tabel yang berisi data-data pada suatu database.
Database pada MySQL terdiri dari tabel-tabel. Setiap tabel mempunyai kolom,
baris, serta record untuk menyimpan data. Tabel-tabel tersebut dilink oleh suatu
15
relasi yang memungkinkan untuk mengkombinasikan data dari beberapa tabel
ketika seseorang user menginginkan menampilkan informasi dari suatu
database. Penggunaan MySQL biasanya dipadukan dengan menggunakan
program aplikasi PHP, karena dengan menggunakan kedua program tersebut
telah terbukti akan kehandalannya dalam menangani permintaan data.
Menurut Anhar (2010:45) “MySQL (My Structure Query Leanguage)
adalah salah satu Database Management System (DBMS) dari sekian banyak
DBMS seperti Oracle, MS SQL, Postagre SQL dan lainnya MySQL berfungsi
untuk mengolah database menggunakan bahasa SQL”.
Untuk menghubungkan dan menjalankan perintah-perintah MySQL
dalam script PHP dibutuhkan fungsi-fungsi koneksi tersendiri, beberapa
diantaranya:
a. Mysql_select_db()
Fungsi ini digunakan untuk memilih sebuah database sebagai database aktif.
b. Mysql_create_db()
Fungsi ini digunakan untuk membuat sebuah database baru pada server
MySQL. Pendeklarasiannya dalam bentuk:
mysql_create_db ($database);
c. Mysql_connect()
Fungsi ini digunakan untuk membuka koneksi dengan database MySQL
server. Dalam fungsi ini dibutuhkan tiga buah argumen yaitu hostname,
username, dan database user password. Pendeklarasiannya dalam bentuk:
Dalam halaman ini digunakan admin untuk memanage portal dan memantau aktivitas dan data dari pelamar yang melakukan pendaftaran kedalam sistem informasi.
AREA HEADER
LOGO KEMENTERIAN PPN/ BAPPENASTOP MENU
Nama admin ‐ Logout
ISI / KONTEN
FOOTER
MENU ADMINPengumuman
JadwalPersyaratan
settingData pelamar
Gambar III.4 Rancangan antar muka halaman admin
30
3. Rancangan antar muka halaman pelamar
Pada halaman ini pelamar dapat memilih jabatan pimpinan tinggi yang
dituju dan mengisi riwayat hidup pelamar
AREA HEADER
LOGO KEMENTERIAN PPN/ BAPPENAS
MENU NAVIGASI USER Pilihan jabatan‐ riwayat hidup‐ dokumen pendukung ‐ Logout
ISI / KONTEN
Gambar III.5 Rancangan antar muka halaman pelamar
4. Rancangan antar muka halaman soal Ujian
Pada halaman ini pelamar melakukan ujian secara online berbasis web