BAB 4 IMPLEMENTASI DAN EVALUASI

dokumen-dokumen yang mirip
BAB 4 IMPLEMENTASI DAN EVALUASI. Pengadilan Pajak secara umum merupakan alat untuk membantu kegiatan

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB IV IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI. harus disediakan server, perangkat lunak (software), perangkat keras (hardware)

BAB 4 IMPLEMENTASI DAN EVALUASI Sumber Daya yang Dibutuhkan Kebutuhan Perangkat Keras. b. Hardisk minimum 80GB. c. Memory 512MB.

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB IV HASIL DAN UJI COBA

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa

Bab 4. Hasil dan Pembahasan

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN. lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut.

BAB 4 IMPLEMENTASI DAN EVALUASI HASIL Kebutuhan Sistem Hardware dan Software Spesifikasi Perangkat Keras (Hardware)

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB V PEMBAHASAN DAN IMPLEMENTASI

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB IV HASIL RANCANGAN

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB V IMPLEMENTASI DAN PEMBAHASAN. perpustakaan MTs. An Nuriyah Gresik dibutuhkan : 1. Sistem Operasi Microsoft Windows XP Profesional

Gambar 4.75 Layar mengedit event

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

BAB V IMPLEMENTASI DAN PEMBAHASAN

BAB 4 IMPLEMENTASI DAN EVALUASI. a. Spesifikasi piranti keras pada local server: Processor : Intel Pentium IV 1.8 Ghz

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB V IMPLEMENTASI DAN PEMBAHASAN

BAB 4 IMPLEMENTASI DAN EVALUASI Spesifikasi Perangkat Keras untuk Server: : Intel Core 2. 1 Ghz. : 1024 MB 133 Mhz

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN PEMBAHASAN

Prosedur Menjalankan Program / Alat

BAB 4 IMPLEMENTASI DAN EVALUASI. Untuk mengiplementasikan aplikasi e-library ini, terlebih dahulu harus disediakan

BAB IV HASIL DAN UJI COBA

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM. Lunak, Implementasi Perangkat Keras, Implementasi Basis Data, Implementasi

Gambar Rancangan Layar Halaman Kuis Guru (Langkah Dua)

BAB IV IMPLEMENTASI DAN EVALUASI. Sebelum melakukan implementasi dan menjalankan sistem E-Auction pada

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN EVALUASI. membantu untuk lebih memahami jalannya aplikasi ini. Sistem atau aplikasi dapat

BAB IV IMPLEMENTASI DAN PENGUJIAN. selanjutnya yaitu tahap implementasi. Pada bab ini akan dibahas mengenai

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 HASIL DAN PEMBAHASAN

BAB IV HASIL DAN PEMBAHASAN

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI. oleh siswa-siswi kelas 1 SMU sebagai user. Sedangkan guru bertindak sebagai

BAB IV HASIL DAN UJI COBA

BAB 4 IMPLEMENTASI DAN EVALUASI. telah di identifikasi pada bab 3, saatnya untuk melakukan implementasi dan Kebutuhan Sumberdaya Aplikasi

BAB 4 IMPLEMENTASI DAN EVALUASI. dengan perangkat keras dan perangkat lunak. Berikut adalah spesifikasi

BAB V IMPLEMENTASI SISTEM

BAB 4 IMPLEMENTASI DAN EVALUASI. Perangkat keras yang digunakan untuk membuat aplikasi ini yaitu: 1. Processor Intel(R) Core(TM) Duo 2.

BAB V IMPLEMENTASI DAN PEMBAHASAN. pada SMA Negeri 15 Surabaya. Penjelasan yang diberikan yaitu mengenai

INSTALASI WEB SERVER PADA MICROSOFT WINDOWS

BAB V PENGUJIAN SISTEM DAN IMPLEMENTASI. komponen sistem yang diimplementasikan dan mengetahui kelemahan dari

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam ilmu komputer, implementasi menjadi tahap realisasi dari spesifikasi

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB 4 IMPLEMENTASI DAN EVALUASI. Spesifikasi perangkat keras dan perangkat lunak yang digunakan baik oleh user

BAB 4 IMPLEMENTASI DAN EVALUASI. Pelaksanaan implementasi sistem bank soal pada Binus School Serpong. melibatkan beberapa elemen utama, yaitu:

BAB 4 IMPLEMENTASI DAN EVALUASI. Penerapan aspek Teknologi Informasi dalam bentuk sebuah website merupakan

BAB 4 IMPLEMENTASI DAN EVALUASI. yang akan didistribusikan kedalam jaringan client-server. Pada bagian client terdapat

BAB 4 IMPLEMENTASI DAN EVALUASI Kebutuhan Pengembangan Sistem. mengembangkan sistem pemesanan berbasis web ini terdiri atas kebutuhan

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN PENGUJIAN

BAB 4 IMPLEMENTASI DAN EVALUASI. dapat membantu mempermudah perusahaan mitra bisnis dan pencari kerja ( client ) PT.

BAB IV IMPLEMENTASI DAN EVALUASI. perangkat lunak (software) lain dan perangkat keras (hardware) tertentu. Berikut ini

BAB IV HASIL DAN PEMBAHASAN. Setelah melalui proses perancangan dan pengkodean program, maka

BAB 4 HASIL DAN PEMBAHASAN

BAB 4 IMPLEMENTASI DAN EVALUASI. Tabel 4.1 Tabel Rincian Timeline Implementasi Sistem

BAB V PENGUJIAN DAN IMPLEMENTASI SISTEM

BAB 3 PERANCANGAN SISTEM. 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8

PEMBUATAN WEBSITE INFORMASI MUSEUM DI JAKARTA DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER 8, PHP DAN MYSQL

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB IV HASIL DAN PEMBAHASAN

BAB 4 IMPLEMENTASI DAN EVALUASI. spesifikasi sistem. Dimana spesifikasi sistem tersebut mencakup spesifikasi

BAB IV PEMBAHASAN. grafik dengan menggunakan diagram relasi entitas (ERD). Diagaram relasi entitas

BAB IV HASIL DAN PEMBAHASAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN EVALUASI

BAB IV IMPLEMENTASI DAN PENGUJIAN

Bab 4 Implementasi dan Evaluasi

BAB IV IMPLEMENTASI & EVALUASI. spesifikasi tersebut mencakup piranti keras dan piranti lunak KEBUTUHAN SUMBER DAYA PIRANTI LUNAK

BAB V IMPLEMENTASI DAN PENGUJIAN

BAB 4 IMPLEMENTASI DAN EVALUASI. Sistem yang telah dianalisis dan dirancang akan digunakan sebagai alat bantu

BAB IV HASIL DAN PEMBAHASAN

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN EVALUASI. berdasarkan kebutuhan TJ Construction & Engineering pada Bagian Pengadaan.

BAB 4 IMPLEMENTASI DAN EVALUASI. yang dapat menunjang berjalannya sistem agar berjalan secara optimal. Dimana

SCYLLA-Pro Software Release SCLPRO PETUNJUK INSTALASI

BAB IV HASIL RANCANGAN Hardware 1. Processor : Intel Dual Core CPU 2.0GHz 2. Memory (RAM) : 1 GB 3. Hardisk : 80 GB

BAB 4 IMPLEMENTASI DAN EVALUASI. lunak dan personil yang dibutuhkan serta jadwal implementasi sistem tersebut.

BAB IV IMPLEMENTASI DAN EVALUASI. rupa sehingga dapat memudahkan pengguna untuk menggunakan aplikasi

BAB IV HASIL DAN PEMBAHASAN

Bab IV. Implementasi dan Evaluasi. sebagai bahan untuk melakukan presentasi kepada para pelanggan baru.

6. Jika langkah di atas dijalankan dengan benar, user akan masuk ke halaman login seperti gambar di bawah

Netopschool Version Netopschool Version Kemudahan Software Netopschool Version 3.02

BAB IV IMPLEMENTASI SISTEM. analisis dan perancangan dijadikan acuan dalam pembuatan kode program. Pada

BAB IV IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI. Pada bagian implemenatasi ini, akan dijelaskana mengenai rencana Kebutuhan Sumber Daya Aplikasi

BAB 4 IMPLEMENTASI DAN EVALUASI Perangkat keras yang di butuhkan. optimal pada server dan client sebagai berikut.

BAB 4 PERANCANGAN SISTEM

BAB IV HASIL DAN UJI COBA

Transkripsi:

BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Gambaran Umum Sistem aplikasi penjualan barang dan jasa berbasis web pada PT Media Stella Tata Mandiri secara umum merupakan alat untuk membantu kegiatan penjualan barang yang dilakukan secara khusus di lingkungan PT Media Stella Tata Mandiri, diharapkan dengan adanya sistem penjualan ini berjalan maka segala permasalahan yang timbul sebelum adanya aplikasi ini dapat teratasi dengan baik sehingga apa yang menjadi visi dan misi dari PT Media Stella Tata Mandiri dapat tercapai dengan maksimal. 4.2 Sistem Komputer Adapun spesifikasi minimal perangkat keras (hardware) dan perangkat lunak (software) untuk menjalankan sistem aplikasi penjualan barang berbasis web pada PT Media Stella Tata Mandiri adalah sebagai berikut: Untuk user Administrator, pimpinan, pengunjung web, dan rekanan sistem komputer minimal yang harus dipenuhi adalah sebagai berikut: 1. Processor Pentium IV 1.8 Ghz atau setara 2. Memory 512 MB 3. Harddisk 20 GB 5400 Rpm 4. Monitor 14 126

127 5. Keyboard 6. Mouse 7. Microsoft Windows 2000 / NT / XP/Vista/7 8. Web Browser seperti : Internet Explorer 6, Mozilla Firefoz, Opera, atau diatasnya Spesifikasi minimal komputer yang digunakan untuk web server dari sistem aplikasi penjualan barang pada PT Media Stella Tata Mandiri adalah sebagai berikut: 1. Processor Intel Core 2 Duo atau setara 2. Memory 2 GB 3. Harddisk 80 GB 5400 Rpm 4. Monitor 14 5. Keyboard 6. Mouse 7. Windows 2000 server 8. Adobe Macromedia Dreamweaver MX 2004 9. Web Browser seperti : Internet Explorer 6, Mozilla Firefoz, Opera, atau diatasnya

128 Sedangkan spesifikasi minimal komputer yang digunakan untuk database server dari sistem aplikasi penjualan barang pada PT Media Stella Tata Mandiri adalah sebagai berikut: 1. Processor Intel Core 2 Duo atau setara 2. Memory 2 GB 3. Harddisk 120 GB 5400 Rpm 4. Harddisk Backup 120 GB 5400 Rpm 5. Keyboard 6. Mouse 7. Windows 2000 server 8. XAM PP 9. Web Browser seperti : Internet Explorer 6, Mozilla Firefoz, Opera, atau diatasnya Sistem pembuatan aplikasi penjualan barang berbasis web pada PT Media Stella Tata Mandiri menggunakan beberapa program yaitu: 1. Adobe Macromedia Dreamweaver MX 2004 2. Adobe Photoshop CS 2 3. XAM PP 4. MySQL 5. Web Browser

129 4.2.1 Topologi Jaringan Gambar 4.1 Topologi jaringan 4.2.2 Cara Instalasi Aplikasi Instalasi aplikasi analisis dan perancangan sistem informasi penjualan barang berbasis web di PT Media Stella Tata Mandiri. 4.2.2.1 Install Adobe Macromedia Dreamweaver MX 2004 1. Masukkan CD Dreamweaver MX 2004 ke CD ROM. 2. Autorun Instalasi Dreamweaver memulai untuk mengekstrak file setup di direktori temp.

130 Gambar 4.2 Gambar Instalasi Dreamweaver 1 3. Setelah mengekstrak semua file konfigurasi, Dreamweaver dimulai. Gambar 4.3 Gambar Instalasi Dreamweaver 2 4. Klik Next untuk melanjutkan ke perjanjian lisensi 5. Klik Yes pada kesepakatan untuk melanjutkan. 6. Pada layar berikutnya ketik dalam First dan Last Name, Organisasi dan nomor Serial disediakan bagi Anda dalam Paket Dreamweaver.

131 Gambar 4.4 Gambar Instalasi Dreamweaver 3 7. Dreamweaver akan memverifikasi Informasi dan nomor seri. Jika nomor serial benar maka akan menampilkan tanda centang. Jika tidak benar maka Dreamweaver setup akan meminta Anda untuk memasukkan kembali nomor seri. 8. Dreamweaver akan meminta Anda untuk menginstal MDAC server 2.5. Tekan OK untuk melanjutkan.. Anda memerlukan server untuk menjalankan MDAC server pada komponen tertentu. Anda dapat menemukan server MDAC pada situs Web Microsoft. 9. Dreamweaver akan menanyakan tujuan pada hard drive anda untuk menginstal perangkat lunak.

132 Gambar 4.5 Gambar Instalasi Dreamweaver 4 10. Klik Next untuk melanjutkan. 11. Pilih komponen scripting ingin anda instal. Secara default semua dicentang. Anda dapat membuat pilihan dengan centang beberapa. Tapi lebih baik untuk meninggalkan layar ini seperti apa adanya dan klik Next untuk melanjutkan. Gambar 4.6 Gambar Instalasi Dreamweaver 5

133 12. Selanjutnya, Dreamweaver akan meringkas informasi yang ditentukan oleh Anda sampai sekarang. Click on Next to proceed. Klik Next untuk melanjutkan. 13. Ketika semua file telah terinstal, Dreamweaver kemudian akan meminta Anda untuk Klik pada tombol Finish untuk menutup setup sebagai semua file perangkat lunak yang sudah diinstal di sistem anda. Gambar 4.7 Gambar Instalasi Dreamweaver 6

134 4.2.2.2 Install XAMPP 1.6.2 win 32(Basic Package) 1. Dobel klik setup.exe. 2. Pilih Bahasa yang akan digunakan Gambar 4.8 Gambar Instalasi XAMPP 1 3. Klik Next untuk melanjutkan

135 Gambar 4.9 Gambar Instalasi XAMPP 2 4. Pilih tujuan instalasi pada hard drive anda untuk menginstal. Kemudian klik Next. Gambar 4.10 Gambar Instalasi XAMPP 3 5. Pilih Service yang mau diinstal. Disarankan mencentang semua pilihan yang ada. Kemudian klik Next

136 Gambar 4.11 Gambar Instalasi XAMPP 4 6. Biarkan proses instalasi berjalan. 7. Klik Finish yang menandakan XAMPP sukses diinstal

Gambar 4.12 Gambar Instalasi XAMPP 5 137

138 4.2.2.3 Install Adobe Photoshop 7.0 1. Untuk menginstal Adobe Photoshop7.0 Anda harus membuka Folder Adobe Photoshop 7.0 dan kemudian klik Adobe Setup. 2. Pilih bahasa. 3. Klik Instal Photoshop 7.0. 4. Menambahkan nama Anda atau nama panggilan ke kotak yang disediakan, kemudian buka folder anda Adobe Photoshop kunci gen ( tombol gen.exe ), dan menambahkan nomor seri ke dalam setup.anda akan melihat pesan: Peringatan: tidak menutup kunci keygen program, anda akan membutuhkannya nanti! 5. Ini adalah kunci generator untuk mendapatkan nomor seri! Jangan menutupnya dulu.kembali ke setup lapangan dan klik berikutnya.anda dapat melihat bagian lain dari instalasi muncul yang menyatakan Aktifkan Adobe Photoshop 6. Kunjungi aktivasi dan klik pada pilihan oleh telepon melalui sistem otomatis aktivasi perangkat lunak, kemudian tekan Aktifkan tombol.

139 7. Sekarang Anda harus kembali ke kunci gen dan menambahkan aktivasi dalam jumlah produk untuk menghasilkan kode Otorisasi Anda! 8. Anda meletakkan aktivasi nomor aktivasi nomor di lapangan dan kemudian klik. Otorisasi kode Anda sekarang akan muncul! Sekarang Anda menambahkan kode Otorisasi dan menyelesaikan instalasi produk Anda. 9. Input kode Otorisasi dan kemudian klik Aktifkan.Sekarang anda terinstal Adobe Photoshop, diaktifkan dan siap untuk digunakan!

140 4.2.2.4 Install Opera 9.5[Web Browser] 1. Double Klik Opera Setup. 2. Klik Start Setup 3. Pada halaman Opera Browser License Agreement pilih I Accept 4. Biarkan pilihan Radio Button pada Standard. Karena opsi ini akan menginstal Opera secara standard, kemudian klik Next 5. Klik Install 6. Biarkan proses instalasi sedang menginstal 7. Klik Finish jika sudah selesai menginstal

141 4.3 Rencana Implementasi Rencana awal implementasi dilakukan dengan memberikan pelatihan kepada para staff PT Media Stella Tata Mandiri tentang cara penggunaan dan semua fungsi yang terdapat pada aplikasi, yang kemudian dilanjutkan dengan melakukan pemasangan iklan pemberitahuan tentang aplikasi persediaan barang dan jasa berbasis web pada PT Media Stella Tata Mandiri kepada masyarakat luas secara umum dan khususnya kepada rekanan persediaan barang dan jasa yang pernah terdaftar di PT Media Stella Tata Mandiri. 4.4 Pelatihan Staff Pelatihan terhadap staff user yang akan menggunakan sistem penjualan barang pada PT Media Stella Tata Mandiri dilakukan terhadap staff-staff dibawah ini yaitu: 1. Staff Administrator Sistem 2. Kepala Sub 3. Kepala Bagian 4. Staff Teknisi 5. Staff

142 4.4.1 Staff Administrator Pelatihan terhadap Staff Administrator sistem yang perlu dilakukan adalah sebagai berikut: 1. Pengenalan tampilan awal pada website. 2. Tata cara login untuk masuk ke sistem. 3. Pengenalan lingkungan tampilan awal halaman aplikasi khusus Administrasi, dan menu-menu apa saja yang ada dan dapat diakses oleh Administrator. 4. Pelatihan tata cara memasukkan data staff baru dan peng-editan datadata staff yang sudah ada. 5. Pelatihan tata cara pembuatan berita seputar informasi yang disediakan oleh PT Media Stella Tata Mandiri. 6. Pelatihan tata cara memasukkan PIN kepada calon user, yang akan menggunakan sistem. 7. Pelatihan mengedit data-data user. 8. Pelatihan tata cara memasukkan dokumen-dokumen standar untuk pengunjung web. 9. Pelatihan mengubah nomor PIN 10. Tata cara keluar dari lingkungan sistem atau Logout 11. Pelatihan menu-menu lainnya yang disediakan untuk Administrasi.

143 4.4.2 Kepala Sub Bagian Pelatihan terhadap Kepala Sub Bagian sistem yang perlu dilakukan adalah sebagai berikut: 1. Pengenalan tampilan awal pada website. 2. Tata cara login untuk masuk ke sistem. 3. Pelatihan tata cara memasukkan PIN, yang akan menggunakan sistem. 4. Pelatihan mengedit data-data dan profile. 5. Pelatihan tata cara memasukkan dan melihat dokumen-dokumen standar untuk pengunjung web. 4.4.3 Staff Teknisi Pelatihan terhadap Staff Teknisi sistem yang perlu dilakukan adalah sebagai berikut: 1. Pengenalan tampilan awal pada website. 2. Tata cara login untuk masuk ke sistem. 3. Pelatihan tata cara memasukkan PIN, yang akan menggunakan sistem. 4. Pelatihan mengedit data-data dan profile. 5. Pelatihan tata cara memasukkan dan melihat dokumen-dokumen standar untuk pengunjung web. 6. Pelatihan mengubah nomor PIN 7. Tata cara keluar dari lingkungan sistem atau Logout

144 8. Pelatihan menu-menu lainnya yang disediakan untuk Administrasi. 4.4.4 Kepala Bagian Pelatihan terhadap Kepala Bagian, sistem yang perlu dilakukan adalah sebagai berikut: 1. Pengenalan tampilan awal pada website. 2. Tata cara login untuk masuk ke sistem. 3. Pelatihan tata cara memasukkan PIN, yang akan menggunakan sistem. 4. Pelatihan mengedit data-data dan profile. 5. Pelatihan tata cara memasukkan dan melihat dokumen-dokumen standar untuk pengunjung web. 4.4.5 Staff Pelatihan terhadap Staff, sistem yang perlu dilakukan adalah sebagai berikut: 1. Pengenalan tampilan awal pada website. 2. Tata cara login untuk masuk ke sistem. 3. Pelatihan tata cara memasukkan PIN, yang akan menggunakan sistem. 4. Pelatihan mengedit data-data dan profile. 5. Pelatihan tata cara memasukkan dan melihat dokumen-dokumen standar untuk pengunjung web. 6. Pelatihan mengubah nomor PIN

145 7. Tata cara keluar dari lingkungan sistem atau Logout. 4.5 Petunjuk Penggunaan Aplikasi Persedian Barang Dan Jasa 4.5.1 Tampilan Layar Halaman Home Saat pertama kali layar dibuka maka aplikasi akan memunculkan layar utama yaitu halaman home yang berisikan ucapan selamat datang dan berita-berita terkini dari PT Media Stella Tata Mandiri. Dapat dilihat pada gambar berikut: Gambar 4.13 Halaman Home

146 4.5.2 Tampilan Layar Halaman About Us Halaman About us yang berisi tentang biodata Perusahaan. Dapat dilihat pada gambar berikut: Gambar 4.14 Halaman About Us

147 4.5.3 Tampilan Layar Halaman Gallery Halaman ini menampilkan gambar-gambar produk yang dijual serta menampilkan foto-foto tentang Perkebunan. Dapat dilihat pada gambar berikut: Gambar 4.15 Halaman Gallery

148 4.5.4 Tampilan Layar Halaman Stock Halaman ini menampilkan informasi produk yang dijual, lengkap dengan informasi stok pada tiap-tiap produk demi kemudahan pemesanan dari pihak pembeli. Di halaman ini juga disediakan fasilitas Search berdasarkan warna produk. Dapat dilihat pada gambar berikut: Gambar 4.16 Halaman Stock

149 4.5.5 Tampilan Layar Halaman Contact Us Halaman ini berisikan data-data Perusahaan yang dibutuhkan dan tata cara untuk melakukan pemesanan. Pemesanan bisa dilakukan melalui telepon, fax atau Email. Dapat dilihat pada gambar berikut: Gambar 4.17 Halaman Contact Us

150 4.5.6 Tampilan Layar Halaman Pemesanan Halaman ini berisikan textbox untuk melakukan pemesanan. Divalidasikan semua textbox harus diisi kecuali Perusahaan. Dapat dilihat pada gambar berikut: Gambar 4.18 Halaman Pemesanan

151 4.5.7 Tampilan Layar Halaman Login gambar berikut: Halaman ini berisikan textbox untuk login. Dapat dilihat pada Gambar 4.19 Halaman Login

152 4.5.8 Tampilan Layar Halaman Control Panel Halaman ini akan ditampilkan setelah sukses melakukan login. Pada halaman ini berisi petunjuk singkat tentang menu-menu yang ada pada halaman Control Panel. Dapat dilihat pada gambar berikut: Gambar 4.20 Halaman Control Panel

153 4.5.9 Tampilan Layar Daftar Pesanan Halaman ini menampilkan pesanan-pesanan yang sudah diposting oleh Pembeli dari Website ini. Memiliki menu Lihat Pesanan dan Hapus Pesanan. Dapat dilihat pada gambar berikut: Gambar 4.21 Daftar Pesanan

154 4.5.10 Tampilan Layar Lihat Isi Pesanan Halaman ini menampilkan pesanan-pesanan yang sudah diposting oleh Pembeli dari Website ini secara lebih rinci. Dapat dilihat pada gambar berikut: Gambar 4.22 Halaman Inbox Pesanan

155 4.5.11 Tampilan Layar Hapus Pesanan Jika tombol Hapus Pesanan ditekan maka akan keluar pop up konfirmasi penghapusan terakhir. Jika menekan OK maka Data Pesanan yang dipilih akan dihapus. Dapat dilihat pada gambar berikut: Gambar 4.23 Halaman Hapus Pesanan

156 4.5.12 Tampilan Layar Daftar Berita Halaman ini menampilkan berita-berita yang sudah diposting. Memiliki menu Buat Berita Baru, Lihat Berita, Ubah Berita dan Hapus Berita. Dapat dilihat pada gambar berikut: Gambar 4.24 Halaman Daftar Berita

157 4.5.13 Tampilan Layar Halaman Buat Berita Halaman ini digunakan apabila ingin memposting berita baru. Divalidasikan semua field harus diisi. Dapat dilihat pada gambar berikut: Gambar 4.25 Halaman Buat Berita

158 4.5.14 Tampilan Layar Halaman Ubah Berita Halaman ini digunakan apabila ingin mengubah berita yang sudah diposting sebelumnya. Halaman ini akan mengambil isi berita dari database dan memasukannya ke dalam textbox untuk kemudahan pengubahan. Dapat dilihat pada gambar berikut: Gambar 4.26 Halaman Ubah Berita

159 4.5.15 Tampilan Layar Halaman Hapus Berita Jika menekan tombol Hapus Berita maka keluar pop up konfirmasi terakhir. Jika menekan tombol OK maka berita akan dihapus. Dapat dilihat pada gambar berikut: Gambar 4.27 Halaman Hapus Berita

160 4.5.16 Tampilan Layar Halaman Daftar Bunga Halaman ini menampilkan data-data bunga yang sudah diposting. Memiliki menu Masukan Data Bunga baru, Ubah Data Bunga, Ubah Informasi Persediaan dan Hapus Bunga. Dapat dilihat pada gambar berikut: Gambar 4.28 Halaman Daftar Bunga

161 4.5.17 Tampilan Layar Halaman Pemasukan Data Bunga Halaman ini digunakan untuk memasukan data bunga baru. Divalidasikan semua field harus diisi. Dapat dilihat pada gambar berikut: Gambar 4.29 Halaman Masukan Data Bunga Baru

162 4.5.18 Tampilan Layar Halaman Ubah Data Bunga Halaman ini digunakan apabila ingin mengubah data bunga yang sudah diposting sebelumnya. Halaman ini akan mengambil data bunga dari database dan memasukannya ke dalam textbox untuk kemudahan pengubahan. Dapat dilihat pada gambar berikut: Gambar 4.30 Halaman Ubah Data Bunga

163 4.5.19 Tampilan Layar Halaman Ubah Data Persediaan Bunga Halaman ini digunakan untuk mengubah informasi stock dari data bunga yang dipilih. Dapat dilihat pada gambar berikut: Gambar 4.31 Halaman Ubah Data Persediaan Bunga

164 4.5.20 Tampilan Layar Halaman Hapus Bunga Jika menekan tombol Hapus Bunga maka keluar pop up konfirmasi terakhir. Jika menekan tombol OK maka data bunga akan dihapus. Dapat dilihat pada gambar berikut: Gambar 4.32 Halaman Hapus Bunga

165 4.5.21 Tampilan Layar Halaman Daftar User(Login sebagai Admin) Halaman ini menampilkan daftar user yang sudah terdaftar. Memiliki menu Membuat ID baru, Ganti Password dan Hapus ID. Dapat dilihat pada gambar berikut: Gambar 4.33 Halaman Daftar User(Login sebagai Admin)

166 4.5.22 Tampilan Layar Halaman Daftar User(Login sebagai Non Admin) Halaman ini menampilkan daftar user yang sudah terdaftar. Memiliki menu Membuat ID baru dan Ganti Password. Dapat dilihat pada gambar berikut: Gambar 4.34 Halaman Daftar User(Login sebagai Non Admin)

167 4.5.23 Tampilan Layar Halaman Membuat ID baru Halaman ini digunakan untuk membuat ID baru. Divalidasikan semua field harus diisi. Dapat dilihat pada gambar berikut: Gambar 4.35 Halaman Membuat ID baru

168 4.5.24 Tampilan Layar Halaman Ganti Password Halaman ini digunakan untuk mengganti Password. Divalidasikan semua field harus diisi. Dapat dilihat pada gambar berikut: Gambar 4.36 Halaman Ganti Password

169 4.5.25 Tampilan Layar Halaman Hapus ID(Login sebagai Admin) Halaman ini digunakan untuk menghapus ID. Hanya Admin yang dapat mengakses halaman ini. Dapat dilihat pada gambar berikut: Gambar 4.37 Halaman Hapus ID

170 4.5.26 Tampilan Layar Halaman Upload Halaman ini digunakan untuk mengupload gambar bunga. Divalidasikan hanya boleh mengupload gambar berekstensi.jpg. Dapat dilihat pada gambar berikut: Gambar 4.38 Halaman Upload

171 4.5.27 Tampilan Layar Halaman Logout Halaman ini ditampilkan setelah logout. Kembali ke Halaman Login tapi dengan pesan sukses telah logout. Dapat dilihat pada gambar berikut: Gambar 4.39 Halaman Logout

172 4.5 Evaluasi Akhir Berdasarkan survei akhir yang dilakukan pada 10 responden yang menggunakan sistem informasi, maka data yang didapat adalah sebagai berikut: Tabel 4.1 Pertanyaan pertama No. 1 Pertanyaan Hasil Responden Apakah sistem informasi ini menarik dan mudah digunakan? Sangat Menarik 40% Menarik 30% Cukup Menarik 10% Kurang Menarik 20%

173 Tabel 4.2 Pertanyaan kedua No. 2 Hasil Pertanyaan Responden Apakah sistem informasi ini memberikan informasi yang cukup lengkap dan jelas? Sangat lengkap dan jelas 30% Lengkap dan jelas 30% Cukup lengkap dan jelas 30% Kurang lengkap dan jelas 10%

174 Tabel 4.3 Pertanyaan ketiga No. 3 Hasil Pertanyaan Responden Apakah sistem informasi ini membantu anda dalam memperoleh informasi yang dibutuhkan? Sangat membantu 50% Membantu 10% Cukup membantu 30% Kurang membantu 10%

175 Tabel 4.4 Pertanyaan keempat No. 4 Hasil Pertanyaan Responden Apakah kelengkapan alur proses yang disajikan sudah lengkap dan jelas? Sangat lengkap dan jelas 30% Lengkap dan jelas 10% Cukup lengkap dan jelas 50% Kurang lengkap dan jelas 10%

176 Tabel 4.5 Pertanyaan kelima No. 5 Hasil Pertanyaan Responden Apakah layar dan menu-menu yang ada pada aplikasi sistem informasi ini dapat dimengerti? Sangat mengerti 30% Mengerti 40% Cukup mengerti 20% Kurang mengerti 10% Dari hasil evaluasi didapatkan beberapa kesimpulan, yaitu: 1. Masih adanya staff PT Media Stella Tata Mandiri yang belum mengerti benar mengenai alur proses yang ada pada sistem sehingga diperlukannya pelatihan lebih lanjut.

177 2. Perlunya staff PT Media Stella Tata Mandiri untuk mengerti secara menyeluruh fungsi yang ada pada sistem informasi atau aplikasi sehingga manfaat yang diinginkan dapat terwujud. 4.7 Evaluasi Terhadap Teori IMK Untuk menunjang usability sistem kami melakukan evaluasi terhadap teori IMK yang memiliki 8 faktor yang harus diperhatikan, yaitu sebagai berikut: 1. Berusaha keras untuk konsisten Pada sistem yang dibuat pada PT Media Stella Tata Mandiri, sudah dapat dikatakan konsisten, hal tersebut dilihat dari pemberian warna dasar, warna tulisan, pemilihan jenis, bentuk dan ukuran huruf, struktur layout yang identik, menu yang konsisten pada keseluruhan aplikasi. 2. Memungkinkan frequent user menggunakan shortcut (jalan pintas) Pada sistem yang dibuat pada PT Media Stella Tata Mandiri menggunakan shortcut yang berguna untuk pengunjung yang sering datang. Sehingga pengguna dapat lebih mudah untuk berinteraksi dengan aplikasi melalui tomboltombol khusus. Hal ini dikarenakan shortcut dapat memberikan waktu respon dan waktu tampil lebih cepat. 3. Memberikan umpan balik yang informatif Pada sistem yang dibuat pada PT Media Stella Tata Mandiri dapat memberikan respon balik dari apa yang sudah diperintahkan oleh pengguna kepada sistem,

178 seperti pemberitahuan kesalahan dan pesan sukses ketika berhasil melakukan aksi. 4. Merancang dialog untuk menghasilkan keadaan akhir Pada sistem yang di buat pada PT Media Stella Tata Mandiri, setiap keadaan akhir selalu ditampilkan pesan aksi dari pengguna yang telah berhasil sehingga dapat melanjutkan proses berikutnya. 5. Memberikan penanganan pesan kesalahan yang sederhana Pemilihan kata-kata yang sederhana namun jelas diberikan ketika pengguna melakukan kesalahan, sehingga mencegah kebingungan bagi pengguna. 6. Mengizinkan pengembalian aksi (undo) dengan mudah Pada sistem yang dibuat pada PT Media Stella Tata Mandiri mempunyai link atau fungsi yang dapat mengembalikan aksi ke aksi sebelumnya, dan juga penyediaan tombol untuk menghapus isian data yang salah. 7. Pengontrolan terletak pada pemakai sendiri Pada sistem yang dibuat pada PT Media Stella Tata Mandiri dibuat dengan sesederhana mungkin dengan tidak mengurangi fungsionalitas aplikasi. Semua control diberikan semudah mungkin sehingga pengguna yang baru pun akan dengan mudah menggunakan aplikasi. 8. Mengurangi hafalan bagi pemakai

179 Pada sistem yang dibuat pada PT Media Stella Tata Mandiri, tampilan dan bahasa dibuat sederhana dan seumum mungkin, sehingga mengurangi beban ingatan dan memudahkan user mengalami sistem.