pengembangan prototype dan analisa perbandingan aplikasi...
TRANSCRIPT
UNIVERSITAS INDONESIA
PENGEMBANGAN PROTOTYPE DAN ANALISA PERBANDINGAN APLIKASI SISTEM REKRUTMENT KARIR BERBASIS WEB
SKRIPSI
Diajukan sebagai salah satu syarat memperoleh gelar sarjana
ANGIE AYUNDA0706199060
FAKULTAS TEKNIKPROGRAM TEKNIK ELEKTRO
DEPOKJUNI, 2009
Un i v e r s i t a s Ind o n e s i a
HALAMAN PERNYATAAN ORISINALITAS
Skripsi/Tesis/Disertasi ini adalah hasil karya saya sendiri,
dan semua sumber baik yang dikutip maupun dirujuk
telah saya nyatakan dengan benar.
Nama : ANGIE AYUNDA
NPM : 0706199060
Tanda Tangan: ...............................
Tanggal : 30 Juni 2009
HALAMAN PENGESAHAN
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Skripsi ini diajukan oleh : Nama : Angie AyundaNPM : 0706199060Program Studi : Teknik ElektroJudul Skripsi : Pengembangan Prototipe dan Analisa Perbandingan Aplikasi Sistem Rekrutmen
Karir Berbasis Web.
Telah berhasil dipertahankan di hadapan Dewan Penguji dan diterima sebagaibagian persyaratan yang diperlukan untuk memperoleh gelar SarjanaTeknik pada Program Studi Teknik Elektro, Fakultas Teknik, Universitas Indonesia.
DEWAN PENGUJI
Pembimbing : Muhammad Salman, ST, MIT ( )
Penguji : Ir Endang Sriningsih MT.,Si ( )
Penguji : Dr Ir Anak Agung Putri Ratna M.Eng ( )
Ditetapkan di : Depok
Tanggal : 30 Juni 2009
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
KATA PENGANTAR / UCAPAN TERIMA KASIH
Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa, karena atas berkat dan rahmat-Nya, saya
dapat menyelesaikan skripsi ini. Penulisan skripsi ini dilakukan dalam rangka memenuhi salah satu
syarat untuk mencapai gelar Sarjana Teknik Jurusan Teknik Elektro pada Fakultas Teknik,
Universitas Indonesia. Saya menyadari bahwa, tanpa bantuan dan bimbingan dari berbagai pihak,
dari masa perkuliahan sampai pada penyusunan skripsi ini, sangatlah sulit bagi saya untuk
menyelesaikan skripsi ini. Oleh karena itu, saya mengucapkan terima kasih kepada:
(1) Bapak Muhammad Salman, ST,MIT , selaku dosen pembimbing yang telah menyediakan waktu,
tenaga, dan pikiran untuk mengarahkan saya dalam penyusunan skripsi ini;
(2) Orang tua saya Drs Jullis Muchlis Muchtar & Nurul Huda Hamid beserta keluarga besar Hamid
& Muchtar yang telah memberikan bantuan dukungan material dan moral;
(3)Sdr Aryadi Prakoso yang menyediakan waktu dan tenaga untuk membantu menemukan solusi
dalam meneyelesaikan skripsi ini.;
(4)Sdr Moh Ridhuan yang juga memberikan kontribusi besar dalam menyelesaikan penulisan skripsi
ini; dan
(5) Teman teman jurusan teknik elektro serta sahabat Africa yang telah banyak membantu saya
dalam menyelesaikan skripsi ini.
Akhir kata, saya berharap Tuhan Yang Maha Esa berkenan membalas segala kebaikan semua pihak
yang telah membantu. Semoga skripsi ini membawa manfaat bagi pengembangan ilmu.
Depok, 30 Juni 2009
Penulis
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASITUGAS AKHIR UNTUK KEPENTINGAN AKADEMIS
Sebagai sivitas akademik Universitas Indonesia, saya yang bertanda tangan di bawah
ini:
Nama : Angie Ayunda
NPM : 0706199060
Program Studi : Teknik Elektro
Departemen : Teknik Elektro
Fakultas : Teknik
Jenis karya : Skripsi
demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas
Indonesia Hak Bebas Royalti Noneksklusif (Non-exclusive Royalty- Free Right) atas karya
ilmiah saya yang berjudul :
PENGEMBANGAN PROTOTIPE DAN ANALISA PERBANDINGAN APLIKASI SISTEM
REKRUTMEN KARIR BERBASIS WEB
beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif ini
Universitas Indonesia berhak menyimpan, mengalih media/formatkan, mengelola dalam bentuk
pangkalan data (database), merawat, dan memublikasikan tugas akhir saya selama tetap
mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Depok
Pada tanggal : 30 Juni 2009
Yang menyatakan
( Angie Ayunda )
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
ABSTRAK
Nama : Angie AyundaProgram Studi : Teknik ElektroJudul : Pengembangan Prototipe dan Analisa Perbandingan Aplikasi Sistem Rekrutmen Karir
Berbasis Web.
Pengembangan prototipe dan analisa perbandingan aplikasi sistem rekrutmen karir berbasis web,
merupakan sebuah sistem yang berusaha mengakomodir kebutuhan para pencari kerja dan
perusahaan untuk mengefisiensikan waktu dan biaya. Dimana dalam sistes ini dikembangkan
sebuah sistem perekrutan karyawan yang dimulai dengan pempublikasian lowongan, pengiriman
aplikasi lowongan hingga pelaksaanaan test secara online. Disini juga dibahas mengenai
perbandingan perbandingan yang ada dengan situs lowongan kerja sejenis. Apa saja kelebihan
dan kekurangan sistem ini secara real. Baik dari segi performansi, waktu respon, design, aspek
teknis, dll.
Kata kunci:Rekrut-online, rekrutmen berbasis web, Online test
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
ABSTRACT
Name : Angie AyundaStudy Program: Elecrical EngineeringTitle : Development of Prototype and Comparison Analysis of Web Based Career Recruitment
System Application.
Development of Prototype and Comparison Analysis of Web Based Career Recruitment Application System, is a system that try to give an accommodation of applicant and employer needed to have more efficiency in cost and time. This system is about develop a recruitment on lin e system that starts when the co mp any p u b lish the v acan cy o n this website, then the applicant’s sending their application until carrying out the on line test. Here is also doing some analysis of comparison that this system has had rather than others system look like. It such on the plus and the minus of this system has had in a real time. It based on performance, time response, design and another technical aspect.
Key words:Recruitment online, Recruitment web base, Online test
DAFTAR ISI
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Halaman Sampul iHalaman Judul iiHalaman Pernyataan Orisinalitas iiiHalaman Pengesahan ivKata Pengantar/ Ucapan Terima kasih vLembar Persetujuan Publikasi Karya Ilmiah viAbstrak viiAbstract viiiDaftar Isi ixDaftar Gambar xiiDaftar Tabel xivDaftar Lampiran xiv BAB I Pendahuluan 11. 1 . Latar Belakang Masalah 1
1.2. Tujuan Penulisan 2
1.3. Batasan Masalah 2
1.4. Metodologi Penelitian 2
1.5. Sistematika Penulisan 2
BAB II Landasan Teori Pembuatan sistem 4
2.1 WEBSITE (situs) 4
2.1.1 WEB 1.0(web versi 1) 4
2.1.2 WEB 2.0(web versi 2) 4
2.1.3 Perbedaan web 1.0 dan web 2.0 7
2.2 Bahasa web yang digunakan 7
2.2.1 HTML 7
2.2.2 CSS 8
2.2.3 PHP 9
2.2.4 Java Script 11
2.3. Website karier 11
2.4.CMS 11
2.4.1 CMS PHP JOB SITE 11
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
2.4.2 Xampp (apache friends) 13
2.4.3 MySQL 13
2.5. Visual Modeling 14
2.6 FTP (File Transfer Protocol) 20
2.7 Pengupload an website ke server dirumah web dengan FTP 22
2.7.1 Petunjuk umum pada FileZilla 22
2.7.2 Melakukan Koneksi ke server 24
2.7.3 Upload File 24
2.7.4 Tahap Akhir 25
2.8 Benchmarks Situs 26
BAB III Perancangan Sistem 27
3.1. Spesifikasi dan fungsi sistem 27
3.2. Cara kerja sistem 27
3.3. Mengidentifikasi kebutuhan sistem 28
3.4 Perancangan halaman web 35
3.5 Pembuatan halaman web 36
3.5 .1 Pembuatan di local host 37
3.6 Urutan langkah penggunaan website 39
3.6.1. Login sebagai pencari kerja 39
3.6.2. Login sebagai Perusahaan 48
3.6.3. Login sebagai Admin 49
BAB IV Perbandingan, Ujicoba Serta Analisa 51
4.1 Perbandingan Performansi 51
4.1 .1 Menggunakan webwait.com 51
4.1.2 pengecekan dengan ://validator.w3.org/checklink 51
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
4.1.3Perbandingan menggunakan http://www.ec-plus.net/benchmark-test/ 52
4.2. Analisa data 53
4.2.1 Perbandingan dengan webwait .com 53
4.2.2 Perbandingan menggunakan webwait .com dan ://validator.w3.org/checklink 54
4.2.2 Perbandingan dengan http://www.ec-plus.net/benchmark-test/ 54
4.2.2.1 Parameter Parameter 54
4.3 Kelebihan Masing Masing Situs 55
BAB V Kesimpulan dan Saran 57
Daftar Acuan 58
Daftar Referensi 59
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
DAFTAR GAMBAR
Gambar 2.1 Diagram Kerja Web 5
Gambar 2.2 UML Diagram 17
Gambar2.3 Class Komponen 17
Gambar 2.4 Class Diagram 18
Gambar 2.5 Use Case Diagram 18
Gambar 2.6 Use Case Komponen 19
Gambar 2.7 Sequence Diagram 19
Gambar 2.8 Activity Diagram 20
Gambar 2.9 FTP 21
Gambar 2.10 FilleZilla 22
Gambar 2.11 Quick Connection Bar 24
Gambar 2.12 Tampilan jika koneksi berhasil 24
Gambar 2.13 Disconnect from server 25
Gambar 3.1 Use Case Diagram system 29
Gambar 3.2 Class Diagram system 30
Gambar 3.3 Sequence diagram user 1 31
Gambar 3.4 sequence diagram user 2 32
Gambar 3.5 Activity diagram login& test user 1 33
Gambar.3.6 Activity diagram user 2 34
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Gambar 3.7 Tampilan awal rekrut-online.com 36
Gambar 3.8 Xampp kontrol panel 37
Gambar 3.9 Rekrut-online pada local host 38
Gambar 3.10 Data base h31639 39
Gambar 3.11 Form registrasi 40
Gambar 3. 12 Resume hasil registrasi 41
Gambar 3.13 Pencarian lowongan pekerjaan 42
Gambar 3.14 Penemuan lowongan 43
Gambar 3.15 Notifikasi pengiriman berhasil 44
Gambar 3.16 Link peserta dan waktu ujian 45
Gambar 3.17 Daftar nama peserta ujian 46
Gambar 3.18 Pengumuman waktu dan link ujian 46
Gambar 3.19 Soal ujian 47
Gambar 3.20 Notifikasi waktu 48
Gambar 3.21 Notifikasi telah mengikuti ujian 48
Gambar 3.22 Login sebagai admin 49
Gambar 3.23 Penambahan peserta ujian 49
Gambar 3.24 Hasil ujian 50
Gambar 4.1 Grafik dengan webwait.com 51
Gambar 4.2 Grafik fetch perlink dengan validator check link 52
Gambar 4.3 Grafik dengan Ec –plus.net 53
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
DAFTAR TABEL
Tabel 4.1 tabel kecepatan eksekusi menggunakan webwait.com 51
Tabel 4.2 tabel kecepatan eksekusi fetch perlink menggunakan ://validator.w3.org 51
Tabel 4.3 Tabel penilaian situs menggunakan ec-plus.net 52
DAFTAR LAMPIRAN
Lampiran 1 PHP JobSite ChangeLog 61
Lampiran 2Pengecekan dengan www.validator.w3.org 64
Lampiran 3 Pengecekan dengan www.webwait.com 77
Lampiran 4 pengecekan dengan www.ec-plus.net 80
BAB I
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
PENDAHULUAN
1.1. LATAR BELAKANG MASALAH
Ke b u t u h a n ten t a n g me n j a r i n g pe k e r j a a n saa t ini sem a k i n kom p l e k s . Ba i k da r i si s i ke t e r a m p i l a n
da n qu a l i f i k a s i ya n g di b u t u h k a n , ma u p u n da r i si s i wa k t u da n ham b a t a n ham b a t a n yan g
me m b a t a s i se s e o r a n g da l a m me n c a r i at a u p u n me n j a r i n g pa r a pe n c a r i ke r j a , ma k a da r i itu
di r a s a pe r l u un t u k me m f a s i l i t a s i n y a dal a m pem b u a t a n we b s i t e yan g ter h u b u n g se c a r a on l i n e
me l a u i int e r n e t yan g aka n me n g k o m o d i r ke b u t u h a n ter s e b u t .
W e b s i t e ka r i r ko n v e n s i o n a l yan g me n g a k o m o d o s i k a n keb u t u h a n ke b u t u h a n itu sa a t ini m a s i h
me m i l i k i be b e r a p a ke k u r a n g a n , ya k n i m a s i h be l u m ad a n y a tes t lan g s u n g me l a u i we b s i t e .
La m a r a n di u n d u h me l a l u i we b s i t e ter s e b u t , pa r a pe n c a r i ke r j a tet a p ha r u s me n u n g g u lam a
un t u k me l a k s a n a k a n tes t ag a r bi s a me l a j u ke lev e l te s t be r i k u t n y a .
Te s t ya n g di l a k u k a n me l a l u i we b s i t e pu n bi a s a n y a ha n y a tes t tah a p pe r t a m a , ya k n i pe n c o c o k a n
jen j a n g pe n d i d i k a n da n be b e r a p a kem a p u a n lai n ya n g tel a h di s e r t i f i k a s i . M e l a l u i pem b a c a a n
CV da n ph o t o , se d a n g k a n dal a m me n j a r i n g pe k e r j a , d i k e t a h u i ad a be b e r a p a el e m e n t tes t lai n
yan g di b u t u h k a n sep e r t i tes t po t e n s i ak a d e m i k , tes t ba h a s a as i n g(in g g r i s dl l), tes t ps i k o l o g i , tes t
wa w a n c a r a ds b. Pe n e r a p a n tes t di a t a s pa d a we b s i t e ca r r i e r ko n v e n s i o n a l , tet a p ha r u s
di l a k s a n a k a n se c a r a lan g s u n g de n g a n me w a j i b k a n pa r a pe n c a r i ke r j a un t u k da t a n g lan s u n g
da n be r t e m u de n g a n us e r/h r d ny a.
Ha l itu di r a s a tid a k pra k t i s , ka r e n a da l a m er a gl o b a l i s a s i ini, keb u t u h a n ak a n wa k t u da n
bia y a , b a i k da r i si s i Us e r ma u p u n da r i si s i pa r a pe n c a r i ke r j a di r a s a sa n g a t pe n t i n g . Be r d a s a r k a n
keb u t u h a n ter s e b u t l a h si s t e m pe r e k r u t a n on l i n e be r b a s i s we b dib u a t , ka r e n a me m u n g k i n k a n
un t u k me n g e f i s i e n s i k a n ha l ha l ter s e b u t .
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Be r d a s a r k a n hal ter s e b u t pe n u l i s me n c o b a un t u k me n u l i s tug a s akh i r yan g be r j u d u l
Pengembangan prototype dan analisa perbandingan aplikasi sistem rekrutmen karir berbasis
web
1.2. TUJUAN PENULISAN
• Membuat website karir yang dapat melakukan test seleksi secara online melalui internet.
• Membandingkan pengembangan prototipe dan analisa perbandingan aplikasi sistem
re k r u t m e n ka r i r be r b a s i s we b ini d e n g a n si s t e m /situ s se j e n i s da l a m ha l pe r f o r m a n s i yan g
leb i h ba i k, t e r u t a m a da l a m ha l wa k t u(r e s p o n s e tim e) da n ele m e n ele m e n st a n d a r lai n n y a .
1.3. BATASAN MASALAH
Agar masalah yang akan dibahas menjadi jelas dan tidak banyak menyimpang
dari topik yang akan dibahas, maka dalam penulisan proyek akhir ini penulis menekankan,
bahwa hal yang akan dibahas adalah :
• Membuat sistem perekrutan online berbasis web yang dapat melakukan test seleksi
secara online melalui internet.
• Perbandingan dengan situs pencari kerja lain.
• Mem b u a t we b s i t e ka r i r ini m e m i l i k i ki n e r j a at a u pe r f o r m a n s i ya n g leb i h
ba i k , t e r u t a m a dal a m ha l wa k t u(r e s p o n s e tim e) da n e l e m e n ele m e n st a n d a r lai n n y a
1.4. METODOLOGI PENELITIAN
Me t o d o l o g i pe n e l i t i a n yan g dig u n a k a n dal a m pe n y u s u n a n pro y e k akh i r ini, an t a r a
lai n ad a l a h : St u d i lite r a t u r , pe r a n c a n g a n mo d e l , pe m b u a t a n si s t e m , an a l i s a si s t e m ,
im p l e m e n t a s i , uj i cob a da n pe r b a n d i n g a n .
1.5. SISTEMATI KA PENULISAN
BA B I PE N D A H U L U A N
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ba b ini me m b a h a s me n g e n a i lat a r be l a k a n g , tuj u a n pe n u l i s a n , ba t a s a n
ma s a l a h , da n si s t e m a t i k a pe n u l i s a n un t u k me m b e r i k a n gam b a r a n um u m
me n g e n a i pe n u l i s a n sem i n a r da n tug a s akh i r ini.
BA B II DA S A R TE O R I
Di b a h a s me n g e n a i da s a r- da s a r teo r i yan g me n d u k u n g ter h a d a p
pe m b u a t a n pe n g e m b a n g a n pr o t o t i p e da n an a l i s a pe r b a n d i n g a n apl i k a s i si s t e m
rek r u t m e n kar i r be r b a s i s we b
BA B III PE R A N C A N G A N SI S T E M
Pa d a ba b ini ter d a p a t re n c a n a pe r a n c a n g a n se c a r a sis t e m a t i s
un t u k di j a d i k a n da s a r acu a n pe n g e m b a n g a n pro t o t i p e da n an a l i s a pe r b a n d i n g a n
ap l i k a s i si s t e m rek r u t m e n ka r i r be r b a s i s we b
BA B IV PE R B A N D I N G A N , UJ I CO B A SE R T A AN A L I S A
Pa d a ba b ini aka n di ur a i k a n ten t a n g da t a pe r b a n d i n g a n an t a r a we b s i t e
ka r i r ko n v e n s i o n a l de n g a n we b s i t e yan g dib u a t , ke u n i k a n ke u n i k a n ap a sa j a
yan g ad a da l a m sis t e m ini di b a n d i n g k a n de n g a n we b s i t e se j e n i s yan g ad a . Ba i k
da r i seg i pe r f o r m a n s i , el e m e n el e m e n pe n i l a i a n , Se r t a keu n t u n g a n ke u n t u n g a n
yan g dip e r o l e h da r i pe m b u a t a n si s t e m pe r e k r u t a n on l i n e be r b a s i s we b ini ba i k
da r i seg i tek n i s ma p u n no n tek n i s .
BA B V KE S I M P U L A N
Ba b ini be r i s i ke s i m p u l a n da n sa r a n .
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
BAB II
LANDASA N TEORI PEMBUATAN SISTEM
2.1 WEBSITE (situs)
We b ad a l a h sis t e m pe n g i r i m a n do k u m e n ter b e s a r yan g be r j a l a n di int e r n e t . W e b di k e m b a n g k a n
di CE R N (Eur o p e a n Ce n t e r Fo r Nu c l e a r Re s e a r c h), sua t u lem b a g a ba g i pe n e l i t i a n fis i k a en e r g i
ter t i n g g i di Ge n e v a , S w i s s . Tu j u a n sem u l a da r i lem b a g a ini ad a l a h un t u k me m b a n t u pa r a
fis i k a w a n di be r b a g a i lok a s i ya n g be r b e d a da l a m be k e r j a sam a da n be r b a g i m a t e r i a l pe n e l i t i a n .
W e b de n g a n ce p a t be r k e m b a n g ke lua r ling k u p ma s y a r a k a t fis i k a en e r g i ter t i n g g i .
Pa d a da s a r n y a we b me r u p a k a n sua t u kum p u l a n hyp e r l i n k ya n g me n u j u da r i al a m a t sa t u ke
ala m a t lai n n y a de n g a n ba h a s a HT M L (Hyp e r T e x t M a r k u p La n g u a n g e). Da l a m pe n g a p l i k a s i a n
we b HT M L tid a k mu n g k i n se n d i r i da l a m me m b u a t su a t u de s a i n yan g be n a r- be n a r ba g u s . Ol e h
ka r e n a itu HT M L sel a l u di t e m a n i ol e h CS S (Cas c a d i n g St y l e Sh e e t) un t u k me m p e r c a n t i k
de s a i n , Ja v a S c r i p t un t u k me m b u a t tam p i l a n yan g di n a m i s , da n XM L (eXte n s i b l e Ma r k u p
La n g u a g e) yan g di g u n a k a n un t u k me n d e f i n i s i k a n for m a t da t a . Te k n o l o g i pe n g g a b u n g a n da r i
Ja v a S c r i p t da n XM L sa a t ini ya n g ma r a k di s e b u t de n g a n AJ A X (Asyn c h o r o u s Ja v a S c r i p t An d
XM L) ya n g me n e k a n k a n pa d a pe n g e l o l a a n con t e n t da l a m we b s i t e .[ 1]
Ca r a Ke r j a W e b :
• Se b u a h ha l a m a n We b dia k s e s de n g a n ca r a me n u l i s k a n UR L n y a at a u me n g i k u t i link
yan g me n u j u ke p a d a n y a , me n g g u n a k a n bro w s e r W e b
• UR L me n u n j u k k a n lok a s i do k u m e n ya n g di k e l o l a ol e h se b u a h se r v e r W e b
• UR L di u b a h me n j a d i al a m a t IP se r v e r W e b yb s
• Br o w s e r kem u d i a n me n g i r i m k a n req u e s t ht t p ke se r v e r W e b
• Se r v e r W e b ak a n me n j a w a b de n g a n me m b e r i k a n do k u m e n ya n g di m i n t a , da l a m for m a t
HT M L
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 2. 1 Di a g r a m ke r j a we b[ 1]
2.1.1 WEB 1.0(web versi 1)
Di s e b u t jug a st a t i c we b , Aw a l mu l a we b s i t e be r d i r i di m u l a i da r i kon s e p ini, di m a n a su a t u
we b s i t e ma s i h me n g a n d a l k a n ha l a m a n st a t i s da r i tag- tag HT M L ya n g ha n y a dig u n a k a n un t u k
me m a j a n g inf o r m a s i- inf o r m a s i di m a n a sa t u ha l a m a n ter d i r i da r i sa t u inf o r m s i sa j a (bena r- be n a r
st a t i s). ko n s e p ini di s e b u t de n g a n re a d on l y.
2.1.2 WEB 2.0(web versi 2)
Is t i l a h W e b 2.0 pe r t a m a kal i n y a di p e r k e n a l k a n ol e h O’R e i l l y M e d i a . di k e m b a n g k a n
se k i t a r tah u n 2004. Me n u r u t Ti m O’R e i l l y , W e b 2.0 da p a t di d e f i n i s i k a n seb a g a i be r i k u t :
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
“Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh
penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk
memahami berbagai aturan untuk mencapai keberhasilan pada platform baru
tersebut. Salah satu aturan terutama adalah: Membangun aplikasi yang
mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi pengguna aplikasi tersebut”
Be r b a g a i lay a n a n be r b a s i s we b se p e r t i jej a r i n g so s i a l , wiki da n folksonomies
(misa l n y a : “fli c k r . c o m ” , “de l. i c i o . u s”) me r u p a k a n tek n o l o g i W e b 2.0 ya n g
me n a m b a h int e r a k t i f i t a s di an t a r a pa r a pe n g g u n a We b .[2]
Ka r a k t e r W E B 2.0[3]
• We b seb a g a i pl a t f o r m
• Da t a seb a g a i pe n g e n d a l i ut a m a
• Ef e k jar i n g a n di c i p t a k a n ol e h ar s i t e k t u r pa r t i s i p a s i
• In o v a s i da l a m pe r a k i t a n sis t e m ser t a si t u s di s u s u n de n g a n me n y a t u k a n fit u r da r i
pe n g e m b a n g yan g ter d i s t r i b u s i da n ind e p e n d e n (sem a c a m mo d e l pe n g e m b a n g a n "open
source")
• Mo d e l bi s n i s yan g rin g a n , yan g di k e m b a n g k a n de n g a n ga b u n g a n isi da n lay a n a n
• Ak h i r da r i si k l u s pe l u n c u r a n (release cycle) pe r a n g k a t lun a k .
• Mu d a h un t u k di g u n a k a n da n dia d o p s i ol e h us e r
• Te k n o l o g i ya n g di p a k a i ad a l a h AJ A X
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Pa d a um u m n y a , Website ya n g di b a n g u n de n g a n me n g g u n a k a n tek n o l o g i W e b 2.0
me m i l i k i fi t u r- fi t u r seb a g a i be r i k u t :
• CS S (Cas c a d i n g St y l e Sh e e t s)
• Ap l i k a s i Ri c h Int e r n e t at a u be r b a s i s Aj a x
• M a r k u p XH T M L
• Si n d i k a s i da n ag r e g a s i da t a me n g g u n a k a n RS S/A t o m
• UR L ya n g va l i d
• Fo l k s o n o m i e s
• Ap l i k a s i wi k i pa d a se b a g i a n at a u se l u r u h Website
• XM L We b- Se r v i c e AP I
2.1.3 Perbedaan web 1.0 dan web 2.0
• Ya n g me n j a d i kun c i pe r b e d a a n da l a m We b 2.0 da n We b 1.0 ad a l a h ke t e r b a t a s a n pa d a
W e b 1.0 ya n g me n g h a r u s k a n pe n g g u n a int e r n e t un t u k da t a n g ke da l a m we b s i t e
ter s e b u t da n me l i h a t sa t u pe r s a t u ko n t e n di da l a m n y a .
• Se d a n g k a n W e b 2.0 me m u n g k i n k a n pe n g g u n a int e r n e t da p a t me l i h a t ko n t e n su a t u
we b s i t e tan p a ha r u s be r k u n j u n g ke al a m a t si t u s yan g be r s a n g k u t a n .
• Kem a m p u a n we b 2.0 dal a m me l a k u k a n ak t i v i t a s dra g an d dro p , au t o com p l e t e , ch a t ,
vo i c e da p a t di l a k u k a n lay a k n y a ap l i k a s i de s k t o p .
2.2 Bahasa web yang digunakan
2.2.1 HTML
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan
untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah
browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia
penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup
Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan
halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C).
Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang
XHTML yang merupakan pengembangan dari HTML.
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.
Se c a r a ga r i s be s a r , ter d a p a t 4 jen i s el e m e n da r i HT M L :
• structural. tan d a ya n g me n e n t u k a n lev e l at a u ting k a t a n da r i seb u a h tek s (con t o h ,
<h 1>G o l f</h 1> ak a n me m e r i n t a h k a n bro w s e r un t u k me n a m p i l k a n "Go l f" seb a g a i tek s
teb a l be s a r yan g me n u n j u k k a n seb a g a i He a d i n g 1
• presentational. tan d a yan g me n e n t u k a n tam p i l a n da r i se b u a h tek s tida k pe d u l i de n g a n
lev e l da r i te k s ter s e b u t (con t o h , <b>bo l d f a c e </b> ak a n me n a m p i l k a n bo l d . Ta n d a
pr e s e n t a t i o n a l saa t ini sud a h mu l a i di g a n t i k a n ol e h CS S da n tida k di r e k o m e n d a s i k a n
un t u k me n g a t u r tam p i l a n tek s ,
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
• hypertext . tan d a ya n g me n u n j u k k a n pr a n a l a ke ba g i a n da r i do k u m e n ter s e b u t at a u
pr a n a l a ke do k u m e n lai n (con t o h , <a hr e f =" h t t p ://ww w. w i k i p e d i a . o r g/">W i k i p e d i a</a>
aka n me n a m p i l k a n Wi k i p e d i a se b a g a i se b u a h hyp e r l i n k ke UR L ter t e n t u),
• El e m e n widget yan g me m b u a t ob j e k- ob j e k lai n sep e r t i tom b o l (<but t o n>), lis t (<li>), da n
ga r i s ho r i z o n t a l (<hr>).[4]
Se l a i n ma r k u p presentational , ma r k u p yan g lin tida k me n e n t u k a n ba g a i m a n a tam p i l a n da r i
seb u a h tek s . Na m u n un t u k saa t ini, pe n g g u n a a n tag HT M L un t u k me n e n t u k a n tam p i l a n tel a h
di a n j u r k a n un t u k mu l a i di t i n g g a l k a n da n seb a g a i ga n t i n y a di g u n a k a n Ca s c a d i n g St y l e Sh e e t s .
2.2.2 CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk
mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling
umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan
XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis
dokumen XML termasuk SVG d an XUL. Spesifikasi CSS diatur oleh World Wide Web
Consortium (W3C).
CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna,
jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk
memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya)
dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan
aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan
mengurangi kompleksitas serta pengulangan pada stuktur isi.
CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda
untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan
oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML
atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau
skema warna dengan menggunakan CSS.[5]
2.2.3 PHP
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
PHP adalah bahasa pemrograman script yang p alin g b anyak d ip ak ai saat in i. PHP
banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan
digunakan untuk pemakaian lain.
Contoh terkenal dari aplikasi PHP adalah phpBB dan MediaWiki (software di belakang
Wikipedia). PHP juga dapat dilihat sebagai pilihan lain dari ASP.NET/C#/VB.NET Microsoft,
ColdFusion Macromedia, JSP/Java Sun Microsystems, dan CGI/Perl. Contoh aplikasi lain yang
lebih kompleks berupa CMS yang dibangun menggunakan PHP adalah Mambo, Joomla!,
Postnuke, Xaraya, dan lain-lain.
Sejarah PHP
PH P pe r t a m a kal i di b u a t ol e h Ra s m u s Le r d o r f pa d a tah u n 1995 . Pa d a wa k t u itu PH P
ma s i h be r n a m a FI (Fo r m Int e r p r e t e d ), ya n g wu j u d n y a be r u p a se k u m p u l a n sc r i p t ya n g
dig u n a k a n un t u k me n g o l a h da t a for m da r i we b .
Se l a n j u t n y a Ra s m u s me r i l i s kod e sum b e r ter s e b u t un t u k um u m da n me n a m a k a n n y a
PH P/F I , kep e n d e k a n da r i Hypertext Preprocessing'/Form Interpreter. De n g a n pe r i l i s a n ko d e
sum b e r ini m e n j a d i open source, m a k a ba n y a k pro g r a m m e r yan g ter t a r i k un t u k iku t
m e n g e m b a n g k a n PH P .
Pa d a No v e m b e r 1997 , di r i l i s PH P/F I 2.0. Pa d a ril i s ini int e r p r e t e r PH P su d a h
di i m p l e m e n t a s i k a n da l a m pro g r a m C . Da l a m ri l i s ini di s e r t a k a n jug a mo d u l- m o d u l ek s t e n s i yan g
me n i n g k a t k a n kem a m p u a n PH P/F I se c a r a si g n i f i k a n .
Pa d a tah u n 1997 , se b u a h pe r u s a h a a n be r n a m a Ze n d me n u l i s ul a n g int e r p r e t e r PH P
me n j a d i leb i h be r s i h , leb i h ba i k , da n leb i h ce p a t . Ke m u d i a n pa d a Ju n i 1998, pe r u s a h a a n
ter s e b u t m e r i l i s int e r p r e t e r ba r u un t u k PH P da n me r e s m i k a n ri l i s ter s e b u t seb a g a i PH P 3.0 .
Pa d a pe r t e n g a h a n tah u n 199 9, Ze n d me r i l i s int e r p r e t e r PH P ba r u da n ri l i s ter s e b u t
di k e n a l de n g a n PH P 4.0 . PH P 4.0 ad a l a h ve r s i PH P ya n g pal i n g ba n y a k di p a k a i pa d a aw a l
ab a d ke-21. Ve r s i ini ba n y a k di p a k a i di s e b a b k a n kem a m p u a n n y a un t u k me m b a n g u n ap l i k a s i
we b kom p l e k s te t a p i tet a p me m i l i k i ke c e p a t a n da n st a b i l i t a s yan g ting g i .
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Pa d a Ju n i 2004 , Ze n d me r i l i s PH P 5.0 . Da l a m ve r s i ini, int i da r i int e r p r e t e r PH P
me n g a l a m i pe r u b a h a n be s a r . Ve r s i ini jug a me m a s u k k a n mo d e l pe m r o g r a m a n be r o r i e n t a s i
ob j e k ke dal a m PH P un t u k me n j a w a b pe r k e m b a n g a n ba h a s a pem r o g r a m a n ke ara h pa r a d i g m a
be r o r i e n t a s i ob j e k .
Kelebihan PHP dari bahasa pemrograman lain
• Ba h a s a pem r o g r a m a n PH P ad a l a h se b u a h ba h a s a sc r i p t yan g tida k me l a k u k a n se b u a h
kom p i l a s i da l a m pe n g g u n a a n y a .
• We b Se r v e r ya n g me n d u k u n g PH P da p a t di t e m u k a n di m a n a - ma n a da r i m u l a i ap a c h e ,
IIS , Li g h t t p d , hi n g g a Xi t a m i de n g a n co n f i g u r a s i yan g rel a t i f mu d a h .
• Da l a m sis i pe n g e m b a n g a n leb i h mu d a h , ka r e n a ba n y a k n y a mi l i s - mi l i s da n de v e l o p e r
yan g si a p me m b a n t u da l a m pe n g e m b a n g a n .
• Da l a m sis i pe m a h a m a n a n , PH P ad a l a h ba h a s a sc r i p t i n g yan g pa l i n g mu d a h ka r e n a
me m i l i k i re f e r e n s i ya n g ba n y a k .
• PH P ad a l a h ba h a s a op e n sou r c e yan g da p a t di g u n a k a n di be r b a g a i me s i n (Li n u x , Un i x ,
M a c i n t o s h , Wi n d o w s ) da n da p a t di j a l a n k a n se c a r a ru n t i m e me l a l u i co n s o l e se r t a jug a
da p a t me n j a l a n k a n pe r i n t a h- pe r i n t a h sys t e m . [6]
2.2.4 Java Script
JavaScript adalah nama implementasi Netscape Communications Corporation untuk
ECMAScript standar, suatu bahasa skrip yang didasarkan pada konsep pemrograman berbasis
prototipe. Bahasa ini terutama terkenal karena penggunaannya di situs web (sebagai JavaScript
sisi klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan
(embedded) di aplikasi lain.
Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa
pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. [7]
2.3. Website karier .
Un t u k pa r a pe n c a r i ke r j a , inf o r m a s i m e n g e n a i low o n g a n pe k e r j a a n me r u p a k a n hal ya n g
san g a t vi t a l . Di sis i lai n, ba g i pa r a pe n y e d i a ke r j a , inf o r m a s i m e n g e n a i ten a g a ke r j a ya n g
ter s e d i a p u n me r u p a k a n hal yan g san g a t pe n t i n g . Ka r e n a ten t u n y a , pa r a pe n y e d i a ke r j a p u n
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
ing i n me n d a p a t k a n kan d i d a t ter b a i k un t u k di t e m p a t k a n di po s i s i ter s e b u t , ma k a da r i itu pr o s e s
pe n c a r i a n ka d i d a t pu n se r i n g k a l i m e n j a d i sua t u pe t u a l a n g a n ya n g me l e t i h k a n bai k ba g i pa r a
pe n c a r i ke r j a , at a u p u n pe r u s h a a n pem b e r i pe k e r j a a n . At a s da s a r keb u t u h a n ini l a h kem u d i a n ,
de n g a n me m a n f a a t k a n tek n o l o g i int e r n e t yan g me n g h a p u s k a n ba t a s a n- ba t a s a n fis i k,
be r m u n c u l a n l a h si t u s- si t u s ter k a i t low o n g a n ke r j a , de n g a n tuj u a n ut a m a me m p e r t e m u k a n at a r a
pa r a pe n c a r i ke r j a de n g a n pa r a pem b e r i pe k e r j a a n .[8]
2.4.CMS
Si s t e m ma n a j e m e n kon t e n (Ing g r i s : content management System, di s i n g k a t CM S), ad a l a h
pe r a n g k a t lun a k ya n g me m u n g k i n k a n se s e o r a n g un t u k me n a m b a h k a n da n/at a u me m a n i p u l a s i
(men g u b a h) isi da r i sua t u si t u s Web.
Um u m n y a , se b u a h CM S (Con t e n t M a n a g e m e n t Sy s t e m) ter d i r i da r i du a ele m e n :
1. ap l i k a s i m a n a j e m e n isi (Con t e n t M a n a g e m e n t Ap p l i c a t i o n , [CM A])
2. ap l i k a s i pe n g i r i m a n isi (cont e n t de l i v e r y ap p l i c a t i o n [CDA]).
El e m e n CM A me m p e r b o l e h k a n si m a n a j e r isi) un t u k me n g a t u r pe m b u a t a n , mo d i f i k a s i , da n
pe n g h a p u s a n isi da r i su a t u si t u s Web. El e m e n CD A me n g g u n a k a n da n me n g h i m p u n inf o r m a s i-
inf o r m a s i ya n g seb e l u m n y a tel a h di t a m b a h , di k u r a n g i at a u di u b a h ole h si em p u n y a si t u s we b
un t u k me n g- update ata u me m p e r b a h a r u i si t u s Web ter s e b u t . Ke m a m p u a n at a u fitu r da r i
seb u a h si s t e m CM S be r b e d a- be d a , wa l a u p u n be g i t u , ke b a n y a k a n da r i so f t w a r e ini m e m i l i k i fi t u r
pu b l i k a s i be r b a s i s Web, m a n a j e m e n for m a t , ko n t r o l rev i s i , pe m b u a t a n ind e x , pe n c a r i a n , da n
pe n g a r s i p a n .
Be r i k u t di b a w a h ini pe m a n f a a t a n CM S :
• We b s i t e pe r u s a h a a n , bi s n i s , or g a n i s a s i at a u kom u n i t a s .
• Po r t a l
• Ga l e r i fot o
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
• Ap l i k a s i E-Co m m e r c e .
• Me n g e l o l a we b s i t e pr i b a d i / bl o g.
• Da n lai n- lai n. [9]
2.4.1 CMS PHP JOB SITE
Sa l a h sa t u CM S yan g iku t da l a m ka n c a h we b 2.0 CM S CM S ini (free, opensource)
me n g u r a n g i bi a y a da n sum b e r d a y a da l a m me n g e l o l a se b u a h we b s i t e . De n g a n ba n t u a n cm s
ini s e b u a h we b si t e be r s k a l a be s a r de n g a n mu d a h di k o n t r o l , di k e l o l a , da n di j a g a de n g a n ba i k.
Se m u a we b- sol u t i o n s yan g me n j a d i pa r a d i g m a we b ma s t e r da n we b dev e l o p e r , khu s u s n y a
pa d a ra n a h si t u s low n g a n ke r j a ad a pa d a ph p job s i t e . Se g a l a ke b a i k a n da r i we b- so l u t i o n s bi s a
di p e r l u a s , di c o p o t (plug i n), di t a m b a h i (addo n s) da n dih i l a n g k a n (unin s t a l l i n g) dal a m wa k t u ya n g
cep a t da n mu d a h . Se c a r a ga r i s be s a r da n ga m b l a n g ,
Sama seperti cms yang lain pada umumnya terdiri dari 3 elemen dasar, yaitu server web
(webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan
Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode
program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Php job site
menggunakan Apache sebagai server web dan MySQL untuk basisdatanya.
Perkembangan terbaru mengenai php jobsite saat ini sudah memasuki versi 1.36 .ada
perubahan yang terjadi di versi ini. Versi terdahulu yaitu V1.0 memiliki keterbatasan dan
kelemahan. Dalam versi terbaru ini, v.1.36 php jobsite menawarkan banyak hal baru dalam
perkembangan dunia web. [ lampiran1 hal 61-63]
2.4.2 xampp (apache friends)
XAMPP(www.apachefriends.org) merupakan aplikasi bundel dari Apache, PHP, dan
MySQL. Berawal dari Apache Friends, Sebuah proyek nirlaba untuk mempromosikan
webserver Apache yang didirikan pada tahun 2002. Proyek ini bertujuan memudahkan seorang
untuk menginstal dan menggunakan Apache karena berdasarkan pengalaman tidak mudah bagi
seorang pengguna menginstal Apache, apalagi kemudian menambahkan MySQL, PHP, dan Perl
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
dalam 1 sistem. Xampp hadir untuk memudahkan menginstal aplikasi2 tersebut. Seorang
pengguna tinggal mendownload, mengekstrak, dan menjalankan servisnya.
Xampp dapat ditemui pada platform Linux (dites di Ubuntu, SuSE, RedHat, Mandrake
dan Debian), Windows (98, NT, 2000, 2003, XP dan Vista), beta version untuk Solaris SPARC
(dites di Solaris 8), dan beta version Mac OS X).[10]
2.4.3 MySQL
MySQL adalah Relational Database Management System (RDBMS) yang
didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang
bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat
komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database
sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian
database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan
pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database
(DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah
SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server,
MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data.
Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa
sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.
Keistimewaan MySQL
o Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows,
Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
o Open Source .MySQL didistribusikan secara open source, dibawah lisensi GPL sehingga
dapat digunakan secara cuma-cumaPerintah dan Fungsi. MySQL memiliki operator dan
fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).
o Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama
host, d an izin ak ses user dengan sistem perizinan yang mendetail serta sandi
terenkripsi.Klien dan Peralatan.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
o MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan untuk
administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.
MySQL sangat populer dalam aplikasi web Popularitas sebagai aplikasi web dikarenakan
kedekatannya dengan popularitas PHP, sehingga seringkali disebut sebagai Dynamic Duo.[11]
2.5. Visual Modeling
● Visual Modeling
– Cara berfikir terhadap permasalahan dengan menggunakan model-model yang
diorganisasikan serupa dengan ide-ide pada dunia nyata (--Te r r y Qu a t r a n i)
– Proses pengambilan informasi dari model dan menampilkannya secara grafis menggunakan
sekumpulan elemen grafik standar (-- We n d y an d M i c h a e l Bo g g s)
● Sebuah model adalah suatu penyederhanaan dari yang nyata
– Mo d e l m e n y e d i a k a n ce t a k bi r u da r i su a t u si s t e m
UM L (Uni f i e d Mo d e l i n g La n g u a g e)
● UM L ad a l a h ba h a s a mo d e l st a n d a r un t u k pe n g e m b a n g a n ce t a k bi r u pe r a n g k a t lun a k .
● Ba h a s a mo d e l m e r u p a k a n ba h a s a ya n g me m i l i k i kam u s ka t a da n at u r a n yan g be r p u s a t pa d a
ga m b a r a n kon s e p t u a l da n fis i k da r i su a t u sis t e m
● UM L seb a g a i ba h a s a mo d e l me n y a t a k a n ba g a i m a n a me m b u a t da n me m b a c a mo d e l de n g a n
be n a r , nam u n tid a k me n y a t a k a n mo d e l ap a ya n g ha r u s di b u a t da n ka p a n seh a r u s n y a di b u a t
UM L ad a l a h ba h a s a un t u k :
● Vi s u a l i s a s i
M e n g g a m b a r k a n ide dal a m no t a s i da n sem a n t i k ya n g leb i h mu d a h di p a h a m i ol e h si a p a p u n
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
● Sp e s i f i k a s i
sp e s i f i k a s i da r i sem u a ke p u t u s a n pe n t i n g an a l i s a , pe r a n c a n g a n , da n pe n e r a p a n yan g ha r u s
di a m b i l da l a m pe n g e m b a n g a n da n de p l o y m e n t sis t e m .
Ko n s t r u k s i●
UM L bu k a n ba h a s a pem r o g r a m a n vi s u a l
Mo d e l UM L da p a t di h u b u n g k a n se c a r a lan g s u n g de n g a n be b e r a p a ba h a s a
pe m r o g r a m a n
Forward engineering: m e n g h a s i l k a n ko d e da r i m o d e l
Reverse engineering: m e m b a n g u n mo d e l da r i ko d e
● Do k u m e n t a s i
UM L me n c a k u p do k u m e n t a s i ar s i t e k t u r si s t e m da n rin c i n y a
Se b a g a i sua t u ba h a s a un t u k me n y a t a k a n keb u t u h a n da n pe n g u j i a n .
UM L me n y e d i a k a n ba h a s a un t u k ak t i f i t a s pe r e n c a n a a n pr o y e k da n ma n a j e m e n
release [12]
The Main 4 UML Diagrams
Us e- Ca s e
Cl a s s
Se q u e n c e
St a t e/ ac i v i t y
St r u c t u r a l Th i n g s
St r u c t u r a l thi n g me r u p a k a n ka t a be n d a mo d e l UM L
• Class
Ga m b a r a n da r i se k u m p u l a n obj e k yan g be r b a g i at r i b u t ,
op e r a s i , hu b u n g a n da n sem a n t i k ya n g sam a
Se b u a h cl a s s me n e r a p k a n sa t u at a u leb i h an t a r m u k a
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Mem p e r l i h a t k a n int e r a k s i an t a r cl a s s da l a m si s t e m .
Cl a s s me r u p a k a n su a t u ce t a k bi r u un t u k obj e k
• Use Case
Su a t u gam b a r a n da r i se k u m p u l a n uru t a n ak s i ya n g ter j a d i pa d a sis t e m yan g
me n g h a s i l k a n su a t u ni l a i kep a d a ac t o r
Di g u n a k a n un t u k me n s t r k t u r k a n pe r i l a k u sis t e m da l a m sua t u mo d e l
Me r u p a k a n re a l i s a s i da r i co l l a b o r a t i o n
Be h a v i o r thi n g s
Sequence Diagram
Me r u p a k a n dia g r a m int e r a k s i yan g me n e k a n k a n uru t a n wa k t u pe r t u k a r a n pe s a n
Activity Diagram
Me n g g a m b a r k a n al i r a n fun g s i o n a l i t a s da l a m sua t u sis t e m .
Da p a t di g u n a k a n dal a m pem o d e l a n bi s n i s un t u k me n u n j u k k a n business workflow.
At a u jug a di g u n a k a n da l a m an a l i s a ke b u t u h a n un t u k me n g g a m b a r k a n al i r a n ke j a d i a n
me l a l u i sua t u us e ca s e .
Me n d e f i n i s i k a n di m a n a wo r k f l o w di m u l a i , di m a n a be r h e n t i n y a , ak t i f i t a s ap a ya n g ter j a d i
se l a m a wo r k f l o w , ba g a i m a n a ur u t a n ke j a d i a n ak t i f i t a s
Su a t u ak t i f i t a s ad a l a h su a t u pe k e r j a a n ya n g di l a k s a n a k a n se l a m a wo r k g l o w .[ 1 3]
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 2.2 UM L Di a g r a m [ 1 3]
Sim b o l- si m b o l St r u c t u r a l Th i n g s
Gambar 2.3 Class komponen [12]
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Gambar 2.4 Class diagram[12]
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 2.5 Us e ca s e dia g r a m [ 1 3]
<Actor Name>
(f rom Actors)
Ga m b a r 2.6 Us e ca s e kom p o n e n [13]
G a m b a r 2.7 Se q u e n c e dia g r a m [12]
Un i v e r s i t a s Ind o n e s i a
UseCase1
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 2.8 Ac t i v i t y di a g r a m [12]
2.6 FTP (File Transfer Protocol)
Adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang merupakan
standar untuk pentransferan berkas (file) komputer antar mesin-mesin dalam sebuah
internetwork.
FTP merupakan salah satu protokol Internet yang paling awal dikembangkan, dan masih
digunakan hingga saat ini untuk melakukan pengunduhan ( download ) dan penggugahan (upload)
berkas-berkas komputer antara klien FTP dan server FTP. Sebuah Klien FTP merupakan aplikasi
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
yang dapat mengeluarkan perintah-perintah FTP ke sebuah server FTP, sementara server FTP
adalah sebuah Windows Service atau daemon yang berjalan di atas sebuah komputer yang
merespons perintah -perintah dari sebuah klien FTP. Perintah -perintah FTP dapat digunakan
untuk mengubah direktori, mengubah modus transfer antara biner dan ASCII, menggugah berkas
komputer ke server FTP, serta mengunduh berkas dari server FTP.
Sebuah server FTP diakses dengan menggunakan Universal Resource Identifier (URI)
dengan menggunakan format ftp://namaserver. Klien FTP dapat menghubungi server FTP
dengan membuka URI tersebut.
Ga m b a r 2.9 FT P [14 ]
FTP menggunakan protokol Transmission Control Protocol (TCP) untuk komunikasi
data antara klien dan server, sehingga di antara kedua komponen tersebut akan dibuatlah sebuah
sesi komunikasi sebelum transfer data dimulai. Sebelum membuat koneksi, port TCP nomor 21
di sisi server akan "mendengarkan" percobaan koneksi dari sebuah klien FTP dan kemudian akan
digunakan sebagai port pengatur (control port) untuk membuat sebuah koneksi antara klien dan
server, untuk mengizinkan klien untuk mengirimkan sebuah perintah FTP kepada server dan juga
mengembalikan respons server ke perintah tersebut. Sekali koneksi kontrol telah dibuat, maka
server akan mulai membuka port TCP nomor 20 untuk membentuk sebuah koneksi baru dengan
klien untuk mentransfer data aktual yang sedang dipertukarkan saat melakukan pengunduhan dan
penggugahan.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
FTP hanya menggunakan metode autentikasi standar, yakni menggunakan username dan
password yang dikirim dalam bentuk tidak terenkripsi. Pengguna terdaftar dapat menggunakan
username dan password-nya untuk mengakses, men-download, dan meng-upload berkas-berkas
yang ia kehendaki. Umumnya, para pengguna terdaftar memiliki akses penuh terhadap beberapa
direktori, sehingga mereka dapat membuat berkas, membuat direktori, dan bahkan menghapus
berkas. Pengguna yang belum terdaftar dapat juga menggunakan metode anonymous login, yakni
dengan menggunakan nama pengguna anonymous d an password yang diisi dengan
menggunakan alamat e-mail.[14]
2.7 Pengupload an website ke server dirumah web dengan FTP
Ketika website telah selesai dibuat di komputer pribadi (localhost), maka proses selanjutnya
adalah meng-upload file-file website ke server Rumahweb. Untuk proses upload dapat dibagi
dalam dua cara:
1. Dengan menggunakan FTP,
2. Dengan menggunakan file manager yang terdapat pada Cpanel website
Software FTP yang digunakan sebagai contoh adalah FileZilla(terdapat pad Xammp), hal yang
pertama harus dilakukan adalah install file zilla, berikut adalah petunjuk umum pada filezilla.
2.7.1 Petunjuk umum pada FileZilla:
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Gambar 2.10 FilleZilla [15]
.
Bagian bagian yang diberi nomor menunjukan keterangan di filezilla,yaitu:
Bagian 1. Menunjukkan isi dari komputer, dimana fille zilla diinstal
• Ketikan path langsung ke folder tersebut.
Bagian 2, yaitu merupakan isi dari folder yang dituju.
Pada bagian 3, terdapat Jendela Message (pesan)Berisi respon dari perintah yang dikirim oleh
FileZilla, pesan2 tersebut dapat berupa:
o Status:
Menunjukkan status dari operasi yang dilakukan. Contohnya: “Connecting to
(server)…” atau “Retrieving directory listing…”
o Error:
Merupakan pesan kesalahan (selalu ditunjukkan dengan warna merah).Terjadi
jika terdapat kesalahan pada operasi yang dilakukan atau bisa juga karena sebuah
operasi dihentikan secara langsung oleh penggunan
o Command:
Menunjukkan perintah yang sedang dikirim oleh FileZilla ke server
o Response :
Menunjukkan respon yang diberikan oleh server. Jika pada digit pertama
menunjukkan angka 2 atau 3 berarti operasi yang dilakukan sukses, jika 4 atau 5
berarti gagal
Bagian 4 yakni Jendela Remote Computer (server).
Bagian 5 yaitu Status transfer file.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
2.7.2 Melakukan Koneksi ke server
Gambar 2.11 Quick connection bar [14]
Pada quick connection bar, ketikkan informasi berikut:
a.Pada bagian address: ketik url website anda, tanpa http:// .
b. username dan password yang digunakan secara default adalah username dan password cpanel
anda
c. kosongkan saja bagian port, karena akan diisi secara otomatis oleh FileZilla (port untuk FTP
adalah 21).
2.7.3 Upload File
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Gambar 2.12 Tampilan jika koneksi berhasil [15]
Jika koneksi telah berhasil dilakukan, maka kita dapat melakukan proses upload. Terlebih
dahulu, pastikan masuk ke folder public_html pada website, karena public_html adalah folder
tempat file-file anda akan ditampilkan.
2.7.4 Tahap Akhir
Setelah selesai melakukan upload, pastikan menutup koneksi ke website. Caranya, klik icon
disconnect from server”.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Gambar 2.13 Disconnect from server [15]
Dalam pengerjaannya, ada hal hal yang perlu diperhatikan
a. jika file ingin ditampilkan pada halaman depan, nama file harus diubah terlebih dahulu
menjadi index.html, atau index.php
b. Haruslah mengunakan huruf kecil pada nama semua nama file.
INDEX.HTML -> tidak disarankan,
index.html -> benar.
c. FileZilla yang digunakan disini hanyalah sekedar contoh, bisa diganti dengan software FTP
yang lain, yang beredar luas.
d. Jika ingin menambah FTP user, kita dapat melakukannya melalui FTP Manager pada Cpanel
website. [15]
2.8 Benchmarks Situs.
Be n c h m a r k se n d i r i be r a r t i se b u a h tek n i k pe n g e t e s a n ter b a t a s . Da l a m ha l ini da p a t
pu l a di a r t i k a n seb a g a i su a t u pr o g r a m at a u pe k e r j a a n yan g me l a k u k a n pe r b a n d i n g a n
kem a m p u a n da r i be r b a g a i ke r j a da r i be b e r a p a pe r a l a t a n de n g a n tuj u a n un t u k me n i n g k a t k a n
kua l i t a s pa d a pro d u k ya n g ba r u . Pe n g u j i a n di l a k u k a n de n g a n ca r a me m b a n d i n g k a n pr o d u k-
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
pr o d u k so f t w a r e ma u p u n ha r d w a r e de n g a n tes t yan g sam a .[ 1 6]
Pa d a pe n u l i s a n ini di g u n a k a n tig a bu a h be n c h m a r k si t u s , di m a k s u d k a n ag a r
pe n g e t e s a n so f t w a r e da p a t be r j a l a n se c a r a re a l tim e , se h i n g g a di d a p a t k a n da t a yan g pa s t i .
Ti g a bu a h si t u s ya n g di g u n a k a n ya i t u :
1. ww w . w e b w a i t . c o m
2. ww w . v a l i d a t o r . w 3 . o r g
3. ww w . e c- pl u s . n e t
W e b w a i t se n d i r i m e l a k u k a n pe n g e t e s a n da r i seg i pe r f o r m a n s i ya n g dih a s i l k a n , sed a n g k a n
va l i d a t o r .w3. o r g me l a k u k a n che c k fet c h i n g pe r link nya. Ec pl u s me l a k u k a n pe n i l a i a n el e m e n
ele m e n st a n d a r da r i seb u a h si t u s .
BAB III
PERANCANGA N SISTEM
Pe r a n c a n g a n me r u p a k a n tah a p a n pe n t i n g dal a m pe m b u a t a n su a t u si s t e m , de n g a n
pe r a n c a n g a n yan g ba i k aka n di h a s i l k a n si s t e m ya n g se s u a i de n g a n fun g s i da n tuj u a n da r i
di b u a t n y a sis t e m ter s e b u t . Pa d a pe r a n c a n g a n pa d a um u m n y a ter d i r i da r i be b e r a p a tah a p a n
sep e r t i me n e n t u k a n spe s i f i k a s i da n fun g s i si s t e m , me n e n t u k a n ca r a ke r j a sis t e m ,
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
me n g i d e n t i f i k a s i ha l- ha l yan g dib u t u h k a n si s t e m da n me n e n t u k a n ala t ba n t u ya n g dig u n a k a n
un t u k pem b u a t a n sis t e m .
3.1. Spesifikasi dan fungsi sistem
Si s t e m yan g di r a n c a n g me r u p a k a n sis t e m pe r e k r u t a n on l i n e be r b a s i s we b ya n g
be r f u n g s i un t u k me m f a s i l i t a s i an t a r a pa r a pe n c a r i ke r j a da n pe r u s a h a a n yan g me m b u t u h k a n
ten a g a ke r j a pr o f e s i o n a l , de n g a n me n g a k o m o d i r ke b u t u h a n aka n efi s i e n s i wa k t u , efi s i e n s i
bi a y a , d a r i ke d u a be l a h pi h a k , tap i tet a p me m p e r h a t i k a n hal yan g me n j a d i pr i o r i t a s ut a m a da l a m
me n j a r i n g su a t u pe k e r j a a n , ya k n i ke t e r a m p i l a n , ke c e r d a s a a n se r t a ku a l i f i k a s i ku a l i f i k a s i lai n
ba i k da r i se g i te k n i s ma u p u n no n tek n i s se p e r t i kem a m p u a n be r b i c a r a da n be r t i n g k a h lak u.
Si s t e m pe r e k r u t a n onl i n e ini m e n y e d i a k a n ba n y a k el e m e n t el e m e n tes t yan g di b u t u h k a n
un t u k pe r e k r u t a n ten a g a ke r j a , sep e r t i pe n d a f t a r a n , pe n y i m p a n a n da t a , se r t a tes t yan g bi a s a
di g u n a k a n ya k n i ba h a s a ing g r i s , TP A (test po t e n s i aka d e m i k), ps i k o t e s t , ag a r bi s a di l a k u k a n
se c a r a on l i n e . Be r t u j u a n ag a r da p a t me n g e f i s i e n k a n wa k t u , b i a y a dl l.
Si s t e m me n g g u n a k a n tam p i l a n de n g a n me n g g u n a k a n sua t u us e r int e r f a c e ya n g
be r b e n t u k ha l a m a n we b ya n g da p a t di a k s e s be b a s me l a l u i int e r n e t .
3.2. Cara kerja sistem
Si s t e m bek e r j a pe r t a m a de n g a n ca r a use r 2 at a u pe r u s a h a a n me m b e r i k a n low o n g a n
da n pe r s y a r a t a n ya n g di b u t u h k a n , k e m u d i a n ad m i n me m p u b l i s h low o n g a n yan g ad a ke d a l a m
si t u s , kem u d i a n pa r a pe n c a r i ke r j a ya n g me r a s a me m i l i k i kua l i f i k a s i se s u a i yan g di b u t u h k a n
da p a t me n d a f t a r k a n di r i de n g a n ca r a me n g i s i da t a di r i , m e n g u p l o a d ph o t o , cv , ija z a h se r t a
se r t i f i k a s i lai n yan g mu n g k i n di b u t u h k a n , de n g a n log i n da n re g i s t r a s i du l u se b e l u m n y a .
Da l a m pro s e s log i n& pem a s u k a n res u m e ini se n d i r i , t e r d a p a t au t h e n i f i k a s i ya n g ak a n di k i r i m
me l a u i em a i l pe n d a f t a r .
La n g k a h se l a n j u t n y a sis t e m ak a n me n y i m p a n n y a ked a l a m sua t u da t a ba s e . Si s t e m
aka n me n g o l a h leb i h lan j u t ap a k a h spe s i f i k a s i yan g di m a s u k a n se s u a i de n g a n yan g
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
di b u t u h k a n jik a ya ma k a pa r a pe n c a r i ke r j a at a u se l a n j u t n y a ki t a seb u t seb a g a i us e r 1. Be n t u k
pe n g o l a h a n da t a pa d a saa t pe n g g u n a pe r t a m a me m a s u k a n da t a di r i sud a h me r u p a k a n se l e k s i
tah a p pe r t a m a .
Pa d a ha r i da n wa k t u yan g di t e n t u k a n ,si s t e m ak a n mu l a i me l a k s a n a k a n pe r e k r u t a n
se c a r a on l i n e . Ha l pe r t a m a yan g di l a k u k a n ad a l a h sis t e m aka n me m i n t a ve r i f i k a s i pa s w o r d
yan g tel a h di b e r i k a n , jik a se s u a i kem u d i a n ak a n di l a k s a n a k a n tes t tah a p ke d u a . Ta h a p ked u a
ini be r u p a tes t ba h a s a ing g r i s de n g a n tim e lim i t ya n g tel a h di t e n t u k a n se b e l u m n y a , jik a wa k t u
yan g tel a h di t e n t u k a n ha b i s , a t a u pe n g g u n a me n g k l i k tan d a se l e s a i ma k a si s t e m aka n
me n g g a n g a p se l e k s i ba h a s a ing g r i s tel a h se l e s a i di l a k s a n a k a n . Pa r a pe n c a r i ke r j a yan g iku t
tes t di b a t a s i de n g a n ha n y a bi s a 1 ka l i tes t pe r b a g i a n un t u k sa t u pe r u s a h a a n . Ha l ini
di m a k s u d k a n un t u k me n c e g a h pe n c a r i ke r j a me n g i k u t i tes t ya n g sam a de n g a n so a l ya n g
sam a . d e n g a n ni l a i at a u ha s i l ak h i r yan g be r b e d a . Ha l a m a n tid a k ak a n bi s a di ba c k . lan g s u n g di
cr o s s c h e c k de n g a n jaw a b a n ya n g ad a did a l a m sis t e m , jik a ga g a l , ak a n ad a al e r t si s t e m ya n g
tida k me n g i z i n k a n pe n g g u n a pe r t a m a un t u k me l a n j u t k a n me n g i k u t i te s t be r i k u t n y a .
Si s t e m yan g sam a be r l a k u un t u k lev e l tes t be r i k u t n y a . Ya k n i TP A(te s t po t e n s i aka d e m i k)
ser t a ps i k o t e s , s e h i n g g a di d a p a t k a n kan d i d a t ter p i l i h . Da r i seg i tes t sen d i r i un t u k me n c e g a h
ad a n y a ran d o m i s e de n g a n tes t yan g sam a , pem a s u k a n so a l di d a s a r i ol e h ac c o u n t pe r u s a h a a n
itu ma s i n g ma s i n g , ya n g da p a t di a k s e s ol e h ad m i n .
3.3. Mengidentifikasi kebutuhan sistem
Se b e l u m me l a n g k a h pa d a tah a p a n lai n n y a ter l e b i h da h u l u ha r u s di t e n t u k a n hal- ha l ya n g
aka n me n j a d i keb u t u h a n si s t e m ya n g ak a n dib u a t , se h i n g g a de n g a n me n g e t a h u i ke b u t u h a n
si s t e m se c a r a jel a s ak a n leb i h me m u d a h k a n da l a m tah a p a n pe r a n c a n g a n se l a n j u t n y a jug a
me m p e r m u d a h dal a m tah a p a n pe m b u a t a n si s t e m . Un t u k me n g g a m b a r k a n keb u t u h a n si s t e m
di l i h a t da r i int e r a k s i pe n g g u n a de n g a n si s t e m da p a t di t u a n g k a n dal a m su a t u di a g r a m use- ca s e
sep e r t i pa d a ga m b a r di baw a h ini :
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
User 2 User 1
Masukanlowongan & syarat
login
Lihatlowongan
Masukansyarat
Dapatkonfirmasi
Cek syarat L/T
Jawab soal
Konfirmasi L/T
admin
publish
Cek syarat L/T
Kirim soal (tes 2)
Ga m b a r 3. 1 Us e Ca s e Di a g r a m sy s t e m
Pa d a sa a t si s t e m be r j a l a n , se l a i n da t a ya n g di s i m p a n di da t a b a s e , da t a ter s e b u t jug a
aka n dip r o s e s ol e h ma s i n g- ma s i n g kom p o n e n ter k a i t yan g ad a pa d a si s t e m , seh i n g g a ma s i n g-
ma s i n g kom p o n e n ya n g ad a pa d a si s t e m ter s e b u t ak a n me m e r l u k a n su a t u da t a at a u va r i a b e l
un t u k di p r o s e s seh i n g g a me n g h a s i l k a n ke l u a r a n ha s i l pr o s e s / da t a akh i r yan g dih a s i l k a n
se s u a i de n g a n yan g di h a r a p k a n . Un t u k me n g e t a h u i va r i a b e l- va r i a b e l at a u da t a- da t a yan g
dib u t u h k a n ter s e b u t da p a t ter l i h a t pa d a su a t u cl a s s di a g r a m se p e r t i pa d a gam b a r be r i k u t :
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3.2 Cl a s s Di a g r a m sys t e m
Se l a i n itu un t u k me n g e t a h u i ba g a i m a n a ur u t a n kom u n i k a s i yan g ter j a d i an t a r a
kom p o n e n ya n g sa t u de n g a n lai n n y a ya n g ter d a p a t pa d a si s t e m ya n g ak a n di b u a t , da p a t
di g a m b a r k a n de n g a n me n g g u n a k a n seq u e n c e di a g r a m se p e r t i ter l i h a t pa d a ga m b a r be r i k u t :
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
web gateway database
login verifikasi
tolak
terima
user 1 : <Actor Name>
verifikasi lowongan
ditemukan
lihat lowongan&syarat
upload syarat verifikasi syarat
syarat sesuai(lulus)
syarat tidak sesuai /ditolak
susun soal
jawab soalverifikasi jawaban
lulus
tidak lulus
jadwal wawancara
Ga m b a r 3.3 Se q u e n c e dia g r a m use r 1
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
user 2 : <Actor Name>
web gate way data base
login verfikasi
akses ditolak
akses diterima
masukan syarat publish lowongan
simpan
lakukan test
Ga m b a r 3.4 Se q u e n c e dia g r a m use r 2
Un t u k me m p e r j e l a s lan g k a h- lan g k a h at a u al u r ke r j a da r i ke s e l u r u h a n sis t e m ya n g aka n
dib u a t da n jug a un t u k me n g e t a h u i op e r a s i- op e r a s i ya n g di l a k u k a n ole h ma s i n g- ma s i n g
kom p o n e n pa d a sis t e m , da p a t di g a m b a r k a n de n g a n me n g g u n a k a n sa l a h sa t u di a g r a m yan g a
ad a pa d a UM L ya i t u de n g a n me n g g u n a k a n su a t u ac t i v i t y di a g r a m se p e r t i pa d a gam b a r di
be r i k u t ini :
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Login,user,name,pasword,form
Akses Ditolak
Upload Syarat
Tidak bisa test
Jadwal Test 1
Jawab soal
Jawab soal 2
Jawab Soal 3
Jadwalwawancara
Pencarian login
Proses
Berikan Soal
Berikan soal 2
Berikan soal 3
Verifikasi database
Simpan
stop
stop
stop
stop
stop
stop
lulus
Tidaklulus
lulus
Tidaklulus
Tidaklulus
lulus
Tidaklulus
terdaftar
Tidakterdaftar
User 1
Start 1
Web gateway Database website carrier
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3.5 Ac t i v i t y di a g r a m log i n& tes t use r
Un i v e r s i t a s Ind o n e s i a
Use 2 Web gateway database
Start
Pencarian login login Verifikasi database
Akses DitolakTidak
terdaftar
Masuk lowongandan syarat Publish
lowongan Simpan
Tunggu hasil
Jadwalwawancara
stop
stop
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r . 3 . 6 Ac t i v i t y di a g r a m use r 2
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
3.4 Perancangan halaman web
Ta h a p a n se l a n j u t n y a ad a l a h pe r a n c a n g a n hal a m a n we b yan g aka n di g u n a k a n seb a g a i
an t a r m u k a ba g i pe n g g u n a , ha l a m a n we b yan g dib u a t di h a r a p k a n me m e n u h i kri t e r i a be r i k u t :
• Ta m p i l a n / lay o u t m e n a r i k
• Fu n g s i- fun g s i ya n g ad a mu d a h dip a h a m i da n dig u n a k a n se h i n g g a me m p e r k e c i l tin g k a t
ke s a l a h a n pe m a k a i a n we b ole h pe n g g u n a .
• Ma k s u d da r i isi ya n g di t a m p i l k a n jel a s da n mu d a h di m e n g e r t i jug a se s u a de n g a n tuj u a n
aw a l pe m b u a t a n si s t e m .
Ha l a m a n we b yan g ak a n di b u a t ini aka n ter d i r i da r i tig a ba g i a n ut a m a de n g a n fun g s i da n
spe s i f i k a s i isi se b a g a i be r i k u t :
• Ke p a l a ha l a m a n
Ke p a l a ha l a m a n ini ter d i r i da r i :
o Jud u l / nam a we b
o Ko t a k ikl a n/pe n g u m u m a n
• Ba d a n Ha l a m a n
Ya k n i be r s i s i da t a da n pe l e n g k a p int i da r i si t u s , ya n g ter d i r i da r i :
o Lo g i n& r e g i s t r a s i bo x
o Li n k ke ha l a m a n be r i k u t n y a
o Pu b l i k a s i low o n g a n yan g ad a , be s e r t a pr a s y a r a t a n yan g dib u t u h k a n .
o Ko t a k up l o a d pe r s y a r a t a n
o Jad w a l tes t
• Ka k i ha l a m a n
Be r u p a gr a f i k at a u tul i s a n pe l e n g k a p ide n t i t a s we b
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3.7 Ta m p i l a n aw a l rek r u t- on l i n e . c o m
Se t e l a h sem u a pe r a n c a n g a n yan g ter k a i t de n g a n ca r a ke r j a sis t e m se c a r a ke s e l u r u h a n
did e f i n i s i k a n di at a s , ba i k itu me n g e n a i int e r a k s i an t a r a pe n g g u n a de n g a n si s t e m , ur u t a n
kom u n i k a s i an t a r kom p o n e n yan g ad a pa d a si s t e m , va r i a b e l da n da t a ya n g dig u n a k a n pa d a
si s t e m da n jug a al u r at a u lan g k a h ke r j a da r i si s t e m (sesu a i de n g a n fun g s i ma s i n g- ma s i n g
kom p o n e n ya n g ad a pa d a sis t e m), jug a ha l a m a n we b ya n g aka n dig u n a k a n seb a g a i an t a r m u k a
de n g a n pe n g g u n a .
3.5 Pembuatan halaman web
Se l a n j u t n y a ad a l a h pe m b u a t a n sis t e m de n g a n me l a k u k a n co d i n g un t u k fun g s i- fun g s i yan g
ter d a p a t pa d a ma s i n g- ma s i n g kom p o n e n seh i n g g a ke s e l u r u h a n si s t e m da p a t ter e a l i s a s i
se l u r u h n y a , da n da p a t be k e r j a da n di p e r g u n a k a n se s u a i de n g a n yan g dih a r a p k a n da n tuj u a n
aw a l pem b u a t a n si s t e m . Un t u k pem b u a t a n n y a me n g g u n a k a n ba n t u a n PH P da n My S Q L
seb a g a i da t a b a s e .
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
3.5 .1 Pembuatan di local host
La n g k a h aw a l pem b u a t a n ha l a m a n we b di m u l a i da r i pem b u a t a n ha l a m a n di loc a l ho s t .
Ha l pe r t a m a yan g ha r u s di l a k u k a n ad a l a h me n g i n s t a l a s i Xa m p p , da n me m a s t i k a n ba h w a
bu n d e l a n Ap a c h e da n My s q l ak t i f , de n g a n me l i h a t ap a k a h ru n n i n g at a u tid a k
G a m b a r 3.8 Xam p p ko n t r o l pa n e l
La n g k a h se l a n j u t n y a ad a l a h me n g i n s t a l a s i cm s PH P J o b s i t e di da l a m fol d e r ht d o c s , da n
me m b u k a tam p i l a n n y a di l o c a l h o s t . Le w a t loc a l h o s t pu l a ki t a da p a t me l a k u k a n pe n g e d i t a n
tam p i l a n , pe n g g a n t i a n ba h a s a da r i ba h a s a ba w a a n cm s de n g a n ba h a s a ind o n e s i a [gam b a r 3.9]
, pe m b u a t a n da t a ba s e me n g g u n a k a n My s q l , da t a ba s e yan g dig u n a k a n dal a m sis t e m ini
m e n g g u n a k a n sa t u da t a b a s e de n g a n na m a h3 1 6 3 9 [gam b a r 3 . 1 0]. La n g k a h se l a n j u t n y a
me n a m b a h sc r i p t pe n g k o n e k s i a n da t a ba s e ke se r v e r . Se l a n j u t n y a pe n a m b a h a n mo d u l e uj i a n .
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3.9 Re k r u t- on l i n e pa d a loc a l ho s t
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 0 Da t a ba s e h3 1 6 3 9
Se t e l a h sem u a hal yan g dib u t u h k a n di k e r j a k a n pa d a loc a l ho s t ,ha l se l a n j u t n y a ya n g
di l a k u k a n ad a l a h me m p u b l i s h we b s i t e , ke we b s e r v e r . W e b s e r v e r yan g di g u n a k a n ad a l a h W e b
ma s t e r yan g be r a d a di ind o n e s i a , d i ge d u n g Me n a r a Si b e r de n g a n ba n d w i d t h yan g dig u n a k a n
me n c a p a i 10 G b p s . Pe m b u b l i s h an we b s i t e me n g g u n a k a n co n t r o l pa n e l up l o a d di si t u s
we b m a s t e r at a u me n g g u n a k a n FT P .
3.6 Urutan langkah penggunaan website
3.6.1. Login sebagai pencari kerja
Da l a m hal pe n g g u n a a n we b s i t e us e r ki t a ba g i du a, ad a yan g be r t i n d a k se b a g a i pe n c a r i
ke r j a ad a pu l a ya n g be r t i n d a k seb a g a i pe r u s a h a a n yan g me m b u t u h k a n ten a g a ke r j a . Pe r t a m a
ke t i k a us e r 1 me m a s u k i ha l a m a n si t u s un t u k pe r t a m a kal i n y a , me r e k a di w a j i b k a n un t u k
re g i s t r a s i ter l e b i h da h u l u , ha l ini di m a k s u d k a n ag a r me r e k a me n d a p a t k a n use r nam e da n
pe a s w o r d un t u k log i n da l a m hal m e n g a k s e s ke b u t u h a n me r e k a me n c a r i pe k e r j a a n , se p e r t i
m e n g- up l o a d low o n g a n da n me n g i k u t i uj i a n ,ap a b i l a me r e k a lul u s di t a h a p a n pe r s y a r a t a n .
Be r i k u t ad a l a h ga m b a r for m reg i s t r a s i ya n g ha r u s di i s i , d i s i n i pe n u l i s m e n g g u n a k a n nam a log i n
an g i e _ m u c h t a r @ y a h o o . c o m , ya n g da p a t ter l i h a t ha s i l res u m e n y a ap a k a h se s u a i de n g a n
pe n g i s i a n at a u tida k
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 1 Fo r m reg i s t r a s i
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 1 Fo r m Re g i s t r a s i (sam b u n g a n)
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 12 Re s u m e has i l re g i s t r a s i
La n g k a h se l a n j u t n y a se t e l a h us e r 1 me l i h a t ha s i l res u m e , ial a h di a me n c a r i low o n g a n
pe k e r j a a n , aka n ad a tom b o l khu s u s yan g me m u n g k i n k a n us e r 1 me n c a r i me n g g u n a k a n ka t a
kun c i ya n g di m a s u k a n . Un t u k pe n c a r i a n ini ka t a kun c i ya n g di p a k a i ad a l a h pro g r a m e r , se l a i n
me n g g u n a k a n ka t a ku n c i us e r jug a ha r u s me n g i s i ha l ha l lai n ya n g be r s a n g k u t a n , se p e r t i
ka t e g o r i pe k e r j a a n , lok a s i pe k e r j a a n , ga j i ya n g di i n g i n k a n ds b.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 3 Pe n c a r i a n low o n g a n pe k e r j a a n
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 3 Pe n c a r i a n low o n g a n pe k e r j a a n(s a m b u n g a n)
Si s t e m ter n y a t a me n e m u k a n ka t a ku n c i ya n g di m a k s u d , ma k a aka n tam p a k pem u n c u l a n
sep e r t i ga m b a r 3. 1 4, ya i t u pe n e m u a n low o n g a n pe k e r j a a n di 4D4 Y . I n c de n g a n jud u l low o n g a n
pr o g r a m e r da t a b a s e . Ha l ini di s e b a b k a n , ka r e n a seb e l u m n y a Ar y a d i . P tel a h me n d a f t a r se b a g a i
pe r u s a h a a n(e m p l o y e e r) de n g a n me n d a f t a r k a n pe r u s a h a a n n y a ya i t u 4D4 Y . I n c [dib a h a s pa d a
ba g i a n 3.6.2 log i n seb a g a i pe r u s a h a a n ]
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 4 Pe n e m u a n low o n g a n
G a m b a r 3. 1 4 Pe n e m u a n low o n g a n (sam b u n g a n)
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Se t e l a h di l a k u k a n pe n g i r i m a n low o n g a n se c a r a lan g s u n g ak a n ad a no t i f i k a s i ba h w a
pe n g i r i m a n be r h a s i l di l a k u k a n .
G a m b a r 3. 1 5 No t i f i k a s i pe n g i r i m a n be r h a s i l
La n g k a h se l a n j u t n y a , Us e r 1 aka n me n u n g g u pe n g g u m u a n ten t a n g ka p a n uj i a n 4D4 Y . . i n c aka n
di l a k u k a n da n si a p a- si a p a sa j a yan g bol e h me n g i k u t i uj i a n sep e r t i di t u n j u k a n pa d a gam b a r
3. 1 6, ya n g ke t i k a link ter s e b u t di kl i k ak a n mu n c u l na m a- nam a pes e r t a lai n ya n g di p e r b o l e h k a n
me n g i k u t i uj i a n[ g a m b a r 3. 1 7].
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 6 Lin k pe s e r t a da n wa k t u uj i a n
Ga m b a r 3. 1 7 Da f t a r na m a pes e r t a uj i a n
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 8 Pe n g u m u m a n wa k t u da n lin k uj i a n .
Pa d a wa t u ya n g tel a h di t e n t u k a n adm i n aka n me m p e r b o l e h k a n pe s e r t a An g i e _ m u c h t a r
m e n g i k u t i uj i a n[ pe n j e l a s a n me n g e n a i ad m i n di ba g i a n 3.6. 3 log i n seb a g a i ad m i n]. Us e r 1 aka n
log i n di h a l a m a n uj i a n me n g g u n a k a n nam a log i n da n pa s w o r d nya , kem u d i a n ia ak a n
me n g e r j a k a n so a l yan g tel a h di b e r i k a n , de n g a n wa k t u yan g dib e r i k a n sep u l u h me n i t , wa k t u ini
sen d i r i na n t i n y a aka n da p a t di s e s u a i k a n be r g a n t u n g se b e r a p a ba n y a k da n seb e r a p a su l i t
es t i m a s i pe n g e r j a a n soa l[d i b a h a s pa d a ba g i a n 3.7 log i n se b a g a i adm i n]. Ke t i k a se l e s a i , at a u
wa k t u ha b i s ak a n ad a no t i f i k a s i yan g me n j e l a s k a n hal ter s e b u t , se p e r t i tam p a k pa d a gam b a r di
ba w a h ini. Pe n g u m u m a n lul u s at a u tid a k n y a aka n kem b a l i di um u m k a n di si t u s Re k r u t-
on l i n e . c o m di ha r i be r i k u t n y a .
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3. 1 9 So a l uj i a n
G a m b a r 3. 1 9 So a l uj i a n (lanj u t a n)
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3.20 No t i f i k a s i wa k t u
Ga m b a r 3.2 1 No t i f i k a s i tel a h me n g i k u t i uj i a n
3.6.2. Login sebagai Perusahaan
La n g k a h ya n g sam a yai t u re g i s t r a s i sep e r t i pe n c a r i pe k e r j a a n jug a ha r u s di l a k u k a n
pa d a pe r u s h a a n ,yan g ten t u n y a me n g i s i for m reg i s t r a s i ya n g be r b e d a . Pe r u s a h a a n me n g i s i
da t a da t a ya n g dib u t u h k a n sep e r t i jen i s pe r u s a h a a n , co n t a c t pe r s o n ya n g da p a t di h u b u n g i ,
low o n g a n ya n g ter s e d i a ds b.
Pa d a pe n u l i s a n ini log i n pe r u s a h a a n di l a k u k a n ole h Ar y a d i . P , de n g a n da t a low o n g a n
pe r u s a h a a n nya 4D4 Y . I n c me m b u t u h k a n seo r a n g pro g r a m e r da t a ba s e . Ha s i l pe n g i r i m a n
ap l i k a s i yan g di k i r i m k a n ol e h An g i e _ m u c h t a r @ y a h o o . c o m da p a t di l i h a t da l a m hal a m a n
4D4 Y . I n c se b a g a i tan d a ba h w a 4D4 Y . I n c jug a da p a t me m i l i h pe l a m a r ma n a sa j a yan g
me m e n u h i sy a r a t de n g a n ca r a me l i h a t ap l i k a s i n y a , yan g kem u d i a n me n g h u b u n g i adm i n ag a r
da p a t me m a s u k a n pel a m a r ya n g di p i l i h n y a ked a l a m da f t a r na m a pe s e r t a uj i a n , ini be r a t i jug a
pe l a m a r ya n g dip i l i h (angi e _ m u c h t a r) tel a h me l e w a t i tah a p a n tes t pe r t a m a da r i si s t e m . Pa d a
da s a r n y a tip e pe m i l i h a n sep e r t i ini ad a l a h op t i o n a l , ka r e n a pe r u s a h a a n bi s a sa j a me n y e r a h k a n
ha s i l ke p u t u s a n se l e k s i pa d a ad m i n ya n g ter p e r c a y a . Se l a n j u t n y a pro s e s uj i a n ha n y a aka n
di l a k u k a n ole h ad m i n da n use r (pen c a r i ke r j a) saj a . Pe r u s a h a a n da p a t me n g i r i m k a n so a l uj i a n
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
me l a l u i adm i n , tap i ini ha n y a op t i o n a l sa j a . Pe r u s a h a a n aka n me n e r i m a ha s i l pe s e r t a yan g lul u s
un t u k di l a k u k a n tah a p a n wa w a n c a r a .
3.6.3. Login sebagai Admin
Un t u k log i n se b a g a i adm i n , di l a k s a n a k a n un t u k me m e n u h i be b e r a p a tah a p a n tes t,
sep e r t i pe n a m b a h a n pe s e r t a tes t , pem a s u k a n so a l uj i a n , da n me l i h a t ha s i l uj i a n . Un t u k ma s u k
keh a l a m a n ad m i n , di m a s u k a n log i n at a s na m a pe r u s a h a a n . Ha l ini di l a k u k a a n ag a r tiap tia p
pe r u s a a h a a n me m i l i k i so a l da n pe r b e d a a n da t a de n g a n pe r u s a h a a n lai n. Ha l ini jug a di l a k u k a n
ag a r me n c e g a h randomize da r i soa l soa l soa l ya n g ad a . Da l a m hal wa k t u , jen i s so a l , da n
be r a p a st a n d a r lul u s uj i a n da p a t di t e n t u k a n ol e h ad m i n seb a g a i pe m i l i k ha k ak s e s pe n g a t u r itu
sem u a , ya n g di l a k u k a n de n g a n ca r a me r u b a h sc r i p t ph p yan g ad a di we b s e r v e r . Pa d a
pe n u l i s a n sk r i p s i ini, ad m i n aka n me l a k u k a n log i n de n g a n na m a pe r u s a h a a n 4D4 Y . I n c
Be r i k u t ad a l a h ga m b a r ga m b a r un t u k log i n da n ga m b a r ya n g me n u n j u k a n ba g a i m a n a
me m e n u h i tah a p a n tes t lai n seb a g a i ad m i n
Ga m b a r 3.22 Lo g i n se b a g a i ad m i n
Ga m b a r 3.23 Pe n a m b a h a n pe s e r t a uj i a n
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ga m b a r 3.24 Ha s i l uj i a n
BAB IV
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
PERBANDINGAN , UJI COBA SERTA ANALISA
4.1 Perbandingan performansi
4.1 .1 Menggunakan webwait.com
Ta b e l 4. 1 tab e l ke c e p a t a n ek s e k u s i me n g g u n a k a n we b w a i t . c o m
No Na m a si t u s M o z z i l a fir e f o x(s)
1 Re k r u t- on l i n e . c o m 1,27
2 Ka r i r . c o m 2,54
3 Jo b s d b . c o m 12,37
Ra t a ra t a de n g a n 5 kal i pe r c o b a a n , de n g a n int e r v a l wa k t u 60 de t i k[l a m p i r a n 3 ha l 77- 79]
G a m b a r 4. 1 Gr a f i k de n g a n we b w a i t . c o m
4.1.2 Pengecekan dengan :// validator.w3.org/checklink [lam p i r a n 2 ha l 64 ]
Ta b e l 4.2 tab e l ke c e p a t a n ek s e k u s i fe t c h pe r l i n k me n g g u n a k a n ://vali d a t o r . w 3 . o r g
Un i v e r s i t a s Ind o n e s i a
W a k t u(s)
Na m a si t u s
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
No Na m a si t u s Ra t a ra t a fe t c h pe r link (s)
1 Re k r u t- on l i n e . c o m 1.448
2 Ka r i r . c o m 2,643
3 Jo b s d b . c o m 1,629
Ga m b a r 4.2 Gr a f i k fe t c h pe r l i n k de n g a n va l i d a t o r che c k lin k
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
4.1.3 Perbandingan menggunakan http://www.ec- plus.net/benchmark- test/
[lam p i r a n 4 ha l a m a n 80-84]
Ta b e l 4.3 Ta b e l pe n i l a i a n si t u s me n g g u n a k a n ec- plu s . n e t
N
o
pe n i l a i a n Re k r u t- on l i n e . c o m Ka r i r . c o m Jo b s d b . c o
m
1 St a n d a r de s i g n 100 % 100
%
62 %
2 St a n d a r tek n i k
&ak s e s b i l i t a s
43 % 26 % 34 %
3 Op t i m a s i st a n d a r
me s i n pe n c a r i
57 % 60 % 60%
4 Po p u l a r i t a s si t u s 1 % 1 % 100 %
b e n c h m a r k h a s i l 5 0. 4 % 4 4. 4
%
4 8. 3 %
Ga m b a r 4.3 Gr a f i k de n g a n Ec –pl u s . n e t
Un i v e r s i t a s Ind o n e s i a
Pe r s e n t a s e
Pe n i l a i a n
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
4.2. Analisa data
4.2.1 Perbandingan dengan webwait .com
Pa d a pe r c o b a a n Re k u t- on l i n e . c o m di b a n d i n g a n de n g a n du a bu a h si t u s se j e n i s , ya k n i
si t u s de n g a n se r v e r di Ind o n e s i a , ya k n i Ka r i r . c o m da n si t u s de n g a n se r v e r di l u a r Ind o n e s i a
ya k n i Jo b s d b . c o m
Pe r b a n d i n g a n pe r f o r m a n s i pe r t a m a me n g g u n a k a n W e b w a i t . c o m me n g g u n a k a n du a
br o w s e r ya n g be r be d a , ya k n i int e r n e t exp l o r e r da n mo z i l l a fir e f o x . Ha l ini di l a k u k a n ka r e n a saa t
ini du a bro w e s e r ter s e b u t l a h ya n g me n g u a s a i pa s a r da n ba n y a k di g u n a k a n , jug a me m i l i k i us e r
int e r f a c e ya n g bai k .
Ha s i l n y a ba h w a Re k r u t- on l i n e . c o m me m i l i k i ren t a n g wa k t u yan g ba i k. Le b i h di a t a s du a
si t u s ya n g lai n. Ini m e n j a d i ind i k a t o r ba h w a Re k r u t- on l i n e .com jug a me m i l i k i ki n e r j a ya n g ba i k
pu l a . Ha l ini ta k lep a s da r i ke s e d e r h a n a a n ya n g di m i l i k i , yan g di b u a t ag a r tid a k me m b e b a n i
kon e k s i t a s n y a .
Ha l ini jug a me n j a d i bu k t i ba h w a ba i k di b u k a me l e w a t i int e r n e t exp l o r e r m a u p u n mo z i l l a
fi r e f o x , si t u s ini ti da k me n g a l a m i pe r u b a h a n yan g si g n i f i k a n . Pe n g g u n a a n se r v e r ya a n g ba i k
yan g be r a d a di Ind o n e s i a(s i t u s ini m e n g g u n a k a n se r v e r W e b m a s t e r , M e n a r a Si b e r) jug a tida k
da p a t di p u n g k i r i m e n d u k u n g ki n e r j a si t u s ini.
4.2.2 Perbandingan dengan menggunakan webwait .com dan
://validator.w3.org/checklink
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Ke t i k a ki t a me m b a n d i n g k a n de n g a n me n g g u n a k a n val i d a t o r ch e c k l i n k , ha l ini bi s a leb i h
ter l i h a t ka r e n a si t u s ini m e n c o b a me n g e c e k pe r f o r m a n s i pe r lin k. Ke m b a l i si t u s Re k r u t-
on l i n e . c o m me m i l i k i ni l a i ya n g leb i h tin g g i di b a n d i n g si t u s se j e n i s .
Pe r m a s a l a h a n yan g ter j a d i ya i t u ad a n y a pe r b e d a a n yan g si g n i f i k a n an t a r a fec t h i n g Jo b s
db pa d a ://vali d a t o r . w 3 . o r g/c h e c k l i n k ya n g me n g g u n a k a n int e r n e t ex p l o r e r de n g a n
pe n g g u n a a n we b wa i t yan g me n g g u n a k a n mo z i l a . Ya k n i 12 s de n g a n 1,629 s [tab e l 4. 1 da n
tab e l 4.2] . Ha l ini di k a r e n a k a n me m a n g si t u s job s db. c o m tid a k ter l a l u be r j a l a n ba i k di br o w s e r
m o z i l a fir e f o x . Be r b e d a de n g a n ka r i r . c o m si t u s ini m e m a n g me m i l i k i pe r f o r m a ya n g bai k tap i jik a
di l i h a t da r i be s a r n y a ni l a i yan g di h a s i l k a n , ma s i h ka l a h jik a di b a n d i n g k a n de n g a n Re k r u t-
on l i n e . c o m .
4.2.3 Perbandingan dengan http://www.ec- plus.net/benchmark- test/
4.2.3.1 Parameter parameter
Pa r a m e t e r yan g di g u n a k a n ya k n i :
• st a n d a r de s i g n
o fr a m e
o fi t u r fi t u r yan g ad a
• st a n d a r tek n i k &ak s e s b i l i t a s
o kod e va l i d a s i
o pe n g g u n a a n tab l e lay o u t
o st r u k t u r ko d e st a n d a r
o ak s e s b i l i t a s
• op t i m a s i st a n d a r me s i n pe n c a r i
o st a n d a r me s i n pe n c a r i
• po p u l a r i t a s si t u s
M e n g g u n a k a n ec- plu s . n e t ak a n ter l i h a t leb i h jel a s ba h w a jik a di b a n d i n g k a n de n g a n si t u s
yan g lai n rek r u t- on l i n e me m i l i k i to t a l ha s i l yan g leb i h ting g i di b a n d i n g yan g lai n.
Ba i k da r i se g i de s i g n ya n g be r a d a pa d a lev e l 100 % , ya n g me m p u n y a i ni l a i ya n g sam a
de n g a n Ka r i r . c o m tap i jau h leb i h ting g i da r i pa d a Job s d b .com yan g be r a d a di n i l a i 62 % . Ha l ini
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
ka r e n a da r i seg i de s i g n yan g di n i l a i be r d a s a r k a n pe n g g u n a a n fra m e da n fit u r fi tu r yan g ad a .
Fr a m e pe n t i n g di n i l a i ka r e n a ke t i k a di b u k a de n g a n bro w s e r be r b e d a aka n me n j a d i
pe r m a s a l a h a n ter s e n d i r i . Ha l ini pu l a ya n g me n j a d i jaw a b a n me n g a p a job s d b . c o m me n g a l a m i
pe n i l a i a n 62 % .
Da r i si s i te k n i k a l sta n d a r t , ha l ya n g jad i pe n i l a i a n ya k n i ko d e va l i d a s i n y a , pe n g g u n a a n tab l e
lay o u t , st r u k t u r ba s i c cod e , da n ak s e s i b i l i t a s n y a . Re k r u t- on l i n e me n d a p a t k a n ni l a i 43 % ,
sed a n g k a n Ka r i e r . c o m 26 % , da n Jo b s db. c o m 34 % . . Ke s e d e r h a n a a n si s t e m me n j a d i m o d a l
te r s e n d i r i ba g i Re k r u t- on l i n e , ka r e n a ak s e s ya n g bai k ya n g di t u n j u k a n de n g a n ke b a i k a n
ek s e s k u s i ya n g jug a di t u n j u k a n ol e h W e b w a i t seb a g a i si t u s pem b a n d i n g da r i se g i pe r f o r m a n s i
yan g ala s a n n n y a tel a h di k e m u k a a n dia t a s .
Da r i si s i op t i m a s i me s i n pe n c a r i , Re k r u t- on l i n e . c o m me n d a p a t ni l a i 57 % , se d a n g k a n du a
si t u s lai n me n d a p a t ni l a i 60 % , ha l ini me n u n j u k a n wa l a u p u n ked u a si t u s ter s e b u t m e n d a p a t ni l a i
leb i h tin g g i , pe r b e d a a n de n g a n rek r u t- on l i n e . c o m tida k ter l a l u jau h ini di a n g g a p tida k ter l a l u
si g n i f i k a n .
Ke t i k a di b a n d i n g k a n de n g a n po p u l a r i t a s si t u s , me m a n g di a k u i Job s d b . c o m un g g u l jau h,
ka r e n a Jo b s d b sen d i r i m e r u p a k a si t u s lua r ya n g pu n y a jar i n g a n be s a r di be b e r a p a ne g a r a ,
sep e r t i Ho n g k o n g , Ma l a y s i a , Ind o n e s i a da n Si n g a p u r a , jug a Ph l i p i n a . Be r b e d a de n g a n si t u s
Ka r i r . c o m ma u p u n Re k r u t- on l i n e . c o m yan g be r a d a di Ind o n e s i a . Te r l e b i h Re k r u t- on l i n e . c o m ,
ba r u di ho s t i n g be b e r a p a ha r i ya n g lal u.
4.3 Kelebihan masing masing situs
Ma s i n g ma s i n g si t u s di a k u i pu n y a ke l e b i h a n ma s i n g ma s i n g ,ba i k da r i si s i pe k e r j a a n
ma u p u n fit u r fi t u r yan g ad a , t e t a p i yan g me n j a d i pe r b e d a a n me n d a s a r ke t i k a si t u s Re k r u t-
on l i n e . c o m di b u a t ya k n i di d a s a r i me l i h a t ba h w a si t u s si t u s yan g ad a , tid a k me m p u n y a i fa s i l i t a s
tes t on l i n e . Si t u s ter s e b u t ha n y a seb a g a i fa s i l i t a t o r pem u n c u l a n low o n g a n pe k e r j a a n .
Ak o m o d a s i si t u s , ter h a d a p pe n g g u n a n y a ha n y a sam p a i pem a s u k a n low o n g a n yan g ad a ke lin k
lin k pe r u s a h a a n ter s e b u t .
Be r b e d a de n g a n si t u s Re k r u t- on l i n e . c o m , si t u s ini ma m p u me m b e r i k a n pe l a y a n a n tes t
on l i n e un t u k me n g e f i s i e n s i k a n ha l ha l yan g ter k a i t de n g a n pe n c a r i ke r j a ma u p u n pe n g g u n a jas a
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
pe k e r j a(p e r u s a h a a n). Ha l ini l a h yan g me n j a d i ide da s a r pe m b u a t a n si t u s rek r u t- on l i n e . c o m ,
ya k n i efi s i e n s i ba i k da r i se g i wa k t u ma u p u n bia y a .
Pa d a da s a r n y a si t u s lai n jug a me m i l i k i ke l e b i h a n lai n di b a n d i n g Re k r u t- on l i n e . c o m ,
ya k n i Ka r i r .com ya n g leb i h me n e k a n k a n un t u k si t u s jar i n g a n so s i a l ya n g me m i l i k i pe k e r j a a n
at a u p u n lat a r be l a k a n g yan g sam a , seh i n g g a pa r a pe n c a r i ke r j a bi s a me n d a p a t k a n inf o r m a s i
yan g mu n g k i n di b u t u h k a n .
Job s d b , ka r e n a be s a r da n lah i r di l u a r ne g e r i , si t u s ini jel a s me m i l i k i da t a b a s e low o n g a n
pe k e r j a a n ya n g jau h leb i h ba i k, ka r e n a Job s d b se n d i r i me n g c o v e r se t i d a k n y a 5 ne g a r a , se l a i n
itu Jo b s d b sen d i r i tel a h be r d i r i leb i h da r i 12 tah u n , se h i n g g a me m i l i k i pe n g a l a m a n yan g leb i h
ba i k.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
BAB V
KESIMPULAN DAN SARAN
Da r i ha s i l pe r c o b a a n da n an a l i s a ya n g tel a h di l a k u k a n ter h a d a p si t u s rek r u t- on l i n e . c o m , ma k a
dip e r o l e h ke s i m p u l a n ya k n i :
1. Si s t e m ini m e m i l i k i pe r f o r m a n s i ya n g bai k . Di b u k t i k a n de n g a n ha s i l pe r c o b a a n ya n g tel a h di l a k u k a n , ya k n i .:
• 1,27 s un t u k W e b w a i t . c o m• 1.44 8 s un t u k fet c h pe r lin k ap a d Va l i d a t o r . w 3 . o r g• 5 0. 4 % u n t u k E c-p l u s . n e t
2. Sistem ini juga memiliki kelebihan lain yang tidak dimiliki situs sejenis, yakni memiliki
test online.
3. Sistem ini telah menyentuh tujuan dasarnya secara berhasil untuk mengefisiensikan hal
hal lain dalam menjaring pekerjaan seperti waktu dan tenaga..
Be r d a s a r k a n ha s i l pe m b u a t a n da n pe n u l i s a n sk r i p s i ini m a k a sa r a n ya n g da p a t di b e r i k a n
ad a l a h :
1. Agar dapat dikembangkan kedepannya sehingga dapat menjadi sistem yang berkembang
secara baik, dapat diandalkan, dan disukai masyarakat pengguna.
2. Agar bisa lebih bisa menangkap sinyalemen perubahan dan pergeseran kebutuhan
masyarakat agar sistem ini bisa tetap menjadi sistem yang mengerti dan terus
mengakomodasi kebutuhan masyarakat pengguna ,baik dari sisi para pencari kerja
maupun dari sisi perusahaan yang membutuhkan karyawan yang baik dan berkualitas.
3. Agar dapat memiliki test online dalam bentuk lain yakni test wawancara online, yang
belum dapat, dilakukan untuk saat ini namun dapat menjadi pertimbangan yang baik
kedepannya.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
DAFTAR ACUAN
[1] Ma h e s w a r i , Ra n i Ar d h i t a , S e p t e m b e r 24t h (2008),Model intekaksi manusia dan komputer
dimasa depan.www.indoskripsi.com/model-interaksi-manusia-dan-komputer-di-masa-depan-
web-30.htm
[2] Web 2.0, http://en.wikipedia.org/wiki/Web_2.0
[3] http://www.chip.co.id/comparison-test/praktek-web-2.0.html
[4] Hypertext markup languange, www.wikipedia.org/Hypertext_markup_language.htm
[5] Cascading stlye sheet, www.wikipedia.org/Cascading_Style_Sheets.htm
[6] PHP, www.wikipedia.org/PHP.htm
[7] Java script, www.wikipedia.org/JavaScript.htm
[8] Bayu,february13th,(2009),Perbandingan situs lowongan kerja di Indonesia,
www.Pipirsawahsiber.com/Perbandingan_Situs_Lowongan_Kerja_di_Indonesia.htm
[9] Apa itu Cms, www.satriamultimedia/artikel_apa_itu_cms.html
[10] Xampp, www.wikipedia.org/Xampp.htm
[11] My SQ, www.wikipedia.org/My_sql.htm
[12] Susanto,Budi,Pemodelan sistem perangakat lunak,Yogyakarta: FTI UKDW
[13] Ryu,(2007),Dasar dasar uml.
[14] FTP, http://id.wikipedia.org/wiki/File_Transfer_Protocol
[15] Bagaimana cara mengupload website ke rumah web,
http://www.rumahweb.com/journal/bagaimana-cara-mengupload-website-ke-rumahweb-dengan-
ftp.htm
[16] Benchmark, http://www.total.or.id/info.php?kk=Benchmark
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
DAFTAR REFERENSI
Ma h e s w a r i , Ra n i Ar d h i t a , S e p t e m b e r 24t h (2008),Model intekaksi manusia dan komputer
dimasa depan.www.indoskripsi.com/model-interaksi-manusia-dan-komputer-di-masa-depan-
web-30.htm
Web 2.0, Februari 24th (2009), http://en.wikipedia.org/wiki/Web_2.0
http://www.chip.co.id/comparison-test/praktek-web-2.0.html
Hypertext markup languange, February 24th (2009),
www.wikipedia.org/Hypertext_markup_language.htm
Cascading stlye sheet, April 17th (2009), www.wikipedia.org/Cascading_Style_Sheets.htm
PHP,April 17th (2009), www.wikipedia.org/PHP.htm
Java script, April 15th (2009) www.wikipedia.org/JavaScript.htm
Bayu,february13th,(2009),Perbandingan situs lowongan kerja di Indonesia,
www.Pipirsawahsiber.com/Perbandingan_Situs_Lowongan_Kerja_di_Indonesia.htm
Apa itu Cms, February 24th (2009), www.satriamultimedia/artikel_apa_itu_cms.html
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Xampp, May 3rd (2009), www.wikipedia.org/Xampp.htm
My SQL, May 3rd (2009) ,www.wikipedia.org/My_sql.htm
Susanto,Budi,Pemodelan sistem perangakat lunak,Yogyakarta: FTI UKDW
Ryu,(2007),Dasar dasar uml.
FTP,May 30th (2009), http://id.wikipedia.org/wiki/File_Transfer_Protocol
Bagaimana cara mengupload website ke rumah web, May 30th (2009) ,
http://www.rumahweb.com/journal/bagaimana-cara-mengupload-website-ke-rumahweb-dengan-
ftp.htm
Benchmark, http://www.total.or.id/info.php?kk=Benchmark
Basori, Ahmad Hoirul,(2003) Tutorial Rational Rose, www.ilmukomputer.com/kuliah
umum/Tutorial_Rational_Rose.pdf
Universitas indonesia(2008), Pedoman penulisan TA 2008.
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Lampiran 1 Php-Jobsite
Changelog
Version 1.36 Release Feb 15 2009 Admin section - move jobs between account, move account to subaccount (etc) - advanced search and bulk action - language text to be editable for all pages in the admin (this maybe will not be 100% covered) - many small changes
Layout - new skin - valid XHML and CSS skins - less tables - new templates for edit (login, job search results, payment failed, payemnt accepted, job details, employer profile)
Features - google maps for jobs - job questions (employer can add questions to a job to be answered when the jobseeker apply) - job apply restrictions for jobseeker (1 apply per day to a job, one apply from same IP....etc) - job apply section separated from job details page - SEO title, meta keywords and description editor for pages - job title and employer name in links - content pages with SEO links - new section testimonials - create cache for pages to reduce resource usage
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
- added to hide the e-mail address by default to jobseekers and employers. - added "Would you like to relocate" option in jobseeker registration - added "Mobile phone" option in jobseeker registration - added job link, employer profile, content pages to be SEO Friendly.
Lampiran 1 (lanjutan)
- added some new options for e-mail settings (some servers has a line end problem - especially qmail servers) - added employer logo to be able to post on registration
- added to display if the jobseeker already applied for the job - employers options for receive notification on job posting and before and when job expire - added new registration page template (for jobseekers/employers) - added option for admin validate the company and jobseeker account after registration (until now only job and resumes was available for validation) - job viewed stats displayed in job details and job search results pages - added criteria to search for jobs of Agency/Recruiter or Employer. Display this info in search results and job details. - added featured jobs to be listed first in the search results and have a special background color Version 1.34 Release Oct 25 2006 - added 9999 as unlimited credits value instead of old 999 - added Edit Email Signature Link directly to Admin ->Edit Email Messages section - added Edit Email Header/Footer Link directly to Admin ->Edit Email Messages section - added option to send a notification to the admin about a new job apply - added exclude IP address list to exclude search engines and check for agent name not only the IP. - added option to allow apply to multiple jobs at once (in job search and bookmarked jobs).
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
- added option to contact multiple jobseeker at once (in resume search and bookmarked resumes). - added planning description and information popup for the plan. - added week option for job expiration (there was already day/month/year/plan and lifetime)
Lampiran 1 (lanjutan) - added job address and job zip/postal code to the job posting page - added job benefits/other informations to the job posting page - added option for employer to autorenew his Job (taking out a credit)! - sending an email that the autorenew was sucessfulll, and also sending an email if the renew will not be possible because he doesn't have enough credits - with a link to the payment page! Option to allow this feature in the plan or particularry to an employer.- added featured company expire period - added plan/membership period type (day, week, month, year).... - added posting language change in the admin (job and resume) - added news and event manager(search, list, archive, display, manage in admin...etc) - added resource and articles manager (search, list, details, manage in admin...etc.) - added all_jobs.php and all_resumes.php - added latest resumes box and custom latest resume box to the templates - added search resume to count only once for a session - added to the support form image code validation to stop spamming. - added option to switch to search engine friendly pages directly in the script (not in a separate directory - list - as it was before) - added option in the Admin to remove the session ID from the link generated by the script - added Mail log search options (subject/email/text)! - added Display only - jobmail - daily/weekly/resumemail/notification...etc for the jobmail resumemail log section - addes force Post Language option to display only those jobs(featured,latest), resumes which where posted in the current browsing language! - added subaccounts option for employers, number of subaccount to create allowed from planning and option to turn it on/off! - added brief/detailed view for job/resume list/search results
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
- added to display the logo of the employer in the detailed search result for featured jobs - added to resend forgot password email from admin - edit account and search result
Lampiran 2 Pengecekan dengan
://validator.w3.org/checklink
Rekrut-online.com
Checking link http://rekrut-online.com/other/indonesia/grey/btn_jobseekers.gif
HEAD http://rekrut-online.com/other/indonesia/grey/btn_jobseekers.gif fetched in 4.32s
Checking link http://rekrut-online.com/other/indonesia/grey/title1.gif
HEAD http://rekrut-online.com/other/indonesia/grey/title1.gif fetched in 0.00s
Checking link http://rekrut-online.com/css.phpHEAD http://rekrut-online.com/css.php fetched in 3.18s
Checking link http://rekrut-online.com/other/indonesia/grey/header2.jpg
HEAD http://rekrut-online.com/other/indonesia/grey/header2.jpg fetched in 0.00s
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Checking link http://rekrut-online.com/forgot_passwords.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
Lampiran 2(lanjutan)
HEAD http://rekrut-online.com/forgot_passwords.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 3.00s
Checking link http://rekrut-online.com/other/images_all/pix-t.gif
HEAD http://rekrut-online.com/other/images_all/pix-t.gif fetched in 0.00s
Checking link http://rekrut-online.com/contact_us.phpHEAD http://rekrut-online.com/contact_us.php fetched in
3.12s
Checking link http://rekrut-online.com/jobseekers_home.phpHEAD http://rekrut-online.com/jobseekers_home.php fetched
in 3.04s
Checking link http://rekrut-online.com/other/indonesia/grey/title_b2.gif
HEAD http://rekrut-online.com/other/indonesia/grey/title_b2.gif fetched in 0.00s
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Checking link http://rekrut-online.com/other/indonesia/grey/header4.jpg
HEAD http://rekrut-online.com/other/indonesia/grey/header4.jpg fetched in0.00sChecking link http://rekrut-online.com/faq.php
HEAD http://rekrut-online.com/faq.php fetched in 2.05s
Checking link http://rekrut-online.com/other/indonesia/grey/btn_home.gif
Lampiran 2 (lanjutan)
HEAD http://rekrut-online.com/other/indonesia/grey/btn_home.gif fetched in 0.00s
Checking link http://rekrut-online.com/about_us.phpHEAD http://rekrut-online.com/about_us.php fetched in
2.40s
Checking link http://rekrut-online.com/other/indonesia/grey/header1.jpg
HEAD http://rekrut-online.com/other/indonesia/grey/header1.jpg fetched in 0.00s
Checking link http://rekrut-online.com/employers_home.phpHEAD http://rekrut-online.com/employers_home.php fetched
in 2.37s
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Checking link http://rekrut-online.com/personal.php?action=new&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
HEAD http://rekrut-online.com/personal.php?action=new&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 3.14sChecking link http://rekrut-online.com/index.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
HEAD http://rekrut-online.com/index.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 3.33s
Lampiran 2 (lanjutan)Checking link http://rekrut-online.com/other/indonesia/grey/btn_contact_us.gif
HEAD http://rekrut-online.com/other/indonesia/grey/btn_contact_us.gif fetched in 0.00sChecking link http://rekrut-online.com/support.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
HEAD http://rekrut-online.com/support.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 3.16s
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Checking link http://rekrut-online.com/event.php?event_id=2&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
HEAD http://rekrut-online.com/event.php?event_id=2&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 3.20sChecking link http://rekrut-online.com/other/indonesia/grey/btn_employers.gif
HEAD http://rekrut-online.com/other/indonesia/grey/btn_employers.gif fetched in 0.00s
Checking link http://rekrut-online.com/other/indonesia/grey/btn_about_us.gif
Lampiran 2 (lanjutan)
HEAD http://rekrut-online.com/other/indonesia/grey/btn_about_us.gif fetched in 0.00s
Checking link http://rekrut-online.com/other/indonesia/grey/btn_faq.gif
HEAD http://rekrut-online.com/other/indonesia/grey/btn_faq.gif fetched in0.00s
Checking link http://rekrut-online.com/other/indonesia/grey/login.gif
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HEAD http://rekrut-online.com/other/indonesia/grey/login.gif fetched in 0.00s
Checking link http://rekrut-online.com/sitemap.phpHEAD http://rekrut-online.com/sitemap.php fetched in
1.81sChecking link http://rekrut-online.com/other/indonesia/grey/title_b1.gif
HEAD http://rekrut-online.com/other/indonesia/grey/title_b1.gif fetched in 0.00sChecking link http://rekrut-online.com/search_jobs.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
HEAD http://rekrut-online.com/search_jobs.php?auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 1.66s
Lampiran 2 (lanjutan)Checking link http://rekrut-online.com/event.php?event_id=1&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HEAD http://rekrut-online.com/event.php?event_id=1&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 1.79sChecking link http://rekrut-online.com/forgot_passwords.php?jobseeker=true&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee
HEAD http://rekrut-online.com/forgot_passwords.php?jobseeker=true&auth_sess=bc66bb3b14896dccc834ac68aa191685&ref=4806df0d6e39967b2c3182cee fetched in 2.36s
Checking link http://rekrut-online.com/index.phpHEAD http://rekrut-online.com/index.php fetched in 2.42s
Checking link http://rekrut-online.com/other/indonesia/grey/title3.gif
HEAD http://rekrut-online.com/other/indonesia/grey/title3.gif fetched in 0.00sChecking link http://rekrut-online.com/other/indonesia/grey/title_b3.gif
Lampiran 2 (lanjutan)
HEAD http://rekrut-online.com/other/indonesia/grey/title_b3.gif fetched in 0.00s
Processed in 55.98s.
karir.com
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Parsing...
done (86 lines in 0.00s).Checking anchors... done.
Checking link http://www.karir.com/karir/mobile/mo01010.phtml
HEAD http://www.karir.com/karir/mobile/mo01010.phtmlfetched in 2.09s
Checking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=14-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=14-1 fetched in 2.87s
Checking link http://www.karir.com/images/mobile/karir.gifHEAD http://www.karir.com/images/mobile/karir.gif fetched
in 2.81sChecking link http://www.karir.com/style/mobile.css
Lampiran 2 (lanjutan)
HEAD http://www.karir.com/style/mobile.css fetched in2.81s
Checking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=63-1
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=63-1 fetched in 2.82s
Checking linkhttp://www.karir.com/karir/mobile/mo01020.phtml
HEAD http://www.karir.com/karir/mobile/mo01020.phtmlfetched in 2.82sChecking link http://www.karir.com/?fulls=1
HEAD http://www.karir.com/?fulls=1 fetched in 2.83s
Checking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=110-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=110-1 fetched in 2.82sChecking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=86-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=86-1 fetched in 2.83s
Checking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=999-1
Lampiran 2 (lanjutan)
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=999-1 fetched in 2.83s
Checking linkhttp://www.karir.com/karir/mobile/mo01011.phtml?func_id=998-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=998-1 fetched in 2.82s
Checking link http://www.wapforum.org/DTD/xhtml-mobile10.dtdhttp://www.wapforum.org/DTD/xhtml-mobile10.dtd fetched in1.49sChecking link http://www.karir.com/images/mobile/bullet.gif
HEAD http://www.karir.com/images/mobile/bullet.gif fetched in 1.81sChecking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=62-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=62-1 fetched in 2.82sChecking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=64-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=64-1 fetched in 2.82s
Lampiran 2 (lanjutan)
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Checking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=46-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=46-1 fetched in 2.82s
Checking link http://www.karir.com/karir/mobile/mo01011.phtml?func_id=1-1
HEAD http://www.karir.com/karir/mobile/mo01011.phtml?func_id=1-1 fetched in 2.83sProcessed in 49.16s.
Rata rata fetch per link 2,6435
4.1.3.3. jobsdb.com
Checking link http://www.jobsdb.com.cn/HEAD http://www.jobsdb.com.cn/
-> HEAD http://www.cjol.com/default.htm fetched in 7.72sChecking link http://www.jobsdb.com/KR/EN/V6HTML/Home/
HEAD http://www.jobsdb.com/KR/EN/V6HTML/Home/ fetched in0.51s
Checking link http://www.jobsdb.com/HK/EN/navigation/content.asp?pagename=jobsdbcopyright
Lampiran 2 (lanjutan)
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HEAD http://www.jobsdb.com/HK/EN/navigation/content.asp?pagename=jobsdbcopyright fetched in 1.28s
Checking link http://www.jobsdb.com/CommonImages/GlobalHome/index_22.jpg
HEAD http://www.jobsdb.com/CommonImages/GlobalHome/index_22.jpg fetched in 1.26s
Checking link http://th.jobsdb.com/TH/EN/V6HTML/Home/HEAD http://th.jobsdb.com/TH/EN/V6HTML/Home/ fetched in
2.15s
Checking link http://www.jobsdb.com/CommonImages/GlobalHome/index_50.jpg
HEAD http://www.jobsdb.com/CommonImages/GlobalHome/index_50.jpg fetched in 0.50s
Checking link http://www.jobsdb.com/CommonImages/GlobalHome/index_21.jpg
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HEAD http://www.jobsdb.com/CommonImages/GlobalHome/index_21.jpg fetched in 1.25s
Lampiran 2 (lanjutan)
Checking link http://www.jobsdb.com.my/Malaysia/HEAD http://www.jobsdb.com.my/Malaysia/ fetched in 2.29s
Checking link http://www.jobsdb.com/CommonImages/GlobalHome/jobs_interactive_recruitment_network.gif
http://www.jobsdb.com/CommonImages/GlobalHome/jobs_interactive_recruitment_network.gif fetched in 0.51s
Checking link http://id.jobsdb.com/Indonesia/HEAD http://id.jobsdb.com/Indonesia/ fetched in 2.12s
Checking link http://www.jobsdb.com/Hong_Kong/HEAD http://www.jobsdb.com/Hong_Kong/ fetched in 0.50s
Checking link http://counter.jobsdb.com/Global/Monitor/CountSession.asp
HEAD http://counter.jobsdb.com/Global/Monitor/CountSession.asp
-> HEADhttp://counter.jobsdb.com/_Shares/SessionCounter/Images/trans.gif fetched in 3.77s
Checking link http://www.jobsdb.com/IN/EN/V6HTML/Home/
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
HEAD http://www.jobsdb.com/IN/EN/V6HTML/Home/ fetched in0.51s
Lampiran 2 (lanjutan)
Checking link http://www.jobsdb.com/AU/EN/V6HTML/Home/HEAD http://www.jobsdb.com/AU/EN/V6HTML/Home/ fetched in
1.26s
Checking link http://www.jobsdb.com/CommonImages/GlobalHome/index_18.jpg
HEAD http://www.jobsdb.com/CommonImages/GlobalHome/index_18.jpg fetched in 1.26s
Checking link http://www.jobsdb.com/CommonImages/GlobalHome/index_17.jpg
HEADhttp://www.jobsdb.com/CommonImages/GlobalHome/index_17.jpg fetched in 1.25s
Checking link http://www.jobsdb.com/US/EN/V6HTML/Home/HEAD http://www.jobsdb.com/US/EN/V6HTML/Home/ fetched in
1.27s
Checking link http://www.jobsdb.com.sg/Singapore/
http://www.jobsdb.com.sg/Singapore/ fetched in 2.32s
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009
Checking link http://www.w3.org/TR/html4/loose.dtdHEAD http://www.w3.org/TR/html4/loose.dtd fetched in
1.03s
Checking link http://www.jobsdb.com/TW/EN/V6HTML/Home/HEAD http://www.jobsdb.com/TW/EN/V6HTML/Home/ fetched in
0.51s
Un i v e r s i t a s Ind o n e s i a
Pengembangan prototype..., Angie Ayunda, FT UI, 2009