Perancangan Antar Muka Perancangan Sistem

4.2.5.2 Perancangan Input

Rancangan tampilan ini dipergunakan bagi pengguna yang berkepentingan untuk menggunakan program aplikasi. 1 Rancangan Tampilan Sign Up Akun Penyuluhan Perancangan form ini sebagai proses sign up sebelum login dari Kepala daerah untuk bisa melanjutkan tahap selanjutnya. Terlebih dahulu calon user harus mengisikan nama lengkap, username, password dan email. Penyuluhan Agenda Profil Home Peta Galeri Info keluhan Penyuluhan Proyek Daftar Akun Penyuluhan Waltu Daftar Nama Lengkap Username Password Email Daftar Reset DINAS TATA RUANG, PERMUKIMAN DAN KEBERSIHAN KABUPATEN SUBANG Gambar 4.21 Rancangan Tampilan Sign Up Akun Penyuluhan 2 Rancangan Tampilan Sign Up Akun Proyek Perancangan form ini sebagai proses sign up sebelum login dari peserta lelang untuk bisa melanjutkan tahap selanjutnya. Terlebih dahulu calon user harus mengisikan nama lengkap, username, password dan email. Proyek Agenda Profil Home Peta Galeri Info keluhan Proyek Penyuluhan Daftar Akun Proyek Waktu Upload Nama Lengkap Username Password Email Daftar Reset DINAS TATA RUANG, PERMUKIMAN DAN KEBERSIHAN KABUPATEN SUBANG Gambar 4.22 Rancangan Tampilan Sign Up Akun Proyek 3 Rancangan Tampilan Login Perancangan form ini sebagai proses login setelah sign up dari kepala daerah, Peserta Lelang dan Admin untuk bisa melanjutkan tahap selanjutnya. Terlebih dahulu user harus mengisikan username, password. Login Dinas Tata Ruang, Permukiman dan Kebersihan Kab. Subang Username ……………... Login Gambar 4.23 Rancangan Tampilan Login 4 Rancangan Tampilan Pendaftaran Penyuluhan Form pendaftran berfungsi untuk menginputkan, menyimpan semua data-data pendaftar dan mengetahui quota penyuluhan. Penyuluhan Agenda Profil Home Peta Galeri Info keluhan Penyuluhan Isi Penyuluhan Waltu Daftar Kegiatan Penyuluhan Nama Lengkap Alamat Perwakilan Dari Daerah Masyarakat yang Mengikuti Daftar Reset DINAS TATA RUANG, PERMUKIMAN DAN KEBERSIHAN KABUPATEN SUBANG Kuota Maksimum 40 Orang Gambar 4.24 Rancangan Tampilan Pendaftaran Penyuluhan 5 Rancangan Tampilan Pendaftaran Pelelangan Proyek Proyek Agenda Profil Home Peta Galeri Info keluhan Proyek Isi Proyek Waktu Upload Nama Proyek Nama Perusahaan Alamat Perusahaan Direktur Perusahaan Email Daftar Reset DINAS TATA RUANG, PERMUKIMAN DAN KEBERSIHAN KABUPATEN SUBANG Berkas Harus dilengkapi terdiri dari berkas Dokumen kualifikasi, berkas penawaran dan berkas harga penawaran. Semua berkas diarsipkan dengan format .ZIP. Penerimaan berkas paling langbat sebelum tanggal yang telah ditentukan ditabel proyek. Berkas Penawaran Proyek Batas Upload Berkas Choose File Contoh Nama File : brks_pnr.ziprar File Berkas Upload Penwaran MAX 10 MB, Tidak Boleh Lebih Gambar 4.25 Rancangan Tampilan Pendaftaran Pelelangan Proyek 6 Rancangan Tampilan Update Informasi Subang Update Informasi Subang Agenda Profil Home Galeri Info keluhan Penyuluhan InformasiSubang Berita dan Aerikel Kelola Admin Proyek Jenis Judul Tanggal Berita Penulis Gambar Post Choose File Gambar 4.26 Rancangan Tampilan Update Informasi Subang 7 Rancangan Tampilan Update Berita dan Artikel Update Berita dan Artikel Agenda Profil Home Galeri Info keluhan Penyuluhan InformasiSubang Berita dan Aerikel Kelola Admin Proyek Jenis Judul Tanggal Berita Penulis Gambar Post Choose File Lihat Daftar Berita yang sudah di Posting Klik Gambar 4.27 Rancangan Tampilan Update Berita dan Artikel 8 Rancangan Tampilan Update Kegiatan Penyuluhan Penyuluhan Agenda Profil Home Galeri Info keluhan Penyuluhan Daftar Kegiatan PEnyuluhan Isi Data Penyuluhan Kelola Admin Data User Penyuluhan Tanggal Bulan Tahun Tanggal Tanggal Kegiatan Penyuluhan Kegiatan Penyuluhan Daerah Kuota Daftar Kegiatan Penyuluhan Post Lihat Daftar Penyuluhan Proyek Gambar 4.28 Rancangan Tampilan Update Kegiatan Penyuluhan 9 Rancangan Tampilan Update Daftar Proyek Proyek Agenda Profil Home Galeri Info keluhan Penyuluhan Daftar Data Proyek Isi Data Proyek Kelola Admin Data User Proyek Tanggal Bulan Tahun Nama Proyek Batas Upload Berkas Upload Berkas Daftar Proyek Post Lihat Daftar Proyek Proyek Input Hasil Evaluasi Peserta Biaya Proyek Choose File Gambar 4.29 Rancangan Tampilan Update Daftar Proyek 10 Rancangan Tampilan Input Hasil Evaluasi Peserta Proyek Agenda Profil Home Galeri Info keluhan Penyuluhan Daftar Data Proyek Isi Data Proyek Kelola Admin Data User Proyek Pilih Pilih Nama Proyek Direktur Perusahaan Surat Berkas Hasil Evaluasi Peserta Simpan Lihat Daftar Hasil Evaluasi Peserta Proyek Input Hasil Evaluasi Peserta Pilih Nama Perusahaan Choose File Alamat Perusahaan Hasil Evaluasi Gambar 4.30 Rancangan Tampilan Update Daftar Pemenang Proyek 4.2.5.3 Perancangan Output Rancangan output adalah produk dari sistem informasi yang dihasilkan setelah input dilaksanakan. Hasil dari rancangan input data terlihat dari media keluaran. Dalam rancangan output, sistem informasi ini juga memanfaatkan file database mengandung data-data yang terbilang cukup banyak sehingga membutuhkan tempat yang cukup luas untuk menggambarkan bagaimana sebenarnya rancangan output pada aplikasi yang akan dibuat. 1 Perancangan Output Cetak Isi Data Penyuluhan Daftar Hadir Kegiatan Penyuluhan Tahun Anggaran Lokasi : HariTgl : Tanda Tangan Alamat Nama Lokasi, Tanggal Pelaksanaan, Kepala Daerah Panitia Penyuluhan Gambar 4.31 Rancangan Tampilan Cetak Isi Daftar Penyuluhan 2 Perancangan Ouput Laporan Pelelangan Proyek Lampiran : Daftar Pelelangan Proyek Dinas Tata Ruang, Permukiman dan Kebersihan Kab. Subang Tahun Anggaran: Tanggal : 1. Nama Proyek : Nama Perusahaan : Direktur Perusahaan : Alamat Perusahaan : Hasil Evaluasi : 2. Nama Proyek : Nama Perusahaan : Direktur Perusahaan : Alamat Perusahaan : Hasil Evaluasi : 3. Nama Proyek : Nama Perusahaan : Direktur Perusahaan : Alamat Perusahaan : Hasil Evaluasi : 4. …. Kepala Dinas Panitia Pelelangan Gambar 4.32 Rancangan Tampilan Daftar Pelelangan Proyek

4.2.6 Perancangan Arsitektur Jaringan

Adapun perancangan arsitektur jaringan untuk mendukung program ini adalah sebagai berikut seperti gambar dibawah ini : Gambar 4.33 Perancangan Arsitekur Jaringan Kepala Daerah Peserta Pelelangan ISP Admin ISP Internet 109

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1 Implementasi

Implementasi adalah proses penerapan rancangan program yang telah dibuat pada bab sebelumnya atau aplikasi dalam melaksanakan sistem informasi pemrograman yang telah dibuat, hasil dari tahapan implementasi ini adalah suatu sistem pengolahan data yang sudah dapat berjalan dengan baik. Dengan demikian dapat diketahui apakah website ini dapat menghasilkan sistem penyampaian informasi, penyuluhan dan pelelangan proyek yang sesuai dengan tujuan yang diharapkan. Implementasi ini dilakukan dengan menggunakan bahasa pemograman PHP. Adapun database yang digunakan sebagai media penyimpanan data menggunakan bahasa SQL sebagai basis data dengan MySQL sebagai perangkat lunaknya.

5.1.1 Batasan Implementasi

Dalam mengimplementasikan perangkat lunak, batasan sebagai pengendalian aplikasi ini ada beberapa hal yang perlu dibatasi dalam implementasi ini yaitu : 1. Perangkat lunak yang digunakan dalam pengimplementasian basis data ini adalah MySQL yang telah terkompilasi kedalam sebuah perangkat lunak bebas yaitu xampp. 2. Hanya peserta lelang proyek yang dapat melakukan pelelangan. 3. Hanya kepala daerah yang dapat melakukan pendaftaran penyuluhan. 4. Semua masyarakat termasuk kepala daerah dan peserta lelang dapat mengakses dan mencari informasi di dalam website ini. 5. Hanya administrator termasuk panitia pelelangan proyek dan panitia penyuluhan yang dapat mengolah semua data dalam website ini.

5.1.2 Implementasi Perangkat Lunak

Perangkat lunak Software digunakan untuk mendukung sistem operasi SO dan aplikasi Database. Perangkat lunak yang dibutuhkan oleh Komputer administrator maupun komputer user, adapun kebutuhan perangkat lunak yang digunakan adalah sebagai berikut : 1. Komputer Administrator Komputer Administrator adalah komputer yang mempunyai kemampuan yang lebih dari komputer user, dimana didalamnya tersimpan data-data yang akan didistribusikan. Dimana software yang dibutuhkan diantaranya : a. Sistem Operasi Windows XP SP 2 b. Apachefriends XAMPP 2.5 c. Web Browser d. MySQL. e. Menggunakan bahasa PHP f. Adobe Dreamweaver 2. Komputer User Komputer User adalah komputer yang didalamnya tersimpan data-data yang dapat digunakan secara perorangan, mengumpulkan dan menampilkan data, serta menyimpan data ke server. Dimana software yang dibutuhkan diantaranya : a. Sistem Operasi Windows XP SP 2 b. Web Browser

5.1.3 Implementasi Perangkat Keras

Untuk dapat menjalankan aplikasi yang dirancang maka dibutuhkan suatu perangkat keras sebagai penunjangnya. Adapun spesifikasi minimal perangkat kebutuhan perangkat keras yang dibutuhkan tersebut adalah sebagai berikut : 1. Administrator : a. Processor Minimal Pentium 4 b. Menggunakan minimal RAM 512 MB. c. Harddisk 40 Gb. d. Keyboard, Monitor dan Mouse. 2. User a. Processor Minimal Pentium 4 b. Menggunakan minimal RAM 512 MB. c. Harddisk 40 Gb. d. Keyboard, Monitor dan Mouse.