31 BAB IV PEMBAHASAN A. Gambaran Umum Aplikasi Berdasarkan observasi, wawancara, dan data-data yang diperoleh, maka pembuatan website profil SDN Pacar sewon bantul ini menitikberatkan pada aspek pendidikan dan informasi. Hal ini ditunjukkan dengan adanya beberapa artikel yang berguna bagi para siswa untuk lebih mengembangkan pengetahuannya. Dan juga, dalam web profil ini memberikan informasi sedetail mungkin tentang hal-hal yang berkaitan dengan pendidikan di SDN pacar Sewon bantul. Dengan pertimbangan pada kemudahan pembuatan, kemudahan dalam manajemen isi, dan keamanan datanya, maka pembuatan web profil SDN Pacar ini menggunakan Content Management System (CMS) Joomla_15.2 Stable-Full_Package sebagai dasar sistemnya dengan penambahan modul-modul dan komponen-komponen sesuai kebutuhan dari SDN Pacar
51
Embed
BAB IV - vreffendi.files.wordpress.com · Web viewSistem operasi yang digunakan dalam pembuatan web profil SDN Pacar ini adalah Microsoft Windows XP SP3. ... Perbedaannya terlihat
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
31
BAB IV
PEMBAHASAN
A. Gambaran Umum Aplikasi
Berdasarkan observasi, wawancara, dan data-data yang diperoleh, maka
pembuatan website profil SDN Pacar sewon bantul ini menitikberatkan pada
aspek pendidikan dan informasi. Hal ini ditunjukkan dengan adanya beberapa
artikel yang berguna bagi para siswa untuk lebih mengembangkan
pengetahuannya. Dan juga, dalam web profil ini memberikan informasi sedetail
mungkin tentang hal-hal yang berkaitan dengan pendidikan di SDN pacar Sewon
bantul.
Dengan pertimbangan pada kemudahan pembuatan, kemudahan dalam
manajemen isi, dan keamanan datanya, maka pembuatan web profil SDN Pacar
ini menggunakan Content Management System (CMS) Joomla_15.2 Stable-
Full_Package sebagai dasar sistemnya dengan penambahan modul-modul dan
komponen-komponen sesuai kebutuhan dari SDN Pacar
B. Identifikasi Kebutuhan Perangkat Keras (Hardware)
Spesifikasi hardware yang digunakan dalam perancangan dan pembuatan
website SDN Pacar adalah:
a. Processor Intel PentiumT4200 2,0GHz.
b. RAM 1GB DDR3.
c. VGA intel GMA4500M.
d. SoundCard Onboard.
32
e. Harddisk Drive 250 GB.
f. DVD-RW.
g. Printer cannon IP100.
C. Identifikasi Kebutuhan Perangkat Lunak (Software)
Perangkat lunak yang digunakan untuk membangun sistem aplikasi
web profil SDN Pacar adalah sebagai berikut :
1. Perangkat Media Simpan Data
Proses pembuatan aplikasi web profil SDN Pacar pada media simpan data
menggunakan MySQL, karena mempunyai kapasitas simpan yang cukup
besar, berjalan baik pada website.
2. Perancangan Aplikasi Desain
Untuk mempermudah proses pembuatan desain dan layout pada banner dan
template maka kami gunakan aplikasi Adobe Photoshop CS3 dan
macromedia dreamweaver 8. Software ini merupakan tools pembuat desain
interface dan web editor yang baik.
3. Perancangan Pembuat Aplikasi
Aplikasi yang digunakan untuk membuat website profil ini adalah CMS
Joomla! Versi 2.0. Dan sebagai web servernya, digunakan XAMPP server.
4. Sistem Operasi
Sistem operasi yang digunakan dalam pembuatan web profil SDN Pacar ini
adalah Microsoft Windows XP SP3.
33
5. Browser
Pada pembuatan web profil SDN Pacar ini, menggunakan browser Mozilla
Firefox 3.0.15.
D. Aturan bisnis dalam web profil
Aturan bisnis di web profil ini adalah mengenai siapa saja yang berperan
aktif dalam menggunakan web profil, yaitu :
1. User
User berperan sebagai pengunjung seperti siswa, guru,orang tua /wali siswa
dan pihak luar sekolah yang ingin melihat dan mengunjungi web profil secara
umum.
Masing-masing user memiliki perbedaan kebutuhan terhadap web profil ini yaitu :
a. Siswa : informasi tentang kalender akademik, prestasi-prestasi apa saja yang
telah dicapai sekolah, dan galeri foto.
b. Guru : informasi tentang data- data guru, forum antar guru / karyawan,galeri
foto dan semua profil tentang sekolah.
c. Pihak luar sekolah : informasi tentang pr0fil sekolah yang terdiri dari
Visi/misi, fasilitas,prestasi.
d. Orangtua/wali siswa : informasi even kalender akademik agar dapat
mengetahui kesiatan siswa-siswinya disekolah.
34
2. Admin
Admin berperan sebagai administrator seperti guru, Kepala Sekolah SDN
Pacar tugasnya untuk mengedit atau mengupload artikel, merancangan dan
mengimplementasi Pembangunan Web apakah akan alur kerja web tersebut akan
berjalan dengan baik atau tidak, dan mendefinisikan struktur kerangka tampilan
website serta posisi letak dari komponen-komponen dan modul website yang ada
pada web profil itu sendiri.
35
E. Rancangan Tabel Database
Pada perancangan Database ini tidak akan menampilkan keseluruhan table
dalam database joomla CMS, akan tetapi hanya menampilkan racangan table dari
modul yang akan dibuat yakni modul data guru dan karyawan.
Berikut ini adalah spesifikasi table untuk pembuatan modul data guru dan
karyawan .
Tabel ini digunakan untuk menyimpan data-data guru dan karyawan SDN
Pacar.
Table 4. jos_data_guru
Field Tipe Data
Id int(11)
Nip varchar(50)
Nama varchar(50)
Jabatan varchar(255)
Alamat varchar(100)
Telepon Text
Status int(11)
36
F. Perancangan dan Implementasi Pembangunan Web
Pada tahap perancangan dan pembuatan web menggunakan CMS berbeda
dengan pembuatan web pada umumnya. Dengan CMS tidak perlu membuat
rancangan proses, rancangan database dan lain sebagainya, karena CMS
merupakan aplikasi siap pakai sehingga seorang web master cukup merancang
tampilan User Interface, serta me-manage Content (isi) sesuai dengan kebutuhan
sistem yang akan dibangun. Untuk menambah atau mengurangi fasilitas situs
yang perlu dilakukan adalah tahap install dan uninstall component atau modul.
Karena dalam CMS, penambahan atau pengurangan component dan modul tidak
berpengaruh terhadap isi website secara keseluruhan.
1. Analisa Kebutuhan yang diinginkan User.
Dengan kondisi SDN Pacar ketika melakukan Kerja Praktik (KP), maka
sesuai dengan latar belakang masalah dan rumusan masalah, maka penulis
berupaya membuat sebuah media online sebagai sarana pengenalan profil SDN
Pacar serta penyampaian beritanya kepada kalangan umum yaitu sebuah web
profil SDN Pacar. Web tersebut memiliki navigasi menu standar sehingga seluruh
pengunjung dapat melihat informasi yang dibutuhkannya. Berikut isi dari menu
utama (main menu) dari web SDN Pacar :
a. Profil Sekolah,berisikan tentang profil umum SDN Pacar secara
keseluruhan terdiri dari :
1) Visi, berisi tentang visi dari SDN pacar itu sendiri
2) Sejarah, berisi tentang sejarah berdirinya SDN pacar dan para
pendiri SDN Pacar itu sendiri.
3) Tujuan, berisikan tentang misi dari SDN Pacar.
37
4) Fasilitas, pemberitahuan kepada khalayak fasilitas- fasilitas apa
saja yang ada di SDN pacar.
5) Prestasi, berisikan tentang prestasi apa saja yang telah di ukir
oleh peserta didik SDN Pacar.
6) Kerjasama, berisi tentang kerjasama SDN pacar untuk
menunjang dalam proses belajar mengajar.
7) Pengelola, pengelola dari SDN Pacar.
b. Kalender Akademik, berisikan berita terbaru mengenai informasi
SDN Pacar.
c. Galery Photo, Menyediakan Photo-photo kegiatan SDN Pacar yang
bisa dilihat oleh User .
d. Data Guru, berisikan data-data guru lengkap dengan alamat.
e. Forum, digunakan untuk saling bertukar pendapat .
f. Buku Tamu, Fasilitas ini digunakan untuk daftar para pengunjung
website. Pengunjung dapat mengisi pesan singkat dengan memasukkan
nama, email, dan juga dapat melakukan polling secara langsung.
g. Download, berisikan file-file informasi dan materi sekolah yang diberi
fasilitas untuk bisa mendownload file tersebut supaya siswa/i, masyarakat,
dan pihak sekolah bisa mendapatkan file tersebut dengan mudah.
h. Pencarian, Salah satu fasilitas yang dimiliki oleh sebuah halaman web
adalah halaman pencarian. Dengan fasilitas ini, pencarian kata akan lebih
mudah dilakukan.
i. Polling,salah satu fasilitas yang digunakan untuk ajang jajak pendapat.
38
2. Rancangan Tampilan website.
Pada rancangan tampilan website ini, didefinisikan struktur kerangka
tampilan website serta posisi letak dari komponen-komponen dan modul website
yang ada. Berikut kerangka tampilan website SDN Pacar yang dibangun :
Gambar 3. Kerangaka website SDN Pacar
39
Pada kerangka tampilan yang telah dibuat didefinisikan beberapa area yang
akan digunakan pada tampilan layout sebagai berikut :
a. Gambar Header.
Di bagian ini diletakkan gambar SDN Pacar sebagai identitas dari website
ini merupakan hal penting yang seiring kali pertama dilihat oleh
pengunjung. Jadi header tersebut dibuat sedemikian rupa sehingga
tampilannya mampu menarik perhatian pengunjung. Terletak di posisi
paling atas dalam sebuah halaman web.
b. Info Terbaru
Di bagian ini berisi info-info terbaru yang diisi oleh admin dan akan tampil
bergantian pada saat pengunjung melakukan pergantian halaman atau me-
refresh halaman.
c. Menu dan Modul.
Di bagian ini diletakkan menu navigasi dan addons (modul dan komponen
tambahan) yang dipasangkan pada website ini.
d. Login
Fasilitas ini digunakan untuk identifikasi pengguna. Pengguna dapat
melakukan pendaftaran apabila belum menjadi anggota, atau dapat
langung login dengan memasukkan nama pengguna dan password apabila
telah terdaftar. Dalam halaman login ini, system juga dapat melakukan
pengingatan kepada pengguna apabila lupa dengan passwordnya. Dengan
cara memasukkan nama pengguna dan alamat email yang telah
dicantumkan pada saat pendaftaran awal.
40
e. Link Berita/Info Terbaru.
Di bagian ini berisi link-link terhadap berita-berita yang baru di upload
oleh admin.
f. Populer Link.
Di bagian ini berisi link-link berita atau info yang paling sering dilihat oleh
user.
g. Content Utama.
Bagian ini digunakan untuk meletakkan dan menampilkan content (isi)
dari website.
h. Polling
Di dalam web profil ini terdapat fasilitas dimana pengunjung dapat
memilih jawaban dari beberapa opsi yang diberikan sesuai dengan jenis
pertanyaan yang diberikan. Fasilitas ini dapat digunakan tanpa harus
terdaftar sebagai anggota.
i. Kalender
Pemberitahuan tanggal ini merupakan hal penting, karena setiap kali kita
browsing di internet sering lupa akan tanggal harinya.
41
3. Perancangan Tampilan rekayasa modul dan content
Berikut ini adalah rancangan tampilan komponen data guru:
a. Input Data Guru
Gambar 4. Design Input Data Guru
b. List Data Guru
Gambar 5. Design List Data Guru
Data Guru
Nama :
Nip :
Jabatan :
Alamat :
Telepon :
Submite Cancel
List Data GuruNama NIP Jabatab Alamat
42
4. Alur Aplikasi Website (Site Map).
Alur Aplikasi Website adalah alat bantu yang digunakan untuk membuat
spesifikasi program, atau merupakan alat pengembangan system dan teknik
dokumentasi program yang menggambarkan hubungan dari fungsi-fungsi di
system.
Gambar 7 .Struktur Navigasi Web Profil SDN pacar.
43
G. Konfigurasi CMS
1. Rekayasa Perubahan Template.
Sebagai sebuah CMS, Joomla menggunakan sistem templates terhadap
tampilannya. Template merupakan kerangka tampilan web secara keseluruhan.
Kerangka dibuat sedemikian rupa sehingga membentuk sebuah desain dengan
tampilan yang unik.
Dalam rekayasa tampilan, penulis menggunakan template
themza_j15_12 yang di download dari situs www.joomla24.com. File
template yang di download dari website tersebut berupa file js_ template
themza_j15_05. Setelah di download, file tersebut kemudian di install melalui
halaman admin,kemudian login sebagai administrator dengan mengisi
username dan password dan memilih menu Installer, Templates, Site, adapun
Berikut ini adalah listing program dari file com_dataguru.php yang
terletak pada direktori components/com_dataguru/com_dataguru.php :
<?php
function display() {headerT();$database =& JFactory::getDBO();$database->setQuery("select * from `#__dataguru` where `status`='1' order by nama asc");$items = $database->loadObjectList();if(count($items) > 0) {