MANUAL PENGGUNAAN

SISTEM INFORMASI WEB PROFILE

1. INSTALASI XAMP SERVER

Sebelum menggunakan xamp server, install terlebih dahulu aplikasi

software yang ada yaitu software xampp-win32-1.7.3.exe. Cara

penginstalan cukup mudah. Klik dua kali icon xampp, lalu muncul

gambar seperti berikut

Gambar 1. instalasi xampp server

Klik tombol install, tunggu sampai proses instalasi xampp server selesai.
 Gambar 2. instalasi xampp server

Setelah selesai maka muncul gambar seperti berikut

Gambar 3. instalasi xampp server

Perintah seperti gambar diatas adalah menanyakan kepada kita apakah

hasil instalasi xamp server akan di letakan pada desktop. Tekan enter

untuk melanjutkan proses instalasi. Lalu muncul gambar seperti berikut

Gambar 4. instalasi xampp server

Tekan enter lagi untuk proses selanjutnya. Lalu muncul gambar seperti

berikut

Gambar 5. instalasi xampp server

Tekan enter untuk proses selanjutnya. Maka proses akan berjalan lagi

seperti gambar berikut

Gambar 6. instalasi xampp server

Tekan enter lagi untuk proses selanjutnya. Maka muncul gambar berikut

Gambar 7. instalasi xampp server

Tekan enter lagi untuk proses selanjutnya. Maka muncul gambar berikut

ini.
 Gambar 8. akhir proses instalasi xampp server

Pada gambar diatas ketikan huruf x sebagai proses instalasi telah selesai.

Jika penginstalan xampp server seperti tahap-tahap diatas, maka

penginstalan xampp server telah selesai secara keseluruhan. Untuk

menjalankan xampp server klik dua kali icon yang ada di desktop

bernama XAMPP Control Panel, maka akan muncul gambar berikut

ini.

Gambar 9. proses menjalankan xampp server

Jalankan service xampp dengan cara tekan tombol start pada module

apache dan tekan tombol start sekali lagi pada module mysql. Maka

status xamp server sekarang telah menjadi running. Dan jika keluar

peringatan pada saat mengaktifkan xampp server, maka tekan tombol

unblock pada sistem.

Gambar 10. proses menjalankan xampp server

 Secara default, Root direktori atau tempat kita akan bekerja dengan

xampp server terletak pada folder C:\xampp\htdocs. Letakan folder

atau file yang ingin kita jalankan didalam folder tersebut.

Gambar 11. root direktori xampp server

2. PENGGUNAAN XAMP SERVER

a. Cara Menggunakan Xamp Server

Pembuatan aplikasi sistem ini dibuat menggunakan MYSQL yang

telah terintegrasi pada software xamp server pada sistem operasi

windows yang bernama phpmyadmin dan diakses dengan

menggunakan browser, yang salah satunya bernama browser mozilla

firefox. Dan untuk alamat website di sebuah komputer lokal,

menggunakan alamat yang bernama localhost, localhost ini adalah

sebuah ip (internet Protocol) loopback dari sebuah komputer lokal,

berfungsi juga sebagai hostname dari sebuah komputer. Setelah

pengetikan localhost pada adreess web browser, maka dilanjutkan

nama sebuah folder dari sebuah aplikasi sistem pada web server.

Penggunaan server pada localhost dapat diakses dengan mengetik

http://localhost pada komputer lokal

 Gambar 12. Server pada komputer lokal

b. Cara Pembuatan Database Dan Tabel

Pada server komputer lokal juga terdapat mysql sebagai server

penyimpanan database yang dapat diakses melalui web browser.

Penggunaan mysql atau yang lebih dikenal database dapat diakses

dengan cara mengetikan http://localhost/phpmyadmin yang dapat

diakses melalui web browser.

 Gambar 13. mysql server phpmyadmin

Untuk membuat database baru pada phpmyadmin, penulis

menggunakan form pada blok kanan phpmyadmin yaitu pada form

create new database. Kemudian penulis membuat database baru

menggunakan nama sekolah pada kolom form tersebut. Pembuatan

database baru ini dapat menggunakan nama lain seperti kata database

atau kata benda lain. Tetapi dalam pembuatan database baru tidak

boleh menggunakan spasi dan harus menggunakan karakter

underscore (_) untuk kata sambung pada pembuatan database baru.

Gambar 14. pembuatan database baru

Setelah database baru dibuat, maka akan muncul menu pembuatan

table yang akan digunakan pada aplikasi sistem ini. Dalam pembuatan

table penulis langsung menuju ke tombol import yang berada di

tengah phpmyadmin karena file sudah tersedia dengan file

berekstensi .sql.

Gambar 15. import database baru

Pada gambar diatas, klik tombol browse, lalu cari file database yang

sudah tersedia bernama sekolah.sql. setelah database berhasil di

import, maka seluruh tabel baru yang berada pada database yang baru

dibuat seluruhnya masuk ke dalam database sistem.

 Gambar 16. tabel setelah proses import

3. PENGGUNAAN APLIKASI SISTEM

a. Halaman User (Pemakai)

i. Halaman Utama Aplikasi Sistem

Setelah proses penginstalan dan proses pembuatan database

baru sampai proses import database telah berhasil dengan

sukses, maka pengguna aplikasi sistem dapat melihat tampilan

utama dari sistem yang dibuat. Pada halaman ini, terdapat

beberapa modul seperti modul menu utama yang berisi berita

khusus yang terdapat pada sekolah, modul interaktif yang

berisi fasilitas interaktif seperti buku tamu, data siswa, data

guru, forum dan lain-lain.

 Gambar 17. halaman utama

ii. Halaman Contact Form

Pada halaman ini, pemakai aplikasi sistem dapat mengisi

beberapa komentar atau saran yang ingin diajukan ke sekolah

yang bersangkutan. Pada halaman ini terdapat beberapa form

yang tersedia, seperti form pengisian nama, email dan pesan

yang ingin disampaikan. Sebelum proses tombol ditekan, maka

isi terlebih dahulu kode rahasia yang telah tersedia. Setelah

pengisian form, maka tekan tombol submit untuk proses

selanjutnya.
 Gambar 18. halaman contact form

iii. Halaman Guestbook

Pada halaman ini, user (pemakai) dapat mengisi buku tamu

sesuai keinginan pengunjung. Untuk dapat mengisi buku tamu

pada halaman ini, tekan tombol Add Guestbook. Setelah itu

akan muncul halaman pengisian data buku tamu.

 Gambar 19. halaman guestbook

iv. Halaman Galery

Pada halaman ini, pengunjung situs dapat melihat galeri yang

berisi gambar-gambar tentang sekolah. Gambar ini juga dapat

berisi kegiatan-kegiatan siswa selama di sekolah. Dapat juga

berisi gambar guru-guru di sekolah yang bersangkutan

 Gambar 20. halaman galery

v. Halaman Statistik Website

Pada halaman ini berisi tentang statistic pengunjung situs.

Statsistik pengunjung situs yaitu jumlah banyaknya data user

(pemakai) yang telah mengunjungi situs sekolah yang

bersangkutan. Data paket pengunjung tertulis dalam bentuk

data berdasarkan penggunaan browser maupun system operasi

yang digunakan user (pemakai)

 Gambar 21. halaman statistic website

vi. Halaman Data Alumni Siswa

Pada halaman ini, pengunjung dapat melihat data alumni siswa.

Halaman ini terdapat beberapa tombol seperti tombol pencarian

data alumni dan pendaftaran anggota baru alumni siswa. Pada

tombol pencarian data alumni siswa, pemakai dapat melakukan

pencarian data berdasarkan nama, tahun masuk dan no induk

alumni. Dan pada halaman registrasi alumni siswa, pemakai

dapat melakukan pengisian biodata terlebih dahulu.

Gambar 22. halaman alumni siswa

 Gambar 23. halaman alumni siswa

vii. Halaman Forum Diskusi

Halaman ini berfungsi sebagai forum diskusi siswa maupun

guru yang ada di sekolah. Forum diskusi ini dibagi berdasarkan

kategori yang ada pada forum. Jenis-jenis kategori forum

diskusi dikelompokan agar forum diskusi terlihat lebih rapi.

Sebelum pemakai dapat bergabung untuk ikut forum diskusi

ini, maka pemakai diwajibkan untuk melakukan registrasi

terlebih dahulu pada system. Untuk melakukan registrasi

system, tekan tombol registrasi yang ada pada kolom blok

modul login.
 Gambar 24. halaman login

Gambar 25. halaman registrasi

Lakukan pengisian biodata registrasi baru pada kolom yang

tersedia pada aplikasi system. Setelah pengisian berhasil maka

 data username dan password akan masuk ke dalam email

masing-masing pemakai. Setelah registrasi anggota baru

selesai, maka pemakai dapat melakukan Tanya jawab

berdasarkan kategori dan jenis forum diskusi yang tersedia

pada forum.

Gambar 26. halaman forum diskusi

viii. Halaman Data Guru

Halaman ini dapat berfungsi sebagai data guru yang ada pada

sekolah yang bersangkutan. Pemakai (pengunjung situs) dapat

melakukan pencarian data guru sekolah berdasarkan nama

maupun nip guru.

 Gambar 27. halaman data guru

ix. Halaman Data Siswa

Halaman ini juga berisi data siswa yang ada pada sekolah yang

bersangkutan. Pencarian data siswa yang ada disekolah

dibedakan berdasarkan nama dan nis siswa.

 Gambar 28. halaman data siswa

x. Halaman Berita

Halaman ini berisi berita yang meliputi kejadian-kejadian yang

ada di sekolah. Pada halaman menu utama yaitu halaman berita

inti pokok dari profile sekolah. Dan pada halaman berita yang

lain merupakan isi dari berita-berita yang lain yang

dikelompokan berdasarkan kategori berita

 Gambar 29. halaman data berita

xi. Halaman Pengisian Data Pesan Singkat

Pada halaman ini pengunjung situs (pemakai) dapat mengisi

pesan singkat yang ingin disampaikan untuk pihak sekolah.

Modul ini terletak pada kolom kanan pojok bawah aplikasi

system. Untuk melakukan pengisian data pesan singkat, tekan

tombol isi shoutbox. Setelah tombol di tekan maka akan

tersedia pengisian form data pesan singkat.

 Gambar 30. halaman data pesan singkat

xii. Halaman Login System Administrator

Login system dapat juga untuk penggunaan login atau pintu

masuk menuju halaman rahasia. Sebelum pengguna dapat

masuk ke dalam halaman ini, maka pengguna aplikasi system

harus memiliki username dan password. Untuk halaman

administrator username yaitu admin dan password adalah

admin.
 Gambar 31. halaman data login

b. Halaman Administrator

i. Halaman Utama Administrator

Halaman ini berisi semua data-data yang ada pada aplikasi

sistem. Setelah administrator melakukan pemasukan data

username dan password dengan benar, maka halaman ini akan

terbuka secara otomatis. User administrator adalah user

tertinggi pada sistem ini. Data yang ada pada halaman ini berisi

seperti modul pengisian berita, modul data siswa, modul data

guru, modul forum diskusi dan lain-lain.

 Gambar 32. halaman utama administrator sistem

ii. Halaman Perubahan Data Password Administrator

User administrator dapat melakukan perubahan data password

pada halaman ini. Form yang tersedia pada halaman ini seperti

form email, form pemasukan data password lama dan yang

terakhir form pemasukan data password baru. Dan jika

pengisian form telah lengkap maka tekan tombol update untuk

melakukan proses.

Gambar 33. halaman ubah password administrator sistem

iii. Halaman Berita

Sebelum melakukan penambahan berita, administrator

diharapkan untuk melakukan pengisian data berita terlebih

dahulu. Untuk itu maka tekan tombol pages manager. Pada

halaman pages manager akan menampilkan data berita yang

akan diposting nantinya.

Gambar 34. halaman berita

Untuk membuat berita baru tekan tombol Buat Halaman Web

Baru. Maka akan tampil halaman pembuatan berita baru.

 Gambar 35. halaman pengisian data berita

Lakukan pengisian data berita baru pada form yang tersedia.

Setelah pengisian data berita selesai, tekan tombol Add sebagai

proses selesai. Setelah selesai melakukan pengisian data berita

baru, maka akan tampil data berita yang baru. Untuk dapat

menampilkan data baru, pada sebelah kanan terdapat tombol

Buat Sub Menu. Tekan tombol tersebut dan pilih kategori

yang diinginkan.

Gambar 36. halaman pengisian data berita

 Pada tahap ini, maka proses pembuatan data berita baru telah

selesai.

iv. Halaman Menu Manager

Sebelumnya telah dibuat data berita baru, untuk dapat melihat

data yang telah dibuat tekan tombol Menu Manager. Terlihat

pada halaman ini data berita akan ditampilkan pada halaman

user (pemakai) nantinya.

Gambar 37. halaman menu manager

Pada halaman ini terlihat tombol-tombol yang berfungsi untuk

melakukan perubahan data berita maupun penghapusan data

berita. Untuk melakukan perubahan data berita, tombol tekan

tombol edit yang berada pada sebelah kanan pojok. Untuk

 melakukan penghapusan data tekan tombol del yang terletak di

sebelah tombol edit.

v. Halaman News Manager

Pada halaman ini, kita dapat membuat berita khusus yang akan

ditampilkan pada website. Untuk melakukan penambahan data

berita khusus tekan tombol add news. Dan untuk membuat

topik baru, tekan tombol add topic.

Gambar 38. halaman news manager

vi. Halaman Buku Tamu Manager

Pada halaman ini berisi semua data buku tamu yang telah diisi

oleh pengunjung situs. Administrator system dapat melakukan

penghapusan data buku tamu pada halaman ini. Buku tamu ini
 juga dilengkapi dengan pengaturan data input kata. Untuk

melakukan pengaturan tersebut, silhakan tekan tombol setting.

Pada form yang tersedia terdapat pengaturan maksimal

pengaturan huruf dan maksimal halaman yang akan

ditampilkan per pengunjung.

Gambar 39. halaman buku tamu manager

vii. Halaman Galery Manager

Halaman ini berisi data galeri kegiatan siswa maupun guru.

Untuk menambah data kategori galeri baru tekan tombol buat

kategori. Dan untuk menambahkan gambar berdasarkan

kategori tekan tombol upload. Administrator system juga dapat

melakukan perubahan data galeri pada halaman ini.

 Gambar 40. gallery manager

viii. Halaman data guru

Halaman ini berisi data guru yang ada pada sekolah yang

bersangkutan. Administrator system dapat melakukan

pemasukan data guru dengan menekan tombol tambah data.

Pada halaman ini juga dilengkapi fasilitas pencarian guru

berdasarkan nama maupun nip guru.

 Gambar 41. halaman data guru

ix. Halaman data siswa

Pada halaman ini, administrator dapat melakukan pemasukan

data siswa yang ada pada sekolah yang bersangkutan.

Administrator system dapat melakukan penambahan data siswa

baru dengan menekan tombol tambah data. Pada halaman ini

juga tersedia fasilitas pencarian siswa berdasarkan nama

maupun nis siswa

Gambar 42. halaman data siswa