166
BAB 4 IMPLEMENTAS I DAN EVALUAS I S IS TEM
4.1
Implementasi Sistem / Aplikasi 4.1.1
S pesifikasi Sistem Aplikasi perilaku transaksi dibuat dengan menggunakan bahasa PHP 5.0 sebagai platform utamanya. Sebagaimana aplikasi lainya yang memiliki standar spesifikasi sistem untuk membuatnya dapat berjalan dengan stabil, maka harus disediakan juga beberapa faktor pendukung yang memadai untuk menjalankan aplikasi ini. Faktor-faktor pendukung tersebut antara lain adalah perangkat lunak, perangkat keras, dan sumber daya manusia yang memadai. a. Kebutuhan Perangkat Lunak untuk Sistem / Aplikasi Spesifikasi perangkat lunak yang digunakan untuk menjalankan aplikasi sistem karir pada Institut M usik Indonesia adalah sebagai berikut : 1.
Apache Digunakan karena apache merupakan web server yang cukup banyak dipakai untuk menjalankan aplikasi PHP.
167
2. M acromedia Dreamweaver Software ini harus dipergunakan karena sebagai alat dasar pengembangan aplikasi web. 3. PHP 5.0 Dipergunakan karena merupakan dasar untuk menjalankan tag-tag PHP yang telah embedded didalamnya. 4. MySQL M erupakan database yang dipergunakan karena cukup mudah dalam penggunaan dan memiliki fleksibilitas yang tinggi. 5. Browser Internet Internet Explorer, M ozzila Firefox, Opera dan lain-lain yang umum digunakan. b. Kebutuhan Perangkat Keras untuk Sistem / Aplikasi Spesifikasi perangkat keras minimum yang digunakan untuk menjalankan aplikasi sistem karir ini adalah sebagai berikut : 1.
Pentium 4 2.0 GHz.
2.
M emori 512 M B atau lebih.
3.
M onitor 14”.
4. VGA Card 32 M B atau lebih. 5. Keyboard dan M ouse sebagai alat masukan. 6. Speaker sebagai alat output
168
c. Kebutuhan sumber daya untuk Sistem / Aplikasi Agar system dapat berjalan secara maksimal, maka ada beberapa hal yang perlu diperhatikan oleh pemakai sistem, yaitu mahasiswa dan staff IM I. Hal-hal tersebut adalah sebagai berikut : ¾ Sebagai orang yang mengelola sistem (admin) dan pengguna (user),
tentunya
harus
memiliki
kemampuan
dalam
mengoperasikan komputer.
4.1.2
Panduan Instalasi Sistem / Aplikasi Langkah-langkah melakukan system / aplikasi adalah sebagai berikut: a. Pastikan
folder
IM I
beserta
seluruh
isinya
berada
di
“…\xampp\htdocs”. b. Aktifkan web server (Apache Tomcat). c. Buka browser. d. Ketikan “http://localhost /IM I/” pada address bar. e. Lakukan login / sign-up terlebih dahulu. f. Aplikasi siap digunakan.
169
4.1.3
Panduan Menggunakan Sistem / Aplikasi a. Tampilan Layar Admin pada Aplikasi Sistem Karir 1. Tampilan Layar Index Login Admin
Gambar 4.1 Layar Login Admin Di halaman Index Login Admin terdapat form login untuk Admin. Username dan Password akan divalidasi, bila login berhasil akan masuk ke halaman Edit Admin bila user terdaftar sebagai Super Admin atau Edit FAQ bila user terdaftar sebagai Admin.
170
2. Tampilan Layar Edit Admin
Gambar 4.2 Layar Edit Admin Halaman Edit Admin merupakan halaman awal Super Admin sesudah login. Disini terdapat navigation bar di sebelah kiri untuk berpindah menu. Di halaman ini Super Admin bisa melihat Admin yang terdaftar, menambah Admin baru, mengupdate data Admin dan juga bisa mendelete Admin yang ada. Terdapat juga tombol logout, bila diklik akan pindah ke halaman adminlogin.
171
3. Tampilan Layar Edit FAQ
Gambar 4.3 Layar Edit FAQ Halaman Edit FAQ, yang juga merupakan halaman awal admin setelah login. Tidak ada pilihan menu edit admin di kiri bagi admin biasa. Admin bisa melihat FAQ yang terdaftar, menambah FAQ baru dan juga bisa mendelete FAQ yang ada.
172
4. Tampilan Layar Edit Testimonial
Gambar 4.4 Layar Edit Testimonial Di halaman Edit Testimonial, Admin bisa melihat Testimonial yang terdaftar, menambah Testimonial baru dan juga bisa mendelete Testimonial yang ada.
173
5. Tampilan Layar Edit Content
Gambar 4.5 Layar Edit Content Di halaman Edit Content, Admin bisa melihat News/Event yang terdaftar, menambah News/Event baru dan juga bisa mendelete News/Event yang ada.
174
6. Tampilan Layar Edit Jobposting
Gambar 4.6 Layar Edit Job Posting Di halaman Edit Jobposting, Admin bisa melihat Jobposting yang terdaftar, melihat detail Jobposting dan juga merubah status Jobposting. Bila Title Jobposting diklik akan muncul popup detail jobposting. Bila Status Jobposting diklik akan pindah ke halaman Jobposting update status.
175
7. Tampilan Layar Popup Detail Jobposting
Gambar 4.7 Layar Pop Up Detail Job Posting Popup Detail Jobposting berisi tentang keterangan dari Jobposting yang didaftarkan oleh Employer.
176
8. Tampilan Layar Jobposting Update Status
Gambar 4.8 Layar JobPosting Update Status Di halaman Jobposting Update Status, Admin bisa memperbaharui status dari Jobposting yang dipilih. Bila Update diklik akan kembali ke halaman Edit Jobposting.
177
9. Tampilan Layar Edit Employer
Gambar 4.9 Layar Edit Employer Di halaman Edit Employer, Admin bisa melihat Employer yang terdaftar, melihat detail Employer dan juga merubah status Employer. Bila Title Employer diklik akan muncul popup detail Employer. Bila Status Employer diklik akan pindah ke halaman Employer update status.
178
10. Tampilan Layar Popup Employer Profile
Gambar 4.10 Layar Popup Employer Profile Popup Detail Employer berisi tentang keterangan dari Employer yang diisi saat registrasi sebagai Employer.
179
11. Tampilan Layar Employer Update Status
Gambar 4.11 Layar Employer Update Status Di halaman Jobposting Update Status, Admin bisa memperbaharui status dari Jobposting yang dipilih. Bila Update diklik akan kembali ke halaman Edit Jobposting.
180
b. Tampilan Layar Non M ember Pada Aplikasi Sistem Karir a. Tampilan Layar Index (Non M ember)
Gambar 4.12 Layar Index NonMember Di halaman Index, terdapat menu navigasi atas yang terdiri dari: •
Home, pindah atau kembali ke halaman Index.
•
About Us, pindah ke halaman About Us.
•
FAQ, pindah ke halaman FAQ.
•
Contact Us, pindah ke halaman Contact Us.
Di kiri halaman terdapat form login untuk JobSeeker dan Employer, dan M enu registrasi untuk JobSeeker dan Employer, dan menu Testimonial. Terdapat juga tabel News/Event dan JobPosting terbaru.
181
b. Tampilan Layar About Us
Gambar 4.13 Layar About Us Di halaman About Us, Non M ember bisa melihat keterangan dan profil dari IM I Career.
182
c. Tampilan Layar FAQ
Gambar 4.14 Layar FAQ Di halaman FAQ, Non M ember bisa melihat daftar pertanyaan yang sering diajukan ke IM I Career, beserta jawabannya.
183
d. Tampilan Layar Contact Us
Gambar 4.15 Layar Contact Us Di halaman Contact Us, Non M ember bisa melihat alamat dan keterangan lain untuk menghubungi IM ICareer.
184
e. Tampilan Layar Testimonial
Gambar 4.16 Layar Testimonial Di halaman Testimonial, Non M ember bisa melihat kumpulan testimonial dari orangorang yang telah memakai fasilitas IM I Career.