92 Ciptamaya logo Header UserName Password Login Admin Footer Gambar 4.24 Rancangan Layar Admin Login Rancangan layar login admistrator merupakan dimana admin memasukan ID dan Password admin yang berguna untuk melakukan kegiatan administrator dalam menjalankan tugasnya dan melayani pengunjung. Ketika admin telah memasukan id dan password, maka akan otomatis akan menuju ke halaman yang berisikan administration menu yang terdiri dari : 1. Home Admin, berisi report jumlah total admin, total user, total client, total lowongan, total guestbook, total job seeker. 2. Manage Administrator, berisi link menuju kehalaman daftar id admin yang berguna untuk melakukan login admin. 3. Manage Client, berisi link menuju daftar client yang akan di tampilkan situs.
93 4. List of User Account, berisi link menuju daftar id user dan data diri user yang sudah terdaftar. 5. Job Seeker By Education, berisi link menuju daftar semua id yang disort berdasarkan pendidikan terakhir. 6. Job Seeker By Status, berisi link menuju daftar semua id yang di sort berdasarkan sudah / belum dipekerjakan. 7. Manage Vacancy, berisi link menuju datar lowongan kerja, menganti, menambahkan lowongan kerja. 8. Manage guestbook, berisi link menuju halam untuk melihat saran dan kritik yang di tuliskan oleh pengunjung. 9. Log out, berguna untuk logout dari id admin,dan kembali ke halaman login admin. Rancangan layar home site berisikan link menuju ke tampilan layar Home untuk pengunjung dan otomatis akan logout dari administration menu.
Gambar 4.25 Tampilan Layar Admin Login 94
95 Ciptamaya logo Header Navigation Link Report of Total Admin Total User Total Client Total lowongan Total Guestbook filled Total Job Seeker = = = = = = Footer Gambar 4.26 Rancangan Layar Home Admin Rancangan layar home admin menampilkan laporan berbentuk table yang berisikan berapa banyak jumlah admin, user, client, lowongan, guestbook, job seeker yang terdapat didalam situs.
Gambar 4.27 Tampilan Layar Home Admin 96
97 Ciptamaya logo Header Add user No User Name Edit Password Navigation Link Edit Edit Edit Edit Footer Gambar 4.28 Rancangan Layar Manage Administrator Rancangan layar manage administrator berisikan informasi nama-nama user yang terdaftar, dan dapat melakukan tambah user dengan cara mengklik add user dan menuju ke halaman form yang berisi field yang harus di isi, dapat juga mengubah password dengan cara mengklik Edit dan menuju ke halaman form yang berisi field yang harus di isi, disediakan juga untuk menghapus user dengan cara mengklik lalu keluar pop up Yes dan No.
Gambar 4.29 Tampilan Layar Manage Administrator 98
99 Ciptamaya logo Header Username Navigation Link Password Confirm Password Add Reset Footer Gambar 4.30 Rancangan Layar Manage Admin-Add Admin Rancangan layar manage user-add admin terdiri dari : 1. User Name, digunakan untuk id login admin. 2. Password, digunakan untuk password id login admin. 3. Confirm Password, digunakan untuk validasi password. Setelah itu dapat menambah user dengan mengklik Add atau mengisi ulang dengan mengklik Reset.
Gambar 4.31 Tampilan Layar Manage Admin-Add Admin 100
101 Ciptamaya logo Header Old Password Navigation Link New Password Re-Password Save Footer Gambar 4.32 Rancangan Layar Manage Admin-Edit Rancangan layar admin manage user edit terdiri dari : 1. Old password, digunakan untuk memasukan password lama. 2. New password, digunakan untuk memasukan password baru. 3. Confirm password, digunakan untuk validasi password baru.
Gambar 4.33 Tampilan Layar Manage Admin-Edit 102
103 Ciptamaya logo Header No Company Name Description Gambar1 Gambar2 Links Edit Navigation Link Edit Edit Edit Edit Edit Footer Gambar 4.34 Rancangan Layar Manage Client Rancangan layar manage client berisikan informasi nama-nama perusahan yang bekerja sama dengan PT Ciptamaya dan tersedia fitur untuk menambahkan, merubah, dan menghapus data client. untuk melakukan penambahan client admin dapat mengklik Add Client yang berisikan form yang berisi field yang harus di isi oleh admin. Ketika admin mengklik Save data tersebut akan tersimpan, dan akan dapat di lihat oleh pengunjung
104 situs tersebut, jika admin mengklik Reset maka field akan kembali kosong,setelah tersimpan akan di tampilkan secara table terdiri dari : 1. No, berfungsi memberi nomer secara urut dari urutan yang pertama kali di post sampai ke paling terakhir di post. 2. Company name, berfungsi untuk menyimpan nama client yang dapat di lihat oleh pengunjung. 3. Description, berfungsi untuk menyimpan penjelasan perusahan client. 4. Gambar 1, berfungsi untuk menyimpan gambar/logo client. 5. Gambar 2, berfungsi untuk menyimpan gambar/logo client. 6. Links, berisikan link untuk menuju ke situs client. 7. Edit, berfungsi untuk merubah data client ( Company name, description, Gambar, Links ). 8., berfungsi untuk menghapus data client dari table.
Gambar 4.35 Tampilan Layar Manage Client 105
106 Ciptamaya logo Header INSERT NEW CLIENT Navigation Link Company name Description Logo Logo Hover Browse Browse Link Save Reset Footer Gambar 4.36 Rancangan Layar Manage client-add Client Rancangan layar admin manage client add user yang terdiri dari : 1. Company Name, digunakan untuk menuliskan nama perusahan client. 2. Description, digunakan untuk menuliskan keterangan perusahan tersebut. 3. Logo, digunakan untuk memasukan logo perusahaan client. 4. Hover,digunakan untuk memasukan logo perusahaan client. 5. Link, berisikan link yang menuju ke situs client. Ketika admin mengklik Save data tersebut akan tersimpan, dan akan dapat di lihat oleh pengunjung situs tersebut, jika admin mengklik Reset maka field akan kembali kosong,setelah tersimpan akan di tampilkan secara table.
Gambar 4.37 Tampilan Layar Manage Client-Add Client 107
108 Ciptamaya logo Header Company name CLIENT EDIT Navigation Link Description Logo Logo Hover Link Save Client Logo Client Logo Browse Browse Footer Gambar 4.38 Rancangan Layar Manage Edit-Client Rancangan layar admin manage client edit berfungsi merubah data client, terdiri dari : 1. Company Name, digunakan untuk menuliskan nama perusahan client. 2. Description, digunakan untuk menuliskan keterangan perusahan tersebut. 3. Logo, digunakan untuk memasukan logo perusahaan client. 4. Hover, digunakan untuk memasukan logo perusahaan client. 5. Link, berisikan link yang menuju ke situs client. Ketika admin mengklik Save data tersebut akan tersimpan, dan akan dapat di lihat oleh pengunjung situs tersebut.
Gambar 4.39 Tampilan Manage Edit-Client 109
110 Ciptamaya logo Header Navigation Link no User Name First Name Middle Name Last Last Name Gender Birth Date EducationJurusanGPA Address Province Footer Gambar 4.40 Rancangan Layar List Of User Account Rancangan layar list of user account menampilkan data user yang terdaftar secara detail yang terdiri dari No, User Name, First Name, Middle Name, Last Name, Gender, Birth Date, Last Education, Jurusan, GPA, Temporary Address, Province, ZIP Code, Permanent Address, City, Zip Code, Job Category, E-Mail, Phone, Mobile Phone dan terdapat juga tombol delete untuk menghapus data user.
Gambar 4.41 Tampilan Layar List Of User Account 111
112 Ciptamaya logo Header Sort BY Last Education Please Select Search No Job Code Nama Last Pengalaman Education Kota Pelatihan Kerja Status Navigation Link Footer Gambar 4.42 Rancangan Layar Job Seeker by Education Rancangan layar job seeker by last education berisikan informasi data user yang telah melakukan pelamaran kerja dan dapat memudahkan pencarian data user dengan cara sort/urutkan berdasarkan pendidikan terakhir dilanjutkan dengan menekan Search, dan dapat langsung mengubah status user tersebut dengan cara mengklik tulisan not confirmed dan mengubahnya ke status confirmed lalu mengklik tombol update.
Gambar 4.43 Tampilan Layar Job Seeker by Education 113
114 Ciptamaya logo Header Update Confirmation Status Confirmed Update Navigation Link Footer Gambar 4.44 Rancangan Layar Update Confirmation Status
Gambar 4.45 Tampilan Layar Update Confirmation Status 115
116 Ciptamaya logo Header Sort BY Status Please Select Search No Job Code Nama Last Pengalaman Education Kota Pelatihan Kerja Status Navigation Link Footer Gambar 4.46 Rancangan Layar Job Seeker by Status Rancangan layar halaman layar Job Seeker Status berisikan informasi data user yang telah melakukan pelamaran kerja dan dapat memudahkan pencarian data user yang sudah mendapatkan perkerjaan dan belum mendapatkan pekerjaan dengan cara sort by status Confirmed/Not Confirmed dilanjutkan dengan menekan search.dan dapat langsung mengubah status user tersebut dengan cara mengklik tulisan not confirmed dan mengubahnya ke status confirmed lalu mengklik tombol update.
Gambar 4.47 Tampilan Layar Job Seeker by Status 117
118 Ciptamaya logo Header No Job Code Position Location Date Post End Date Job DescriptionQualification Edit Add Job Navigation Link Edit Edit Edit Edit Edit Edit Footer Gambar 4.48 Rancangan Layar Manage Job Vacancy
Gambar 4.49 Tampilan Layar Manage Job Vacancy 119
120 Ciptamaya logo Header *Job Code Navigation Link *Position *Location *End Date Job Description *Qualification Save Footer Gambar 4.50 Rancangan Layar Manage Job Vacancy-Edit Rancangan layar manage vacancy-edit yang terdiri dari : 1. Job Code, berfungsi untuk menuliskan kode bidang pekerjaan. 2. Position, berfungsi untuk menuliskan posisi pekerjaan. 3. Location, berfungsi untuk menuliskan daerah/tempat berkerja. 4. End Date, berfungsi untuk menutup lowongan jika sudah memasuk tanggal end date. 5. Job Description, berisikan informasi keterangan pekerjaan. 6. Qualification, berisikan syarat untuk melakukan lamaran. Ketika admin mengklik Save data tersebut akan tersimpan, dan akan dapat di lihat oleh pengunjung situs tersebut.
Gambar 4.51 Tampilan Layar Manage Job Vacancy-Edit 121
122 Ciptamaya logo Header No Pengirim Email Pesan Lengkap Menu Hapus Navigation Link Hapus Hapus Hapus Hapus Footer Gambar 4.52 Rancangan Layar Manage Guestbook Rancangan layar manage guestbook bertujukan kepada admin untuk dapat membaca saran dan kritik yang di tulis oleh pengunjung melewati Guestbook yang disediakan di situs. Admin dapat menghapus pesan yangmasuk dengan cara mengklik Hapus lalu akan keluar pop up yes/no. Pesan tersebut ditampilkan berbentuk table yang memberikan informasi seperti : 1. Nama pengirim. 2. Email pengirim. 3. Pesan Lengkap. 4. Menu.
Gambar 4.53 Tampilan Layar Manage Guestbook 123
124 4.7 Spesifikasi Basis Data Spesifikasi basis data akan memberikan penjelasan mengenai basis data yang digunakan dalam merancang aplikasi e-outsourcing PT Ciptamaya. Basis data yang digunakan : 1. Nama tabel : MsAdmin Primary key Keterangan : UserId : Tabel berisi kode dan password Admin Tabel 4.1 Spesifikasi basis data untuk MsAdmin Nama Field Tipe Panjang Keterangan UserId Varchar 30 Kode Admin PassId Varchar 60 Password Admin 2. Nama tabel : MsClient Primary key Keterangan : Id_Client : Tabel berisi data klien disertai dengan gambaran perusahaan Tabel 4.2 Spesifikasi basis data untuk MsClient Nama Field Tipe Panjang Keterangan Id_Client Int 4 Kode Klien Name_Client Varchar 50 Nama Klien Description Text - Gambaran Klien Gambar1 Varchar 50 Logo Klien Gambar2 Varchar 50 Logo Klien
125 Link Varchar 100 Alamat web klien 3. Nama tabel : TrComp_prof Primary key Keterangan : Id_Comp_prof : Tabel berisi judul dan isi company profile Tabel 4.3 Spesifikasi basis data untuk Trcomp_prof Nama Field Tipe Panjang Keterangan Id_Comp_prof Int 4 Kode company profile Judul Varchar 150 Judul company profile Isi Text - Isi company profile 4. Nama tabel : TrCtcUs Primary key Keterangan : Id_CtcUs : Tabel berisi alamat PT Ciptamaya Tabel 4.4 Spesifikasi basis data untuk TrCtc Nama Field Tipe Panjang Keterangan Id_CtcUs Int 11 Kode contact us Address Text - Alamat PT Ciptamaya 5. Nama tabel : TrDtlowongan Primary key Foregin key Keterangan : Id_Dtlowongan : Job_code : Tabel berisi data lowongan kerja
126 Tabel 4.5 Spesifikasi basis data untuk TrDtlowongan Nama Field Tipe Panjang Keterangan Id_Dtlowongan Int 4 Kode data lowongan kerja Job_code Varchar 70 Kode pekerjaan Position Varchar 100 Posisi lowongan kerja Location Varchar 100 Lokasi lowongan kerja Post_date Date - Tanggal posting End_date Date - Tanggal batas akhir lowongan kerja Job_desc Varchar 100 Gambaran pekerjaan yang dibutuhkan Qualification Text - Kualifikasi pekerjaan yang dibutuhkan 6. Nama tabel : MsPelamar Primary key Foreign key Keterangan : Job_code : Fname : Tabel berisi data pelamar kerja Tabel 4.6 Spesifikasi basis data untuk MsPelamar Nama Field Tipe Panjang Keterangan Id_Pelamar Int 4 Kode data pelamar Job_code Varchar 70 Kode pekerjaan Fname Varchar 15 Nama pelamar
127 Pcity Varchar 25 Kota pelamar LastEdu Varchar 20 Lulusan terakhir Pelatihan Text - Pelatihan kegiatan PengalamanKerja Text - Pengelaman kerja Status Varchar 15 Status penerimaan 7. Nama tabel : TrGuest Primary key Keterangan : Id_Guest : Tabel berisi komentar Tabel 4.7 Spesifikasi basis data untuk TrGuest Nama Field Tipe Panjang Keterangan Id_Guest Int 4 Kode komentar Nama Varchar 50 Nama yang mengisi komentar Email Varchar 100 Email yang mengisi komentar Komentar Text - Komentar Post_date Date - Tanggal posting 8. Nama tabel : TrNews Primary key Keterangan : Id_News : Tabel berisi berita PT Ciptamaya
128 Tabel 4.8 Spesifikasi basis data untuk TrNews Nama Field Tipe Panjang Keterangan Id_News Int 4 Kode news Judul Varchar 100 Judul news Headline Text - Headline news Isi Text - Isi news Tanggal Date - Tanggal news 9. Nama tabel : TrServices Primary key Keterangan : Id_Services : Tabel berisi jasa pelayanan PT Ciptamaya Tabel 4.9 Spesifikasi basis data untuk TrServices Nama Field Tipe Panjang Keterangan Id_Services Int 4 Kode services Judul Varchar 150 Judul services Isi Text - Isi services Isilanjut1 Text - Lanjutan isi services Isilanjut2 Text - Lanjutan isi services 10. Nama tabel : MsUser Primary key Keterangan : fname : Tabel berisi data-data user
129 Tabel 4.10 Spesifikasi basis data untuk MsUser Nama Field Tipe Panjang Keterangan Id_User Int 4 Kode user fname Varchar 15 Nama depan mname Varchar 15 Nama tengah iname Varchar 15 Nama belakang jeniskelamin Varchar 5 Jenis kelamin tanggallahir Date - Tanggal lahir lastedu Varchar 20 Pendidikan terakhir Jurusan Varchar 30 Jurusan GPA Varchar 4 GPA caddress Varchar 30 Alamat korespondensi cprop Varchar 25 Propinsi korespondensi cpost Varchar 9 Kode post korespondensi paddress Varchar 30 Alamat tetap pcity Varchar 25 Kota tetap ppost Varchar 9 Kode post tetap jobcategory Varchar 30 Kategori pekerjaan Email Varchar 30 Alamat email phoneno Varchar 15 No telepon mobileno Varchar 20 No handphone User_name Varchar 25 User name Passwoord Varchar 20 Password user
130 11. Nama tabel : TrVisits Primary key Keterangan : id_visit : Tabel berisi jumlah counter atau web visitor Tabel 4.11 Spesifikasi basis data untuk visits Nama Field Tipe Panjang Keterangan Id_Visit Int 4 Kode primer Visit_time Int 10 Jumlah visitor
131 4.8 Navigation diagram Admin Login Home Admin List Of User Account Add User Manage Administrator Job Seeker By Education Edit User Update Confirmed Manage Guestbook Job Seeker By Status Add Client Add Job Manage Client Manage Vacancy Edit Client Edit Job Gambar 4.54 navigation diagram administrator
132 Index Home Guestbook Company Profile Contact Us Services Job Vacancy Clients Sign Out Sign In Apply Job Gambar 4.55 navigation diagram user