Daftar Isi A.
Spesifikasi Website .......................................................................................................................... 3 1.
Spesifikasi Perangkat Lunak ......................................................................................................... 3
2.
Komponen Website ..................................................................................................................... 3
B.
a.
Panel Admin............................................................................................................................. 3
b.
Website Utama ........................................................................................................................ 4
Komponen Panel Admin .................................................................................................................. 4 1.
Halaman Login ............................................................................................................................. 4 a.
2.
C.
Petunjuk mengenai pemulihan password pengguna ................................................................. 5 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
Komponen Website Utama ............................................................................................................ 31
2|P ag 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.
Gambar 1.1 Halaman Panel Admin 3|P ag e
b. Website Utama Bagian utama dari website yang menampilkan konten website yang telah di atur oleh admin melalui panel admin.
Gambar 1.2 Halaman Website Utama
B. Komponen Panel Admin Panel Admin terdiri dari dua bagian utama yaitu Halaman Login dan Halaman Utama Administrator.
1. Halaman Login Komponen dari halaman login :
4|P ag 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 ag 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 ag 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 ag 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 ag 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 ag 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
Gambar 2.13 Baru Pengumuman Baru 15 | P a g e
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
Gambar 2.14 List Daftar Pengumuman 16 | P a g e
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
1. 2. 3.
4.
Berikut komponen dari halaman upload dokumen baru : Judul Dokumen Merupakan judul dari dokumen yang akan diupload. Form ini wajib diisi. Deskripsi Dokumen Merupakan deskripsi dari dokumen yang diupload. Form ini tidak wajib diisi. Upload Dokumen Tempat melakukan upload dokumen. Dokumen yang dapat diupload adalah yang memiliki format doc, docx, xls, xlsx, ppt, pptx, pdf, rtf dan txt. 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
1.
2. 3. 4.
Berikut penjelasan dari masing-masing komponen list daftar komponen: Insert New Record Digunakan jika ingin melakukan upload dokumen baru. Akan mengarahkan pada halaman input dokumen baru. Edit Digunakan jika ingin melakuka perubahan terhadap data dokumen yang telah diupload. Delete Digunakan jika ingin menghapus permanen data dokumen yang telah diupload. 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
Gambar 2.20 Input Gambar Baru Slider 21 | P a g e
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
Gambar 2.29 Menambah User 28 | P a g e
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
……. ……
29 | P a g e
Fungsi Memberikan efek tulisan tebal Memberikan efek garis bawah Memberikan spasi satu baris
Gambar 2.31 Pengaturan Footer
30 | P a g e
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
