jti, vol 4 no.2, desember 2012 zulfauzi
TRANSCRIPT
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 31
PERANCANGAN DAN IMPLEMENTASI WEBSITE SMA PGRI 1 LUBUKLINGGAU
Zulfauzi
(Dosen STMIK-MURA Lubuklinggau)
ABSTRAK
Penelitian ini merancang dan mengimplementasikan website SMA PGRI 1
Lubuklinggau. Perkembangan teknologi informasi dan komunikasi saat ini sangat pesat ditandai
dengan begitu banyak masyarakat, pemerintah, dunia usaha, lembaga pendidikan dan lainnya
menggunakan media teknologi informasi yang ada diantaranya internet. Website merupakan
halaman elektronik pada internet, yang dapat dijadikan sebagai media yang tepat untuk sekolah
menyebar luaskan informasi serta keberadaan sekolah secara global. SMA PGRI 1 Lubuklinggau
yang terletak dikota Lubuklinggau sampai saat ini belum memiliki website sebagai media
alternatif mempromosikan diri dan menyebar luaskan informasi ke masyarakat luas. Informasi
yang diberikan ke masyarakat luas selama ini masih menggunakan media informasi local seperti:
iklan di radio amater, di surat kabar dan brosur yang dinilai masih kurang efektif jika
dibandingkan dengan website. Adapun permasalahan yang timbul dari penelitian ini adalah Dari
perancangan dan implementasi website dalam penelitian ini, terbentuknya website SMA PGRI 1
Lubuklinggau yang telah di onlinekan sehingga informasi mengenai SMA PGRI 1 Lubuklinggau
dapat diketahui dengan cepat dan mudah oleh masyarakat umum dari tempat yang telah memiliki
jaringan Internet.
Kata Kunci : Website, Media-Alternatif, Perancangan Sistem, Implementasi Sistem, On Line
PENDAHULUAN
Perkembangan teknologi informasi
dan komunikasi saat ini sangat pesat ditandai
dengan begitu banyak masyarakat,
pemerintah, dunia usaha, lembaga
pendidikan dan lainnya menggunakan media
teknologi informasi yang ada diantaranya
internet. Dimana Internet saat ini telah di
gunakan oleh hampir semua orang di dunia
baik secara pribadi, badan usaha dan
lembaga dalam menyebar luaskan informasi
yang berupa teks, gambar, diagram, video
dan suara malalui website yang dimiliki.
Bidang pendidikan sudah banyak sekali
memiliki website seperti www.E-dukasi.net,
www.jardiknas.net, sekolah menengah dan
tinggi dikota lubuklinggau memiliki website
seperti www.smansa.lubuklinggau.net,
www.stie-stmikmura.ac.id .
Website merupakan halaman
elektronik pada internet, yang dapat
dijadikan sebagai media yang tepat untuk
sekolah menyebar luaskan informasi serta
keberadaan sekolah secara global. SMA
PGRI 1 Lubuklinggau yang terletak dikota
Lubuklinggau sampai saat ini belum
memiliki website sebagai media alternatif
mempromosikan diri dan menyebar luaskan
informasi ke masyarakat luas. Informasi
yang diberikan ke masyarakat luas selama
ini masih menggunakan media informasi
local seperti: iklan di radio amater, di surat
kabar dan brosur yang dinilai masih kurang
efektif jika dibandingkan dengan website.
Mengatasi hal tersebut diatas dan
mengingat SMA PGRI 1 Lubuklinggau
masih harus banyak lagi mempromosikan
diri serta keberadaannya ke masyarakat luas
dibutuhkan media alternatif dalam hal ini
website. Untuk itulah peneliti mengadakan
penelitian ke suatu lembaga pendidikan
SMA PGRI 1 Lubuklinggau yang
merupakan sekolah swasta yang dibawah
naungan YPLP PGRI kota lubuklinggau.
Perumusan Masalah
Berdasarkan latar belakang yang
telah peneliti uraikan maka
permasalahannya: “Bagaimana membangun
dan mengimple mentasikan Website SMA
PGRI 1 Lubuklinggau untuk dapat dijadikan
sebagai salah satu media alternatif
mempromosikan dan menyebar luaskan
informasi”.
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 32
Tujuan Penelitian
Adapun yang menjadi tujuan dari
penelitian ini, untuk memberikan alternatif
penggunaan Website sebagai media
memperkenalkan dan mempromosikan diri
serta keberadaan SMA PGRI 1
Lubuklinggau ke masyarakat luas.
Manfaat Penelitian
Adapun manfaat penelitian ini
adalah:
1. Memberikan kemudahan bagi SMA
PGRI 1 Lubuklinggau dalam melakukan
penyebaran informasi sekolah ke
masyarakat luas baik secara lokal
maupun global
2. Penulis dapat menyusun dan
menyelesaikan Perancangan dan
Implementasi Website SMA PGRI 1
Lubuklinggau dengan baik dan benar.
METODOLOGI PENELITIAN
Tahap Pengembangan Sistem
Dalam pembuatan website ini ada
beberapa langkah atau tahapan-tahapan
yaitu :
Tahap Perencanaan
Dalam tahap ini, penulis mencoba
membuat perencanaan pembuatan Website
SMA PGRI 1 Lubuklinggau, kemudian
menentukan tujuan pembuatan Website dan
mengidentifikasikan kendala-kendalanya,
lalu mempersiapkan usulan penulisan
website.
Tahap Analisis
Analisis tahap ini lebih dalam lagi
mengenai Website, tujuan atau fungsi yang
akan dilakukan pada website.
Tahap Perancangan (Desain)
Tahap ini menentukan konfigurasi
yang dibutuhkan oleh Website dan metode
yang digunakan dalam mengambil
keputusan. Mendesain atau merancang
Website termasuk proses, aturan yang
digunakan, susunan menu dan inputan yang
dibutuhkan.
Tahap Penerapan (Implementasi)
Tahap ini merupakan kegiatan untuk
mengimplementasikan pada tahap
perancangan website
Tahap Evaluasi (Pengujian)
Dilakukan pengujian bagaimana
cara penggunaan website. Proses uji coba ini
diperlukan untuk memastikan bahwa
website ini sudah benar, sesuai bentuk yang
ditetapkan agar dapat pastikan tidak ada
kesalahan-kesalahan yang terkandung di
dalamnya.
Tahap Pemeliharaan (Maintenance)
Selama Website ini digunakan,
penulis harus memperhatikan masalah
pemeliharaan website. Dalam pemeliharaan
website dilaksanakan untuk 3 alasan yaitu
untuk memperbaiki kesalahan, menjaga
kemutakhiran data atau informasi pada
website serta meningkatkan kinerjanya
website .
Metode Analisis dan Desain Sistem
Metode Analisis
Dalam analisis data dan desain
sistem ini penulis menggunakan pendekatan
yang berorientasi objek. Faktor utama yang
ditemukanya pendekatan berorientasi objek
adalah karena ditemukanya kekurangan-
kekurangan pada pendekatan terstruktur.
Analisis sistem menggunakan metode
fungsional dan desain sistem menggunakan
metode dinamis. Dimana model fungsional
menggambarkan apa yang harus dilakukan.
Model objek menggambarfkan objek-objek
yang terlibat dalam suatu sistem, sedangkan
model dinamis menunjukan operasi-operasi
yang dilakukan sepanjang waktu
pengunaannya.
Rancangan Hasil Analisis
Dalam perancangan website ini
nantinya akan berisikan profil Sekolah,
Sarana SMA PGRI 1 Lubuklinggau,
Perangkat Sekolah dan Guru, Siswa dan
Alumni, Kegiatan Siswa, Kelas dan Jurusan,
Info Terkini dan Galeri Photo, Komentar
Pengunjung dan informasi lain yang
dianggap perlu, yang semua berhubungan
dengan SMA PGRI 1 Lubuklinggau
sehingga masyarakat akan mengetahui
informasi tentang SMA PGRI 1
Lubuklinggau dengan mudah, cepat, tepat
dan akurat.
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 33
Diagram Konteks
Diagram konteks website SMA PGRI
1 Lubukliknggau dapat dilihat pada gambar
berikut :
Gambar 1. Diagram Konteks
Gambar 2. Diagram Flow Data Level 1
HASIL DAN PEMBAHASAN
Perancangan Dialog
Website SMA PGRI 1 Lubuklinggau
merupakan media alternatif bagi SMA PGRI
1 Lubuklinggau untuk menyebar luaskan
informasi tentang keberadaan dan
keunggulannya kepada masyarakat, website
ini dapat diaktifkan melalui internet dengan
menggunakan web browser dengan address
www.smapgri1lubuklinggau.net. Halaman
pertama (Homepage) yang akan tampil
disaat address website ini diaktifkan seperti
gambar berikut :
Gambar 3. Homepage Website SMA PGRI
1 Lubuklinggau
Menu
Website SMA PGRI 1
Lubuklinggau pada setiap halaman terdapat
menu yang terdiri dari 9 pilihan menu
diantaranya :
1. Menu profil sekolah merupakan menu
apabila diklikan akan tampil halaman
profil sekolah seperti gambar berikut :
Gambar 4. Profil SMA PGRI 1
Lubuklinggau
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 34
2. Pada menu Sarana sekolah apabila
diklikan akan tampil informasi tentang
sarana sekolah seperti gedung tempat
peroses belajar mengajar, perpustakaan,
labor kimia dan fisika, labor komputer
dan internet, mushola dan lain-lainnya,
seperti gambar berikut :
Gambar 5. Sarana SMA PGRI 1
Lubuklinggau
3. Pada menu perangkat sekolah dan
Guru, apabila diklikan akan tampil
halaman yang di dalamnya terdapat
informasi nama-nama perangkat
sekolah, struktur organisasi dan Guru
SMA PGRI 1 Lubuklinggau. seperti
gambar berikut :
Gambar 6. Halaman Perangkat Sekolah
dan Guru
Gambar 7. Halaman Struktur Organisasi
SMA PGRI 1 Lubuklinggau
4. Menu program kerja sekolah apabila
diklik akan tampil halaman program
kerja sekolah yang didalamnya terdapat
informasi tentang program kerja
sekolah dalam pertahun dan link
kalender pendidikan pertahun seperti
yang tertera pada gambar berikut :
Gambar 8. Halaman Program Kerja
Sekolah
5. Menu Siswa dan Alumini apabila
diklikan akan tampil halaman yang
didalamnya berisi informasi tentang
siswa, prestasi siswa dan Alumni,
seperti pada gambar berikut :
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 35
Gambar 9. Halaman Siswa dan Alumni
6. Prestasi siswa dapat dilihat pada link
prestasi siswa yang apabila diklik akan
tampil file doc seperti gambar berikut :
Gambar 10. Halaman Prestasi Siswa
7. Menu Kegiatan Siswa yang apabila
diklikan akan tampil halaman yang di
dalamnya terdapat informasi tentang
kegiatan rutin siswa SMA PGRI 1
Lubuklinggau, seperti pada gambar
berikut :
Gambar 11. Halaman Kegiatan Siswa
8. Menu Kelas dan Jurusan yang apabila
dikilikan akan tampil halaman yang di
dalamnya terdapat informasi tentang
kelas dan jurusan yang ada pada SMA
PGRI 1 Lubukilinggau, seperti pada
gambar berikut:
Gambar 12. Halaman Kelas dan Jurusan
9. Menu Info Terkini dan Galeri Photo
yang apabila di klikan akan tampil
halaman yang di dalamnya terdapat
informasi terkini dan galeri photo Guru
dan Siswa , seperti pada gambar berikut
:
Gambar 13.. Halaman Info terkini dan
Galeri Photo
Panel
Website SMA PGRI 1 Lubuklinggau
pada setiap halaman terdapat Panel
diantaranya :
1. Panel Download yang apabila di klikan
akan tampil halaman dimana pada
halaman tersebut terdapat data yang
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 36
dapat didownload ke komputer local
sesuai dengan kapasitas dan ukuran
filenya, seperti gambar berikut :
Gambar 14. Halaman Download Data / file
2. Panel Pencarian (Search) yang apabila
di fungsikan dapat menampilkan
halaman yang berisi data hasil
pencarian berdasarkan kata kunci,
seperti pada gambar berikut :
Gambar 15. Halaman Hasil Pencarian Data
Polling
Website SMA PGRI 1 Lubuklinggau
terdapat juga fasilitas polling yang
digunakan untuk meminta pendapat
pengunjung, apakah pengunjung website ini
menyukai fitur-fitur yang ada atau pun
model tampilan website yang dibuat. Polling
ini juga dapat dijadikan fasilitas yang dapat
memberikan daya tarik tersendir bagi
pengunjung. Setiap polling yang dilakukan,
pengunjung dapat melihat langsung hasil
persentase dari hasil jawaban yang telah ada.
Hasil polling tersebut dapat dilihat dengan
mengklik Vote dan akan tampil seperti
gambar berikut :
Gambar 16. Halaman yang tampil setelah
Vote dilakukan
Implementasi Perangkat Lunak
Website SMA PGRI 1 Lubuklinggau
dapat di katakan merupakan suatu media
Alternatif yang dapat digunakan untuk
menyebar luaskan informasi tentang
keberadaan maupun keunggulan yang
dimiliki SMA PGRI 1 Lubuklinggau baik
secara lokal maupun global, ini terbukti di
setiap halamannya terdapat semua informasi
tentang SMA PGRI 1 Lubuklinggau.
a. Mengaktifkan Web browser
1 Klik Menu Start
2. Klik Program
3. Klik Internet Explorer, seperti
gambar berikut :
Gambar 17. Tampilan Proses Pengaktifan
Web Browser
b. Mengaktifkan Website SMA PGRI 1
Lubuklinggau
1. Klik pada baris address
2. Ketik
www.smapgri1lubuklinggau.net
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 37
Klik Go atau tekan Enter, seperti
gambar berikut :
Gambar 18. Tampilan Proses Pengaktifan
Website SMA PGRI 1 Lubuklinggau
c. Mengakhiri penggunaan Website SMA
PGRI 1 Lubuklinggau
Klik icon stop yang berlambang tanda
X berwarna merah pada toolbar standar,
seperti gambar berikut :
Gambar 19. Proses Mengakhiri
Website
d. Menutup Web Browser
1. Klik Menu File
2. Klik Close, seperti gambar berikut
:
Gambar 20. Proses Penutupan Web
Browser
e. Mengaktifkan menu yang ada di setiap
halaman
1. Arahkan pointer mouse pada menu
yang akan diaktifkan,
2. Klik menu yang akan diaktifkan,
seperti gambar berikut :
Gambar 21. Proses Pengaktifan Menu
f. Mengaktifkan Panel yang ada pada
setiap halaman
1. Arahkan pointer mouse tepat pada
panel yang akan diaktifkan, misal
panel download
2. Klik pada panel download Seperti
gambar berikut :
Gambar 22. Proses Pengaktifan Panel
g. Pengisian Buku Tamu
1. Aktifkan menu komentar
pengunjung
2. Klik pada baris pengisian
komentar
3. Klik Submit, seperti gambar
berikut :
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 38
Gambar 23. Proses Pemasukan Komentar
Pengunjung
h. Mengaktifkan Panel Pencarian Data
1. Klik di baris Pencarian
2. Ketikan kata kuncinya
3. Klik Cari, Seperti pada gambar
berikut :
Gambar 24. Proses Pencarian Data
setelah diklik Cari tampil halaman yang
berisi data / informasi seperti gambar
berikut :
Gambar 2. Hasil Pencarian Data
h. Melakukan Polling
1. Aktifkan Halaman Utama
(Homepage)
2. Kilkkan Jawaban yang ada,
3. Klik Vote, Seperti gambar berikut
:
Gambar 26. Proses Polling
Selanjutnya tampil hasil
pollingnya seperti gambar berikut
:
Gambar 27. Hasil Polling
i. Kembali Ke Halaman Utama Website
1. Arahkan Poniter mouse dibagian
bawah setiap halaman kecuali
halaman utama
2. Klik Kembali ke halaman utama
dibagian bawah halaman yang
diaktifkan, seperti gambar berikut
:
Gambar 28. Proses Kembali Ke Halaman
Utama
KESIMPULAN
Kesimpulan
Berdasarkan pembahasan masalah
yang ada sebelumnya, dapat ditarik
kesimpulan yang akan menjadi suatu
pemikiran sebagai berikut :
1. Dengan menggunakan internet melalui
website akan memberikan kemudahan
dan meningkatkan efektifitas dan
efisiensi dalam penyebaran informasi
baik tentang keberadaan dan keunggulan
sekolah dibandingkan media informasi
local yang ada.
2. Website SMA PGRI 1 Lubuklinggau
merupakan media akternatif yang dapat
digunakan SMA PGRI 1 Lubuklinggau
untuk menyebar luaskan informasi dan
promosi.sekolah.
JTI, Vol 4 No.2, Desember 2012 Zulfauzi
STMIK-MURA Lubuklinggau 39
DAFTAR PUSTAKA
Febrian Jack, 2004. Pengetahuan Komputer
dan teknologi Informasi. Bandung :
Informatika Bandung.
Kadir Abdul, 2008. Dasar Pemrograman
Web Dinamis Menggunakan PHP.
Yogyakarta : Andi Yogyakarta
Maryono Dwi, 2007. Teknologi Informasi
dan Komunikasi. Solo : PT. Tiga
Serangkai Pustaka Mandiri
Purnomo Andi, 2007. Teknologi Informasi
dan Komunikasi. Solo : Yudistira
Sahid, 2006. Teknologi Informasi dan
Komunikasi. Yogyakarta : Yudistira
Supriyadi Eko, 2007. Teknologi Informasi
dan Komunikasi. Klaten : Sinar
Mandiri
Suprianto Dodit, 2008. Buku Pintar
Pemrograman PHP. Malang :
OASE MEDIA Bandung
Kristanto Andi, 2008. Perancangan Sistem
Informasi dan Aplikasi, Gava
Media, Yogyakarta.
Jogianto HM, MBA, PhD, 2000. Analisis
dan desain sistem Informasi.
Yogyakarta : Andi Yogyakarta
Nugroho Bunafit, 2008. Latihan membuat
aplikasi PHP dan MySQL dengan
Dreamweaver, Yogyakarta : Gava
Media