Tampilan halaman depan website

Transkripsi

1 1 I. Halaman Depan Website Tampilan halaman depan website Dinas Pendidikan dan Kebudayaan Kota Samarinda (disdik.samarindakota.go.id) tampak seperti pada gambar dibawah Tampilan halaman depan website Semua konten, link, menu navigasi yang ada pada halaman depan dikontrol secara dinamis melalui halaman admin dan tersimpan dalam database, sehingga pengguna dimudahkan dalam pengelolaannya. Setiap user diberikan batasanbatasan tertentu dalam pengelolaanya sesuai dengan bagian dan fungsinya. Menu navigasi dapat ditautkan ke halaman statis maupun dinamis bahkan dapat ditautkan ke website eksternal. Konten yang berisi lampiran dapat disimpan pada website internal sehingga pengguna mudah dalam mengelola kontennya.

2 2 Berikut ini bagian-bagian halaman depan website. 1. Bagian Header Bagian header teridiri dari menu navigasi, gambar slider, link pengumuman, sosial media dan pencarian berita. 2. Bagian Iklan atas Bagian ini dapat diisi dengan iklan yang ditautkan ke informasi atau berita tertentu. Iklan ini dapat diisi lebih dari satu dan dapat tampil secara bergantian dengan duarasi terntentu juga dapat disembunyikan kapan saja. 3. Bagian Konten Bagian konten terdiri dari Headline berita atau artikel, berita terbaru, ikon media pembelajaran yang ditautkan ke beberapa jenis media (file teks, video, animasi, audio) yang ada di internal maupun ekternal, kategori berita umum, artikel pendidikan, iklan di konten, berita sekretaria, berita bidang PNFI, berita bidang dikdas, berita bidang dikmen, berita bidang penelitian pengembangan dan kepurbakalaan, berita UPTD dan pojok sekolah. 4. Bagian Side Bar Bagian ini terdiri dari tab layanan yang ditautkan ke konten tertentu di internal maupun eksternal, pengumuman, PPID, dan link-link kelembanggaan. 5. Bagian Galeri Photo Bagian ini berisi photo-photo kegiatan Dinas Pendidikan dan Kebudayaan. 6. Bagian Galeri Video Bagian ini berisi video-video kegiatan Dinas Pendidikan dan kebudayaan. 7. Bagian Footer Bagian ini terdiri dari tampilan sosial media, alamat kantor dan menu navigasi. II. Bagian Manajemen Website Sebuah website agar dapat dikelola dengan baik maka harus disediakan bagian manajemen atau biasa di sebut backend. Untuk masuk ke bagian manajemen ini dapat dilakukan dengan mengtikan alamat websiste pada web browser Anda. Tampilan halaman login Masukkan username dan password yang sudah diberikan kemudian tekan login. Jika ingin browser menyimpan username dan password secara otomatis saat login berikutnya, centang box Remember my password.

3 3 Setelah login, makan akan ada tampilan dashboard standart admin Website Dinas Pendidikan Kota Samarinda Tampilan halaman manajemen Bagian-bagian halaman manajemen website secara umum sebagai berikut: 1. Bagian menu navigasi Pada bagian ini terdapat menu yang berkaitan dengan pengelolan website, baik pengelolaan berita, artikel, pengumuman, PPID, Agenda kegiatan link, media pembelajaran, iklan, gambar slider, galeri photo, galeri video dan pengelolaaln user. 2. Link ke halaman depan Bagian ini jika diklik akan membuka halaman depan website. 3. Profile dan Keluar Tombol ini berisi menu pengelolaan profil user dan terdapat menu keluar dari halaman manajemen. 4. Data konten Bagian ini menampilkan jumlah konten yang terdapat pada website. 5. Fasilitas Backup dan Restore Database Bagian ini merupakan fasilitas Backup dan restore database, untuk memeudahkaan pengelola dalam membuat backup data maupun mengembalikan data. 6. Bahasa Pada bagian ini berfungsi untuk merubah tampilan bahasa.

4 4 7. Grafik Pengunjung Pada bagian ini pengelola website dapat melihat data pengunjung dalam bentuk grafik. III. Pengelolaan Posting Posting lebih dikenal dengan Post. Katergori Post yang sudah disiapkan adalah Berita Umum, Artikel Pendidikan, Sekretariat, Bidang PNFI, Bidang Pendidikan Dasar, Bidang Pendidikan Menengah, Bidang Penelitian Pengembangan dan Kebudayaan, UPTD, Pengumuman, PPID (Pejabat Pengelola Informasi dan Dokumentasi) dan Pojok Sekolah. Dalam pengelolaan post ini setiap user dapat melakukan penambahan, edit dan hapus sesuai dengan batasan kewenangannya. Tampilan daftar posting a. Tambah Post Untuk menambah Post dapat mengikuti langkah-langkah berikut: 1. Untuk tambah post, pada daftar menu klik Post à Tambah Baru 2. Maka akan tampil halaman tambah post.

5 5 3. Berikut ini dalah tampilan halaman manajemen post Tampilan halaman manajemen post 4. Pada halaman tambah post user dapat mengisi berita, artikel, pengumuman, PPID, Pojok Sekolah, berita UPTD. dengan menggunakan fitur-fitur yang sudah disediakan. a) Category, user dapat menentukan kategori post yang akan dipublish. b) Title, bagian untuk mengetikan judul post.

6 6 b. Headline c) Seo Title, bagian ini akan terisi otomatis sesuai judul post yang diketikan pada bagian title. d) Content, bagian ini tempat untuk memasukan konten post. e) Tags, bagian ini untuk mamasukan tags/keyword dari konten post, tags ini berfungsi untuk kunci pencarian. Jika belum ada tags yang Anda inginkan maka dapat menambah sendiri. f) Images, bagian ini untuk memasukan gambar utama dari post ukuran 900x600 pixel. g) Tanggal, Tanggal akan otomatis tampil mengikuti tanggal di komputer. h) Waktu, Waktu akan tampil otomatis sesuai dengan waktu dikomputer. i) Images Description, bagian untuk mamasukan caption dari gambar utama. j) Submit, Tombol untuk menyimpan dan publish post tersebut. k) Cancel, Tombol untuk mambatalkan post. Beberapa berita yang dipublikasikan mungkin ada yang akan ditempatkan di headline. Jika post tersebut mau dijadikan headline maka ikuti langkah berikut: 1. Klik tombol Bintang untuk menjadikan post tersebut jadi headline. 2. Sehingga tombol tersebut menjadi set headline, seperti pada gambar berikut.

7 7 c. Edit Post 1. Untuk menyunting berita yang sudah dibuat/dipublish user dapat meng-klik icon pencil kuning dibagian kanan layar monitor. 2. Maka akan tampil halaman edit post sesuai dengan post yang terpilih, tampilan halaman edit akan seperti halaman tambah post. d. Hapus Post User juga dapat menghapus post yang sudah dipublish dengan cara meng-klik icon X pada bagian kanan layar monitor. IV. Pengelolaan Halaman Statis Halaman statis diisi dengan konten yang akan berubah dalam jangka waktu lama. Pada website ini halaman statis banyak ditautkan dengan menu. Setiap user yang diberikan kewenangan tertentu dapat menambah, edit dan hapus halaman statis. Untuk mengelola halaman statis dapat dilakukan dengan langkah sebagai berikut: a. Tambah Halaman 1. Klik menu Halaman à Tambah, sehingga tampil halaman berikut: 2. Title, diisi judul dari halaman 3. SEO Title, terisi otomatis setelah mengisikan kotak title. 4. Conten, diisi informasi yang akan ditampilkan. 5. Images, diisi jika diperlukan. 6. Submit, jika akan menyimpan. 7. Cancel, jika membatalakan.

8 8 b. Edit Halaman 1. Untuk melakukan edit pada halaman klik menu Halaman à Semua Halaman 2. Klik tombol pencil pada halaman yang akan diedit. c. Hapus Halaman 1. Untuk melakukan hapus halaman, klik Halaman à Semua Halaman. 2. Klik tombol X pada halaam yang akan dihapus. V. Pengelolaan Pop Up PopUp digunakan untuk menampilkan informasi terkini atau yang perlu segera disampaikan pada pegunjung website. Untuk pengelolaannya sebagai berikut: a. Aktifkan 1. Klik Komponen à Komponen Terpasang à PopUp, sehingga tampil halaman berikut : 2. Lakukan edit pada Content sesuai dengan keperluan. 3. Pada kotak Active pilih Y. 4. Klik tombol Submit untuk menyimpan. b. Non Aktifkan 1. Jika ingin dinonaktifkan, klik menu Komponen à Komponen Terpasang à PopUp 2. Pada bagian Active, ubah Y menjai N lalu klik tombol Submit untuk menyimpan.

9 9 VI. Pengelolaan Medi Pembelajaran Komponen ini digunakan untuk mengelola media pembelajaran, dimana tautannya dapat dihubungkan ke internal dan eksternal. Untuk Mengelolla Media Pembelajaran dapat melakukan langkah-langkah berikut ini: a. Tambah Media Pembelajaran 1. Klik Komponen à Komponen Terpasang à MediaPembelajaran, sehingga tampil halaman berikut: 2. Klik Tombol add New. Lengkapi Title, Url, tentukan target, pilih gambar covernya. Lalu Submit. b. Edit Media Pembelajaran 1. Klik Komponen à Komponen Terpasang à MediaPembelajaran. 2. Klik tombol pencil untuk melakukan editing. Jika sudah klik tombol Submit. c. Hapus Media Pembelajaran 1. Klik Komponen à Komponen Terpasang à MediaPembelajaran. 2. Klik tombol X untuk melakukan editing. Jika sudah klik tombol Submit.

10 10 VII. Pengelolaan Surat Izin Penelitian Fasilitas Pengelolaan surat izin penelitian ini untuk memudahkan pengadministrasian izin penelitian bagi Dinas Pendidikan dan Kebudayaan. 1. Pemohon izin penelitian diharapkan mengisi permohonanya secara online melalui halaman depan website, dengan cara klik link gambar izin penelitian, sehingga tampil form seperti gambar di bawah ini. 2. Untuk masuk ke pengelolaan surat izin penelitian, admin/user pengelola surat izin penelitian dilakukan dengan cara klik menu Komponen à Komponen Terpasang à izinpenelitian, maka tampil halaman di bawah ini. 3. Untuk melakukan edit, klik tombol penci 4. Untuk melakukan cetak surat klik tombol paper 5. Untuk menghapus klik tombol X Input permohonan dapat juga dilakukan di halaman admin dengan cara klik tombol Add New.

11 11 VIII. Pengelolaan Galeri Photo Untuk manajemen galeri photo, user dapat memilih menu Komponen à Komponen Terpasang à Galery pada side menu. Makan akan muncul tampilan seperti gambar di bawah ini : Tampilan Galery Photo a. Tambah Photo 1. Untuk menambah Photo klik tombol Add New, maka akan tampil halaman berikut: 2. Jika album belum ada, untuk menambah album baru klik tombol Add New Album. 3. Jika album sudah sesuai, maka tinggal langsung isi judul photo.

12 12 4. Klik tombol browse untuk memilih photo, maka akan tampil File Manager. 5. Jika photo sudah diupload dan ada pada file manager, maka tinggal pilih file photo yang sesuai. 6. Apabila photo belum ada maka klik tombol upload, maka akan tampil halaman berikut: 7. Klik tulisan Drop Files to Upload untuk memilih file photo yang akan di upload, maka akan tampil halaman browse. 8. Klik tombol open, maka tampil halaman berikut :

13 13 9. Klik tombol Return to files list, maka akan kembali kehalaman file manager 10. Klik photo yang Anda pilih, maka halam dialog Add New akan terisi seperti tampak halaman berikut : 11. Klik tombol submit jika sudah selesai. b. Edit dan Hapus Photo User dapat menyunting atau menghapus Photo dengan cara: a. Klik icon pencil kuning untuk menyunting Photo. b. Klik icon X untuk menghapus Photo. IX. Pengelolaan Slider Bagian ini digunakan untuk mengelola banner slider yang ada di header website. Langkah pengelolaan slider sama dengan proses tambah, edit dan hapus galeri photo, hanya saja ukuran gambar header harus mengikuti standar website ini yaitu 1000 x 250 pixel. X. Pengelolaan Advertise Pada website ini disediakan fasilitas advertise, dimana fasilitas ini dapat digunakan untuk ucapan terhadap suatu kegiatan, link ke sebuah formulir atau ke halaman web eksternal. Advertise ditempatkan pada dua posisi, yaitu di atas konten dan di tengah konten. Ukuran file gambar posisi di atas konten adalah 1000 x 150 pixel dan di tengan konten 650 x 100 pixel. Untuk pengelolaannya hampir sama dengan galeri photo.

14 14 XI. Pengelolaan Galeri Video Untuk menajamen video, user dapat memilih Komponen à Komponen Terpasang à Video pada side menu. Makan akan muncul tampilan manajemen video. a. Tambah Video 1. Klik tombol Add New, Maka akan tampil halaman tambah video 2. Album, Pilih album jika sudah ada, jika belum klik Or Add New Album. 3. Title, judul video 4. Youtube ID Video, youtube ID digunakan untuk mengambil link video dari website karena server database video yang digunakan adalah dari Youtube. 5. Cover, menambahkan cover video. Menambah gambar untuk cover langkahnya sama seperti penambahan photo. 6. Submit, untuk menyimpak video. 7. Cancel, untuk membatalkan. Sebelum menambahkan video pada website, video diupload terlebih dahulu pada website Chanel youtube untuk Dinas Pendidikan menggunakan Alamat disdik harapannya

15 15 menggunakan Semoga dapat terlaksana. b. Hapus dan Edit Video User dapat menyunting atau menghapus video dengan cara: 1. Klik icon pencil kuning untuk menyunting video. 2. Klik icon X untuk menghapus video. XII. Pengelolaan Permohonan Data Fasilitas ini disediakan untuk mengelola permintaan data dari pihak luar, sehingga Dinas Pendidikan dan Kebudayaan dapat mengetahui informasi apa yang diperlukan oleh pengunjung website. Pengelolaan Permohonan data ini hampir sama dengan pengelolaan permohonan izin penelitian namun disini tidak ada cetak surat melainkan menyiapkan data sesuai dengan permintaan. Sekiranya buku tamu ini harus diketahui pihak manajemen karena memungkinkan ada hal yang menjadi kebiajakan. XIII. Pengelolaan Event (Agenda) Agar kegiatan dapat terlaksana dengan baik salah satunya adalah mencatat agenda kegiatan tersebut. Untuk pengelolaan agenda user dapat melakukan langkah-angkah berikut: 1. Klik menu Komponen à Komponen Terpasang à Event. 2. Tampilan Agenda ini ada tiga bentuk yaitu bulanan, Minguaan, dan per hari. Untuk berpindah bentuk tinggal klik tombol month, week, day.

16 16 Misalnya akan menambah dua agenda, pelaksaan UN SMA/SMK tanggal April dan Sosialisasi Dapodik April. 3. Klik dan tahan dari tanggal sehingga tampil jendela berikut : 4. Pada kotak Title ketik judul kegiatan, misalnya Pelaksanaan UN SMA/MA/SMK Pada kotak Content ketik deskripsi kegiatan misalnya Pelaksanaan UN SMA/MA/SMK Pada kotak color sesuaikan pilihan warna yang dinginkan. 7. Klik Submit jika sudah selesai. 8. Untuk agenda kedua klik dan tahan tanggal 14 15, lalu ketikan agenda di bawah ini : 9. Judul Sosialisasi dapodik 10. Konten : Sosialisasi Dapodik untuk jenjang SD akan dilaksanakan pada : Tanggal 14 April 2015 Pukul 08:30-15:30 Tempat Aula LPMP Sosialisasi Dapodik untuk jenjang SMP/SMA/SMK akan dilaksanakan pada : Tanggal 15 April 2015 Pukul 08:30-15:30 Tempat Aula LPMP 11. Sehingga tampilannya tampak seperti gambar di bawah ini. Tampilan Manajemen Agenda

17 17 XIV. Pengelolaan Feedback Fasilitas ini digunakan untuk mengelola feedback yang didapat dari pengisian buku tamu. Sekiranya buku tamu ini harus diketahui pihak manajemen karena memungkinkan ada hal yang menjadi kebiajakan. XV. Pengelolaan Komentar Fasilitas ini digunakan untuk mengelola komentar dari pengunjung terhadap berita atau artikel. Komentar dari pengunjung tidak otomatis tampil dihalaman depan sebelum diverifikasi oleh admin atau operator. Hal ini dilakukan agar tidak menjadi perselisihan paham. Berikut ini tampilan manajemen komentar. 1. Tombol mata untuk melihat isi komentar. 2. Tombol hijau untuk memverifikasi 3. Tombol bintang untuk persetujuan ditampilkan.