PEKERJAAN : Tahun 2016 UPDATING WEBSITE INFORMASI BAHAN BANGUNAN TAHUN ANGGARAN 2016 DINAS PEKERJAAN UMUM CIPTA KARYA DAN TATA RUANG PROVINSI JAWA TIMUR
USER MANUAL PEKERJAAN : UPDATING WEBSITE INFORMASI BAHAN BANGUNAN Tahun Anggaran 2016 PENGGUNA JASA : DINAS PEKERJAAN UMUM CIPTA KARYA DAN TATA RUANG PROVINSI JAWA TIMUR PELAKSANA : PT. PIRAMIDA TEKNOLOGI INFORMASI
DAFTAR ISI DAFTAR ISI... I BUKU PETUNJUK PENGGUNAAN... II CHECKLIST MENU... II BAB I... 1 MEMULAI APLIKASI... 1 1.1 MEMBUKA APLIKASI... 1 1.2 HALAMAN AWAL... 1 1.3 MENU KATEGORI... 1 1.3.1 Detail Halaman Kategori... 2 1.4 DAFTAR PRODUSEN... 5 1.5 BERITA... 7 1.6 EVENT... 8 1.6 HALAMAN CONTACT... 10 1.7 KRITIK DAN SARAN... 11 1.8 REGRISTER PRODUSEN... 12 BAB II... 13 MENJALANKAN APLIKASI... 13 2.1 HALAMAN LOGIN... 13 2.2 HALAMAN HOME... 13 2.3 HALAMAN MY PRODUCT... 14 2.4 MY ACCOUNT... 17 2.4.1. My Profile... 18 2.4.2. My Office... 19 2.4.3. My User... 20 2.5 USER ACCOUNT... 21 2.5.1. SignOut Aplikasi... 21 2.5.2. Halaman Change Password... 22 User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) i
BUKU PETUNJUK PENGGUNAAN WEBSITE INFORMASI BAHAN BANGUNAN TAHUN 2016 Checklist Menu No Menu Detail Menu Keterangan 1 Home Adalah menu yang menampilkan halaman awal dashboard pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur 2 Management User Group Halaman Group ini adalah halaman yang menampilkan informasi data dari group user yang ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur User Halaman User ini menampilkan informasi tentang daftar user yanga ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur Setting Halaman Setting ini menampilkan menu unttur fungsi pada menu yang ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur Slide Halaman Slide ini adalah berfngsi User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) ii
untuk menampilkan informasi yang menu list dari masing masing artikel yang ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur 3 Master Produk Produsen Halaman Produsen ini menampilkan data informasi daftar produsen yanga ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur 4 Master Kritik dan Komentar Produk Halaman Produk ini adalah halaman yang menampilkan informasi tentang daftar produk yang ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur Distributor Halaman Distributor ini adalah menu yang menampilkan informasi dari daftar distributor yang terdaftar pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur Kritik dan Saran Halaman ini digunakan untuk mengelola daftar kritik dan saran yang dikirimkan oleh pengguna informasi kepada Dinas PU Cipta Karya dan Tata Ruang Provinsi Jawa timur User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) iii
Jawab Kritik Komentar Jawab Komentar Halaman ini digunakan untuk mengelola jawaban atas kritikan yang dikirimkan oleh pengguna informasi kepada Dinas PU Cipta Karya dan Tata Ruang Provinsi Jawa timur Halaman ini digunakan untuk mengelola daftar komentar yang dikirimkan oleh pengguna informasi kepada Dinas PU Cipta Karya dan Tata Ruang Provinsi Jawa timur Halaman ini digunakan untuk menjawab komentar yang dikirimkan oleh pengguna informasi kepada Dinas PU Cipta Karya dan Tata Ruang Provinsi Jawa timur User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) iv
Formulir Pendaftaran Portal Informasi Bahan Bangunan Dinas Pekerjaan Umum Cipta Karya dan Tata Ruang Provinsi Jawa Timur Nama :... Jabatan :... Perusahaan :... Alamat :...... Telepon Kantor / HP :... E-mail :... Web site :... Jenis Produk :... Merek Produk :......,... 2016 (...) Nama dan Stempel Perusahaan Note: Melampirkan surat dukungan. Bisa memasukkan semua produk yang berhubungan dengan bahan bangunan. Website www.infomaterialbangunan.com menghubungkan antara produsen (Principle) dengan konsumen / masyarakat khususnya pelaku jasa kontruksi ( konsultan & kontraktor ).
KOP PERUSAHAAN Surat Dukungan Dalam rangka memberikan layanan Informasi Bahan Bangunan (IBB) kepada masyarakat yang dilakukan oleh UPT Informasi Teknologi Bangunan Perumahan dan Permukiman Dinas Pekerjaan Umum Cipta Karya dan Tata Ruang Provinsi Jawa Timur melalui website www.infomaterialbangunan.com dan www.infomaterialbangunan.info sebagai sarana informasi bahan bangunan, maka bersama ini kami selaku principal ikut mendukung layanan informasi tersebut dengan : 1. Kontak Person (dua personil) 2. Membuat surat pernyataan bagi principal yang tidak ada di Indonesia. 3. Menjamin material berkwalitas baik/bagus (melampirkan sertifikasi yang dimiliki). 4. Informasi yang diberikan dalam website selalu update dan dapat dipertanggungjawabkan. 5. Melayani masyarakat yang membutuhkan informasi dari manapun (masyarakat, konsultan, kontraktor, pengembang, dll) 6. Mendukung kegiatan Dinas PU Cipta Karya dan Tata Ruang Provinsi Jawa Timur dalam rangka penyebarluasan informasi material bangunan di berbagai kegiatan. Demikian dukungan kami atas kerjasamanya diucapkan terima kasih...,...20... (Materai 6000) Direktur
BAB I MEMULAI APLIKASI 1.1 Membuka Aplikasi Aplikasi Inforrmasi Bahan Bangunan adalah aplikasi berbasis web yang dapat diakses dengan cara menggunakan internet browser yang terkoneksi dengan jaringan internet. Aplikasi ini mempunyai fungsi menampilkan informasi pada Aplikasi Informasi Bahan Bangunandi pada Dinad PU Cipta Karya dan Tata Ruang Provinsi Jawa Timur pada fitur fitur yang ada di dalamnya. 1.2 Halaman Awal Setelah selesai membuka aplikasi ini menggunakan internet browser user, kemudian akan muncul halaman Home/halaman awal aplikasi seperti pada gambar 1.1 dibawah ini. Gambar 1.1 Halaman Awal Keterangan : Apabila ingin menampilkan menu menu yang ditampilkan dengan cara klik langsung pada tombol menu seperti pada gambar dibawah ini. 1.3 MENU KATEGORI Halaman Menu Kategori adalah halaman yang digunakan untuk menampilkan menu apa saja yang tergolong dari Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar dibawah ini. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 1
1.3.1 Detail Halaman Kategori Halaman Detail Kategori ini adalah halaman yang berfungi menampilkan informasi yang akan di tampikan misalnya Kategori Arsitektur yang ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 1.2 dibawah ini. Gambar 1.2 Icon Arsitektur Apabila ingin menampilkan informasi yang masuk ke dalam kategori Arsitektur dengan cara mengklik langsung pada tombol seperti pada gambar dibawah ini. maka akan tampil User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 2
Gambar : Tampilan Arsitektur Keterangan : : Berfungsi untuk menampilkan berupa kolom pada berita arsitektur : Befungsi untuk menampilkan berita arsitektur berupa daftar : Berfungsi untuk menampilkan pencarian produk : Berfungsi untuk menampilkan berdasarkan lokasi yang akan ditampalikan Apabila ingin menampiilkan data secara detail cukup dengan cara mengklik tombol pada tulisan warna biru seperti pada gambar dibawah ini. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 3
Dan ketika sudah di klik maka aka tampil seperti pada gambar dibawah ini. : Berfungsi untuk menmapilkan informasi berdasarkan video : Berfungsi untuk menampilkan dafta produsen berdasarkan tampilan brosur : Berfungsi untuk menampilkan informasi sertifikasi dari produsen User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 4
1.4 DAFTAR PRODUSEN Halaman Daftar Produsen adalah menampilkan informasi tentag prusahaan apa saja yang menjadi produsen pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 1.3 dibawah ini. Gambar 1.3 Halaman Daftar Produsen User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 5
Keterangan : Apabila ingin menampilkan detail daftar produsen dapat dilakukan dengan cara klik langsung pada satu tulisan warna biru yang akan dilihat seperti pada gambar dibawah ini. Setelah di klik tersebut maka muncul seperti pada gambar dibawah ini. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 6
1.5 BERITA Halaman Berita ini menampilkan informasi beria yang ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 1.4 dibawah ini. Gambar 1.4 Tampilan Berita Keterangan : Apabila ingin menampilkan informasi berita dengan detail dari masing masing berita yang ada dapat dilakukan dengan mengklik pada salah satu gambar yang ada tulisan warna biru seperti pada gambar dibawah ini. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 7
Setelah di klik tersebut maka muncul seperti pada gambar dibawah ini. : Berfungsi untuk memberi komentar 1.6 EVENT Halaman Event ini adalah halaman yang menampilkan informasi tentang event apa saja yang ada pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 1.5 dibawah ini. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 8
Gambar 1.5 Halaman Event Keterangan : : berfungsi menampilkan data berupa kotak kotak atau tertata rapi seperti pada gambar di atas : berfungsi untuk menampilkan data berupa baris kolom data yang berurutan sesuai seperti pada gambar dibawah ini. Apabila ingin melihat detai dari infromasi event yang ada dengan cara mengklik tulisan pada warna biru di atas akan tampil seperti pada gambar dibawah ini. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 9
: Berfungsi untuk memberi komentar 1.6 Halaman Contact Halaman ini menampilkan tampilan menu informasi lebih lanjut tentang Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 1.6 dibawah ini. Gambar 1.6 Tampilan Contact User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 10
1.7 KRITIK DAN SARAN Halaman Kritik dan Saran adalah halaman yang berfungsi untuk memberikan kritikan maupun saran kepada yang pihak terkait pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 1.7 dibawah ini. Gambar 1.7 Halaman Kritik dan Saran Keterangan : : Berfungsi untuk mengirim Kritik dan Saran baru seperti pada gambar dibawah ini : Berfungsi untuk mengirim pesan Kritik dan Saran : Berfungsi untuk menampilkan jawaban dari Kritik dan Saran yang sudah di komentari seperti pada gambar dibawah ini User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 11
1.8 REGRISTER PRODUSEN Halaman Register Produsen adalah halaman yang digunakan untuk menadaftarkan produsen baru pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur gambar 1.8 dibawah ini. seperti pada Gambar 1.8 From Regrister Produsen Untuk mendaftar produsen dengan melengkapi form data diatas kemudian klik tombol. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 12
BAB II MENJALANKAN APLIKASI 2.1 Halaman Login Adalah menu yang menampilkan halaman awal dashboard pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 2.1 dibawah ini. Gambar 2.1 Form Login Admin Untuk dapat sign ini terlebih dahulu masukkan usermane terlebih dahulu kemudian klik pada tombol 2.2 Halaman Home Adalah menu yang menampilkan halaman awal dashboard pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperti pada gambar 2.2 dibawah ini. User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 13
Gambar 2.2 Form Dashboard 2.3 Halaman My Product Halaman My Product ini adalah halaman yang menampilkan informasi data dari produk yang akan di tampilkan pada Aplikasi Informasi Bahan Bangunan pada Dinas PU Cipta Karya dan Tata Ruang di Povinsi Jawa Timur seperi pada gambar 2.3 dibawah ini. Keterangan : Gambar 2.3 Form Group User : Berfungsi untuk menambah supplier baru seperti pada gambar dibawah ini User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 14
: Berfungsi untuk mengembalikan ke halaman sebelumnya : Berfungsi untuk menyimpan data : Berfungsi untuk melakukan aksi pada produk untuk melakukan fungsi edit dan hapus data : Berfungsi untuk meghapus data prduk : Berfungsi untuk mengedit data produk seperti pada gambar dibawah ini User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 15
: Berfungsi untuk mengembalikan ke halaman sebelumnya : Berfungsi untuk menyimpan data User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 16
2.4 MY ACCOUNT Gambar : halaman my account Penjelasan menu : Halaman my account merupakan halaman yang menginformasikan data lengkap perusahaan yang terdaftar sebagai user produsen pada website informasi bahan bangunan Dinas PU Cipta Karya dan Tata Ruang Provinsi Jawa Timur. Pada halaman account terdapat beberapa 3 tab menu yang dapat digunakan untuk mengelola data lengkap perusahaan sebagai user produse pada website informasi bahan bangunan. 3 tab menu tersebut antara lain : - Tab Menu : my profile Pada tab menu ini digunakan untuk melakukan pengelolaan [nama], [alamat], [kota], dan [email] perusahaan yang terdaftar sebagai user produsen - Tab menu : my office Pada tab menu ini digunakan untuk melakukan pengelolaan [Fax], [Telp], [Website], dan [Sertifikasi] yang pernah diperoleh oleh perusahaan terkait produk bahan bangunan yang sedang dipromosikannya - Tab menu : my user Pada tab menu ini digunakan untuk melakukan pengelolaan [pertanyaan], [jawaban], [waktu aktivasi], [nama username], dan [ganti password] User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 17
2.4.1. My Profile Gambar : halaman my profile Keterangan gambar : Field [nama] : isikan dengan nama lengkap perusahaan disertai dengan firma yang dimilikinya Field [alamat] : isikan dengan alamat lengkap perusahaan tersebut berada Field [kota] : isikan dengan nama kota perusahaan tersebut berada Field [email] : isikan dengan alamat email resmi perusahaan : klik untuk menyimpan perubahan yang telah dilakukan pada halaman my profile : klik untuk kembali ke halaman awal my account User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 18
2.4.2. My Office Gambar : halaman my office Keterangan gambar : Field [Fax] : isikan dengan nomor fax perusahaan Field [Telp] : isikan dengan nomor telpon perusahaan Field [Website] : isikan dengan nama website resmi yang digunakan oleh perusahaan untuk memasarkan produknya Field [Sertifikasi] : isikan dengan file gambar sertifikasi dalam bentuk.jpeg atau.pdf dengan cara klik tombol [choose file] kemudian pilih file yang dimaksud, kemudian klik tombol [open] untuk mengupload file sertifikasi : menunjukkan nama file yang telah berhasil di upload ke website informasi bahan bangunan dalam bentuk *.pdf : klik untuk menyimpan perubahan yang telah dilakukan pada halaman my office : klik untuk kembali ke halaman awal my account User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 19
2.4.3. My User Gambar : halaman my user Keterangan gambar : Field [pertanyaan] : isikan pertanyaan untuk digunakan pada saat pemulihan username ketika lupa password/ lupa username Field [jawaban] : isikan jawaban dari pertanyaan yang diisikan pada field sebelumnya untuk digunakan pada saat pemulihan username ketika lupa password/ lupa username Field [waktu aktivasi] : menunjukkan tanggal saat user telah diaktivasi Field [username] : menunjukkan nama username yang saat ini sedang login masuk ke website informasi bahan bangunan sebagai user produsen Field [ganti password] : isikan dengan password baru jika ingin mengganti password yang lama dengan yang baru : klik untuk menyimpan perubahan yang telah dilakukan pada halaman my user : klik untuk kembali ke halaman awal my account User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 20
2.5 USER ACCOUNT 2.5.1. SignOut Aplikasi Menu sign out ini merupakan pintu keluar yang digunakan untuk keluar dari aplikasi website informasi bahan bangunan. Langkah menjalankan proses : - Klik logo user account yang terletak disebelah kanan menu my account yang terletak di header website informasi bahan bangunan - Klik menu [change password] untuk membuka layar form [change password] untuk mengubah password yang saat ini digunakan untuk login masuk ke dalam website informasi bahan bangunan - Klik menu [Log Out] untuk keluar dari website informasi bahan bangunan User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 21
2.5.2. Halaman Change Password Halaman change password ini merupakan halaman yang digunakan untuk mengubah password yang lama yang digunakan untuk login masuk kedalam website informasi bahan bangunan dengan password yang baru. Gambar : form untuk mengubah password yang lama dengan yang baru Keterangan gambar : Field [password] : isikan dengan password yang lama yang digunakan untuk login masuk ke dalam website informasi bahan bangunan Field [password new] : isikan dengan password yang baru yang akan digunakan untuk login masuk ke dalam website informasi bahan bangunan berikutnya : klik [save] untuk mengubah password yang lama dengan yang baru, atau klik [cancel] untuk membatalkan proses pengubahan password yang lama dengan yang baru User manual Pengembangan Website Informasi Bahan Bangunan (user produsen) 22