Lampiran 1: Format Kuesioner pengujian web Casa Fiero untuk guest. Kuesioner pengujian web Casa Fiero untuk guest

(1)

160

Lampiran 1: Format Kuesioner pengujian web Casa Fiero untuk guest

Kuesioner pengujian web Casa Fiero untuk guest

Nama : ………

Jenis Kelamin : L / P

Usia : ………

Pekerjaan : ………

Petunjuk:

- Silahkan mengisi kuesioner di bawah ini, sesuai dengan pendapat Anda mengenai web Casa Fiero. Range angka yang digunakan antara 1 – 5, dimana angka 1 adalah penilaian yang paling rendah dan angka 5 paling tinggi.

- Beri tanda silang pada nomor yang Anda pilih.

- Terima kasih atas kesediaannya mengisi kuesioner ini.

1. Interface atau tampilan website……….. 1 2 3 4 5 2. Informasi yang ditampilkan (content)……….. 1 2 3 4 5 3. Kemudahan penggunaan tiap-tiap menu... 1 2 3 4 5 4. Kejelasan informasi tiap-tiap menu……… 1 2 3 4 5 5. Kesesuaian dengan kebutuhan …….………. 1 2 3 4 5 6. Penilaian web keseluruhan……….. 1 2 3 4 5

Kritik/saran: ………

……….

(2)

161

Lampiran 2: Format Kuesioner pengujian web Casa Fiero untuk karyawan Casa Fiero

Kuesioner pengujian web Casa Fiero untuk karyawan Casa Fiero

Nama : ………

Jabatan : ………

Petunjuk:

1. Interface atau tampilan website……….. 1 2 3 4 5 2. Informasi yang ditampilkan………..………. 1 2 3 4 5 3. Kemudahan penggunaan tiap-tiap menu………… 1 2 3 4 5 4. Keakuratan informasi…………..………….…….. 1 2 3 4 5 5. Kesesuaian dengan kebutuhan Casa Fiero.….…… 1 2 3 4 5 6. Penilaian web keseluruhan………. 1 2 3 4 5

Kritk/saran: ………

……….

(3)

162

Lampiran 3: Format Kuesioner pengujian web Casa Fiero untuk administrator

Kuesioner pengujian web Casa Fiero untuk administrator

Nama : ………

Jabatan : ………

Petunjuk:

1. Interface atau tampilan website……….. 1 2 3 4 5 2. Kemudahan penggunaan menu- menu………. 1 2 3 4 5 3. Kemudahan pengisian data………..…... 1 2 3 4 5 4. Kemudahan pengeditan/pengubahan data……….. 1 2 3 4 5 5. Kemudahan penghapusan data……….…….. 1 2 3 4 5 6. Penampilan informasi (report)... 1 2 3 4 5 7. Keakuratan dalam mengatur web………….…….. 1 2 3 4 5 8. Kesesuaian dengan kebutuhan …….…… 1 2 3 4 5 9. Penilaian web keseluruhan………. 1 2 3 4 5

Kritk/saran: ………

……….

(4)

MANUAL

5.1.1. Halaman Home

Pengunjung yang baru pertama kali mengunjungi web Casa Fiero ini akan melihat tampilan halaman home yang merupakan ucapan selamat datang bagi pengunjung, seperti pada Gambar 5.1.

Gambar 5.1. Halaman home (home.php)

Halaman ini menampilkan menu-menu yang mempunyai link untuk halaman-halaman lainnya dalam web ini. Halaman ini juga dilengkapi dengan fsilitas search untuk melakukan pencarian. Ada empat pilihan dalam melakukan pencarian yaitu berdasarkan: product name, category, type, color. Setelah memilih jenis pencarian, maka pengunjung dapat memasukkan keyword lalu menekan tombol “Go” untuk menjalankan proses search. Sebagai contoh, pada pilihan jenis pencarian dipilih “Product Name”, kemudian keyword diisi “aurelia”. Untuk lebih jelasnya perhatikan Gambar 5.2.

(5)

Gambar 5.2. Proses Search

Setelah menekan tombol “GO”, maka akan muncul hasil search, seperti pada Gambar 5.3.

Gambar 5.3. Hasil Search (search.php)

5.1.2. Halaman Profile

(6)

Pada halaman ini ditampilkan profile perusahaan yang berisi tentang sejarah perusahaan, penjelasan mengenai bidang usaha, jaringan di beberapa kota, dan tujuan Casa Fiero. Profile ini terdiri juga dari visi dan misi perusahaan.

Halaman ini ditampilkan dari file profile1.php seperti pada Gambar 5.4.

Gambar 5.4. Halaman Profile (profile.php)

5.1.3. Halaman News

Halaman ini berisi dua informasi yaitu info terbaru dan info lowongan kerja. Info terbaru menampilkan sebagian informasi yang terkini dari Casa Fiero.

Sedangkan info lowongan kerja menampilkan lowongan kerja yang dibuka di Casa Fiero beserta dengan syarat-syaratnya. Untuk lebih jelasnya dapat dilihat pada Gambar 5. 5.

(7)

Gambar 5.5. Halaman News (news.php)

Pada info terbaru, dapat dilihat bahwa berita yang ditampilkan hanya sebagian saja untuk menghemat penggunaan halaman news, oleh sebab itu dibutuhkan satu halaman lagi untuk menampilkan berita selengkapnya. Agar pengunjung dapat melihat berita yang lebih lengkap, maka pengunjung mengklik tulisan “berita selengkapnya”. Tampilan dari berita selengkapnya ini dapat dilihat pada Gambar 5.6.

(8)

Gambar 5.6. Halaman News-Berita Selengkapnya (news_detail.php)

5.1.4. Halaman Product

Halaman awal untuk product menampilkan tiga jenis keramik beserta dengan Gambarnya seperti yang diperlihatkan pada Gambar 5.7.

(9)

Gambar 5.7. Halaman Product ( product.php)

Untuk melihat nama-nama produk yang lain untuk masing-masing jenis ini, maka dilakukan dengan mengklik nama dari jenis produk. Sebagai contoh, yang diklik adalah type “Listello”, maka akan muncul tampilan produk-produk yang lain untuk tipe Listello. Tampilan dapat dilihat pada Gambar 5.8.

(10)

Gambar 5.8. Halaman Product (product_detail.php) – Nama-nama product.

5.1.5. Halaman Order

Halaman yang muncul ketika memasuki menu order ini adalah form untuk melakukan login seperti pada Gambar 5.11.

Gambar 5.11. Halaman Login Order

(11)

Setelah berhasil melakukan login, maka akan ditampilkan jenis-jenis produk untuk dipilih seperti pada Gambar 5.7. dan selanjutnya akan muncul detail produk untuk melakukan order seperti pada Gambar 5.12.

Gambar 5.12. Halaman Product Order

Order dilakukan dengan mengisi berapa jumlah produk yang diinginkan, kemudian mengklik button “ORDER”, dan akan muncul hasil order berupa detail order seperti pada Gambar 5.13.

(12)

Gambar 5.13. Detail Order

Dari detail order yang didapatkan, maka dapat dilakukan penambahan order dengan mengklik tulisan “ORDER AGAIN”, maka akan ditampilkan kembali jenis produk untuk melakukan order seperti pada Gambar 5.12. Selain itu juga dapat dilakukan pengeditan order dengan mengklik tulisan “Edit”, maka akan muncul form edit seperti pada Gambar 5.14.

(13)

Gambar 5.14. Form Edit Order

Dalam proses edit order ini customer dapat mengganti jumlah produk sesuai dengan kebutuhan. Setelah menekan “SUBMIT”, maka akan kembali ke halaman detail order dengan hasil pengeditan yang sudah dilakukan sebagai contoh pada produk dengan nama Diana Blue, seperti pada Gambar 5.15.

(14)

Gambar 5.15. Hasil Pengeditan Order

Selain untuk mengedit order, juga disediakan fasailitas untuk delete order. Delete order dilakukan dengan mengklik tulisan “Delete” dan selanjutnya pada layar muncul pesan seperti pada Gambar 5.16.

Gambar 5.16. Pesan untuk meyakinkan delete order

Apabila diklik ”YES” maka data order produk tersebut akan terhapus dan akan ditampilkan kembali ke detail order, dan sebaliknya bila diklik ”NO”

(15)

maka data produk tidak jadi dihapus dan akan ditampilakn kembali ke detail order.

Setelah semua proses order dilakukan maka langkah selanjutnya pada detail order adalah mengklik tulisan ”CHECKOUT”, dan pada layar akan muncul seperti Gambar 5.17.

Gambar 5.17. Hasil setelah Checkout

5.1.6. Halaman Discussion

Halaman ini merupakan halaman untuk melakukan diskusi baik antara sesama pengunjung maupun dengan administrator. Sebagai awal dari forum diskusi ini, maka ditampilkan judul-judul topik seperti pada Gambar 5.18. Pada Gambar 5.18. judul-judul topik yang ditampilkan misalnya: order the ceramics, buy ceramics, dan price of ceramics. Judul ini bisa ditambahkan tetapi hanya oleh administrator saja.

(16)

Gambar 5.18. Halaman Discussion – Judul-judul topik diskusi (forum1.php)

Jika ingin melihat diskusi secara detail, maka perhatikan kembali Gambar 5.18. Pada bagian tersebut terdapat beberapa pilihan topik. Untuk melakukan diskusi, maka diklik topik mana yang diinginkan, misalnya “order the ceramics”. Pada layar akan tampil hasil diskusi. Lebih jelasnya dapat dilihat pada Gambar 5.19.

(17)

Gambar 5.19. Halaman Discussion – Detail diskusi (forum2.php)

Apabila pengunjung ingin beridskusi pada topik tersebut, maka dilakukan dengan mengklik tulisan “Reply”, sehingga akan muncul seperti Gambar 5.20.

(18)

Gambar 5.20. Halaman Discussion – Form Reply (forum2.php)

Setelah memasukkan nama dan komentar, maka diklik tombol

“Submit”, sehingga di layar muncul info seperti Gambar 5.21. dan selanjutnya akan kembali ke halaman seperti Gambar 5.19.

(19)

Gambar 5.21. Halaman Discussion – Info setelah melakukan reply (forum2.php)

5.1.7. Halaman Guestbook

Halaman ini menampilkan nama, email dan komentar-komentar tamu yang mengunjungi web. Jumlah pengisi guestbook ditampilkan sebanyak 10 data tiap halaman, dapat dilihat pada Gambar 5.22.

(20)

Gambat 5.22. Halaman Guestbook – Tampilan Guestbook (guestbook1.php)

Apabila pengunjung ingin mengisi guestbook ini, maka dapat dilakukan dengan mengklik tulisan “Isi Buku Tamu”, sehingga akan muncul form untuk mengisi buku tamu seperti yang diperlihatkan pada Gambar 5.23.

(21)

Gambar 5.23. Halaman Guestbook – Form mengisi Guestbook (guestbook2.php)

Pada halaman ini pengunjung harus mengisi semua data yaitu nama, email dan komentar. Apabila ada data yang tidak diisi, maka akan muncul peringatan dan semua data harus diisi lagi dari awal, misalnya pengunjung tidak mengisi nama maka akan muncul tulisan yang dicetak warna merah “Name is empty”, apabila pengunjung tidak mengisi email maka akan muncul tulisan yang dicetak warna merah “Email is empty”, kemudian apabila mengisi email tetapi penulisannya salah atau tidak menggunakan (.) dan (@) maka akan muncul pesan

“Email stucture is false”, dan jika tidak mengisi komentar maka akan muncul tulisan yang dicetak warna merah “Comment is empty”.

Apabila ada penulisan data yang salah, maka dilakukan dengan menekan tombol “RESET” sehingga semua data yang dituliskan terhapus. Tetapi, hal ini hanya bisa dilakukan sebelum menekan tombol “SUBMIT”, karena setelah menekan “SUBMIT” maka data akan masuk.

Apabila semua data sudah diisi maka langkah selanjutnya adalah menekan tombol “SUBMIT”, dan akan muncul info “Thanks for visiting us”.

(22)

Dengan demikian data guestbook akan masuk ke dalam database. Untuk melihat hasilnya klik tulisan “Back to Guestbook”.

5.1.8. Halaman Membership

Pada halaman ini akan ditampilkan form untuk mengisi data pengunjung yang belum terdaftar sebagai anggota untuk melakukan order. Form pengisian data tersebut dapat dilihat seperti pada Gambar 5.24.

Gambar 5.24. Form untuk Membership

Semua data harus diisi, karena apabila ada yang tidak tersisi maka akan muncul pesan seperti pada Gambar 5.25.

(23)

Gambar 5.25. Pesan jika tidak mengisi semua data

Apabila semua data sudah diisi dengan lengkap maka akan muncul pesan seperti pada Gambar 5.26.

Gambar 5.26. Pesan jika sudah mengisi data membership

(24)

Selain pengujian terhadap web umum, maka dilakukan juga pengujian terhadap web administrator yang terdiri dari beberapa menu utama untuk memanajemen database.

Gambar 5.27. Halaman Login (Login.php)

Halaman ini menampilkan login sebagai syarat yang harus dilakukan administrator sebelum memasuki menu utama untuk administrator, seperti pada Gambar 5.27. Pada bagian ini, administrator harus memasukkan username dan password yang benar. Apabila username atau password salah, maka akan muncul pesan seperti Gambar 5.28. berikut ini:

(25)

Gambar 5.28. Pesan jika password atau username salah

Apabila username dan password benar, maka akan muncul ucapan selamat datang kepada administrator sesuai dengan username yang dimasukkan dan akan muncul menu utama seperti pada Gambar 5.29.

(26)

Gambar 5.29. Administrator Menu (menu.php)

5.2.1. Halaman Add New Product

Untuk masuk ke dalam halaman ini, maka pada bagian administrator menu diklik tulisan “Add New Product”. Hal ini juga berlaku bagi menu yang lainnya, jadi untuk masuk ke suatu menu dilakukan dengan mengklik tulisan menu yang diinginkan. Tampilan dari halaman ini dapat dilihat pada Gambar 5.30.

(27)

Gambar 5.30. Halaman Add New Product (add_new_product.php)

Admin harus memasukkan semua data, karena apabila ada data yang tidak diisi, maka akan muncul pesan seperti pada Gambar 5.31.

(28)

Gambar 5.23. Halaman Add New Product-Pesan peringatan untuk mengisi semua data (add_new_product.php)

Apabila data sudah dimasukkan maka diklik button “SUBMIT” sehingga muncul pesan seperti Gambar 5.24.

(29)

Gambar 5.32. Halaman Add New Product-Pesan peringatan untuk kode produk yang sama (add_new_product.php)

5.2.2. Halaman Edit Product

Halaman ini menyediakan fasilitas untuk mengedit data. Ketika memsauki menu ini untuk pertama kali maka akan muncul form untuk memilih jenis produk, selanjutnya akan muncul data produk Seperti pada Gambar 5.33.

(30)

Gambar 5.33. Halaman Edit Delete Product (edit_delete_product2.php)

Setelah mengklik tulisan “EDIT”, maka di layar akan muncul data sesuai dengan nama produk yang sudah dipilih. Pada bagian ini, administrator dapat melakukan pengeditan produk sesuai kebutuhan, kemudian mengklik

“SUBMIT” atau kalau ada kesalahan dalam memasukkan data maka administrator dapat mengklik “RESET”. Tampilan bagian ini dapat dilihat pada Gambar 5.34.

(31)

Gambar 5.34. Edit Product – Form edit product (edit_product.php)

Setelah mengklik “SUBMIT” akan muncul pesan “Data nama product sudah diedit”.

5.2.3. Halaman Delete Product

Pada halaman ini langkah yang dilakukan sama dengan halaman edit product, perbedaannya yaitu yang diklik adalah tulisan “DELETE” maka akan muncul di layar seperti Gambar 5.35. Kemudian untuk menghapus data produk tersebut, maka dilakukan dengan mengklik “DELETE”, dan selanjutnya pada layar akan muncul pesan bahwa data product sudah dihapus.

(32)

Gambar 5.35. Halaman Delete Product (delete_product.php)

Setelah mengklik “DELETE” maka akan muncul pesan seperti pada Gambar 5.36.

(33)

Gambar 5.36. Pesan untuk meyakinkan Delete Product

5.2.4. Halaman Delete Order

Sebagai awal untuk menghapus order, maka terlebih dahulu ditampilkan data order seperti pada Gambar 5.37.

Gambar 5.37. Halaman Delete Order (delete_order1.php)

(34)

Ketika mengklik tulisan “DELETE” maka akan ditampilkan kembali data lengkap dari order yang akan dihapus seperti pada Gambar 5.38. Kemudian untuk menghapus dilakukan dengan megklik button “DELETE”.

Gambar 5.38. Halaman Delete Order (delete_order2.php)

Setelah mengklik “DELETE” maka akan muncul pesan seperti pada Gambar 5.36.

5.2.5. Halaman Add News

Halaman ini menyediakan fasilitas untuk menambah berita baru. Oleh sebab itu ketika masuk ke halaman ini, maka akan ditampilkan form pengisian berita baru. Form tersebut dapat dilihat seperti pada Gambar 5.39.

(35)

Gambar 5.39. Halaman Add News (add_news.php)

Administrator memasukkan judul berita dan isi berita, sedangkan tanggal dan waktu pemasukan berita akan masuk ke dalam database, tanpa perlu dimasukkan lagi dalam form ini. Setelah memasukkan data berita, maka diklik

“Masukkan Berita”, kemudian akan muncul pesan “Berita sudah masuk”.

5.2.6. Halaman Edit News

Terjadinya kesalahan penulisan judul berita maupun isi berita bisa saja terjadi, karena itu dibutuhkan fasilitas yang dapat mengubah judul dan isi berita yang sudah dimasukkan. Untuk mengatasi hal ini, maka dibuat menu edit news yang tampilan seperti Gambar 5.40. Sebagai halaman awal untuk edit news ini, ditampilkan judul-judul berita, shingga akan memudahkan administrator dengan mengklik judul berita untuk melakukan pengeditan.

(36)

Gambar 5.40. Halaman Edit News (edit_news.php)

Setelah mengklik salah satu judul berita, misalnya “Info Produk”, maka di layar akan muncul tampilan data berita yang terdiri dari judul dan isi berita seperti yang dilihat pada Gambar 5.41.

Gambar 5.41. Halaman Edit News – Form mengedit berita (edit_news.php)

(37)

Setelah melakukan pengeditan, maka langkah selanjutnya adalah mengklik button “Edit Berita”. Kemudian di layar akan muncul pesan “Pengeditan berita sudah dimasukkan”.

5.2.7. Halaman Delete News

Jika berita yang ditampilkan di web sudah lewat waktunya, maka berita tersebut perlu dihapus. Dalam melakukan penghapusan berita ini, maka akan ditampilkan halaman pada menu delete news berupa judul-judul berita seperti pada Gambar 5.42.

Gambar 5.42. Halaman Delete News (delete_news.php)

Untuk melakukan penghapusan pada berita, maka diklik judul berita yang akan dihapus, maka selanjutnya pada layar akan muncul pesan seperti pada Gambar 5.36.

(38)

5.2.8. Halaman Add Job Vacancies

Pada halaman ini administrator dapat menambahkan jenis lowongan baru yang dibutuhkan oleh perusahaan. Data yang diisi dalam penambahan lowongan ini berupa judul lowongan (jenis pekerjaan yang dibutuhkan), syarat- syarat lowongan dan batas waktu lowongan tersebut. Setelah memasukkan semua data, maka selanjutnya mengklik button “SUBMIT” lalu akan muncul pesan bahwa lowongan sudah masuk. Halaman ini dapat dilihat pada Gambar 5.43.

Gambar 5.43. Halaman Add Job Vacancies (add_job_vacancies.php)

5.2.9. Halaman Edit Job Vacancies

Kesalahan dalam memasukkan data maupun adanya perubahan data dapat terjadi. Oleh sebab itu dibutuhkan fasilitas yang dapat melakukan pengeditan terhadap data yang sudah masuk ke dalam database. Halaman edit lowongan menyediakan fasilitas tersebut, dimana akan ditampilkan judul lowongan, sehingga administrator dapat memilih lowongan apa yang akan diedit.

Untuk lebih jelasnya dapat dilihat pada Gambar 5.44.

(39)

Gambar 5.44. Halaman Edit Job Vacancies (edit_job_vacancies.php)

Setelah mengklik judul lowongan, maka pada layar akan muncul form untuk mengedit lowongan seperti Gambar 5.45. Pada form tersebut administrator dapat langsung mengedit data sesuai dengan kebutuhan dan kemudian mengklik button “SUBMIT”. Apabila button “SUBMIT” sudah diklik maka akan muncul pesan bahwa Pengeditan Lowongan sudah dimasukkan. Dengan demikian data yang sudah diedit tersebut juga sudah masuk ke dalam database.

(40)

Gambar 5.45. Halaman Edit Job Vacancies –Form pengeditan data (edit_job_vacancies.php)

5.2.10. Halaman Delete Job Vacancies

Halaman delete job vacancies digunakan untuk menghapus data lowongan. Penghapusan data lowongan dilakukan apabila batas lowongan tersebut sudah habis atau lowongan tersebut sudah dipenuhi. Halaman yang muncul untuk melakukan delete lowongan dapat dilihat pada Gambar 5.46. Halaman awal untuk menghapus lowongan sama seperti pada Gambar 5.44, dimana akan ditampilkan judul lowongan, dan kemudian administrator dapat langsung mengklik judul lowongan untuk menampilkan data lowongan yang dipilih, maka pada layar akan muncul data lowongan seperti pada Gambar 5.46. Apabila akan menghapus data, maka diklik button “DELETE” setelah itu di layar akan muncul pesan bahwa lowongan sudah dihapus.

(41)

Gambar 5.46. Halaman Delete Job Vacancies (delete_job_vacancies.php)

Setelah mengklik “DELETE” maka sama seperti proses delete yang lain juga akan muncul pesan untuk meyakinkan mengenai penghapusan data.

5.2.11. Halaman Add New Topic

Halaman add new topic ini digunakan untuk menambah topik baru dalam diskusi. Sebagai halaman awal, maka ditampilkan juga judul-judul topik yang sudah ada, sehingga administrator tidak membuat judul topik baru yang sudah ada. Untuk lebih jelasnya dapat dilihat pada Gambar 5.47. Pada Gambar tersebut administrator dapat menambah topik baru dengan mengklik tulisan

“CREATE NEW TOPIC”, kemudian akan tampil form untuk pembuatan topik baru oleh adminstrator, seperti Gambar 5.48. Pada Gambar 5.48, setelah memasukkan data, maka diklik button “MASUKKAN TOPIK BARU”.

(42)

Gambar 5.47. Halaman Add New Topic (add_new_topic1.php)

Gambar 5.48. Halaman Add New Topic (add_new_topic2.php)

(43)

5.2.12. Halaman Delete Topic

Halaman ini digunakan untuk menghapus apabila ada topik yang sudah tidak didiskusikan lagi. Penghapusan topik sama dengan penghapusan berita dan lowongan yaitu dengan langsung mengklik judul topik. Tampilan halaman ini dapat dilihat pada Gambar 5.49.

Gambar 5.49. Halaman Delete Topic (delete_topic.php)

5.2.13. Halaman Answer Question

Halaman ini digunakan oleh administrator untuk menjawab diskusi yang membutuhkan jawaban dari administrator. Pada halaman ini ditampilkan judul topik berita, yang kemudian akan dipilih untuk dijawab. Untuk lebih jelasnya dapat dilihat pada Gambar 5.50. Setelah mengklik topik yang akan dijawab, maka di layar akan muncul seperti Gambar 5.50.

(44)

Gambar 5.50. Halaman Answer Question (answer_question1.php)

(45)

Pada Gambar 5.51. tersebut ditampilkan hasil diskusi dari beberapa pengunjung. Untuk menjawab diskusi tersebut, maka administrator mengklik

(46)

“REPLY”, sehingga akan muncul form untuk menuliskan jawaban kepada pengunjung yang ikut berdiskusi. Untuk lebih jelasnya dapat dilihat seperti Gambar 5.52.

Setelah administrator mengisi jawaban, maka selanjutnya mengklik

“KIRIM PESAN” untuk memasukkan jawaban dari administrator tersebut ke dalam database.

5.2.14. Halaman Delete Guestbook

Halaman ini digunakan untuk menghapus komentar pengunjung yang kemungkinan tidak baik, yang ada dalam guestbook. Sebagai halaman awal, akan ditampilkan data dari guestbook, seperti pada Gambar 5.53.

(47)

Gambar 5.53. Halaman Delete Guestbook (delete_guestbook1.php)

Untuk menghapus data tersebut, maka dilakukan dengan mengklik tulisan “DELETE”, kemudian proses selanjutnya sama seperti menu delete lainnya.

5.2.15. Halaman Add Admin

Pada halaman ini administrator dapat melakukan penambahan data administrator baru. Hal ini dilakukan karena kemungkinan adanya lebih dari satu administrator yang melakukan manajemen terhadap web. Halaman add admin ini dapat dilihat seperti Gambar 5.54. Pada halaman tersebut ditampilkan administrator yang ada kemudian dapat ditambahkan melalui form yang tersedia dengan mengisi username dan password, lalu mengklik button “Masukkan Admin Baru”. Apabila sudah dilakukan pengisian, maka akan muncul pesan

“Administrator baru sudah masuk” sehingga daftar administrator pada halaman

(48)

tersebut juga akan memunculkan username administrator baru, seperti pada Gambar 5.55.

Gambar 5.55. Halaman Add Admin – Pengisian admin baru (add_admin.php)

(49)

Gambar 5.56. Halaman Add Admin–Hasil pengisian admin baru (add_admin.php)

5.2.16. Halaman Change Password

Pada halaman ini administrator dapat mengganti passwordnya. Untuk itu administrator harus mengisikan username dan password lamanya, serta memasukkan dua kali password baru, seperti Gambar 5.56.

(50)

Gambar 5.57. Halaman Change Password (change_passwd.php)

Apabila old password yang dimasukkan tidak sama dengan yang disimpan dalam database maka akan muncul pesan “Old Password salah !”. Jika new password tidak sama dengan repeat new password, maka akan muncul pesan

“new password dan repeat new password tidak sama”. Jika password baru sudah dimasukkan dan tidak ada kesalahan, maka administrator dapat mengklik button

“SUBMIT”, sehingga di layar akan muncul pesan “Password username sudah diganti”.

(51)

1. Jenis/Tipe TA (Skripsi) : Tugas Akhir

2. Judul TA: PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI PENJUALAN BERBASIS WEB DI PT. CASA FIERO

3. NRP : 26400147 4. Nama : Arni Mangiri 5. Dosen Pembimbing :

Pembimbing I :Ir. Djoni H. Setiabudi, MEng. NIP: 85009 Pembimbing II:Leo Willyanto, S. Kom. NIP: 03023 6. Tahun Lulus TA : 2004

(52)

JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS KRISTEN PETRA

USULAN TUGAS AKHIR

Nama : Arni Mangiri

NRP : 26400147

Peminatan : Sistem Informasi

Judul Tugas Akhir : Perancangan dan Pembuatan Sistem Informasi Penjualan berbasis web di PT. Casa Fiero

Pembimbing I : Ir. Djoni H. Setiabudi, MEng.

Pembimbing II : Leo Willyanto, S. Kom.

Dilaksanakan : Semester Genap 2003/2004

Surabaya, 12 Desember 2003 Yang mengusulkan,

Arni Mangiri

Mengetahui:

Pembimbing I Pembimbing II

Ir. Djoni H. Setiabudi, MEng. Leo Willyanto, S. Kom

Koordinator Tugas Akhir

Silvia Rostianingsih, S. Kom.

(53)

1. Judul Tugas Akhir

Perancangan dan Pembuatan Sistem Informasi Penjualan berbasis web di PT.

Casa Fiero.

2. Latar Belakang Masalah

PT. Casa Fiero yang berdiri pada tahun 2001 adalah sebuah perusahaan yang bergerak di bidang produksi keramik, dan shower serta sebagai supplier jenis keramik tertentu. Perusahaan ini melakukan kegiatan pemasarannya di seluruh wilayah Indonesia. Selain itu juga dilakukan kerjasama dengan perusahaan dari luar negeri yang menyuplai beberapa jenis keramik tertentu.

Kegiatan di perusahaan ini dibagi menjadi dua bagian yaitu di pabrik dan showroom. Bagian pabrik akan melakukan produksi yang didasarkan pada jumlah pesanan yang dilakukan oleh customer. Oleh sebab itu sangat perlu adanya informasi yang jelas dan cepat mengenai barang-barang pesanan customer sehingga bagian pabrik dapat melakukan pekerjaannya dengan cepat dan sesuai dengan permintaan customer.

Kenyataan selama ini PT. Casa Fiero belum mempunyai situs sehingga informasi yang didapatkan juga belum seperti yang diharapkan. Dengan semakin berkembangnya teknologi dan arus informasi, maka PT. Casa Fiero juga membutuhkan suatu sarana informasi yang berbasis teknologi yang dapat memenuhi kebutuhan perusahaan, khususnya dalam hubungan dengan perusahaan supplier di luar negeri, cabang-cabang di beberapa daerah dan juga dengan customer.

Melalui Tugas Akhir akan dibuat situs yang dapat memberikan informasi sesuai dengan kebutuhan perusahaan serta memperkenalkan perusahaan yang sedang mengembangkan usahanya ini. Selain itu juga sebagai sumber informasi baik bagi customer, cabang-cabang maupun perusahaan lain yang melakukan kerjasama dengan PT. Casa Fiero. Melalui situs ini juga akan dibuat sistem order

(54)

secara online sehingga lebih memudahkan bagi customer dalam memesan barang dan juga bagi departemen produksi dalam melakukan produksi barang dalam waktu yang cepat dan sesuai dengan permintaan.

3. Perumusan Masalah dan Ruang Lingkup

Melalui kenyataan yang ada selama ini bahwa PT. Casa Fiero belum memiliki situs yang seharusnya dimiliki oleh perusahaan dalam mengembangkan usahanya, maka dibuat situs yang dapat menunjang tidak hanya informasi tetapi juga relasi dengan customer baik dalam hal komunikasi maupun pemesanan barang.

Adapun masalah yang selama ini dihadapi yaitu:

• Kegiatan promosi yang dilakukan belum meluas, karena hanya terbatas pada brosur-brosur yang diberikan pada toko-toko sebagai customer, melalui sales yang mempromosikan barang ke toko-toko, dan melalui pameran.

• Sistem komputerisasi masih sederhana, dimana untuk mengetahui stok barang hanya menggunakan program excel dan proses pengurangan dan penjumlahan barang dilakukan secara manual tiap hari.

• Kalau ada order dari customer maka bagian showroom akan menyampaikan berapa jumlah barang yang dibutuhkan melalui e-mail atau telepon (handphone). Tetapi yang paling sering digunakan adalah telepon (handphone) karena dianggap lebih cepat. Hal ini menambah banyak biaya yaitu biaya telepon.

• Relasi dengan customer belum berjalan dengan baik, karena pemberian informasi bagi customer tidak cepat sebab sistem informasinya hanya melalui telepon ke masing- masing customer dan mengakibatkan penggunaan waktu yang tidak efektif.

• Informasi ke cabang-cabang masih melalui telepon, sehingga arus produk- produk yang dibutuhkan oleh cabang dari pusat kurang lancar, termasuk informasi mengenai produk baru yang akan dipasarkan di cabang-cabang.

(55)

Ruang lingkup Tugas Ak hir ini dibatasi pada:

• Informasi mengenai profil perusahaan, yang terdiri dari : - Sejarah Perusahaan

- Visi Misi Perusahaan

- Cabang-cabang Perusahaan ( Lokasi, dan produk-produk yang tersedia di tiap cabang, serta informasi lain di tiap-tiap cabang)

• Informasi mengenai produk-produk yang tersedia, yang terdiri dari : - Jenis-jenis produk

- Gambar/desain produk

- Ukuran masing- masing produk

• Sistem penjualan melalui order yang dapat dilakukan secara online oleh pengunjung web.

• Laporan penjualan secara online.

• Informasi tentang kegiatan perusahaan, yang terdiri dari :

- Informasi kegiatan-kegiatan yang penting yang sedang dilakukan.

- Lowongan pekerjaan yang tersedia.

• Customer Relationship Management:

- Forum Diskusi dan tanya jawab tentang produk-produk yang dipasarkan,dan juga tentang masalah atau hal- hal lain yang berhubungan dengan perusahaan.

• Buku Tamu untuk mengetahui jumlah pengunjung situs dan juga komentar- komentar terhadap situs yang dikunjungi.

• Pengolahan mengenai informasi yang diterima ke dalam database melalui sistem administrator berbasis web, agar berguna bagi informasi perusahaan maupun bagi pihak lain yang membuka situs PT. Casa Fiero.

Software untuk database yang digunakan adalah My SQL, sedangkan untuk desainnya menggunakan Macromedia Dreamweaver MX, dan menggunakan script PHP.

(56)

4. Tujuan Tugas Akhir

Tujuan Tugas Akhir ini adalah untuk membuat situs yang tidak hanya sebagai penyedia informasi tetapi juga menjadi sarana pendukung pemasaran yang dilakukan oleh PT. Casa Fiero yaitu melalui order yang dilakukan secara online, serta menjadi bahan masukan bagi perusahaan melalui interaksi yang dilakukan dengan customer dan pihak-pihak lain dalam situs ini. Diharapkan situs ini berguna bagi semua divisi dalam perusahaan, cabang-cabang perusahaan yang ada di beberapa wilayah di Indonesia, perusahaan supplier di luar negeri, dan khususnya customer yang selalu ingin memperoleh informasi dan pelayanan yang cepat.

5. Tinjauan Pustaka

PT. Casa Fiero yang terletak di Jalan Raya Bukit Darmo Golf No. 1 Kavling B dan C selama ini menyebarkan informasi mengenai produk-produk mereka melalui brosur, sales, dan pameran. Mengenai produksi keramik ini, disesuaikan dengan order dari customer yang diberikan ke bagian marketing kemudian informasi mengenai keramik yang diorder tersebut dikirim ke pabrik melalui email atau telepon(handphone). Untuk mengetahui stock barang, selalu dilakukan melalui komputer, tetapi prosesnya secara manual setiap hari sesuai dengan arus barang.

Cabang-cabang perusahaan ini, juga membutuhkan informasi yang cepat dari pusat yaitu PT. Casa Fiero. Informasi yang dijalankan selama ini belum memenuhi kebutuhan di cabang-cabang, karena melalui telepon atau surat, yang kadang-kadang tidak jelas dan mendetail, apalagi mengenai produk-produk baru yang harus disertakan dengan jenis, gambar, ukuran, dan lain- lain.

Melalui situs yang dibuat dalam Tugas Akhir ini, diharapkan dapat menjadi sistem yang memberikan informasi dengan lebih cepat dan efektif bagi yang membutuhkan khususnya cabang-cabang, customer, dan divisi-divisi dalam perusahaan.

(57)

6. Metodologi Penelitian

Langkah- langkah yang dilakukan dalam mengerjakan Tugas Akhir ini:

6.1. Studi Literatur

- Teori pengolahan informasi melalui database dengan menggunakan MySQL.

- Teori pemrograman web dengan PHP

- Teori desain web dengan Macromedia Dreamweaver MX - Teori Customer Relationship Management

6.2. Pengumpulan Data

- melakukan wawancara dengan departemen HRD, departemen Desain dan Direktur untuk mengetahui hal-hal yang ingin ditampilkan oleh perusahaan dalam situs ini.

- melakukan pengamatan dan mencermati cara kerja di PT. Casa Fiero.

6.3. Perancangan dan Pembuatan Program - desain database

- desain tampilan situs - implementasi desain

6.4. Pengujian dan Analisa perangkat lunak

- menguji kemampuan situs untuk mengolah informasi yang didapatkan dari setiap pengunjung.

- analisa hasil output situs apakah bersifat komunikatif dan mudah dimengerti oleh pengunjung.

6.5 Pengambilan Kesimpulan

Kesimpulan diambil setelah melakukan pengujian program di lapangan.

Apabila masih terdapat beberapa masalah maka akan dilakukan perbaikan sehingga situs ini lebih bermanfaat.

7. Relevansi

Melalui situs ini diharapkan bisa memberikan informasi mengenai PT.

Casa Fiero beserta dengan produk-produknya bagi pengunjung dan juga sebagai sumber informasi bagi perusahaan dalam menjalankan usahanya. Manfaat dari

(58)

situs ini akan dirasakan oleh customer yang selalu membuthukan informasi, maupun oleh perusahaan khususnya bagian pemasaran yang dapat meningkatkan order barang melalui situs ini.

8. Jadwal Kegiatan

Pebruari Maret April Mei Juni

KEGIATAN

I II III IV I II III IV I II III IV I II III IV I II III IV