PKPP Riset untuk Kesejateraan
A. PENGENALAN WEBSITE PETA DIGITAL TELEMATIKA YOGYAKARTA 1. Software yang Digunakan Website Peta Digital Telematika Yogyakarta ini dibuat menggunakan software berikut : - Adobe Dreamweaver CS5 = untuk pembuatan website (design & programming website) - Adobe Photoshop CS5 = untuk mengedit gambar dan foto-foto pada website - MySQL = database yang digunakan pada website - XAMPP = aplikasi untuk konfigurasi MySQL, PHPmyAdmin - Corel Draw X5 = aplikasi untuk membuat desain gambar pada website - Browser = aplikasi untuk menampilkan website (Google Chrome & Mozilla Firefox). - Google MAPs API = digunakan dalam pembuatan peta digital - Bahasa Pemrograman = PHP & HTML 2. Tahapan Pembuatan Secara garis besar, tahapan pembuatan website sebagai berikut : 1. Menentukan fitur-fitur apa saja yang akan ditampilkan pada website peta digital telematika 2. Membuat rancangan desain website dan database yang akan digunakan 3. Mengkoding website front end dan back end (programming website) 4. Testing website dengan alamat domain sementara 5. Finishing testing untuk segera di launching pada domain khusus website Peta Digital Telematika Yogyakarta 6. Developer website : Programming Peta Digital : Fuat Hermawan Programming website front end : Amalia Ima N J, Nuning Arumsari Programming website back end : Tika Novita Sari, Mirza Hikmatyar 1
B. PENGENALAN TAMPILAN WEBSITE Pada website Peta Digital Telematika Yogyakarta terdapat 9 menu, sebagai berikut : 1. Beranda Pada beranda terdapat peta digital telematika, berita dan galeri foto. Penjelasan Peta Digital Telematika Yogyakarta Pada peta terdapat icon icon jenis usaha dan kecamatan yang dapat diklik. icon untuk bisnis ISP icon untuk bisnis HP icon untuk bisnis Game icon untuk bisnis internet icon untuk bisnis penyiaran TV icon untuk bisnis pulsa icon untuk bisnis komputer 2
Untuk melihat potensi bisnis sesuai dengan kecamatan atau jenis bisnisnya dapat dipilih melalui tombol drop down seperti berikut : Misal akan memilih kecamatan Wirobrajan dengaan potensi bisnis komputer : kemudian diklik proses, maka pada peta digital akan tampil gambar potensi bisnis komputer di kecamatan wirobrajan. 2. Berita Pada menu berita ini berisi berita-berita terkini yang diupload oleh admin. Dengan tampilan seperti berikut : 3. Peta Bisnis Pada halaman peta bisnis ini, pengguna daapat melihat potensi peta bisnis tian tian kecamatan sesuai dengan jenis usahanya yang dikategorikan lagi berdasarkan jumlah tenaga, omset dan modal : 3
4. Agenda Pada halaman agenda berisi agenda atau kegiatan yang berkaitan dengan tekonologi telematika yang ada di Yogyakarta. 5. Tips & Trik Pada halaman Tips & Trik berisi tips dan trik terkait bidang telematika. 6. Sistem Informasi Pada halaman Sistem Informasi ini berisi informasi nama toko, produk, dan alamat dari data-data hasil survay kecamatan-kecamatan di Yogyaakarta. Pengguna dapat memilih sesuai dengan nama nama kecamatan, kelurahan dan jenis usahanya dengan mengklik pada menu di sebelah kiri seperti berikut: 4
Tampilan yang dihasilkan dari kecamatan Gedung Tengen, Kelurahan Sosromenduran, bisnis HP sebagai berikut : 7. Produk Pada halaman menu Produk berisi produk produk terbaru yang diupload oleh admin terkait teknologi telematika : 5
8. Tentang Kami Pada halaman Tentang Kami berisi tentang instansi dan programmer yang membuat website Peta Digital Telematika Yogyakarta. 9. Testimoni Pada halaman Testimoni ini pengguna dapat memberikan komentar kritik dan saran tentang Peta Digital Telematika. 6
Untuk memberikan testimoni, pengguna dapat mengisi pada Form Testimoni dengan contoh sebagai berikut : Wajib Diisi Wajib Diisi Setelah form testimoni terisi semua, kemudian klik tombol submit. Testimoni yang baru ditulis akan tampil pada halaman testimoni. 7
C. PENGENALAN HALAMAN ADMIN Halaman admin berfungsi untuk mengupdate data, menambah data, mengedit data dan menghapus data. Untuk masuk ke halaman admin, langkahnya adalah : 1. klik Login pada bagian bawah website seperti berikut : 2. Kemudian memasukkan username dan password sebagai berikut : 3. Kemudian klik tombol submit. Jika telah muncul tampilan seperti berikut, anda telah berhasil masuk ke Halaman Admin. Pada halaman admin terdapat 8 menu dengan fungsi masing masing sebagai berikut : 1. Petunjuk Pada halaman petunjuk berisi tentang cara cara mengedit, menambah, menghapus, dan mengupdate data. 2. Tambah Data 8
Merupakan menu untuk menambah data, dengan cara klik Tambah Data dan akan muncul form Tambah Data seperti berikut : Keterangan : Nama : diisikan Nama Toko Alamat : diisikan Alamat Toko Kecamatan : diisikan Kecamatan letak Toko Kelurahan : diisikan Kelurahan letak Toko Jenis Usaha : memilih jenis usaha dari Toko Barang yang dijual: diisikan produk atau barang yang dijual dari Toko Contoh : Pada form diisi data data contohnya seperti berikut : Setelah form terisi lengkap kemudian klik tombol Simpan.Jika muncul pesan berikut, maka data berhasil di tambah. 9
Anda bisa mengklik Kembali untuk melihat data yang telah ditambah. 3. Edit Data Pada halaman Edit Data ini berfungsi untuk mengedit data yang telah di Upload. a. Untuk masuk ke halaman Edit Data dengan klik Edit Data. b. Untuk mengedit data, yaitu dengan mengklik tombol Edit pada data yang akan kita edit. Seperti berikut ini : c. Setelah klik edit akan muncul form berikut : 10
d. Tuliskan data yang diedit, kemudian klik tombol Simpan. Jika data berhasil disimpan akan muncul tulisan seperti berikut : 4. Hapus data Untuk menghapus data caranya sebagai berikut : a. Pilih data yang akan dihapus, kemudian klik tombol hapus, contohnya seperti berikut : b. Setelah berhasil menghapus akan muncul tulisan seperti berikut : c. Kemudian klik Kembali 5. Posting Pada menu Posting ini berfungsi untuk memposting atau mengupload berita sesuai dengan kategori berita antara lain: a. Agenda b. Berita c. Produk d. Tips & Trik Untuk memposting berita dengan cara sebagai berikut : a. Klik pada Posting. Akan muncul tampilan seperti berikut : 11
Keterangan : Judul Berita Kategori Berita Upload File News Content b. Contoh posting berita : diisikan judul berita : memilih kategori berita yang akan diposting : pada upload file ini dipilih jika ada file yang akan diupload : diisikan tulisaan berita yang akan diposting, dapat diatur tulisannya pada toolbar yang ada di News Content 12
c. Setelah form diisi semua kemudian klik tombol Submit. Jika berhasil akan muncul tampilan berikut : d. Tampilan berita yang diposting 13
6. Hapus Posting Hapus Posting berfungsi untuk menghapus berita yang telah diposting. Dengan cara : a. Klik Hapus Posting. Akan muncul tampilaan seperti berikut. b. Untuk menghapus berita, dengan cara memilih berita yang akan dihapus kemudian klik tombol Hapus : 14
c. Berita berhasil dihapus 7. Upload Foto Pada Upload foto ini berfungsi untuk mengupload foto yang akan di tampilkan pada beranda website Peta Digital Telematika. Langkah langkah upload foto : a. Klik pada Upload Foto, akan muncul tampilan berikut : Keterangan : Judul File : diisikan judul file fotto yang akan diupload Upload File : untuk memilih foto yang akan diupload b. Isikan judul file foto contohnya seperti berikut : c. Klik pada tombol Pilih File, kemudian cari foto yang akan diupload, klik Open 15
d. Kemudian klik tombol Submit, jika berhasil mengupload foto akan muncul tampilan berikut : e. Tampilan foto yang diposting pada Beranda 8. Hapus Foto Hapus Foto berfungsi untuk menghapus foto yang telah di upload. a. Klik pada hapus data, akan muncul tampilan seperti berikut : 16
b. Kemudian cari foto yang akan dihapus, klik pada tombol hapus c. Jika telah berhasil menghapus akan muncul tampilan berikut : 9. Logout Logout berfungsi untuk keluar dari halaman Admin. Dengan klik Logout. 17