DAFTAR ISI DAFTAR ISI ............................................................................................................................................ i KATA PENGANTAR ............................................................................................................................. ii A.
Halaman Utama .......................................................................................................................... 1
B.
Halaman Berita ........................................................................................................................... 4
C.
Halaman Katalog Duta .............................................................................................................. 5
D.
Halaman Galeri Foto ................................................................................................................ 10
E.
Halaman Buku Kenangan ....................................................................................................... 11
F.
Aktifitas Duta Sanitasi .............................................................................................................. 12 1.
Login ....................................................................................................................................... 12
2.
Kegiatan ................................................................................................................................. 12
3.
Karya Ilmiah (Karya Tulis dan Karya Poster) ........................................................................ 13
4.
Profile ...................................................................................................................................... 13
5.
Menu Navigasi Data ............................................................................................................... 14
6.
Upload Karya Ilmiah .............................................................................................................. 14
7.
Upload Foto ............................................................................................................................ 15
8.
Ubah Profile ............................................................................................................................ 16
9.
Ganti Avatar ........................................................................................................................... 16
10.
Apresiasi dan Komentar ......................................................................................................... 17
11.
Logout ..................................................................................................................................... 17
i
KATA PENGANTAR Web Jambore Sanitasi merupakan Web Sosial Media dimana web aplikasi ini dibuat dengan tujuan agar masing-masing duta dapat berinteraksi satu sama lain. Selain itu pada Website ini juga memuat berita berita mengenail Sanitasi yang dipublikasikan pada Portal Cipta Karya (ciptakarya.pu.go.id), dan Twitter mengenai sanitasi dapat dilihat pada Website ini. Pada Website ini para duta dapat upload kegiatan, Karya Ilmiah dan poster. Selanjutnya para duta dapat berselancar untuk melihat halaman duta lainnya dan memberi komentar kepada duta lainnya mengenai kegiatannya atau foto-foto karya ilmiah yang diuploadnya. Website ini dibangun dengan semenarik mungkin dan user friendly agar dapat dioperasionalkan oleh para duta maupun pengelola dalam hal ini Direktorat Pengembangan Lingkungan Penyehatan dan Permikiman Ditjen Cipta Karya. Secara Umum fitur Website Jambore Sanitasi adalah sebagai berikut : Feature :
Berita otomatis ter-Update mengikuti berita yang ada di Portal/Website Ciptakarya dengan inisial Sanitasi
Dilengkapi Peta Sebaran para duta sesuai dengan propinsi dimana para duta berada
Galery foto kegiatan tersusun sesuai dengan tahun kegiatan dan memudahkan user atau admin dalam melakukan upload foto kegiatan, selanjutnya system yang akan mengatur penempatan dan tampilan serta thumbnail secara otomatis (interactive)
Galery buku kenangan ditampilkan secara otomatis seperti majalah elektronik
Search Engine
Halaman para Duta:
o
Para Duta memiliki Login masing-masing
o
Para Duta dapat saling memberi komentar pada Karya tulis, poster
o
Para Duta dapat memberi Like This /Suka terhadap karya tulis atau poster
o
Para Duta dapat dengan mudah meng-Upload karya tulisnya dengan format PDF
o
Para Duta dapat dengan mudah meng-Upload karya poster dengan format Image
Hashtag Twitter sudah masuk kedalam Web Duta sanitasi
ii
Web dibangun menggunakan Interactive Web sehingga dapat dibuka dari berbagai device (Laptop, Ipad,Iphone, Android dan Gadget lainnya) dengan secara tampilan akan menyesuaikan
Untuk dapat mengakses Website Jambore Sanitasi dapat diakses melalui Portal Cipta Karya (http://ciptakarya.pu.go.id) pada kolom Informasi Kegiatan dengan nama Pojok Duta Sanitasi atau jika
pengguna
ingin
aplikasi
ini
dibuatkan
shortcut
dapat
diisi
dengan
URL
:
ciptakarya.pu.go.id/dutasanitasi
iii
A. Halaman Utama Halaman
utama
merupakan
halaman yang pertamakali tampil ketika
pengguna
mengakses
alamat website Jambore Santiasi pada
URL
“
http://ciptakarya.pu.go.id/dutasa nitasi/”. Pada halaman utama ini, pengunjung beberapa
diperlihatkan berita,
pengenalan
mengenai duta sanitasi, tujuan dari duta sanitasi, serta sasaran dari duta sanitasi, twitter dan Peta Sebaran Lokasi para Duta. Berikut adalah tampilan dari halaman utama duta sanitasi.
1
Pada Halaman Utama pengunjung maupun pengguna dari website ini dapat melihat dan mengoperasionalkan beberapa perintah. 1. Pada Pojok atas sebelah kana nada menu pencarian (Search Engine) yang berfungsi untuk mencari berita atau para duta dengan kategori bebas atau dengan mengetik nama Propinsi, Alamat maupun nama para duta.
2. Selanjutnya dibawah kolom pencarian terdapat beberapa tombol perintah sebagai berikut :
Keterangan: Home merupakan halaman utama Berita merupakan Halaman berita terkait sanitasi yang dipublish pada Portal Cipta Karya Katalog Duta merupakan halaman para duta sanitasi dimana pengguna dapat mengisi profil, mengupload foto, karya ilmiah, maupun poster Galeri terdiri dari dua sub menu yaitu Galeri Foto dan Buku kenangan 3. Selanjutnya dibawah menu diatas ada beberapa kolom antara lain Tentang apa itu Duta Sanitasi, Kolom Berita terkini dan Hashtag Twitter tentang sanitasi. Berikut gambar dari kolom tersebut :
2
4. Kemudian pada baris paling bawah terdapat Peta sebaran lokasi para duta. Peta sebaran dibuat interaktif yaitu pengunjung atau pengguna dapat melakukan pencarian para duta melalui peta sebaran ini. Informasi utama para duta dapat terlihat pada peta dan dapat secara langsung pindah kehalaman profil para duta dengan menekan symbol yang tertera pada peta :
3
B. Halaman Berita Halaman berita merupakan kumpulan berita berita tentang Sanitasi yang otomatis diambil dari website http://ciptakarya.pu.go.id .
4
C. Halaman Katalog Duta Halaman
ini
merupakan
halaman dimana para duta dapat
mengisi
Profilnya,
mengupload
Foto,
Karya
Ilmiah
Hasil
Karya
dan
Posternya. Selain itu Para Duta
dapat
berinteraksi
dengan berselancar melihat karya para duta lainnya, memberikan
komentar
serta memberikan apriesiasi dengan memberikan LIKE terhadap hasil karya dari masing masing para duta yang
diupload
dengan
terlebih dahulu login untuk dapat
melakukan
semua
yang disebutkan diatas.
5
Klik pada nama Duta untuk melihat lebih detil dan memberi komentar, seperti terlihat pada gambar dibawah ini : 1. Halaman Profil Duta Sanitasi Halaman ini menampilkan profile dari duta sanitasi, yang diantaranya biodata dari peserta duta sanitasi, kontak, serta pembimbing dari duta sanitasi.
6
2. Halaman Upload Foto Duta Sanitasi Selain pengguna dapat mengupload foto-foto mengenai kegiatannya, pengunjung lainnya dapat memberikani komentar terhadap foto yang diupload.
7
3. Halaman Karya Ilmiah Merupakan halaman yang berisikan hasil-hasil karya ilmiah peserta. Karya ilmiah ini berupa tulisan peserta mengenai saran dalam mengelola sanitasi, maupun bahasan mengenai teknologi sanitasi.
8
4. Halaman Karya Poster Merupakan halaman yang menampilkan hasil karya berupa gambar poster dari duta sanitasi. Poster-poster yang dibuat merupakan poster yang mengingatkan akan pentingnya sanitasi untuk bumi.
9
D. Halaman Galeri Foto Pada Halaman ini pengunjung maupun pengguna dapat melihat album foto kegiatan Jambore Sanitasi setiap tahunnya.
Untuk melihat isi dari Album Galeri Foto, pengunjung dapat mengarahkan kursor pada album yang dituju dan klik album tersebut.
Untuk meihat foto secara penuh klik pada foto yang dituju, maka akan muncul Slide dari Album galeri Foto.
10
E. Halaman Buku Kenangan Pada Halaman ini Pengunjung dan pengguna dapat melihat Buku Kenangan dari Kegiatan Tahunan Jambore Sanitasi dengan format E-Megazine yang interaktif. 1. Halaman Album Buku Kenangan Untuk dapat melihat isi buku kenangan, pengunjung atau pengguna dapat klik mouse pada buku kenangan yang dituju.
11
F. Aktifitas Duta Sanitasi Pada bagian ini akan dibahas mengenai aktifitas – aktifias yang dapat dilakukan oleh duta sanitasi melalui portal web duta sanitasi.
1. Login Duta sanitasi dapat melakukan login dengan mengakses halaman Katalog Duta di url : http://ciptakarya.pu.go.id/dutasanitasi/duta.php. Pada halaman itu akan tampil form login disamping list daftar duta sanitasi se Indonesia. Masukan username dan password untuk masuk kedalam portal duta sanitasi.
2. Kegiatan Tampilan pertama yang akan dilihat oleh para duta sanitasi adalah form kegiatan, dimana fungsinya sama seperti wall pada facebook.
12
3. Karya Ilmiah (Karya Tulis dan Karya Poster) Pada bagian ini akan ditampilkan hasil-hasil karya duta sanitasi yang sudah diupload kedalam portal. Karya yang ditampilkan bisa berupa karya tulis dalam bentuk file pdf, maupun karya gambar poster dalam bentuk file JPEG, GIF, ataupun PNG. Yang ditampilkan adalah judul dari karya ilmiah yang diupload oleh duta sanitasi. Tampilan ketika mengklik salah satu judul akan nampak seperti pada halaman 8.
4. Profile Bagian profile akan menampilkan detail dari profil duta sanitasi. Selain menampilkan profil bribadi, duta sanitasi dapat melihat detail profile dari duta sanitasi lainnya dengan mengunjungi profile dari duta sanitasi tersebut.
13
5. Menu Navigasi Data Menu
navigasi
data
merupakan
meun yang akan muncul pada bagian bawah menu kategori setelah duta sanitasi melakukan login. Pada menu ini duta sanitasi dapat mengupload karya, mengupload foto yang akan tampil pada halaman kegiatan, ubah profile duta sanitasi, ganti avatar, serta logout dari portal.
6. Upload Karya Ilmiah Form upload karya ilmiah merupakan form yang dapat digunakan oleh duta sanitasi untuk mengupload hasil karyanya, baik berupa karya tulis maupun poster. Hanya tipe file tertentu yang diizinkan untuk upload pada form ini, diantaranya pdf, jpg, png, dan gif. Duta sanitasi diharap mengconvert tipe file menjadi tipe yang diizinkan oleh sistem pada form ini sebelum diupload. Akan terdapat dua buah form utama, yaitu judul karya, serta browse untuk memilih karya yang akan diupload. Klik tombol upload untuk mengunggah file karya kedalam portal.
14
7. Upload Foto Form upload foto merupakan form yang berfungsi untuk duta sanitasi berkirim foto maupun gambar. Foto atau gambar yang diupload akan tampil pada “wall” atau halaman kegiatan duta sanitasi.
15
8. Ubah Profile Menu ubah profile merupakan menu yang akan menampilkan form ubah profile duta sanitasi. Duta sanitasi dapat mengubah profilenya dengan mengisikan pada form yang sudah disediakan, klik tombol submit untuk menyimpan perubahan profile.
9. Ganti Avatar Menu ganti avatar merupakan menu yang akan menampilkan form dimana duta sanitasi dapat mengganti avatar atau gambar profile. Pada form pilih file avatar baru, kemudian klik tombol upload untuk mengunggah.
16
10.
Apresiasi dan Komentar Setiap duta sanitasi dapat berkunjung ke profile duta sanitasi lain, melihat kegiatan yang dilakukan, selain itu duta sanitasi dapat menambah “like” berupa apresiasi pada kegiatan yang dilakukan duta sanitasi lainnya, serta memberikan komentar .
11.
Logout Menu logout adalah menu yang akan membuat duta sanitasi keluar dari portal, dimana menu upload dan sebagainya tidak akan tampil serta tidak dapat membuat kegiatan.
17
