I. Sekilas Tentang Website SKPD

Transkripsi

1 I. Sekilas Tentang Website SKPD Perkembangan teknologi informasi yang sedemikian cepatnya telah membawa dunia memasuki era baru yang lebih cepat dari yang pernah dibayangkan sebelumnya. Perkembangan teknologi ini membawa perubahan dalam berbagai bidang kehidupan manusia. Salah satu hasil dari kemajuan teknologi adalah internet sebagai sarana komunikasi penghubung yang digunakan melalui komputer. Jaringan internet merupakan pelopor terjadinya revolusi teknologi. Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan informasi. Aplikasi web atau bisa disebut juga dengan perangkat lunak berbasis web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Aplikasi web pada mulanya hanya berupa situs web yang bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat dinamis, interaktif untuk digunakan dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain. Website SKPD merupakan website yang diperuntukan untuk seluruh SKPD yang ada di Pemerintah Kabupaten Pacitan yang berfungsi sebagai media informasi untuk internal SKPD maupun untuk mempermudah masyarakat luas mengetahui segala sesuatu mengenai SKPD terkait dengan cepat tanpa memerlukan waktu yang banyak melalui media internet. B a g i a n P D E P a g e 1

2 II. Halaman Utama Website SKPD Halaman utama website SKPD beralamat di skpd.pacitankab.go.id Gambar 1 Untuk mengakses ke website masing-masing SKPD, pengguna memilih link dari SKPD yang akan dikunjungi. B a g i a n P D E P a g e 2

3 Di bawah ini adalah contoh tampilan jika memilih link dari website BAGIAN PENGOLAH DATA ELEKTRONIK ( PDE ). Gambar 2 Pada website masing-masing SKPD terdapat link-link sebagai berikut : 1. LINK HORISONTAL 1.1 SKPD Link SKPD berfungsi untuk kembali ke menu utama dari website SKPD yang berisi tampilan link-link menuju website di setiap SKPD (Gambar 1). 1.2 HOME Link HOME berfungsi untuk menampilakan halaman utama dari website di masing-masing SKPD (Gambar 2). B a g i a n P D E P a g e 3

4 1.3 PROFIL Sejarah Link Sejarah berisi mengenai sejarah atau selayang pandang pembentukan dan gambaran umum dari SKPD Sambutan Link Sambutan berisi kata pengatar atau sambutan dari Kepala SKPD B a g i a n P D E P a g e 4

5 1.3.3 Visi dan Misi Link Visi dan Misi berisi visi dan misi dari SKPD B a g i a n P D E P a g e 5

6 1.3.4 Struktur Organisi Link Struktur Organisasi berisi bagan atau gambar struktur organisasi SKPD B a g i a n P D E P a g e 6

7 1.3.5 Pejabat Link Pejabat berisi daftar pejabat eselon II s/d eselon 4 yang terdapat pada SKPD B a g i a n P D E P a g e 7

8 1.3.6 Daftar Pegawai Link Daftar Pegawai berisi daftar pegawai pada SKPD B a g i a n P D E P a g e 8

9 1.4 FASILITAS Link FASILITAS berisi keterangan mengenai fasilitas yang terdapat pada SKPD 1.5 BERITA Link BERITA berisi uraian berita terkini yang relevan dengan TUPOKSI pada SKPD 1.6 GALERI Photo Link Berisi data-data photo kegiatan SKPD Artikel Link Artikel berisi data artikel yang diterbitkan oleh SKPD 1.7 PENGUMUMAN Link PENGUMUMAN berisi uraian pengumuman terkini 1.8 DOWNLOADS Link DOWNLOADS berisi data-data / file yang bisa di download oleh public / masyarakat 1.9 BUKU TAMU Link BUKU TAMU berfungsi untuk menampung masukan, kritik dan saran dari masyarakat 1.10 KONTAK Link KONTAK berisi data alamat SKPD, alamat dan nomer telepon / fax B a g i a n P D E P a g e 9

10 2. LINK VERTIKAL 2.1 KALENDER Berisi hari, tanggal dan bulan terkini. 2.2 PROGRAM Berisi data-data program yang sedang atau akan dilaksanakan SKPD 2.3 KEGIATAN Berisi data-data kegiatan yang sedang atau akan dilaksanakan SKPD B a g i a n P D E P a g e 1 0

11 2.4 SUARA ANDA Berisi masukan, kritik dan saran dari masyarakat yang akan ditampilkan ke public 2.5 LINK WEBSITE / BLOG Berisi link-link website / blog yang relevan dengan SKPD III. Halaman Administrator Website SKPD Halaman administrator website SKPD beralamat Admin website SKPD memasukkan user name dan password masing-masing. B a g i a n P D E P a g e 1 1

12 Jika login berhasil maka akan muncul tampilan utama halaman administrator website SKPD seperti berikut ini Menu / Link halaman administrator website SKPD 1. Home Pada menu home terdapat link Update Profil yang berfungsi untuk mengupdate data user name dan password administrator 2. Profil 2.1 Selayang Pandang Untuk mengisi data selayang pandang silahkan klik INPUT DATA akan muncul tampilan berikut ini B a g i a n P D E P a g e 1 2

13 - Judul : Diisi dengan judul selayang pandang yang dikehendaki - Foto : klik tombol Browse, untuk memasukkan foto yang relevan (optional) - File : klik tombol Browse, untuk memasukkan file yang relevan (optional) - Isi : Diisi data tetang selayang padang, gambaran umum tentang SKPD atau sejarah pembentukan SKPD terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit B a g i a n P D E P a g e 1 3

14 2.2 Sambutan Untuk mengisi data sambutan silahkan klik INPUT DATA akan muncul tampilan berikut ini - Judul : Diisi dengan judul sambutan yang dikehendaki - Foto : klik tombol Browse, untuk memasukkan foto yang relevan (optional) - File : klik tombol Browse, untuk memasukkan file yang relevan (optional) - Isi : Diisi data sambutan dari Kepala SKPD terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit B a g i a n P D E P a g e 1 4

15 2.3 Visi-Misi Untuk mengisi data visi-misi silahkan klik INPUT DATA akan muncul tampilan berikut ini - Judul : Diisi dengan judul visi-misi yang dikehendaki (optional) - Foto : klik tombol Browse, untuk memasukkan foto yang relevan (optional) - File : klik tombol Browse, untuk memasukkan file yang relevan (optional) - Isi : Diisi data visi-misi SKPD terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit B a g i a n P D E P a g e 1 5

16 2.4 Struktur Organisasi Untuk mengisi data struktur organisasi silahkan klik INPUT DATA akan muncul tampilan berikut ini - Judul : Diisi dengan judul struktur organisasi yang dikehendaki - Foto : klik tombol Browse, untuk memasukkan gambar bagan struktur organisasi SKPD terkait - File : klik tombol Browse, untuk memasukkan file yang relevan (optional) - Isi : Diisi data struktur organisasi SKPD terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit (optional) B a g i a n P D E P a g e 1 6

17 Contoh hasil setelah data struktur organisasi diisi pada bagian foto seperti terlihat berikut ini 2.5 Data Pejabat Gambar 12 Untuk mengisi data pejabat silahkan klik INPUT DATA akan muncul tampilan berikut ini B a g i a n P D E P a g e 1 7

18 - Nama : Diisi nama pejabat - Jabatan : Diisi jabatan dari pejabat - Gambar : klik tombol Browse, untuk memasukkan foto pejabat yang relevan - Isi : Diisi data pejabat terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit (optional) Contoh hasil setelah data pejabat diisi terlihat pada gambar Untuk mengupdate data pejabat silahkan klik tombol edit, sedangkan untuk menghapus data pejabat silahkan klik tombol delete seperti gambar B a g i a n P D E P a g e 1 8

19 2.6 Daftar Pegawai Cara pengisian menu daftar pegawai sama denga pengisia menu data pejabat pada point Fasilitas Gambar 12 Untuk mengisi fasilitas silahkan klik INPUT DATA akan muncul tampilan berikut ini - Nama Fasilitas : Diisi nama fasilitas yang disediakan atau yang ada di SKPD - Gambar : klik tombol Browse, untuk memasukkan foto dari fasilitas yang relevan (optional) - Isi : Diisi data dari fasilitas terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit B a g i a n P D E P a g e 1 9

20 4. Prestasi Cara pengisian menu prestasi sama denga pengisian menu fasilitas pada point 3 5. Program Cara pengisian menu program sama denga pengisian menu fasilitas pada point Kegiatan Cara pengisian menu prestasi sama denga pengisian menu fasilitas pada point Pengumuman Gambar 12 Untuk mengisi menu pengumuman silahkan klik INPUT DATA akan muncul tampilan berikut ini - Judul : Diisi judul pengumuman - Isi : Diisi data dari pengumuman terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit B a g i a n P D E P a g e 2 0

21 8. Berita Untuk mengisi menu berita silahkan klik INPUT DATA akan muncul tampilan berikut ini - Judul : Diisi judul berita - Gambar : klik tombol Browse, untuk memasukkan foto dari berita terkait - Isi : Diisi data berita terkait Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit B a g i a n P D E P a g e 2 1

22 Contoh hasil setelah berita diisi terlihat pada gambar Untuk mengupdate data berita silahkan klik tombol edit, sedangkan untuk menghapus data berita silahkan klik tombol delete seperti gambar 9. Galeri 9.1 Header Menu header berfungsi untuk kop atau identitas dari website SKPD yang terletak pada bagian atas dari website. Untuk mengisi atau mengganti gambar header silahkan klik INPUT DATA akan muncul tampilan berikut ini - Gambar Header : klik tombol Browse, untuk memasukkan gambar header yang dikehendaki Contoh hasil setelah gambar header diisi B a g i a n P D E P a g e 2 2

23 9.2 Thema Menu thema berfungsi untuk menampilkan gambar / foto-foto yang relevan dengan SKPD terkait, yang akan ditampilkan pada hompage (halaman utama) website masig-masing SKPD. Cara pengisian menu Thema sama dengan pengisian menu Header point Photo Menu Photo berfungsi untuk menampilkan gambar / foto-foto kegiatan yang relevan dengan SKPD terkait, yang akan ditampilkan pada website SKPD pada link galeri photo. Cara pengisian menu photo dengan pengisian menu Header point Artikel Menu artikel berfungsi untuk mengupload/mengunggah artikel-artikel yang diterbitkan oleh SKPD dalam bentuk file/softcopy. Cara pengisian menu Artikel Untuk mengisi menu artikel silahkan klik INPUT DATA akan muncul tampilan berikut ini B a g i a n P D E P a g e 2 3

24 - Nama Artikel : Diisi judul / nama artikel yang akan diupload / diunggah - File : klik tombol Browse, untuk mengupload artikel dalam bentuk File (ukuran file maksimal 1 Mb) - Isi : Diisi keterangan singkat tentang artikel yang diupload (optional) Catatan : Jika data dicopy dari file dokumen, setelah dipaste pada bagian isi selanjutnya klik tombol HTML sebelum di submit Contoh hasil setelah artikel berhasil diupload terlihat pada gambar 9.5 Konten Menu konten berfungsi untuk menampung foto-foto atau gambar yang akan ditampilkan pada isi website yang akan disertai dengan foto / gambar. Cara pengisian menu konten sama dengan pengisian menu Header point 9.1 Contoh hasil setelah menu konten berhasil diupload terlihat pada gambar B a g i a n P D E P a g e 2 4

25 10. Link / Blog Menu link / blog berfungsi untuk menautkan website pihak lain yang berkaitan dengan SKPD. Untuk mengisi link / blog silahkan klik INPUT DATA akan muncul tampilan berikut ini Nama Link Alamat Website : Diisi dengan nama website pihak lain yang akan Ditampilkan atau ditautkan. : Diisi alamat link website yang akan ditautkan 11. Pesan Berjalan Menu pesan berjalan berfungsi untuk memasukkan ucapan atau tema hari-hari besar nasional berupa teks yang akan ditampilkan bergerak dari kanan ke kiri. Untuk mengisi menu pesan berjalan silahkan klik INPUT DATA akan muncul tampilan berikut ini B a g i a n P D E P a g e 2 5

26 Isi : Diisi ucapan atau tema hari-hari besar nasional terkini Catatan : menu pesan berjalan dapat diisi lebih dari satu ucapan / tema 12. Buku Tamu Menu buku tamu berfungsi untuk menampung pesan dari masyarakat dan sekaligus untuk menanggapi pesan dari masyarakat. Jika pesan dari masyarakat ditanggapi akan secara otomatis pesan dan tanggapan tersebut akan ditampilkan pada website SKPD Jika terdapat pesan dari masyarakat akan tampil seperti gambar di bawah ini Untuk menjawab dan menampilkan pesan dari masyarakat, klik tombol Jawab akan muncul tampilan seperti gambar di bawah ini B a g i a n P D E P a g e 2 6

27 Tanggapan : Diisi jawaban atau tanggapan dari pesan masyarakat Kemudian klik tombol submit. sedangkan untuk menghapus pesan klik tombol Delete 13. Downloads Menu downloads berfungsi untuk mengupload / mengunggah dokumen dalam berbagai format yang bisa didownload / diunduh oleh masyarakat Untuk mengisi menu downloads silahkan klik INPUT DATA akan muncul tampilan berikut ini Keterangan : Diisi keterangan dokumen yang akan diupload Link File : Diisi link dari dokumen, jika dokumen yang akan diupload sudah berada di document sharing website seperti 4shared, ziddu dll (optional) Upload : Untuk mengupload dokument klik tombol Browse 14. Kontak Menu kontak berfungsi untuk memasukkan alamat, nomer telepon atau fax dan SKPD B a g i a n P D E P a g e 2 7

28 Untuk mengisi menu kontak silahkan klik INPUT DATA akan muncul tampilan seperti berikut ini Isi : Diisi dengan alamat, nomer telepon atau fax dan SKPD kemudian klik tombol Submit 15. Logout Menu Logout berfungsi untuk keluar dari halaman administrator website SKPD B a g i a n P D E P a g e 2 8

29 IV. Editing File Gambar File gambar merupakan file yang umum ditemui pada website yang selain berfungsi untuk memperjelas keterangan atau isi website juga berguna untuk memperindah tampilan website. Permasalahan yang sering timbul pada saat upload file gambar terdapat pada ukuran file yang besar sehingga akan memperlambat proses upload bahkan bisa terjadi kegagalan. Salah satu metode untuk memperkecil ukuran file gambar adalah mengubah ukuran dimensi file gambar menjadi lebih kecil. Berikut adalah langkah-langkah untuk mengubah ukuran dimensi file gambar menggunakan program MICROSOFT OFFICE PICTURE MANAGER. METODE I 1. Pastikan program MICROSOFT OFFICE PICTURE MANAGER sudah terinstall, biasanya sudah jadi satu paket dengan program MICROSOFT OFFICE. 2. Cari file gambar yang ada di hardisk / media storage. 3. Klik kanan file gambar yang akan diedit 4. Pilih Open With Microsoft Office Picture Manager B a g i a n P D E P a g e 2 9

30 5. Setelah program Microsoft Office Picture Manager terbuka klik Edit Pictures B a g i a n P D E P a g e 3 0

31 6. Kemudian pilih resize B a g i a n P D E P a g e 3 1

32 7. Pilih Prosentase perubahan ukuaran dimensi gambar sampai ukuran dimensi kurang dari 1000 pixels 8. Klik OK B a g i a n P D E P a g e 3 2

33 9. Kemudian simpan file gambar yang sudah diedit dengan nama baru agar file gambar yang asli tidak terhapus. B a g i a n P D E P a g e 3 3

34 10. Selesai B a g i a n P D E P a g e 3 4

35 METODE II 1. Langkah METODE II sama dengan langkah METODE I point 1 s/d 5 2. Pilih Compress Pictures B a g i a n P D E P a g e 3 5

36 3. Kemudian pilih metode compress pictures sesuai dengan yang diinginkan sampai ukuran file gambar kurang dari 1 Mb (1000 Kb) 4. Selanjutnya Klik OK 5. Simpan file gambar yang sudah diedit seperti langkah pada METODE I point 9 6. Selesai B a g i a n P D E P a g e 3 6