BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Implementasi 4.1.1 Kebutuhan Sumber Daya 4.1.1.1 Kebutuhan Sumber Daya Perangkat Lunak Berikut ini adalah daftar spesifikasi perangkat lunak yang direkomendasikan agar aplikasi yang dikembangkan bisa berjalan dengan baik: 1. Server Kebutuhan spesifikasi komputer disarankan: a. Operating System Windows 2000 atau Linux b. PHP versi 4.2 ke atas c. MySQL versi 4.0 ke atas d. Web browser Internet Explorer versi 1.0.0.140 2. Klien Kebutuhan spesifikasi komputer minimum: a. Operating System Windows 2000 atau Linux b. Web browser Internet Explorer versi 1.0.0.140 c. Flash Player 6.0 4.1.1.2 Kebutuhan Sumber Daya Perangkat Keras dibutuhkan: Sedangkan berikut ini adalah daftar spesifikasi perangkat keras yang 102
103 1. Server Kebutuhan spesifikasi komputer disarankan: a. Prosesor Intel Pentium 2. b. Memory 128 MB. c. Harddisk 5GB. d. CD-Rom. 2. Klien Kebutuhan spesifikasi komputer minimum: a. Prosesor Intel Pentium 2. b. Memory 128 GB. c. Harddisk 5 GB. a. CD-Rom. 4.1.1.3 Kebutuhan Sumber Daya Jaringan Berikut ini adalah sumber daya jaringan yang dibutuhkan agar aplikasi yang dikembangkan bisa berjalan dengan baik: 1. Memiliki koneksi internet. 2. Web Hosting minimal 30MB dengan spesifikasi sebagai berikut: a. Provider berbasis Windows. b. Provider yang mendukung PHP. c. Provider yang mendukung MySQL. d. Bandwidth minimal 5 GB.
104 4.1.1.4 Kebutuhan Sumber Daya Manusia Sumber daya manusia yang dibutuhkan untuk dapat memantau, mengupdate, dan me-maintain website yang dikembangkan adalah minimal 1 orang administrator yang berasal dari Internal Sales PT ChubbSafes Indonesia. Posisi karyawan sebagai Internal Sales lebih disukai daripada tim IT perusahaan karena aplikasi ini banyak berkaitan dengan database harga dan produk, selain karena kemampuan teknis yang tinggi tidak terlalu dibutuhkan. Berikut adalah daftar keahlian yang dibutuhkan: 1. Kemampuan berbahasa Inggris yang baik. 2. Mengerti dan dapat menggunakan operating system Windows atau Linux. 3. Mengerti dan dapat menggunakan web browser. 4.1.2 Instalasi Sistem Aplikasi Berikut ini adalah tahapan instalasi server web dan database yang dibutuhkan untuk menjalankan aplikasi ini. Tahapan instalasi yang dijelaskan pada subbab ini hanya dibutuhkan untuk instalasi di server. Sedangkan klien atau pihak pelanggan hanya perlu melakukan instalasi web browser. Berikut ini adalah tahapan instalasi AppServ versi 2.5.8 :
105 1. Klik ganda file yang telah kita peroleh tadi Gambar 4.1 Layar Utama Proses Instalasi AppServ 2. Klik agree untuk melanjutkan installasi Gambar 4.2 Layar Ketentuan yang Harus Disetujui
106 3. Klik next atau Browse apabila Anda ingin menginstallnya di tempat lain Gambar 4.3 Layar Pemilihan Folder Instalasi 4. Karena semua paket instalasi dibutuhkan, maka langkah selanjutnya adalah klik next Gambar 4.4 Layar Pemilihan Paket Instalasi
107 5. Isikan "Server Name" misalnya localhost, dan email Anda misalnya eko@imut.com, selanjutnya klik next Gambar 4.5 Layar Pengisian Detail Server 6. Isi password Anda dua kali dan klik install Gambar 4.6 Layar Pengisian Password
108 7. Proses instalasi akan berjalan dan tunggu hingga selesai. Klik Finish Gambar 4.7 Layar Instalasi Gambar 4.8 Layar Instalasi yang Sudah Selesai 8. Buka browser Anda misalnya Internet Explore dan ketikkan localhost di address bar, kemudian tekan enter. Apabila muncul tampilan seperti gambar di
109 bawah ini berarti proses instalasi sudah berhasil. Gambar 4.9 Layar Pengecekan Instalasi 9. Selanjutnya klik tulisan phpmyadmin Database Manager atau ketik localhost/phpmyadmin di address bar kemudian tekan enter. 10. Kemudian Anda diminta mengisikan username dan password. Username : root Password : sesuai yang Anda isikan waktu instalasi
110 Gambar 4.10 Layar Login Ke phpmyadmin 11. Klik OK, kemudian akan muncul tampilan seperti ini: Gambar 4.11 Layar Indeks phpmyadmin 12. Proses installasi webserver dan database server selesai dan berfungsi sebagaimana mestinya. Selanjutnya kita bisa melanjutkan ke tahap selanjutnya.
111 Tahap berikut ini dilakukan untuk mengupload file file web ke web hosting. Untuk mempermudah proses upload file yang sangat banyak, disarankan untuk menggunakan FTP Client pada waktu meng-upload file. Berikut ini adalah tahapan yang harus dilakukan setelah FTP Client ter-install: 1. FTP hanya digunakan untuk proses upload. Pastikan web hosting yang mendukung PHP dan MySQL sudah tersedia dan AppServ berada dalam kondisi menyala. Pertama kali lakukan login ke cpanel web hosting untuk membuat akses FTP. Halaman home cpanel akan terlihat seperti ini: Gambar 4.12 Layar indeks CPanel 2. Klik pada bagian Files FTP Accounts. Halaman yang muncul akan terlihat seperti ini:
112 Gambar 4.13 Layar indeks FTP Account Manager 3. Isi nama login dan password pada bagian Add FTP Accounts lalu klik Create. Mulai saat ini fungsi file manager pada cpanel bisa digantikan oleh FTP Client.
113 4. Jalankan FTP Client dan lakukan login ke web hosting. Host adalah nama domain atau situs, username dan password diisi dengan username dan password untuk cpanel. Setelah itu klik Connect. Layar 4.14 Layar Login pada FTP Client Jika login berhasil dilakukan, akan muncul tampilan seperti berikut ini:
114 Gambar 4.15 Tampilan yang Menandakan Login Berhasil Dilakukan 5. Layar kiri bawah adalah komputer kita, dan layar di kanan bawah adalah isi folder di cpanel. Ubahlah directory cpanel ke directory dimana anda ingin folder anda diupload. Lakukan click and drag terhadap folder berisi file file yang ingin di-upload. Dengan otomatis FTP Client akan mentransfernya ke dalam folder atau directory yang dituju. Setelah proses transfer selesai, akan tampak layar seperti berikut ini:
115 Gambar 4.16 Layar Yang Menandakan Proses Transfer Sudah Selesai Dilakukan 6. Buka web browser anda dan ketikkan localhost/phpmyadmin, lalu klik Export. Selanjutnya layar akan tampak seperti ini:
116 Gambar 4.17 Layar Export Pada PHPMyAdmin 7. Pada bagian Data, klik pada Complete Inserts, lalu klik Go di bagian bawah. Setelah itu web browser secara otomatis akan men-download file database dalam format.sql. Simpanlah file ini dan pastikan anda mengingat lokasi penyimpanannya. 8. Masuklah ke cpanel web hosting anda. Pilih Database MySQL Database. Pada bagian Create New Database, buatlah sebuah database baru dengan nama Chubb, lalu klik Create Database. Layar berikut akan muncul jika proses pembuatan database sukses:
117 Gambar 4.18 Layar Sukses Add Database 9. Klik Go Back. Pada bagian MySQL Users buatlah sebuah account dengan nama dan password sesuai keinginan anda. Lalu klik Create User. Layar berikut akan muncul jika proses Add User berhasil: Gambar 4.19 Layar Sukses Add User 10. Klik Go Back. Pada bagian paling bawah, yaitu Add User to Database, pilih user sesuai username dan database yang telah dibuat, lalu klik Submit. Layar berikut akan tampil jika proses Add user to Database sukses:
118 Gambar 4.20 Layar Privileges 11. Berilah hak akses kepada user yang di-assign dengan semestinya. Jangan memberikan All Privileges kepada pihak selain administrator. Setelah itu, klik Make Changes. Layar yang akan muncul adalah seperti berikut ini: Gambar 4.21 Layar Sukses Add To Database
119 12. Klik Home. Layar ini akan membawa anda kembali ke layar Indeks cpanel. Pada bagian Database, bukalah PHPMyAdmin. Layar yang akan muncul adalah sebagai berikut: Gambar 4.22 Layar Indeks PHPMyAdmin pada CPanel 13. Di sebelah kiri akan terlihat link _chubb. Klik link tersebut. Berikut adalah halaman yang akan tampak:
120 Gambar 4.23 Layar Indeks Database Chubb 14. Klik tab Import. Berikut ini adalah layar yang akan tampak: Gambar 4.24 Layar import Database
121 15. Klik tombol Browse dan pilih file.sql yang pertama di-download tadi. Setelahnya klik Go. Layar berikut akan muncul jika proses import database berjalan sukses: Gambar 4.25 Layar Sukses Import Database 16. Carilah file connect.php dalam folder bernama Connection. Ubahlah username, password, dan database name dalam folder ini. Username dan password adalah username dan password yang dibuat pada waktu Create User di database. Sedangkan database name adalah nama database yang dibuat pada waktu Create Database. Pada umumnya, formatnya adalah [nama user login cpanel]_[nama database]. 17. Aplikasi ini sudah ter-install dan sudah siap untuk dijalankan secara on-line.
122 4.1.3 Cara Penggunaan Berikut ini adalah cara penggunaan aplikasi e marketing yang dikembangkan. Bagian pertama adalah bagian pemasaran dimana pengguna dapat melihat informasi seputar perusahaan. Menu yang dapat ditampilkan salah satunya adalah About Us. Menu ini berfungsi untuk menampilkan sejarah perusahaan. Berikut ini adalah screenshot dari layar About Us: Halaman About Us Gambar 4.26 Screenshot Layar About Us Menu berikutnya adalah Business Lines. Pada bagian ini perusahaan dapat mempromosikan perusahaan dengan cara memberi informasi mengenai bidang usaha yang dijalankan dan perkembangan perusahaan dalam menekuni bidang tersebut. Berikut ini adalah screenshot untuk layar Business Lines:
123 Halaman Business Lines Gambar 4.27 Screenshot Layar Business Lines Menu berikutnya adalah Services. Dalam menu ini, perusahaan dapat menampilkan informasi jasa apa saja yang ditawarkan. Berikut ini adalah screenshot untuk layar tersebut: Halaman Services Gambar 4.28 Screenshot Layar Services
124 Menu berikutnya adalah Locations. Pada menu ini, perusahaan dapat menampilkan informasi tentang kantor cabang yang dimiliki, seperti alamat dan nomor telepon. Berikut ini adalah screenshot untuk layar tersebut: Halaman Locations Gambar 4.29 Screenshot Layar Locations Menu berikutnya adalah Product Overview. Pada menu ini, perusahaan dapat menampilkan jenis barang apa saja yang diproduksi oleh perusahaan. Berikut ini adalah screenshot untuk menu tersebut:
125 Halaman Products Overview Gambar 4.30 Screenshot Layar Untuk Melihat Jenis Produk
126 Menu selanjutnya adalah News dan Events. News berfungsi untuk menampilkan berita baru seputar perusahaan, sedangkan events berfungsi menampilkan kegiatan yang diselenggarakan oleh perusahaan. Pada halaman Home atau Index juga terdapat News dan Events, tapi hanya sebatas ringkasan. Menu ini akan menampilkan ulasan berita dan acara yang lebih lengkap. Berikut ini adalah screenshot untuk 2 layar tersebut: Halaman News Gambar 4.31 Screenshot Layar Untuk Melihat Berita Perusahaan
127 Halaman Events Gambar 4.32 Screenshot Layar Untuk Melihat Event Perusahaan Menu berikutnya adalah Job Vacancy. Pada menu ini, pengguna dapat melihat lowongan pekerjaan yang tersedia di PT ChubbSafes Indonesia. Berikut ini adalah screenshot layar tersebut: Halaman Job Vacancy Gambar 4.33 Screenshot Layar Untuk Melihat Lowongan Pekerjaan
128 Menu terakhir yang bisa dilihat pengguna tanpa harus melakukan login adalah Contact Us. Pada menu ini, pengguna dapat mengirimkan pesan kepada admin untuk mendapatkan jawaban atas pertanyaan pengguna. Berikut ini adalah screenshot layar tersebut: Halaman Contact Us Gambar 4.34 Screenshot Layar Contact Us Menu yang akan dibahas berikutnya tidak akan dapat diakses sebelum pengguna atau admin melakukan login. Berikut ini adalah halaman Index sebelum dilakukan login:
129 Index sebelum login Gambar 4.35 Screenshot Layar Indeks Sebelum Login Pengguna aplikasi ini dibagi menjadi 2 kategori, admin, dan pengguna. Admin berwewenang untuk memanipulasi database, sementara pengguna / user tidak. Selain perbedaan pada bagian kiri atas, dimana sistem akan menampilkan nama pengguna yang login, menu yang ditampilkan pada halaman indeks setelah login pun berbeda, tergantung pada fasilitas yang dibutuhkan dan diperbolehkan, sesuai dengan hak akses masing masing. Pada halaman Index ini, baik PT. Chubb maupun Client harus memasukkan username dan password yang sudah diberikan untuk masuk dalam sistem custom order. Username dan Password pada aplikasi ini case sensitive, jadi harus memperhatikan apakah huruf kapital yang digunakan sudah sesuai dengan yang terdaftar.