Daftar Isi. 2 P a g e

dokumen-dokumen yang mirip
Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)

Panduan Penggunaan Software Manajemen Surat Online Versi Beta

USER MANUAL SUB PORTAL PUBLIK BUMN

PETUNJUK PENGGUNAAN PANEL MATERI SMKN6 PALEMBANG

Bab IV. HASIL DAN ANALISIS

DAFTAR ISI. Panduan Penggunaan Pengadaan Software Dan Aplikasi E-Planning (User SKPD)

Gambar diatas adalah tampilan Dashboard Admin panel Anda, silahkan masukkan username dan password untuk login.

MODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN

Manual Book Penggunaan CMS. Website Portal Berita Antara Bogor (Untuk Administrator)

PETUNJUK PENGGUNAAN. Web eproc (Frontend)

PETUNJUK PENGGUNAAN SISTEM INFORMASI KURIKULUM 2013

Manual Book Mengisi Konten Website OPD Kota Bogor

BAB IV HASIL DAN PEMBAHASAN

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

DAFTAR ISI. Panduan Penggunaan Pengadaan Software Dan Aplikasi E-Planning (User Kecamatan)

BAB IV HASIL DAN ANALISIS

PETUNJUK PENGGUNAAN SISTEM REGISTRASI NASIONAL USER UMUM

Manual esakip v Pengantar. Hal. 2 / 36

Tampilan Perangkat PC, Laptop, Netbook, Tablet

Manual Penggunaan Sistem Pengeloalaan TBO. Untuk Pokjar, Karunika dan LPBAUSI


PANDUAN PENGGUNA APLIKASI KOMPILASI DATA TIK PROVINSI JAWA BARAT

PROSEDUR PENDAFTARAN & TRY OUT UJI KOMPETENSI VIA APPSKEP

Tim e-journal Undiksha 2013 USER MANUAL

BAB IV HASIL DAN PEMBAHASAN

RISTEKDIKTI PANDUAN PENGISISAN FORM

PANDUAN PENDAFTARAN MENJADI ANGGOTA LOKERNTT (Mohon dibaca dengan teliti)

MANUAL BOOK WEBGIS BAPPEDA KABUPATEN MAHULU JL. JUANDA 2, RT 16 NO 6H SAMARINDA (0541) WEBSITE DEKA.CO.ID WEB & IT SOLUTION.

CARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE

BAB IV IMPLEMENTASI DAN PENGUJIAN. siap untuk dioperasikan. Dalam implementasi pembuatan website Anbiyapedia ini

Instalasi Aplikasi Pada Perangkat Mobile. instalasi aplikasi pada perangkat mobile berbasis android :

ADMIN MANUAL AL-QUR AN WEB

DOKUMENTASI PENGGUNA LPPM ADMINISTRATION CENTRE

MODUL PENGEMBANGAN WEBSITE Fakultas BAHASA DAN SENI UNIVERSITAS NEGERI YOGYAKARTA

MANUAL USER Website KLA

PANDUAN PENGGUNAAN WEBSITE

BAB 4 IMPLEMENTASI DAN PENGUJIAN

BAB 4 IMPLEMENTASI DAN EVALUASI

IMPLEMENTASI DAN ANALISA SISTEM

ELIRA - PTLR USER MANUAL V1.0. Badan Tenaga Nuklir Nasional. layanan.batan.go.id/ptlr/elira PETUNJUK TEKNIS OPERASIONAL

PETUNJUK PENGGUNAAN SISTEM REGISTRASI NASIONAL TIM PENDAFTARAN

MODUL PENGEMBANGAN WEBSITE UNIVERSITAS NEGERI YOGYAKARTA. (Web Fakultas, Program Pascasarjana, & Lembaga Versi Inggris)

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa

BAB IV HASIL DAN PEMBAHASAN. Implementasi ini akan menjelaskan detil Company Profile di SMA

Jurnal SCRIPT Vol. 3 No. 2 Juni 2016 PEMBUATAN SISTEM INFORMASI BERBASIS WEB DI SD ISLAM TERPADU AL-KHAIRAT MENGGUNAKAN PHP DAN MYSQL

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

Daftar Isi. User Manual Website Universitas PGRI Adi Buana Surabaya

PT QWORDS COMPANY INTERNATIONAL

APLIKASI SURAT ONLINE (SURAT ELEKTRONIK)

BAB IV HASIL DAN PEMBAHASAN

MANUAL BLOG STAFF.UNS.AC.ID

KATA PENGANTAR USER MANUAL

PADUAN DASAR Menggunakan dan Mengelola Website. Created by:

PANDUAN. SisPenA S/M. Untuk Sekolah. Sistem Informasi Penilaian Akreditasi Badan Akreditasi Nasional Sekolah / Madrasah

PANDUAN. SisPenA S/M. Untuk Asesor. Sistem Informasi Penilaian Akreditasi Badan Akreditasi Nasional Sekolah / Madrasah

Buku Panduan. Untuk User

MANUAL WEBSITE PROFILE Institut Agama Islam Negeri Walisongo

Achyar Munandar PANDUAN SINGKAT E-LEARNING BAGI MAHASISWA

Mengembangkan Website Berbasis Wordpress

MODUL PELATIHAN PEMASUKAN DATA WEBSITE

MANUAL PENGGUNAAN APLIKASI PELAKU USAHA

KKN SISDAMAS Panduan Penggunaan Blog KKN ( UIN SGD BANDUNG) UIN Sunan Gunung Djati Bandung. Pusat Teknologi Informasi dan Pangkalan Data

Mengelola Bagian Utama Website Sekolah

PANDUAN. SISPENA PAUD dan PNF. Untuk Lembaga. Sistem Informasi Penilaian Akreditasi. Badan Akreditasi Nasional PAUD dan Nonformal

Petunjuk Pemakaian Sistem

DAFTAR ISI... 2 PENJELASAN UMUM... 3 PENJELASAN MENU PADA APLIKASI Menu Login Halaman Awal Menu Diklat Memilih Diklat...

MANUAL BOOK MADANI CMS KOTA SERANG

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

DAFTAR ISI PANDUAN PENGGUNAAN WEB SEKOLAH

PANDUAN SIAT RPM. (Riset dan Pengabdian Kepada Masyarakat) Direktorat Teknologi dan Sistem Informasi UNIVERSITAS PADJADJARAN

USER MANUAL SISTEM INFORMASI MONITORING DAN EVALUASI ELEKTRONIK KABUPATEN BLORA. Panduan bagi Pengguna Aplikasi E-MONEV Kab. Blora

Manual Book : SiJabFung

Teknis Pengelolaan Website Fakultas Universitas Tanjungpura

BUKU MANUAL PENGEMBANGAN SISTEM INFORMASI MANAJEMEN PERENCANAAN PEMBANGUNAN DAERAH

PETUNJUK TEKNIS OPERASIONAL SISTEM INFORMASI TATA PERSURATAN SITP

Pedoman Penggunaan Aplikasi Sistem Informasi Monev (Monitoring dan Evaluasi)

8. Berita Daftar Berita Tambah Berita Pengumuman Daftar Pengumuman Tambah Data Pengumuman Kotak Pesan...

Contents Daftar Member Baru... 1

DAFTAR ISI... i BAB I PENDAHULUAN... 1

PANDUAN. SisPenA S/M. Untuk Asesor. Sistem Informasi Penilaian Akreditasi Badan Akreditasi Nasional Sekolah / Madrasah

Direktorat Sistem Informasi UNAIR Page 1

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

Pengelolaan Website SILHD (Sistem Informasi Lingkungan Hidup Daerah)

MANUAL MANUAL PENGOPERASIAN ADMINISTRATOR WEB KABUPATEN PNPM PISEW

MODUL ADMINISTRATOR WEBSITE SATUAN KERJA PERANGKAT DAERAH (SKPD) PEMERINTAH KABUPATEN KLUNGKUNG

Gambar 4.63 Halaman Jenis Download (buat baru) (Admin)

Petunjuk Penggunaan P3SWOT Online

BAB IV IMPLEMENTASI KARYA. bagian yaitu, header, content, dan footer. Kerangka ini dibuat untuk mengatur


BAB IV HASIL DAN PEMBAHASAN

Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (

Panduan skpd.batamkota.go.id Tahun 2010

KKN TEMATIK. Manual Book Website

BAB V IMPLEMENTASI DAN PENGUJIAN. Perangkat lunak yang digunakan untuk pembuatan website sekolah ini yaitu

GUIDE BOOK BANGSEMAR GERBANG SEMINAR

Gambar Rancangan Layar Halaman Kuis Guru (Langkah Dua)

BAB 4 IMPLEMENTASI DAN EVALUASI. telah di identifikasi pada bab 3, saatnya untuk melakukan implementasi dan Kebutuhan Sumberdaya Aplikasi

Nge Blog menggunakan WordPress. Irwan Ary Dharmawan

SISTEM INFORMASI PEMBANGUNAN DAERAH (SIPD)

Transkripsi:

Daftar Isi A. Spesifikasi Website... 3 1. Spesifikasi Perangkat Lunak... 3 2. Komponen Website... 3 a. Panel Admin... 3 b. Website Utama... 4 B. Komponen Panel Admin... 4 1. Halaman Login... 4 a. Petunjuk mengenai pemulihan password pengguna... 5 2. Halaman Utama Administrator... 8 a. Dashboard... 9 b. Manajemen Halaman... 9 c. Manajemen Berita... 13 d. Manajemen Pengumuman... 15 e. Manajemen Dokumen... 17 e. Manajemen Galeri... 19 f. Manejemen Slider... 21 g. Manajemen Link Bergambar... 22 h. Manajemen Link... 24 i. Manajemen Komentar... 24 j. Manajemen Pesan... 26 k. Manajemen User... 27 l. Manajemen Footer... 29 C. Komponen Website Utama... 31 2 P a g e

A. Spesifikasi Website 1. Spesifikasi Perangkat Lunak Spesifikasi perangkat lunak website majelis pendidikan dasar dan menengah PWM Sumsel antara lain : a. Bahasa Pemrograman yang digunakan : 1) HTML 5 ( Hypert Text Markup Language ) 2) PHP 5.2.9 ( Personal Hypertext Protocol ) 3) Javascript b. Database yang digunakan : 1) MySql c. Framework yang digunakan : 1) CodeIgniter 2) JQuery d. Browser yang digunakan ( tampilan terbaik ) : 1) Google Chrome 24.0 2) Mozilla Firefox 18.0.1 3) Opera 12.02 4) Internet Explorer 9 2. Komponen Website a. Panel Admin Merupakan bagian dari website dengan hak akses khusus. Hanya dapat diakses oleh administrator ataupun pengguna yang telah diberi wewenang khusus. Ditujukan untuk mengatur konten dari website. Dapat diakses melalui website utama atau dengan memasukkan URL secara langsung. 3 P a g e Gambar 1.1 Halaman Panel Admin

b. Website Utama Bagian utama dari website yang menampilkan konten website yang telah di atur oleh admin melalui panel admin. B. Komponen Panel Admin Gambar 1.2 Halaman Website Utama Panel Admin terdiri dari dua bagian utama yaitu Halaman Login dan Halaman Utama Administrator. 1. Halaman Login Komponen dari halaman login : 4 P a g e

Gambar 2.1 Halaman Login Panel Admin Pada halaman ini pengguna diharuskan memasukkan username dan password sebelum memasuki halaman utama panel admininstrator. Setelah sistem melakukan otentikasi dari username dan password pengguna, barulah sistem mengizinkan pengguna untuk masuk ke halaman utama panel admin. Otentikasi diperlukan guna menghindari pengguna yang tidak memiliki hak akses untuk melakukan perubahan terhadap konten dari website. Bagi pengguna yang lupa password, pengguna dapat menekan link Lupa Password?. Link ini akan menuju halaman pemulihan password yang berfungsi untuk mengirim ulang password dari pengguna tersebut. a. Petunjuk mengenai pemulihan password pengguna Berikut ini tampilan yang akan ditampilkan oleh sistem jika pengguna menekan link Lupa Password?. 5 P a g e

Gambar 2.2 Halaman Pemulihan Password Pada halaman pemulihan password, pengguna diharuskan memasukkan email pengguna yang valid. Email tersebut adalah email yang digunakan oleh pengguna sewaktu melakukan registrasi hak guna website. Setelah memasukkan email yang valid, tekan tombol kirim kueri/ tombol yang ada disebelah form input email. Jika pengguna memasukkan email yang valid ke dalam sistem, sistem akan menampilkan halaman konfirmasi pemulihan password. Halaman pemulihan password menampilkan data pengguna yang terkait dengan email yang dimasukkan sebelumnya. Tekan tombol lanjutkan untuk melakukan pemulihan password. 6 P a g e

Gambar 2.3 Halaman Konfirmasi Pemulihan Password Setelah itu sistem akan mengirimkan email yang berisi password kepada pengguna. Pengguna dapat menggunakan password tersebut untuk masuk ke dalam halaman utama panel administrator. Gambar 2.4 Contoh email yang dikirimkan oleh sistem 7 P a g e

2. Halaman Utama Administrator Halaman Utama Administrator hanya dapat di akses jika pengguna memasukkan username dan password dengan benar di halaman login admin. Halaman utama administrator terdiri dari berbagai komponen yaitu menu, halaman menu, status pengguna, shortcut dan dashboard. Melalui halaman ini pengguna dapat melakukan perubahan konten website utama. Gambar 2.5 Halaman Utama Panel Admin ( Dashboard ) Keterangan dari masing-masing komponen pada gambar : a. Dashboard Menampilkan statistic dari website seperti jumlah halaman yang di buat, jumlah berita yang di posting dan sebagainya. Hal penting yang wajib diperhatikan oleh administrator adalah bagian Komentar yaitu total komentar yang belum dibaca dan total komentar yang belum dibalas, dan bagian pesan yaitu pesan yang telah dibaca dan pesan yang belum dibalas. Administrator diharapkan membaca dan membalas pesan dan komentar dari pengunjung website. b. Shortcut Shortcut merupakan jalan pintas yang digunakan untuk mengakses halaman tertentu secara cepat. 8 P a g e

c. Sidebar Menu Merupakan navigasi utama panel admin untuk mengakses halaman menu. Terdiri dari 13 menu utama yang akan dijelaskan kemudian. d. Status Pengguna Menampilkan username dari pengguna serta level akses dari user tersebut. e. Log out Digunakan untuk keluar dari halaman utama panel admin dan menuju halaman login. Pengguna diharapkan tidak lupa menekan tombol log out setelah selesai bekerja di panel admin. Berikut ini merupakan penjelasan mengenai 13 menu yang terdapat di panel admin. 1. Dashboard Gambar 2.6 Menu Dashboard Menu dashboard digunakan untuk mengembalikan halaman website ke halaman dashboard. Seperti dijelaskan sebelumnya, dashboard berisi statistic konten web secara ringkas. Selain menampilkan statistic web, dashboard juga menampilkan shortcut menu. 2. Manajemen Halaman Digunakan untuk mengelola halaman mulai dari buat, edit maupun hapus. Terdiri dari dua submenu yaitu Buat Halaman Baru dan List Daftar Halaman. Berikut penjelasan dari masingmasing submenu. 9 P a g e

a. Buat Halaman Baru Submenu ini akan menampilkan halaman untuk membuat halaman baru pada website utama. Terdiri dari beberapa form input yang harus diisi oleh pengguna. Gambar 2.7 Input Data Halaman Baru Berikut penjelasan dari masing-masing form input. 1. Posisi Menu Mempengaruhi posisi menu dari halaman yang dibuat saat ditampilkan di website utama. Pilih posisi menu atas jika ingin menampilkan menu halaman pada menu atas dan pilih posisi menu samping jika ingin menampilkan menu halaman pada menu samping pada website utama. Form ini wajib diisi. 10 P a g e

Gambar 2.8 Posisi Menu 2. Submenu Mempengaruhi posisi dari menu. Berpengaruh jika pengguna sebelumnya memilih posisi menu atas. Terdiri dari dua pilihan yaitu Parent dan Bukan Parent. Jika memilih Parent, maka menu akan tampil paling atas ( bukan submenu dari menu yang lain ). Jika memilih selain Parent maka menu menjadi submenu dari menu yang lain. Form ini wajib diisi. Gambar 2.9 Posisi Submenu 11 P a g e

3. Judul Merupakan Judul dari halaman yang akan dibuat. Judul juga akan menjadi nama link dari halaman. Seperti Gambar 2.9 (bagian yang dilingkar merah), Terdapat halaman yang memiliki judul Lorem Ipsum. Form ini wajib diisi. 4. Isi Merupakan text editor yang digunakan untuk melakukan input terhadap isi halaman. Form ini wajib diisi. 5. Gambar Digunakan untuk menambahkan gambar pada halaman yang akan di buat. Format gambar yang diizinkan adalah Jpg, Jpeg, Gif dan Png. Form ini Tidak Wajib untuk diisi. 6. Dokumen Digunakan untuk menambahkan file / dokumen / attachment pada halaman yang akan dibuat. Format file yang diizinkan adalah doc, docx, rtf, xls, xlsx, ppt, pptx, txt dan pdf. Form ini Tidak Wajib diisi. 7. Tanggal Buat Otomatis terisi. Berisi tanggal buat dari halaman tersebut. Form ini tidak dapat diubah. b. List Daftar Halaman Gambar 2.10 List Daftar Halaman Terdiri dari beberapa komponen penting yaitu : a. Insert New Record Shortcut untuk membuat halaman baru. 12 P a g e

b. Tombol Edit Tombol yang akan menuju halaman edit halaman. Halaman edit digunakan untuk mengubah data halaman yang telah dibuat sebelumnya. c. Tombol Delete Digunakan untuk menghapus data yang telah dibuat sebelumnya. Setelah data dihapus data tidak dapat dikembalikan. d. Tabel Data Merupakan tabel yang menampilkan data-data yang telah dibuat oleh pengguna. 3. Manajemen Berita Digunakan untuk mengelola berita mulai dari buat, edit maupun hapus. Terdiri dari dua submenu yaitu Buat Berita Baru dan List Daftar Berita. Berikut penjelasan dari masing- masing submenu. a. Buat Berita Baru Gambar 2.11 Buat Berita Baru Terdiri dari beberapa komponen utama, yaitu : 1. Judul Berita Merupakan judul dari berita yang akan dibuat. Form ini wajib untuk diisi. 13 P a g e

2. Isi Berita Merupakan isi dari berita yang akan dibuat. Form ini wajib untuk diisi 3. Gambar Jika ingin menambahkan gambar pada berita yang akan diposting, pengguna dapat menguploadnya di sini. Format yang diizinkan adalah jpeg, jpg, gif dan png. Form ini tidak wajib diisi. 4. Dokumen Jika ingin menambahkan dokumen/attachment pada berita yang akan dibuat, pengguna dapat menguploadnya disini. Format yang diizinkan adalah doc,docx,xls,xlsx,ppt,pptx, pdf,rtf dan txt. Form ini Tidak Wajib untuk diisi. 5. Opsi Tampil di Halaman Utama Opsi ini merupakan pilihan Ya dan Tidak. Untuk menentukan apakah berita yang dibuat akan ditampilkan dihalaman utama website utama atau tidak. Secara default berita yang dibuat akan ditampilkan di halaman utama website utama. 6. Tanggal Merupakan tanggal buat dari berita yang diposting. Otomatis terisi dan pengguna tidak dapat melakukan perubahan terhadap form ini. b. List Daftar Berita Gambar 2.12 List Daftar Berita Terdiri dari beberapa komponen utama yaitu: 1. Insert New Record Digunakan jika pengguna hendak menambahkan berita baru. 14 P a g e

2. Tombol Edit Digunakan untuk melakukan perubahan terhadap data yang telah dibuat sebelumnya. 3. Tombol Delete Digunakan untuk menghapus data. Data yang dihapus tidak dapat dikembalikan. 4. Tabel Data Menampilkan list daftar berita yang telah diposting sebelumnya. Klik judul berita untuk melihat preview dari berita tersebut. 4. Manajemen Pengumuman Digunakan untuk mengelola pengumuman mulai dari buat, edit maupun hapus. Terdiri dari 2 submenu yaitu Buat Pengumuman Baru dan List Daftar Pengumuman. Berikut ini akan dijelaskan mengenai masing-masing submenu tersebut. a. Buat Pengumuman Baru 15 P a g e Gambar 2.13 Baru Pengumuman Baru

Komponen-komponen dari buat pengumuman baru adalah : 1. Judul Pengumuman Merupakan Judul dari pengumuman yang akan dibuat. Form ini wajib diisi. 2. Isi Pengumuman Isi dari pengumuman yang akan dibuat. Form ini wajib diisi. 3. Upload Gambar Jika ingin menambahkan gambar pada pengumuman yang akan dibuat, maka dapat ditambahkan melalui form ini. Gambar yang dapat diupload haruslah memiliki format jpeg, jpg, png dan gif.form ini bersifat opsional, tidak wajib diisi. 4. Upload Dokumen Jika ingin menambahkan file/dokumen/attachment pada pengumuman yang akan dibuat, maka dapat ditambahkan melalui form ini. Dokumen yang dapat diupload haruslah memiliki format doc, docx, xls, xlsx, ppt, pptx, pdf, rtf dan txt. Bersifat opsional, tidak wajib diisi. 5. Tanggal & Waktu Menandakan jam dan waktu pengumuman tersebut dibuat. Otomatis terisi dan tidak dapat diubah-ubah. b. List Daftar Pengumuman 16 P a g e Gambar 2.14 List Daftar Pengumuman

Terdiri dari beberapa bagian yang harus diperhatikan. Antara lain : a. Insert New Button Tombol tersebut digunakan jika ingin menambahkan pengumuman baru. Jika ditekan, akan mengarahkan pada halaman Buat Pengumuman Baru. b. Edit Tombol ini digunakan jika ingin mengubah konten/isi dari pengumuman yang telah dibuat. c. Delete Digunakan jika ingin menghapus pengumuman yang telah dibuat. Data akan dihapus permanen, jika terhapus data tidak dapat dikembalikan. d. Judul Pengumuman Merupakan judul dari pengumuman tersebut. Jika di klik, akan mengarah pada preview pengumuman. 5. Manajemen Dokumen Digunakan untuk mengelola dokumen yang dapat didownload oleh pengunjung website. Pengelolaan ini mencakup buat, edit maupun hapus. Terdiri dari dua submenu yaitu upload dokumen baru dan list daftar dokumen. a. Upload Dokumen Baru Gambar 2.15 Upload dokumen baru 17 P a g e

Berikut komponen dari halaman upload dokumen baru : 1. Judul Dokumen Merupakan judul dari dokumen yang akan diupload. Form ini wajib diisi. 2. Deskripsi Dokumen Merupakan deskripsi dari dokumen yang diupload. Form ini tidak wajib diisi. 3. Upload Dokumen Tempat melakukan upload dokumen. Dokumen yang dapat diupload adalah yang memiliki format doc, docx, xls, xlsx, ppt, pptx, pdf, rtf dan txt. 4. Tanggal buat/upload Merupakan keterangan kapan dokumen tersebut diupload. Otomatis terisi dan tidak dapat diubah. b. List Daftar Dokumen Gambar 2.16 List Daftar Dokumen Berikut penjelasan dari masing-masing komponen list daftar komponen: 1. Insert New Record Digunakan jika ingin melakukan upload dokumen baru. Akan mengarahkan pada halaman input dokumen baru. 2. Edit Digunakan jika ingin melakuka perubahan terhadap data dokumen yang telah diupload. 3. Delete Digunakan jika ingin menghapus permanen data dokumen yang telah diupload. 4. Judul dokumen Merupakan judul/label dari dokumen yang diupload. Klik judul dokumen jika ingin melihat halaman preview dari dokumen tersebut. 18 P a g e

6. Manajemen Galeri Berfungsi sebagai pusat pengelolaan terhadap galeri gambar pada website utama. Tiap gambar tergabung dalam satu album gambar. Terdiri dari 2 submenu yaitu Buat Album Baru dan List Daftar Album. a. Buat Album Baru Gambar 2.17 Buat Album Baru Digunakan untuk menambahkan album gambar yang baru. Terdiri dari dua komponen yaitu 1. Nama Album Merupakan nama dari album yang akan dibuat. Form ini wajib diisi. 2. Deskripsi Merupakan deskripsi singkat dari album gambar yang dibuat. 19 P a g e

b. List Daftar Album Gambar 2.18 List Daftar Album Terdiri dari beberapa bagian yaitu : 1. Insert New Record Digunakan jika ingin membuat/menambahkan albumgambar yang baru. 2. Edit Digunakan jika ingin melakukan perubahan terhadap data album. 3. Delete Digunakan untuk menghapus album beserta gambar yang terdapat dalam album tersebut. 4. Info Menampilkan info dari album tersebut. 5. Tambah Gambar Menambahkan Gambar pada album. 6. Nama Album Merupakan nama dari album tersebut. Jika diklik akan menampilkan daftar gambar pada album tersebut. 20 P a g e

Gambar 2.19 Daftar Gambar Pada Suatu Album Komponen pada gambar diatas yang perlu diperhatikan adalah : 1. Insert New Record Digunakan untuk menambahkan gambar pada album tersebut. 2. Edit Gambar Melakukan perubahan data gambar yang telah di upload pada album tersebut. 3. Hapus Gambar Menghapus permanen data berikut gambar dari album tersebut. 7. Manejemen Slider Berfungsi untuk melakukan pengelolaan slider gambar pada website utama. Slider merupakan kumpulan gambar bergerak yang terdapat pada bagian atas website utama. Manajemen Slider terdiri dari dua submenu yaitu Input Gambar Baru dan List Daftar Gambar. a. Input Gambar Baru 21 P a g e Gambar 2.20 Input Gambar Baru Slider

Merupakan halaman untuk menambahkan/mengupload gambar baru. Gambar harus berukuran 920 x 220 pixel. Jika pengguna mengupload gambar yang tidak sesuai ukuran, maka hal tersebut akan merusak penampilan dari website utama. b. List Daftar Gambar Gambar 2.21 List daftar gambar slider Komponen penting pada halaman ini adalah Insert New Record untuk menambahkan gambar baru dan tombol Delete untuk menghapus gambar yang telah diupload secara permanen. 8. Manajemen Link Bergambar Berfungsi untuk melakukan pengelolaan link bergambar (banner) yang terdapat pada website utama. Link bergambar ditambahkan jika website terkait memiliki afiliasi / kerjasama terhadap website lain. Terdiri dari dua submenu yaitu Input Link Baru dan List Link Bergambar. 22 P a g e

a. Input link baru Gambar 2.22 Menambahkan Link Bergambar Terdapat beberapa komponen yang harus diperhatikan di halaman ini yaitu 1. Form Upload Gambar Digunakan untuk mengupload gambar dari link. Ukuran gambar harus memiliki lebar 178 pixel. 2. Form URL Pengguna diharuskan memasukkan format url / alamat situs dengan benar. Contoh : http://www.namasitus.com. b. List link bergambar Gambar 2.23 List daftar Link Bergambar Berikut masing-masing penjelasan dari gambar di atas : 1. Insert New Record Digunakan untuk menambahkan link bergambar yang baru. 23 P a g e

2. Edit Digunakan untuk melakukan perubahan terhadap data yang telah dimasukkan sebelumnya. 3. Delete Digunakan untuk menghapus data secara permanen. 9. Manajemen Link Memiliki fungsi untuk mengelola link afiliasi/ kerjasama dengan website lain. Memiliki fungsi yang sama dengan link bergambar tetapi tidak menyertakan gambar/banner dari link afiliasi. Manajemen Link terbagi atas dua submenu yaitu Input Link Baru dan List Link. a. Input Link Baru Halaman untuk menambahkan link baru. Hanya memiliki satu komponen yaitu input form URL. Pengguna harus memasukkan format url yang tepat pada form ini. Contoh : http://www.google.com. b. List Link Berisi daftar link yang telah diinputkan oleh pengguna. Terdapat dua komponen penting yaitu Insert New Record untuk menambahkan link baru dan Delete untuk menghapus link yang telah diinput sebelumnya. 10. Manajemen Komentar Berkaitan dengan pengelolaan komentar-komentar dari pengunjung website utama. Terdiri dari satu submenu yaitu list komentar. a. List Komentar Gambar 2.24 List daftar Komentar 24 P a g e

Berikut ini komponen penting yang harus diperhatikan dari gambar diatas: 1. Delete Komentar Digunakan untuk menghapus komentar. 2. Baca Jika tertulis YA maka komentar tersebut telah dibaca oleh admin. Komentar yang belum dibaca akan memiliki latar berwarna merah. 3. Balas Jika Tertulis YA maka komentar tersebut telah dibalas oleh admin. Komentar yang belum dibalas memiliki latar hijau. 4. Tampil Jika Tertulis YA maka komentar tersebut ditampilkan di halaman website utama. Komentar yang tidak ditampilkan memiliki latar berwarna biru. 5. Status Berisi informasi nama pengunjung website serta artikel/berita yang dikomentarinya. Jika diklik, akan menampilkan halaman detail dari komentar tersebut. Gambar 2.25 Halaman Detail Komentar 25 P a g e

11. Manajemen Pesan Memiliki fungsi untuk melakukan pengelolaan terhadap pesan yang dikirimkan oleh pengunjung website utama. Terdiri dari satu submenu yaitu List Pesan. a. List Pesan Gambar 2.26 List Daftar Pesan Berikut ini komponen penting yang harus diperhatikan dari gambar diatas: 1. Delete Pesan Digunakan untuk menghapus pesan. 2. Baca Jika tertulis YA maka pesan tersebut telah dibaca oleh admin. Pesan yang belum dibaca akan memiliki latar berwarna merah. 3. Balas Jika Tertulis YA maka pesan tersebut telah dibalas oleh admin. Pesan yang belum dibalas memiliki latar hijau. 4. Tampil Jika Tertulis YA maka pesan tersebut ditampilkan di halaman website utama. pesan yang tidak ditampilkan memiliki latar berwarna biru. 5. Status Berisi informasi nama pengunjung website yang mengirimkan pesan ke administrator. Jika diklik, akan menampilkan halaman detail dari pesan tersebut. 26 P a g e

Gambar 2.27 Detail Pesan 12. Manajemen User Manajemen User berfungsi untuk mengelola user ( pengguna ) dari halaman panel administrator. Terdiri dari dua submenu yaitu Tambah User dan Manajemen User. a. Manajemen User Gambar 2.28 Manajemen User Submenu Manajemen User berisi daftar user yang telah diinput/ditambahkan sebelumnya. Terdapat beberapa komponen yang perlu diperhatikan, antara lain : 27 P a g e

1. Insert New Record Tombol ini berfungsi untuk membawa pengguna ke halaman Tambah User yang berfungsi untuk menambahkan user baru. 2. Update Berfungsi untuk melakukan perubahan terhadap data yang telah dimasukkan sebelumnya. 3. Delete Berfungsi untuk menghapus data yang telah dimasukkan sebelumnya. 4. Detail Menampilkan data user secara lengkap. 5. Aktivasi Terdapat dua jenis opsi dalam aktivasi yaitu aktif dan tidak aktif. Jika status aktivasi tidak aktif, maka pengguna yang bersangkutan tidak dapat melakukan login ke admin panel. b. Tambah User 28 P a g e Gambar 2.29 Menambah User

Pada halaman ini pengguna diharuskan mengisi form yang tersedia. Pengguna harus memasukkan format email dengan benar dan kedua password yang diinputkan haruslah sama. Setelah semua data terisi, pengguna menekan Simpan untuk menyimpan data yang dimasukkan sebelumnya. 13. Manajemen Footer Merupakan fungsi untuk melakukan perubahan data footer pada website utama. Footer terdapat pada bagian bawah website utama yang menampilkan data dan alamat dari organisasi/instansi pemilik website. Gambar 2.30 Footer pada website utama Pengguna dapat memasukkan tag HTML untuk memberikan style pada footer. Contoh Tag HTML antara lain Tag HTML <b>.</b> <u> </u> <br/> Fungsi Memberikan efek tulisan tebal Memberikan efek garis bawah Memberikan spasi satu baris 29 P a g e

30 P a g e Gambar 2.31 Pengaturan Footer

3. Komponen Website Utama Website utama merupakan halaman website yang menampilkan seluruh data website baik gambar dan informasi kepada pengunjung website. Berbeda dengan panel admin yang memiliki batasan hak akses, website utama dapat di akses oleh siapa saja. Berikut komponen dari website utama : 1. Komponen Header ( Kepala ) Gambar 3.1 Komponen Header Website Berikut penjelasan dari masing-masing komponen : a. Header Merupakan kepala website. Menampilkan slider gambar serta logo dan nama instansi pemilik website. b. Menu Header Menu ini terletak di pojok kanan atas website. Terdapat dua menu yaitu Login dan Kontak kami. Menu login berguna untuk menuju halaman panel admin. Kontak kami berfungsi membawa pengguna ke halaman pesan untuk admin. c. Menu Atas Merupakan menu-menu halaman yang sebelumnya telah dibuat di halaman panel admin. Menu ini berkaitan dengan Manajemen Halaman pada panel admin. 31 P a g e

d. Slider Merupakan gambar yang bergerak yang terdapat pada header website. Slider berkaitan dengan Manajemen Slider pada panel admin. e. Navigator Slider Merupakan menu navigasi untuk mengontrol slider. 2. Komponen Badan Gambar 3.2 Komponen Body(Badan) Website Berikut penjelasan dari masing-masing komponen : a. News Ticker Menampilkan judul-judul dari artikel/berita terbaru yang telah dibuat/diposting oleh admin. b. Panel Pengumuman Menampilkan judul-judul dari pengumuman terbaru yang diposting/dibuat oleh admin. Berkaitan dengan Manajemen Pengumuman pada panel admin. c. Panel Download Menampilkan judul dari dokumen yang dapat diunduh oleh pengunjung website. Berkaitan dengan Manajemen Dokumen pada panel admin. d. Panel Banner Link Menampilkan logo gambar dari link website partner/afiliasi. Berkaitan dengan Manajemen Link Bergambar pada panel admin. 32 P a g e

e. Panel Link Menampilkan link/url dari website partner/afiliasi. Berkaitan dengan Manajemen Link pada panel admin. f. Panel Kategori Menampilkan tiga buah menu yang menampilkan daftar sekolah sesuai dengan tingkatan SMA, SMP atau SD. g. Panel Menu Utama Merupakan menu utama dari website yang digunakan untuk navigasi antar halaman. Berkaitan dengan Manajemen Halaman pada panel admin. h. Ulasan Berita/Artikel Merupakan ulasan dari artikel/berita terbaru yang dibuat/diposting oleh admin. 3. Komponen Footer Gambar 3.3 Komponen Footer Footer menampilkan alamat lengkap dari instansi pemilik website. Bagian footer ini dapat diubah melalui menu Manajemen Footer pada panel admin. 33 P a g e