PROFIL SEKOLAH MENENGAH PERTAMA SMP NEGE
0
PROFIL SEKOLAH MENENGAH PERTAMA (SMP) NEGERI 10 KOTA BENGKULU
BERBASIS WEB MENGGUNAKAN MACROMEDIA DREAMWAVER 8.0
PROPOSAL SKRIPSI
Oleh :
FITRIANI
NPM: 08010260
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS DEHASEN (UNIVED) BENGKULU
2012
BAB I
1.1. Latar Belakang
Sekolah Menengah Pertama atau disingkat SMP adalah pendidikan tingkat lanjut
setelah melalui pendidikan pada tingkat Sekolah Dasar. Biasanya para siswa yang
melanjutkan pendidikan pada tingkat SMP ini memiliki keinginan untuk melanjutkan
pendidikan ke jenjang berikutnya, pada tingkat SMA dan Universitas, setelah
1
menyelesaikan pendidikan di tingkat SMP. Oleh karena itu, pemilihan SMP yang
memiliki kualitas yang baik dan memiliki fasilitas yang lengkaplah yang dapat
menunjang dengan baik kelanjutan pendidikan tersebut. Untuk mengetahui kualitas dan
fasilitas dari suatu SMP, biasanya para siswa atau pun orang tua siswa mencari berbagai
informasi melalui berbagai media. Salah satu bentuk informasi yang biasanya digunakan
untuk memberikan informasi tentang SMP ini adalah informasi digital. Hal ini
dikarenakan disebabkan kelebihan dari informasi dijital itu sendiri, dimana informasi ini
lebih mudah diakses, lebih banyak informasi yang dapat disampaikan, lebih interaktif dan
lebih efisien dalam hal penyimpanan.
Informasi yang disampaikan ke pengguna dapat berupa teks, gambar, suara,
animasi dan video. Informasi yang disampaikan bisa pula merupakan gabungan dari
berbagai media tersebut.
Salah satu SMP yang memerlukan media penyampai informasi ini adalah SMP
Negeri 10 Kota Bengkulu. Dimana selama ini media informasi yang digunakan adalah
papan informasi, brosur, penyampaian informasi dari orang ke orang. Media
penyampaian informasi tersebut masih memiliki kelemahan.
1.2. Rumusan Masalah
Permasalahan yang di temukan pada proposal skripsi ini yakni “Bagaimana
membuat Profil yang dapat memberikan informasi lengkap tentang informasi Sekolah
1
2
Menengah Pertama (SMP) Negeri 10 Kota Bengkulu sehingga pencari informasi
mendapatkan seluruh informasi tentang sekolah tersebut dengan efektif dan efisien”.
1.3. Batasan Masalah
Adapun batasan masalah dari proposal ini adalah bagaiman cara membuat
Fropil Sekolah Menengah Pertama (SMP) Negeri 10 Kota Bengkulu Berbasis Web
Menggunakan Macromedia Dreamwaver 8.0.
1.4. Tujuan Penelitian
Tujuan dari penelitian ini adalah untuk membuat Profil Sekolah Menengah
Pertama (SMP) Negeri 10 Kota Bengkulu Berbasis Web Menggunakan Macromedia
Dreamwaver 8.0 ?
1.5. Manfaat Penelitian
Manfaat dari penelitian ini adalah sebagai media alternatif penyedia informasi,
sehingga memudahkan pengguna mendapatkan informasi yang dibutuhkan tentang
Sekolah Menengah Pertama (SMP) Negeri 10 Kota Bengkulu.
3
BAB II
LANDASAN TEORI
2.1
Definisi Profil
Menurut Tjiharjadi (2007:52) Profil adalah kumpulan berbagai modul yang
mendukung apliksi.
2.2
Definisi Sekolah
Pengertian sekolah adalah bangunan atau lembaga untuk belajar dan mengajar.
Sekolah juga merupakan tempat menerima dan memberi pelajaran. Sekolah biasanya
digolongkan menurut tingkatannya. Sebagai contoh, ada sekolah dasar, sekolah
menengah, sekolah lanjutan dan sekolah tinggi. (http://kangmoes.com/artikel-tipstrik-ide-menarik-kreatif.definisi/pengertian-sekolah.html)
2.3
Definisi Dreamweaver 8.0
Dreamweaver 8.0 merupakan web editor untuk membuat dan mendesain
website dengan mudah dan cepat. Kemampuannya dalam membuat website tanpa
menuliskan tag-tag HTML satu persatu, menjadikan program ini merupakan salah
satu web editor favorit banyak pengguna web. Gemilang Route 2008/2009.
4
4
2.4
Cara Mengoperasikan Dreamwaver 8.0
2.4.1 Memulai Macromedia Dreamwaver 8.0
Dreamweaver 8 merupakan web editor untuk membuat dan mendesain website
dengan mudah dan cepat. Kemampuannya dalam membuat website tanpa menuliskan
tag-tag HTML satu persatu, menjadikan program ini merupakan salah satu web editor
favorit banyak pengguna web. (Route Gemilang, ITS, Modul 5- Macromedia
Dreamwaver 8.0, 2012)
2.4.2 Mengoperasikan Macromedia Dreamweaver 8.0
1.
Memulai Macromedia Dreamweaver 8.0
Untuk memulai bekerja dengan Dreamweaver 8.0, anda bisa membuka
dengan mengklik tombol "Start" pada sudut kiri layar anda, lalu ke "Programs,”
lalu ke “Macromedia” folder. Lalu pilih “Macromedia Dreamweaver 8.0.”
(Gambar 2.1. Gambar Cara Memulai Macromedia Dreamwaver 8.0)
5
(Gambar 2.2. Gambar Tampilan Utama Macromedia Dreamwaver 8.0)
2.
Komponen – Komponen Macromedia Dreamweaver 8.0
1.
Mengenal Macromedia Dreamweaver 8
Macromedia Dreamweaver merupakan software yang dikenal sebagai
software Web authoring tool, yaitu software untuk desain dan layout
halaman Web. Macromedia Dreamweaver mulai menunjukkan daya
tariknya sejak versi 4, lalu versi MX, MX 2004 dan saat ini memiliki versi
terbaru yang disebut Macromedia Dreamweaver 8.0 Versi terbaru
Dreamweaver ini memiliki kemampuan bukan hanya sebagai software
untuk desain Web saja tetapi juga untuk editing kode serta pembuatan
aplikasi Web dengan menggunakan berbagai bahasa pemrograman Web,
antara lain ASP, JSP, PHP dan ColdFusion. Saat ini Dreamweaver
6
merupakan software utama yang digunakan oleh Web desainer maupun
Web programmer dalam membangun suatu situs Web. Hal ini disebabkan
ruang kerja, fasilitas, dan kemampuan Dreamweaver yang mampu
meningkatkan produktifitas dan efektivitas dalam desain maupun
membangun suatu situs Web. Selain fasilitas untuk desain layout halaman
Web maupun aplikasi database, Dreamweaver juga dilengkapi dengan
fasilitas untuk manajemen situs yang cukup lengkap.
2.
Ruang Kerja Macromedia Dreamweaver 8.0
Macromedia Dreamweaver 8 memiliki layout ruang kerja yang tidak
jauh berbeda dengan versi sebelumnya. Macromedia Dreamweaver 8 juga
memberikan fleksibelitas bagi penggunanya dalam menentukan ruang kerja
yang diinginkan. Ruang kerja pada Macromedia Dreamweaver 8 memiliki
komponen-komponen yang memberikan fasilitas dan area di mana kita
dapat bekerja.
Pada Gambar 2.1 kita dapat melihat komponen-komponen ruang
kerja seperti insert bar, document toolbar, document window, panel groups,
dan property inspector.
7
Insert Bar
Document Toolbar
Property Inspector
1.
Insert Bar
Panel Groups
Document Window
Gambar 2.1 Ruang Kerja Dreamweaver 8.0
Komponen ini mengandung tombol-tombol untuk menyisipkan
berbagai macam objek seperti image, tabel dan layer ke dalam dokumen.
Setiap objek adalah kutipan kode HTML yang memberikan fasilitas bagi
kita untuk mengatur atributnya sebagaimana kita menyisipkannya.
Insert bar memiliki kategori-kategori elemen yang dapat disisipkan.
Untuk memilih kategoriyang diinginkan kita dapat mengklik tombol drop
down yang berada di bagian kiri Insert bar.
Gambar 2.2. Gambar Insert Bar
8
2.
Document Toolbar
Komponen ini mengandung tombol-tombol dan menu pop-up yang
menyediakan tampilan berbeda dari Document window (seperti Design
view dan Code view), pilihan menampilkan ruler, grid, dan beberapa
operasi umum, seperti preview di browser.
Gambar 2.3. Gambar Document Toolbar
3.
Document Window
Komponen ini merupakan komponen di mana dokumen kita dibuat
dan ditampilkan. Kita enyisipkan teks, image dan objek lain di bagian ini.
Document window dalam Dreamweaver 8 dapat menampilkan layout Web
seperti yang akan kita lihat pada browser, tetapi ada batasan-batasan
tertentu di mana terdapat perbedaan antara tampilan di Dreamweaver 8
dengan tampilan di browser.
9
Gambar 2.4. Gambar Document Window
4.
Panel Group
Panel groups adalah kumpulan panel berkaitan yang dikelompokkan
bersama di bawah satu judul. Untuk mengekspansi panel group, klik pada
panah expander di sebelah kiri nama group. Untuk membuat panel menjadi
mengapung (tidak menempel pada pojok window), lakukan drag pada
paling pojok kiri dari judul group.
Terdapat beberapa jenis panel group, antara lain Design, Code,
Application, Files dan Answer. Dalam suatu jenis group terdapat beberapa
macam panel, misalnya group Design memiliki panel HTML Styles, CSS
Styles dan Behaviour. Masing-masing panel ini dapat kita buat mengapung
dan terpisah dengan group dengan cara men-drag tab dari panel tersebut
sehingga terlepas dari sspanel group.
10
Gambar 2.5. Design Panel Groups
5.
Property Inspector
Property inspector memberikan fasilitas untuk melihat dan mengubah
berbagai properti objek yang dipilih atau teks. Setiap macam objek
memiliki properti yang berbeda.
Gambar 2.6 Property Inspector
11
2.5. Teknik Pemrograman
Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada tiga cara untuk menuliskan script PHP yaitu :
1.
2.
3.
Script php
Pemisah antar instruksi adalah tanda titik koma (;). Untuk membuat atau
menambahkan komentar, standar penulisan adalah /*komentar*/, //komentar dan
#komentar. Untuk menuliskan script PHP, ada dua cara yang sering digunakan yaitu
Embedded Script dan Non- Embedded Script.
a. Embedded Script
Embedded Script yaitu script PHP yang disisipkan diantara tag-tag HTML.
Contoh dari Embedded Script :
12
Embedded Script
b. Non-Embedded Script
Non-Embedded Script adalah script program PHP murni. Termasuk tag HTML
yang disisipkan dalam script PHP.
Contoh dari Non-Embedded Script :
2.6. Elemen-elemen Komputer
Menurut Herwindo dan Akbar (2005:11) Komputer sebagai mesin penghitung
dan pengolah memiliki tiga elemen yang saling berkaitan yaitu Hardware, Software
dan Brainware .
2.6.1. Hardware
Menurut Supriyanto (2005:54) Perangkat keras (hardware) adalah
peralatan yang secara fisik terlihat dan bisa diraba atau dipegang. Hardware
komputer secara fungsional dibedakan menjadi empat macam perangkat yaitu
a. Perangkat Masukan (input devices)
Adalah peralatan yang digunakan untuk menerima data yang akan
diolah ke dalam komputer.
b. Perangkat Proses (proses devices)
Adalah perangkat pengolah atau pemeroses data dalam komputer
yang disebut sebagai CPU (Central Prosessor Unit). CPU merupakan otak
bagi sebuah sistem komputer yang memiliki tiga komponen utama yaitu
unit kendali (Control Unit- CU), unit aritmetika dan logika (Aritmetic and
14
Logic Unit- ALU), serta komponen register yang berfungsi membantu
melakukan hubungan (interface) dari dan ke memori.
c. Perangkat Keluaran (output devices)
Adalah perangkat yang dipakai untuk menampilkan hasil proses.
Contohnya seperti layar monitor, printer, plotter, display card dan speaker.
Perangkat ini terdiri atas alat-alat yang menerjemahkan perintah yang telah
diproses oleh komputer ke dalam bentuk yang
telah dimengerti oleh
manusia.
d. Perangkat Penyimpan (memory/ storage devices)
Adalah perangkat yang digunakan untuk melakukan penyimpanan
data dalam komputer. Berdasarkan letak memori komputer dibedakan
menjadi dua yaitu memori di dalam (internal memori) pada perangkat
motherboard yang terdiri atas ROM (Read Only Memory) dan RAM
(Random Access memory), dan memori luar (eksternal memori) yang tidak
berhubungan langsung dengan motherboard seperti floppy disk, hard disk,
optical disk, CD-ROM, flash memori, tape drive, zip disk, dan lainnya.
2.6.2. Software
Menurut Herwindo dan Akbar (2005:76) Software adalah satu
rangkaian instruksi elektronik yang memerintahkan komputer untuk
melakukan tugas tertentu. Rangkaian instruksi ini disebut dengan program.
15
Dua buah tipe software yang biasa ditemui adalah system software dan
application software .
a. System Software
System software dibuat untuk komputer itu sendiri, yakni untuk
membantu komputer melakukan tugas-tugas dan fungsi-fungsi tertentu.
Satu tipe utama system software adalah sistem operasi (operating
system-OS). Semua komputer memerlukan OS. OS memerintahkan
bagaimana cara berinteraksi dengan pengguna dan device-nya sendiri.
Sistem operasi yang biasanya dijumpai adalah Windows, Mac OS, OS/2,
dan UNIX.
b. Application Software
Application
software
memberitahu
komputer
bagaimana
menyelesaikan tugas tertentu yang diinginkan oleh pengguna, seperti
membuat dokumen, atau mengedit gambar.
Beberapa appilcation software yang sering digunakan dan penting
diantaranya: Word processing program, Spreadsheet software, Database
management, Presentation program, Grapics program, Networking
software,
Web
Communication
design
tools
program,
Multimedia authoring.
and
Utilities,
browser,
Internet
Entertainment
and
application,
education,
16
2.6.3. Brainware
Menurut Mulyono (2008:4) Brainware (pengguna) adalah perangkat
yang mengoperasikan dan menjalankan software yang ada di dalam komputer,
contohnya mengetik surat dengan mengunakan Microsoft Word, membuat
program aplikasi perusahaan dan memperbaiki komputer. Berdasarkan
kemampuan dan keahlian yang dimiliki, pengguna komputer dapat
dikelompokkan menjadi beberapa kategori, misalnya programmer, operator,
technical support, dan desainer grafis.
17
BAB III
METODELOGI PENELITIAN
3.1. Subjek Penelitian
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu berdiri tanggal 20
November 1984 dengan Nomor Statistik Sekolah (NSS) 201266002019 dan Nomor
Pokok Sekolah Nasional (NPSN) 10702524. Sejaknya itulah Sekolah Menengah
Pertama
Negeri 10 Kota Bengkulu mulai beroperasional. Awalnya Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu dahulu namanya Sekolah Menengah
Pertama Negeri 9 Kota Bengkulu dari tahun 1984 s/d 1996, dan setelah itu mulai
tahun 1998 s/d sekarang namanya berganti menjadi Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu.
Pada tahun 1984 s/d 1985 Sekolah Menengah Pertama
Negeri 10 Kota
Bengkulu belum memiliki kepala sekolah hanya ada pimpinan sementara dari Kantor
Wilayah Departemen Pendidikan dan Kebudayaan (Kanwil Depdikbud) yaitu Bapak
Hasanuddin, dan belum mempunyai gedung sendiri sehingga Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu untuk melakukan proses belajar mengajar
menggunakan gedung SDN 65 Kota Bengkulu, pada tahun 1986 barulah Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu memiliki gedung sendiri, yang
dipimpin oleh kepala sekolah yaitu Ruslan Djafar dari tahun 1986 s/d 1990,
17
18
selanjutnya diganti oleh Drs.H.Zairin Rasul tahun 1990 s/d 1992, lalu diganti oleh
Dra. Hj.Nurlela tahun 1992 s/d 1995, setelah itu diganti oleh Drs.Yuliantori tahun
1995 s/d 1997, lalu diganti oleh Drs.Johan Martono tahun 1997 s/d 1999, selanjutnya
diganti oleh Drs.Ezeddin Arvan tahun 1999 s/d 2000, setelah itu diganti
Dra.Syahruzar,S.Pd tahun 2000 s/d 2004, lalu diganti oleh Idrus,S.Pd tahun 2004 s/d
tahun 2007, setelah itu diganti Dra.Zurevasilawani,S.Pd tahun 2007 s/d tahun 2009,
selanjutnya diganti oleh Hery Suryadi,S.Pd tahun 2009 s/d 2011 setelah itu diganti
Tri Mulyono,S.Pd s/d sekarang.
Dari tahun ke tahun Sekolah Menengah Pertama Negeri 10 Kota Bengkulu
terus mengalami peningkatan baik pengadaan sarana prasarana maupun jumlah
siswanya bertambah. Pada tahun 1984 Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu mulai melaksanakan proses belajar mengajar hanya memiliki 1 ruang kelas
dan jumlah siswa 25 orang. Seiring dengan waktu jumlah siswa dan ruang kelas
semakin bertambah, hal ini dapat kita lihat pada tahun 2005 Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu memiliki 12 ruang kelas, pada tahun 2008 13
ruang kelas, tahun 2009 14 ruang kelas dan tahun 2010 s/d sekarang 15 ruang kelas
serta jumlah siswa 503 orang.
19
3.1.1. Tempat dan Waktu Penelitian
1.
Tempat penelitian
Penelitian di lakasanakn di Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu, yang beralamat Jaan. Irian Kelurahan. Semarang Kecamatan
Sungai Serut Kota Bengkulu
2.
Waktu penelitian
Penelitian di laksanakan pada tanggal 01 januari 2012 sampai dengan 01
Februari 2012, berlangsung selama 1 bulan.
3.1.2. Struktur Oranisai
Adapun struktur organisasi dapat dilihat pada lampiran.
3.1.3. Tugas dan Wewenang
1. Kepala Sekolah
a.
Kepala
sekolah
berfungsi
sebagai
pendidik,
manager,
pengelola
administrator ( pendorong).
b.
Kepala sekolah mempunyai tugas menyusun rencana dan program sekolah,
membina kesiswaan, pembelajaran dan ketenagaan administrasi sekolah
serta membina dan melaksanakan kerjasama dan hubungan dengan
masyarakat.
20
2. Komite Sekolah
Mitra kerja kepala sekolah untuk mewadahi peran serta masyarakat dalam
rangka meningkatkan mutu pendidikan, memberikan masukan pertimbangan,
rekomendasi mengenai kebijakan dan program pendidikan RAPBS, dukungan
finansial dan lain-lain yang terkait dengan pendidikan.
3. Wakil Kepala Bidang Organisasi dan Tata Laksana (Ortala)
a.
Menyusun Rencana Program Sekolah (RPS) dan Rencana Tindak Lanjut
(RTL).
b.
Koordinasi Kegiatan-kegiatan ke dalam.
c.
Menjalin Koordinasi Dengan Berbagai Instansi (Pemerintah,Swasta) dalam
berbagai kegiatan sekolah.
d.
Menyusun Kerjasama/MOU Dengan Instansi Terkait.
e.
Melaksanakan Informasi Kegiatan Sekolah Melalui Media Cetak dan atau
Elektronik
f.
Undangan Rapat-rapat Dinas, Notulis dan Tindak Lanjut Keputusan.
g.
Melaksanakan Keputusan Kepala Sekolah
4. Wakil Kepala Bidang Akademik
a.
Menyusun Pembagian Tugas Guru.
b.
Menyusun Jadwal Pelajaran.
c.
Menyusun Daftar Guru Piket.
21
d.
Melaksanakan Kegiatan yang berkaitan dengan pelajaran.
e.
Mengontrol Proses Belajar Mengajar (PBM), Perangkat Guru.
f.
Mengatur Pembagian Tugas Masing-Masing Fungsi (Wali Kelas, Pembina
EkstraKurikuler, Koord. Mapel, dll).
g.
Merencanakan Berbagai Kegiatan Sekolah (Hari Efektif, Libur, Ul. Tengah
Semester, Ujian-ujian, dll)
h.
Melaksanakan Keputusan Kepala Sekolah.
5. Wakil Kepala Bidang Kesiswaan
a.
Merencanakan Kegiatan Kesiswaan (Pengurus OSIS, Program, Pelaksanaan,
Dokumentasi, Evaluasi).
b.
Koordinasi Dengan Kegiatan Ekstra Kurikuler (Pembina Ekstra, Program,
Pelaksanaan, Pelatih).
c.
Koordinasi Berbagai Lomba/Olympiade/O2SN/FL2S dan Kegiatan Siswa
Lainnya.
d.
Melaksanakan Keputusan Kepala Sekolah.
6. Wakil Kepala Bidang Sarana Prasarana (Sapras)
a.
Menyusun Data Sarana Prasarana.
b.
Merencanakan Sarana Prasarana.
c.
Pengelolaan Lingkungan.
d.
Melaksanakan Keputusan Kepala Sekolah.
22
7. Wali Kelas
A. Pengelolaan kelas.
B. Penyelenggara administrasi kelas meliputi :
1.
Denah tempat duduk siswa.
2.
Papan absensi kelas.
3.
Daftar pelajaran kelas.
4.
Daftar piket kelas.
5.
Buku piket kelas.
6.
Buku absensi siswa.
7.
Buku kegiatan pembelajaran atau buku kelas.
8.
Tata tertib kelas.
C. Penyusunan/pembuatan statistik bulanan siswa-siswa
D. Pengisian daftar kumpulan nilai siswa (legger).
E. Membuat buku kasus siswa .
F. Pencatat mutasi siswa.
G. Mengisi buku laporan penilaian hasil belajar.
H. Pembagian buku laporan penilaian hasil belajar.
I.
Mengawasi siswa saat upacara dan senam.
8. Tata Usaha
23
Melakukan Urusan Penelusuran Keuangan, Kepegawaian dan Kerumah
Tanggaan Sekolah.
9. Guru
a.
Guru bertugas mengelola pembelajaran.
b.
Guru bertanggungjawab kepada kepala sekolah dan mempunyai tugas
melaksanakan tugas belajar mengajar secara efektif dan efisien.
c.
Tugas dan tanggung jawab seorang guru meliputi :
1. Menyusun program tahunan/semesteran
2. Menyusun program satuan pembelajaran
3. Menyusun program bulanan
4. Menyusun ulangan harian
d.
Guru bertugas untuk menyusun program untuk pembelajaran/pendidikan
siswa untuk mencapai target kurikulum yang sudah ditentukan seperti
Ulangan harian, Ulangan mingguan, Ulangan bulanan, Ulangan semester,
Ujian akhir.
24
3.2. Metode Penelitian
Dalam melakukan penelitian ini, peneliti menggunakan metode ekperimen yang
mana prosesnya dimulai dengan menganalisa kebutuhan data, mengembangkan
sistem yang ada, Implementasi sistem dan pemeliharaan sistem yang dalam hal ini
menggunakan bahasa pemrograman PHP.
3.3. Metode Pengumpulan Data
1.
Metode Observasi
Penulis melakukan observasi secara langsung pada SMA Negeri 1 Pagar Jati
Bengkulu Tengah.
2.
Metode Kepustakaan
Dilakukan dengan membaca dan mempelajari buku panduan siswa, modul
dan buku bacaan yang berhubungan dengan masalah dalam penelitian ini.
3.
Metode Wawancara
Peneliti melakukan tanya jawab secara langsung kepada guru bidang studi
matematika SMA Negeri 1 Pagar Jati Bengkulu Tengah.
3.4. Software dan Hardware
Adapun Software dan Hardware yang digunakan dalam penelitian ini adalah :
a. Software
25
Adapun Software yang digunakan dalam penelitian ini adalah :
1.
Sistem Operasi Windows XP Service Pack 2
2.
Program Aplikasi Macromedia Dreamwaver 8.0
b. Hardware
1.
Prosessor Pentium 4
2.
RAM 1 Gb
3.
Hardisk 40 GB
4.
Printer canon Pixma IP 1440
5.
Mouse dan Keyboard
3.5. Metode Perancangan Sistem
3.5.1. Analisa Sistem Aktual
Sebelum melakukan pengembangan terhadap suatu sistem, telebih
dahulu penulis menganalisa sistem yang dipakai di sekolah SMP N 10 kota
Bengkulu. Ini dilakukan untuk mengetahui dan mempelajari kelemahan
sistem tersebut dan masalah yang dihadapi dalam proses pembuatan profil
sekolah. Berdasarkan hasil prapenelitian sudah sudah menggunakan suatu
aplikasi microsoft word yang kemudian berbentuk selebaran yang nantinya
di sebar luaskan ke sekolah-sekolah dan masyarakat.
26
Adapun kelemahan-kelemahan dari sistem lama adalah sebagai
berikutk:
1. Kesulitan dalam memberikan informasi kepada masyarakat yang
berhubungan dengan informasi pada Sekolah Menengah Pertama Negeri
10 Kota Bengkulu, karena masih menggunakan cara manual.
2. Kurangnya pemeliharaan terhadap sistem informasi yang ada
3.5.2. Perancangan Sistem Baru
Dalam perancangan profil ini penulis menggunakan aplikasi
macromedia dreamwaver 8.0. Profil sekolah ini berisikan informasi tentang
Sekolah Menengah pertama Negeri 10 Kota Bengkulu yang bernasis online.
3.6. R ancangan Sruktur Menu
MENU UTAMA
HOME
PROFIL
FASILITAS
PRESTASI
VISI MISI
PERPUSTAKAAN
KESENIAN
STRUKTUR
ORGANISASI
LABOR IPA
OLARAGA
SEJARAH
BUKU
TAMU
AGENDA
KEGIATAN
LABOR
KOMPUTER
DENA
SEKOLAH
Gambar 3.1. Rancangan Sruktur Menu
DATA
SISWA
27
3.7. HIPO (Hierarki Plus Input Process and Output)
Profil Sekolah
Proses Entri Data
Laporan Output Data
Proses Entri Data
Entri Data
Kesenian
Entri Data
Olaraga
Entri Data
Agenda Kegiatan
Entri Data
Siswa
Entri Data
Berita Terkini
Output Data
Siswa
Output Data
Berita Terkini
Laporan Output Data
Output Data
Kesenian
Output Data
Olaraga
Output Data
Agenda kegiatan
Gambar 3.2. HIPO
3.8. Rancangan File
1.
File Admin
Nama File
: Admin
Primary Key : User_Name
Tabel 3.1. File Admin
Field
Type
Width
Keterangan
User_Name
Varchar
25
Nama Pengguna
Password
Varchar
10
Password
28
2. File Kesenian
Nama File
: Kesenian
Primary key : ID
Tabel 3.2. File Kesenian
Field
Type
ID
Varchar
Tgl
Date
Acara
Memo
Photo
Char
Widht
3
-
Keterangan
ID
Tanggal
Acara
Photo
Widht
3
-
Keterangan
3. File Olaraga
Nama File
: Olaraga
Primary key : ID
Tabel 3.3. File Olaraga
Field
Type
ID
Varchar
Tgl
Date
Acara
Memo
Photo
Char
ID
Tanggal
Acara
Photo
4. File Agenda Kegiatan
Nama File
: Agenda
Primary key : ID
Tabel 3.4. File Agenda Kegiatan
Field
Type
ID
Varhcar
Tgl
Date
Judul
Varchar
Isi_Kegiatan
Memo
Widht
3
_
30
_
Keterangan
ID
Tanggal
Judul
Isi Kegiatan
29
5. File Buku Tamu
Nama File
: Buku_Tamu
Primary key : Nama
Tabel 3.5. File Buku Tamu
Field
Type
Nama
Varchar
Alamat
Varchar
E_Mail
Varchar
Komentar
Memo
Widht
25
30
25
-
Keterangan
Nama
Alamat
E-Mail
Komentar
6. File Data Siswa
Nama File
: Data_Siswa
Primary key : ID
Tabel 3.6. File Data_Siswa
Field
Type
ID
Varchar
Thn_Pljrn
Varchar
Widht
5
10
Keterangan
id
Tahun Pelajaran
Jmlh_Siswa
Varchar
5
Jumlah Siswa
Keterangan
Memo
-
Keterangan
7. File Berita Terkini
Nama File
: Berita_Terkini
Primary key : Id
Tabel 3.7. File Berita_Terkini
Field
Type
Widht
id
Varchar
5
Isi
Varchar
100
Keterangan
id
Isi Berita
30
3.9. Rancangan Input
1. Input Data admin
Input data ini merupakan kunci untuk mengakses input data kesenian, input data
olahraga, input data siswa, input data agenda kegiatan dan input data terkini,
dengan mengenter kan kata www.smpn10bkl.co.id/admin pada browser seperti:
Mozilla Firefox dan lain sebagainya, dapat dilihat pada gambar dibawah ini:
Nama
:
Password
:
Xx25xx
************
Log In
Batal
Gambar 3.3. Input Data admin
Apabila input menu admin berhasil di Log In maka halaman akan menuju ke
input data guru, tata usaha, kesenian dan olahraga, guna untuk mengakses data
(menambah data, menghapus data, dan mengkoreksi data), terlihat pada rancangan
menu di bawah ini:
ADMIN
KESENIAN
OLAHRAGA
AGENDA KEGIATAN
DATA SISWA
Gambar 3.4. Rancangan Menu Administrator
BERITA TERKINI
31
Keterangan
:
Kesenian
: Merupakan tombol yang untuk menuju ke input data Kesenian
olahraga
: Merupakan tombol yang untuk menuju ke input data olahraga
Agenda Kegiatan : Merupakan tombol yang untuk menuju ke input data Agenda
Kegiatan
Data Siswa
: Merupakan tombol yang untuk menuju ke input data Data
Siswa
Berita Terkini
: Merupakan tombol yang untuk menuju ke input data Berita
Terkini
1. Input Data Kesenian
ID
:
XX
Tanggal
:
ddmmyyyy
Acara
:
Photo
:
Tambah
Simpan
Browse
Hapus
Koreksi
Gambar 3.5. Input Data Kesenian
Batal
32
2. Input Data Olaraga
ID
:
XX
Tanggal
:
ddmmyyyy
Acara
:
Photo
:
Tambah
Browse
Simpan
Hapus
Koreksi
Batal
Gambar 3.6. Input Data Olaraga
3. Input Data Agenda Kegiatan
Tanggal
:
ddmmyyyy
Judul
:
xx30xx
Isi Berita
:
Tambah
Simpan
Hapus
Koreksi
Batal
Gambar 3.7. Input Data Agenda Kegiatan
33
4. Input Data Data Siswa
Id
:
99999
Tahun Pelajaran :
Xx10xx
Jumlah Siswa
:
99999
Keterangan
:
Tambah
Simpan
Hapus
Koreksi
Batal
Gambar 3.8. Input Data Siswa
5. Input Data Berita Terkini
Id
:
Isi Berita
:
Tambah
Simpan
99999
Hapus
Koreksi
Batal
Gambar 3.9. Input Data Berita Terkini
34
3.10. Rancangan Menu Utama
Menu ini merupakan menu induk pada profil sekolah ini. Pada menu ini
terdapat sub menu Buku tamu, sub menu Profil, sub menu Fasilitas, sub menu
Prestasi, agenda kegiatan. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
FASILITAS
PROFIL
HOME
PRESTASI
AGENDA KEGIATAN
DATA SISWA
Berita Terkini
BUKU TAMU
Gambar
Jam
Gambar 3.10. Rancangan Menu Utama
Keterangan
:
Home
: Merupakan tombol untuk kembali ke menu utama disaat
halaman berada pada halaman lain,
Profil
: Pada sub menu ini terdapat sub menu visi misi, sub menu
struktur organisasi, sub menu sejarah, sub menu dena
35
sekolah dan peta sekolah dapat di lihat pada halaman
selanjutnya.
Fasilitas
: Pada sub menu ini terdapat sub menu perpustakaan, sub
menu labor IPA dan sub menu labor komputer, dapat di
lihat pada halaman selanjutnya.
Prestasi
: Pada sub menu ini terdapat sub menu Kesenian dan sub
menu Olaraga, dapat di lihat pada halaman selanjutnya.
Agenda Kegiatan
: Merupakan tombol yang berfungsi untuk menuju ke sub
menu agenda kegiatan
Buku Tamu
: Merupakan tombol yang berfungsi untuk menuju ke sub
menu buku tamu,
Berita Terkini
: Berisi berita terkini dari Sekolah Menengah Pertama Negeri
10 Kota Bengkulu.
Gambar
: Berisi gambar gedung sekolah Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu.
36
3.10.1. Rancangan Sub Menu Profil
Sub menu ini merupakan sub menu yang berisi tentang profil Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
HOME
PROFIL
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Sekolah
DATA SISWA
Berita Terkini
Jam
Gambar 3.11. Rancangan Sub Menu Profil
Keterangan :
Profil
: Pada menu ini terdapat sub menu visi misi, sub menu struktur
organisasi, sub menu sejarah, sub menu dena sekolah dan sub menu
peta sekolah yang apabila di klik maka Isi akan berisi dari sub menu
terpilih,
37
3.10.2. Rancangan Sub Menu Visi Misi
Sub menu ini merupakan sub menu yang menjelaskan mengenai visi misi
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu, terlihat pada gambar
dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Visi Misi
Struktur Organisasi
VISI MISI
Struktur
Organisasi
Sejarah
BUKU TAMU
Sejarah
Dena Sekolah
DenaPeta
Sekolah
Ssekolah
Peta Sekolah xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
DATA SISWA
Berita Terkini
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Jam
Gambar 3.12. Rancangan Sub Menu Visi Misi
Ketrangan
:
Visi Misi
: Berisi mengenai visi misi Sekolah Menengah Pertama Negeri 10
Kota Bengkulu yang berbentuk animasi text.
38
3.10.3. Rancangan Sub Menu Struktur Organisasi
Sub menu ini merupakan sub menu yang menjelaskan mengenai struktur
organisasi Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
FASILITAS
PROFIL
HOME
PRESTASI
AGENDA KEGIATAN
Visi Misi
Visi Misi
Struktur
Organisasi
Struktur
Organisasi
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
PetaPeta
Sekolah
Ssekolah
DATA SISWA
Berita Terkini
STRUKTUR ORGANISASI
Jam
Gambar
Gambar 3.13. Rancangan Sub Menu Struktur Organisasi
Ketrangan
:
Struktur Organisasi : Berisi Struktur Organisasi Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu yang berbentuk animasi, apabila
user mengklik photo pada struktur organisasi maka tampilan
struktur organisasi akan berganti dengan tampilan photo dan
indentitas dari photo terpilih.
39
3.10.4. Rancangan Sub Menu Sejarah
Sub menu ini merupakan sub menu yang menjelaskan mengenai sejarah
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Visi Misi
Struktur
Organisasi
Struktur
Organisasi
Sejarah
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
PetaPeta
Sekolah
Ssekolah
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
DATA SISWA
Berita Terkini
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxx
Jam
Gambar 3.14. Rancangan Sub Menu Sejarah
Ketrangan
:
Sejarah
: Berisi mengenai sejarah berdirinya Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu yang berbentuk animasi.
40
3.10.5. Rancangan Sub Menu Dena Sekolah
Sub menu ini merupakan sub menu yang menjelaskan mengenai dena Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
FASILITAS
PROFIL
HOME
Visi Misi
Visi Misi
Struktur
Organisasi
Struktur
Organisasi
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
PetaPeta
Sekolah
Ssekolah
PRESTASI
AGENDA KEGIATAN
Dena Sekolah
DATA SISWA
Berita Terkini
Gambar
Jam
Gambar 3.15. Rancangan Menu Sub Dena Sekolah
Ketrangan
:
Dena Sekolah
: Merupakan sub menu yang apabila diklik maka Isi akan berisi
mengenai dena Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu
41
3.10.6. Rancangan Sub Menu Peta Sekolah
Sub menu ini merupakan sub menu yang menjelaskan mengenai peta Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Visi Misi
Struktur
Struktur
Organisasi
Organisasi
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
Ssekolah
PetaPeta
Sekolah
PRESTASI
AGENDA KEGIATAN
Peta Sekolah
DATA SISWA
Berita Terkini
Gambar
Jam
Gambar 3.16. Rancangan Menu Sub Peta Sekolah
Keterangan
:
Peta Sekolah : Berisi gambar peta sekolah Menengah Pertama Negeri 10 Kota
Bengkulu yang berbentuk animasi.
42
3.11. Rancangan Menu Fasilitas
Sub menu ini merupakan sub menu yang berisi tentang Fasilitas yang ada di
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Pada menu ini terdapat sub
menu Perpustakaan, sub menu Labor IPA dan sub menu Labor Komputer.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Perpustakaan
Struktur Organisasi
Labor IPA
Sejarah
Labor Komputer
BUKU TAMU
Dena Sekolah
Peta Ssekolah
DATA SISWA
Berita Terkini
Jam
Gambar 3.17. Rancangan Menu Fasilitas
Keterangan :
Fasilitas
: Pada menu ini terdapat sub menu perpustakaan, sub menu labor IPA
dan sub menu labor komputer, yang apabilah sub menu tersebut di
klik maka akan menuju ke sub menu terpilih,
43
3.11.1. Rancangan Sub Menu Perpustakaan
Sub menu ini merupakan sub menu yang berisi gambar dan penjelasan tentang
perpustakaan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Perpustakaan
Visi Misi
Labor IPA
Struktur
Organisasi Labor Komputer
BUKU TAMU
Sejarah
Dena Sekolah
Peta Ssekolah
Perpustakaan
DATA SISWA
Berita Terkini
Jam
Gambar
Gambar 3. 18. Rancangan Menu Perpustakaan
Ketrangan
:
Perpustakaan : Berisi gambar mengenai perpustakaan Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu dan penjelasannya
44
3.11.2. Rancangan Sub Menu Labor IPA
Sub menu ini merupakan sub menu yang berisi gambar tentang Labor IPA
yang ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Perpustakaan
Visi Misi
Labor IPA
Struktur Organisasi
Sejarah
Labor Komputer
BUKU TAMU
Dena Sekolah
Peta Ssekolah
DATA SISWA
Berita Terkini
Labor IPA
Jam
Gambar
Gambar 3.19. Rancangan Sub Menu Labor IPA
Ketrangan
:
Labor IPA
: Berisi gambar labor IPA Sekolah Menengah Pertama Negeri 10
Kota Bengkulu dan penjelasannya
45
3.11.3. Rancangan Sub Menu Labor Komputer
Sub menu ini merupakan sub menu yang berisi tentang Labor Komputer yang
ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Perpustakaan
Struktur Organisasi
Labor IPA
Sejarah
Labor Komputer
BUKU TAMU
Dena Sekolah
Peta Ssekolah
DATA SISWA
Berita Terkini
Labor Komputer
Jam
Gambar
Gambar 3.20. Rancangan Sub Menu Labor Komputer
Ketrangan
:
Labor Komputer : Berisi gambar dan penjelasan mengenai labor komputer
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu
46
3.12. Rancangan Sub Menu Prestasi
Merupakan sub menu yang berisi tentang prestasi kesenian dan olaraga yang
ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Terlihat pada gambar
dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah
PRESTASI
AGENDA KEGIATAN
DATA SISWA
Kesenian
Olaraga
Berita Terkini
Jam
Gambar 3.21. Rancangan Sub Menu Prestasi
Ketrangan
:
Prestasi
: Pada sub menu ini terdapat sub menu Kesenian dan sub menu
Olaraga, dapat di lihat pada halaman selanjutnya.
47
3.12.1. Rancangan Sub Menu Kesenian
Pada sub menu ini terdapat penjelasan dan gambar mengenai kesenian yang
di lakukan oleh siswa-siswi Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu, seperti music dan lain-lain.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur
Organisasi
BUKU TAMU
Sejarah
Dena Sekolah
Peta Ssekolah
Jam
PRESTASI
AGENDA KEGIATAN
DATA SISWA
Kesenian
Olaraga
Berita
Kesenian
ID
Tanggal
XX
Dd/mm/yyyy
Acara
Photo
Gambar 3.22. Rancangan Sub Menu Kesenian
Ketrangan
:
Kesenian
: Merupakan sub menu yang apabila diklik maka Isi akan berisi
mengenai kesenian yang dilakukan di Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu
48
3.12.2. Rancangan Sub Menu Olahraga
Pada sub menu ini terdapat penjelasan dan gambar mengenai olaraga yang di
lakukan oleh siswa-siswi Sekolah Menengah Pertama Negeri 10 Kota Bengkulu,
seperti perlombaan putsal dan lain-lain.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
AGENDA KEGIATAN
DATA SISWA
Kesenian
Olaraga
Visi Misi
Struktur
Organisasi
BUKU TAMU
Sejarah
Dena Sekolah
Peta Ssekolah
Jam
PRESTASI
Berita
Olaraga
ID
Tanggal
XX
Dd/mm/yyyy
Acara
Photo
Gambar 3.23. Rancangan Sub Menu Olahraga
Ketrangan
:
Olaraga
: Merupakan sub menu yang apabila diklik maka Isi akan berisi
mengenai olaraga yang di selengarakan di Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu
49
3.13. Rancangan Sub Menu Agenda Kegiatan
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah
PRESTASI
AGENDA KEGIATAN
Agenda Kegiatan
Tanggal
Judul
Isi kegiatan
dd/mm/yyyy
xxxxxxx
xxxxxxxxxxxx
DATA SISWA
Berita Terkini
Jam
Gambar 3.24. Rancangan Sub Menu Agenda Kegiatan
Ketrangan
:
Agenda Kegiatan : Merupakan sub menu yang berisi tentang agenda kegiatan
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
50
3.14. Rancangan Sub Menu Buku Tamu
Merupakan sub menu laporan dari data pengunjung yang terinput melalui sub
menu log in. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah Name
PRESTASI
Buku Tamu
Alamat
E-Mail
Komentar
Jam
AGENDA KEGIATAN
DATA SISWA
Berita Terkini
:xx25xx
:Xx30xx
:xx25xx
:
Kirim
Nama
Alamat
E-Mail
Komentar
Xx25x
x
Xx30xx
Xx25xx
xxxxxxx
Gambar 3.25. Rancangan Sub Menu Buku Tamu
Ketrangan
:
Buku Tamu : Berfungsi untuk melihat tamu yang berkunjung ke situs ini,
51
3.14.1. Rancangan Sub Menu Data Siswa
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Alumni
Berita Terkini
BUKU TAMU
Id
Tahun Ajaran
Jumlah siswa
99999
Xx10xx
99999
DATA SISWA
Keterangan
Jam
Gambar 3.26. Rancangan Sub Menu Data Siswa
Ketrangan
:
Data Siswa : Merupakan sub menu yang berisi tentang jumlah siswa yang lama
dari 3 tahun sebelumnya sampai dengan sekarang di Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
52
3.15. Rancangan Sub Menu Buku Tamu
Merupakan sub menu laporan dari data pengunjung yang terinput melalui sub
menu log in. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah Name
PRESTASI
Buku Tamu
Alamat
E-Mail
Komentar
Jam
AGENDA KEGIATAN
DATA SISWA
Berita Terkini
:xx25xx
:Xx30xx
:xx25xx
:
Kirim
Nama
Alamat
E-Mail
Komentar
Xx25x
x
Xx30xx
Xx25xx
xxxxxxx
Gambar 3.27. Rancangan Sub Menu Buku Tamu
Ketrangan
:
Buku Tamu : Berfungsi untuk melihat tamu yang berkunjung ke situs ini,
53
3.16. Perancangan Pengujian
Setelah perancangan diatas maka website yang telah di buatbharus di uji coba.
Adapun tahapan uji coba tersebut adalah sebagai berikut:
1.
Setelah tahap perancangan dan pembuatan website selesai, Selanjutnya akan
dilakukan pengujian integrasi database secara online. Pada tahap ini proses akses
website akan dilakukan menggunakan browser mozila firefox yang terdapat
dalam PC sebagai server sementara. Hal ini dilakukan apakah web yang dibuat
dapat berinteraksi atau belum.
2.
Tahap selanjutnya adalah seluruh data paket website akan di upload agar dapat
bekerja secara online dengan menggunakan jasa free web hosting atau web
domain komersial.
3.
Setelah pengupload selesai, website telah dapat dimanfaatkan oleh Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
54
BAB IV
PEMBAHASAN
4.1. Tampilan Website Sekolah Menengah Pertama Negeri 10 Kota Bengkulu
Untuk mengakses website Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu,
pengunjung
dapat
membuka
website
di
alamat
www.smpn10bengkulu.com pada browser seperti mozilla firefox dan lain sebagainya.
Pada website ini terdapat seluruh keterangan mengenai Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu dapat dilihat, adapun isi dari website ini adalah Profil,
Fasilitas, Prestasi, Agenda Kegiatan dan Data Siswa. Bentuk halaman utama dari
website ini dapat dilihat pada gambar dibawah ini:
Gambar 4.1. Tampilan Website Sekolah Menengah Pertama Negeri 10
Kota Bengkulu
54
55
Keterangan
:
Home
: Merupakan menu yang berfungsi untuk menuju ke menu
Profil
: Merupakan menu yang berisi sub menu sejarah, sub menu visi misi,
utama
sub menu struktur organisasi, sub menu dena sekolah dan sub menu
peta sekolah.
Fasilitas
: Merupakan menu yang berisi sub menu perpustakaan, sub menu
labor IPA dan sub menu labor komputer.
Prestasi
: Merupakan menu yang berisi sub menu kesenian dan sub menu
olahraga.
Agenda Kegiatan : Merupakan menu yang berfungsi untuk menuju ke menu agenda
kegiatan.
Data Siswa
: Merupakan menu yang berfungsi untuk menuju ke menu data siswa.
Buku Tamu
: Berfungsi untuk menuju ke menu buku tamu, berfungsi untuk
memasukkan data pengunjung website ini.
Login
: Merupakan tombol untuk mengecek isi input text user dan
password, apabila benar maka tampilan akan menuju ke menu
administrator.
56
4.1.1.
Tampilan Menu Profil
Halaman dibawah ini merupakan tampilan menu profil Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Pada menu ini terdapat sub menu
sejarah, sub menu visi misi, sub menu struktur organisasi, sub menu dena sekolah
dan sub menu peta sekolah, yang apabila sub menu tersebut di klik maka akan
menuju ke sub menu terpilih. Terlihat pada gambar dibawah ini:
Gambar 4.2. Tampilan Menu Profil
57
4.1.1.1. Tampilan Sub Menu Sejarah
Halaman dibawah ini merupakan tampilan sub menu Sejarah Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu . Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
Gambar 4.3. Tampilan Sub Menu Sejarah
4.1.1.2. Tampilan Sub Menu Visi Misi
Halaman dibawah ini merupakan tampilan sub Menu Visi Misi Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
58
Gambar 4.4. Tampilan Sub Menu Visi Misi
4.1.1.3. Tampilan Sub Menu Struktur Organisasi
Halaman dibawah ini merupakan tampilan sub menu Struktur Organisasi
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun bentuk halaman
ini dapat dilihat pada gambar dibawah ini:
59
Gambar 4.5. Tampilan Sub Menu Struktur Organisasi
4.1.1.4. Tampilan Sub Menu Dena Sekolah
Halaman dibawah ini merupakan tampilan sub menu Dena Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
60
Gambar 4.6. Tampilan Sub Menu Dena Sekolah
4.1.1.5. Tampilan Sub Menu Peta Sekolah
Halaman dibawah ini merupakan tampilan sub menu Peta Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu . Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
61
Gambar 4.7. Tampilan Sub Menu Peta Sekolah
4.1.2.
Tampilan Menu Fasilitas
Halaman dibawah ini merupakan tampilan menu yang berisi tentang
Fasilitas yang ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Pada
menu ini terdapat sub menu Perpustakaan, sub menu Labor IPA dan sub menu
Labor Komputer, yang apabila sub menu tersebut di klik maka akan menuju ke sub
menu terpilih. Terlihat pada gambar dibawah ini:
62
Gambar 4.8. Tampilan Menu Fasilitas
4.1.2.1. Tampilan Sub Menu Perpustakaan
Halaman dibawah ini merupakan tampilan sub menu Perpustakaan
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman
ini dapat dilihat pada gambar dibawah ini:
63
Gambar 4.9. Tampilan Sub Menu Perpustakaan
4.1.2.2. Tampilan Sub Menu Labor IPA
Berikut ini merupakan tampilan sub menu Labor IPA Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat dilihat pada
gambar dibawah ini:
Gambar 4.10. Tampilan Sub Menu Labor IPA
64
4.1.2.3. Tampilan Sub Menu Labor Komputer
Dibawah ini merupakan tampilan sub menu Labor Komputer Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
Gambar 4.11. Tampilan Sub Menu Labor Komputer
4.1.3.
Tampilan Menu Prestasi
Halaman dibawah ini merupakan tampilan menu yang berisi tentang
prestasi yang ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Pada
menu ini terdapat sub menu kesenian dan olahraga, yang apabila sub menu
65
tersebut di klik maka akan menuju ke sub menu terpilih. Terlihat pada gambar
dibawah ini:
Gambar 4.12. Tampilan Menu Prestasi
4.1.3.1. Tampilan Sub Menu Kesenian
Halaman dibawah ini merupakan tampilan Output kesenian yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
66
Gambar 4.13. Tampilan Sub Menu Kesenian
4.1.3.2. Tampilan Sub Menu Olahraga
Halaman dibawah ini merupakan tampilan Output Olahraga yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
67
4.1.4.
Gambar 4.14. Tampilan Sub Menu Olahraga
Tampilan Menu Agenda Kegiatan
Halaman dibawah ini merupakan tampilan Output Agenda Kegiatan yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
68
Gambar 4.15. Tampilan Menu Agenda Kegiatan
4.1.5.
Tampilan Menu Daftar Siswa
Halaman dibawah ini merupakan tampilan Output Daftar Siswa Alumni
yang Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk
halaman ini dapat dilihat pada gambar dibawah ini:
69
Gambar 4.16. Tampilan Menu Daftar Siswa
4.1.6.
Tampilan Menu Buku Tamu
Halaman dibawah ini merupakan tampilan Output Buku Tamu yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
70
4.2.
Gambar 4.17. Tampilan Menu Buku Tamu
Tampilan Menu Admin
Halaman dibawah ini berbentuk isian yang harus diisi untuk mengaskes
database, halaman ini hanya bisa di akses oleh pengguna, karena user dan
password ditentukan oleh pengguna, adapun bentuk halaman ini dapat dilihat pada
gambar dibawah ini:
71
Gambar 4.18. Tampilan Menu Admin
4.2.1. Tampilan Menu Administrator
Halaman dibawah ini berfungsi untuk menginputkan data kedalam
database, adapun input data yang dapat dipanggil melalui menu ini adalah: input
data kesenian, input data olahraga, input data agenda kegiatan, input data siswa,
input data berita terkini dan ouput buku tamu guna untuk mengakses data
(menambah data, menyimpan data, menghapus data, dan mengkoreksi data).
Adapun bentuk halaman ini dapat dilihat pada gambar dibawah ini :
72
Gambar 4.19. Tampilan Menu Administrator
4.2.1.1. Tampilan Menu Input Data Kesenian
Halaman dibawah ini berfungsi untuk menginputkan data kesenian
kedalam database. Upload untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini:
Gambar 4.20. Tampilan Menu Input Data Kesenian
73
4.2.1.2. Tampilan Menu Input Data Olahraga
Halaman dibawah ini berfungsi untuk menginputkan data olahraga
kedalam database. Upload untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini:
Gambar 4.21. Tampilan Menu Input Data Olahraga
4.2.1.3. Tampilan Menu Input Data Agenda Kegiatan
Halaman dibawah ini berfungsi untuk menginputkan data agenda kegiatan
kedalam database. Input untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini :
74
Gambar 4.22. Tampilan Menu Input Data Agenda Kegiatan
4.2.1.4. Tampilan Menu Input Data Siswa
Halaman dibawah ini berfungsi untuk menginputkan data siswa kedalam
database. Input untuk menambah data, edit untuk merubah data yang telah
tersimpan di dalam database dan delete untuk menghapus data yang tersimpan di
database. Adapun bentuk halaman ini dapat dilihat pada gambar dibawah ini:
Gambar 4.23. Tampilan Menu Input Data Siswa
75
4.2.1.5. Tampilan Menu Input Data Berita Terkini
Halaman dibawah ini berfungsi untuk menginputkan data berita terkini
kedalam database. Input untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini:
Gambar 4.24. Tampilan Menu Input Data Berita Terkini
4.2.1.6. Tampilan Menu Output Buku Tamu
Halaman dibawah ini berfungsi untuk menginputkan data buku tamu
kedalam database. Delete untuk menghapus data yang tersimpan di database.
Adapun bentuk halaman ini dapat dilihat pada gambar dibawah ini:
76
Gambar 4.25. Tampilan Menu Output Buku Tamu
4.3.
Hasil Pengujian
Pengujian Profil Sekolah Menengah Pertama (SMP) Negeri 10 Kota Bengkulu ini
dilaksanakan dengan menggunakan komputer yang terhubung dengan internet. Berdasarkan
hasil pengujian sistem yang dilakukan antara sistem lama dan sistem baru, maka didapatkan
hasil sebagai berikut:
Jenis Penelitian
Sistem
Sistem Lama
Promosi Dilakukan
Sekolah
Manfaat Teknologi
menebar
Sistem Baru
dengan Masyarakat dan siswa-
selebaran
ke siswa
cukup
dengan
sekolah-sekolah
mengakses internet.
Tidak ada
Menggunakan komputer
dan modem
Media promosi
Menggunakan selebaran
Menggunakan teknologi
internet
77
BAB V
KESIMPULAN DAN SARAN
5.1. Kesimpulan
Berdasarkan hasil penelitian dan uji coba yang telah dilakukan dapat
disimpulkan sebagai berikut :
1. Website ini dapat digunakan untuk mempublikasikan informasi tentang Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu secara akurat dan optimal, dimana
informasi ini lebih mudah diakses, lebih banyak informasi yang dapat
disampaikan, lebih efektif dan efisien.
2. Website yang menggunakan Macromedia Dreamwaver 8.0 dapat berjalan
PROFIL SEKOLAH MENENGAH PERTAMA (SMP) NEGERI 10 KOTA BENGKULU
BERBASIS WEB MENGGUNAKAN MACROMEDIA DREAMWAVER 8.0
PROPOSAL SKRIPSI
Oleh :
FITRIANI
NPM: 08010260
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS DEHASEN (UNIVED) BENGKULU
2012
BAB I
1.1. Latar Belakang
Sekolah Menengah Pertama atau disingkat SMP adalah pendidikan tingkat lanjut
setelah melalui pendidikan pada tingkat Sekolah Dasar. Biasanya para siswa yang
melanjutkan pendidikan pada tingkat SMP ini memiliki keinginan untuk melanjutkan
pendidikan ke jenjang berikutnya, pada tingkat SMA dan Universitas, setelah
1
menyelesaikan pendidikan di tingkat SMP. Oleh karena itu, pemilihan SMP yang
memiliki kualitas yang baik dan memiliki fasilitas yang lengkaplah yang dapat
menunjang dengan baik kelanjutan pendidikan tersebut. Untuk mengetahui kualitas dan
fasilitas dari suatu SMP, biasanya para siswa atau pun orang tua siswa mencari berbagai
informasi melalui berbagai media. Salah satu bentuk informasi yang biasanya digunakan
untuk memberikan informasi tentang SMP ini adalah informasi digital. Hal ini
dikarenakan disebabkan kelebihan dari informasi dijital itu sendiri, dimana informasi ini
lebih mudah diakses, lebih banyak informasi yang dapat disampaikan, lebih interaktif dan
lebih efisien dalam hal penyimpanan.
Informasi yang disampaikan ke pengguna dapat berupa teks, gambar, suara,
animasi dan video. Informasi yang disampaikan bisa pula merupakan gabungan dari
berbagai media tersebut.
Salah satu SMP yang memerlukan media penyampai informasi ini adalah SMP
Negeri 10 Kota Bengkulu. Dimana selama ini media informasi yang digunakan adalah
papan informasi, brosur, penyampaian informasi dari orang ke orang. Media
penyampaian informasi tersebut masih memiliki kelemahan.
1.2. Rumusan Masalah
Permasalahan yang di temukan pada proposal skripsi ini yakni “Bagaimana
membuat Profil yang dapat memberikan informasi lengkap tentang informasi Sekolah
1
2
Menengah Pertama (SMP) Negeri 10 Kota Bengkulu sehingga pencari informasi
mendapatkan seluruh informasi tentang sekolah tersebut dengan efektif dan efisien”.
1.3. Batasan Masalah
Adapun batasan masalah dari proposal ini adalah bagaiman cara membuat
Fropil Sekolah Menengah Pertama (SMP) Negeri 10 Kota Bengkulu Berbasis Web
Menggunakan Macromedia Dreamwaver 8.0.
1.4. Tujuan Penelitian
Tujuan dari penelitian ini adalah untuk membuat Profil Sekolah Menengah
Pertama (SMP) Negeri 10 Kota Bengkulu Berbasis Web Menggunakan Macromedia
Dreamwaver 8.0 ?
1.5. Manfaat Penelitian
Manfaat dari penelitian ini adalah sebagai media alternatif penyedia informasi,
sehingga memudahkan pengguna mendapatkan informasi yang dibutuhkan tentang
Sekolah Menengah Pertama (SMP) Negeri 10 Kota Bengkulu.
3
BAB II
LANDASAN TEORI
2.1
Definisi Profil
Menurut Tjiharjadi (2007:52) Profil adalah kumpulan berbagai modul yang
mendukung apliksi.
2.2
Definisi Sekolah
Pengertian sekolah adalah bangunan atau lembaga untuk belajar dan mengajar.
Sekolah juga merupakan tempat menerima dan memberi pelajaran. Sekolah biasanya
digolongkan menurut tingkatannya. Sebagai contoh, ada sekolah dasar, sekolah
menengah, sekolah lanjutan dan sekolah tinggi. (http://kangmoes.com/artikel-tipstrik-ide-menarik-kreatif.definisi/pengertian-sekolah.html)
2.3
Definisi Dreamweaver 8.0
Dreamweaver 8.0 merupakan web editor untuk membuat dan mendesain
website dengan mudah dan cepat. Kemampuannya dalam membuat website tanpa
menuliskan tag-tag HTML satu persatu, menjadikan program ini merupakan salah
satu web editor favorit banyak pengguna web. Gemilang Route 2008/2009.
4
4
2.4
Cara Mengoperasikan Dreamwaver 8.0
2.4.1 Memulai Macromedia Dreamwaver 8.0
Dreamweaver 8 merupakan web editor untuk membuat dan mendesain website
dengan mudah dan cepat. Kemampuannya dalam membuat website tanpa menuliskan
tag-tag HTML satu persatu, menjadikan program ini merupakan salah satu web editor
favorit banyak pengguna web. (Route Gemilang, ITS, Modul 5- Macromedia
Dreamwaver 8.0, 2012)
2.4.2 Mengoperasikan Macromedia Dreamweaver 8.0
1.
Memulai Macromedia Dreamweaver 8.0
Untuk memulai bekerja dengan Dreamweaver 8.0, anda bisa membuka
dengan mengklik tombol "Start" pada sudut kiri layar anda, lalu ke "Programs,”
lalu ke “Macromedia” folder. Lalu pilih “Macromedia Dreamweaver 8.0.”
(Gambar 2.1. Gambar Cara Memulai Macromedia Dreamwaver 8.0)
5
(Gambar 2.2. Gambar Tampilan Utama Macromedia Dreamwaver 8.0)
2.
Komponen – Komponen Macromedia Dreamweaver 8.0
1.
Mengenal Macromedia Dreamweaver 8
Macromedia Dreamweaver merupakan software yang dikenal sebagai
software Web authoring tool, yaitu software untuk desain dan layout
halaman Web. Macromedia Dreamweaver mulai menunjukkan daya
tariknya sejak versi 4, lalu versi MX, MX 2004 dan saat ini memiliki versi
terbaru yang disebut Macromedia Dreamweaver 8.0 Versi terbaru
Dreamweaver ini memiliki kemampuan bukan hanya sebagai software
untuk desain Web saja tetapi juga untuk editing kode serta pembuatan
aplikasi Web dengan menggunakan berbagai bahasa pemrograman Web,
antara lain ASP, JSP, PHP dan ColdFusion. Saat ini Dreamweaver
6
merupakan software utama yang digunakan oleh Web desainer maupun
Web programmer dalam membangun suatu situs Web. Hal ini disebabkan
ruang kerja, fasilitas, dan kemampuan Dreamweaver yang mampu
meningkatkan produktifitas dan efektivitas dalam desain maupun
membangun suatu situs Web. Selain fasilitas untuk desain layout halaman
Web maupun aplikasi database, Dreamweaver juga dilengkapi dengan
fasilitas untuk manajemen situs yang cukup lengkap.
2.
Ruang Kerja Macromedia Dreamweaver 8.0
Macromedia Dreamweaver 8 memiliki layout ruang kerja yang tidak
jauh berbeda dengan versi sebelumnya. Macromedia Dreamweaver 8 juga
memberikan fleksibelitas bagi penggunanya dalam menentukan ruang kerja
yang diinginkan. Ruang kerja pada Macromedia Dreamweaver 8 memiliki
komponen-komponen yang memberikan fasilitas dan area di mana kita
dapat bekerja.
Pada Gambar 2.1 kita dapat melihat komponen-komponen ruang
kerja seperti insert bar, document toolbar, document window, panel groups,
dan property inspector.
7
Insert Bar
Document Toolbar
Property Inspector
1.
Insert Bar
Panel Groups
Document Window
Gambar 2.1 Ruang Kerja Dreamweaver 8.0
Komponen ini mengandung tombol-tombol untuk menyisipkan
berbagai macam objek seperti image, tabel dan layer ke dalam dokumen.
Setiap objek adalah kutipan kode HTML yang memberikan fasilitas bagi
kita untuk mengatur atributnya sebagaimana kita menyisipkannya.
Insert bar memiliki kategori-kategori elemen yang dapat disisipkan.
Untuk memilih kategoriyang diinginkan kita dapat mengklik tombol drop
down yang berada di bagian kiri Insert bar.
Gambar 2.2. Gambar Insert Bar
8
2.
Document Toolbar
Komponen ini mengandung tombol-tombol dan menu pop-up yang
menyediakan tampilan berbeda dari Document window (seperti Design
view dan Code view), pilihan menampilkan ruler, grid, dan beberapa
operasi umum, seperti preview di browser.
Gambar 2.3. Gambar Document Toolbar
3.
Document Window
Komponen ini merupakan komponen di mana dokumen kita dibuat
dan ditampilkan. Kita enyisipkan teks, image dan objek lain di bagian ini.
Document window dalam Dreamweaver 8 dapat menampilkan layout Web
seperti yang akan kita lihat pada browser, tetapi ada batasan-batasan
tertentu di mana terdapat perbedaan antara tampilan di Dreamweaver 8
dengan tampilan di browser.
9
Gambar 2.4. Gambar Document Window
4.
Panel Group
Panel groups adalah kumpulan panel berkaitan yang dikelompokkan
bersama di bawah satu judul. Untuk mengekspansi panel group, klik pada
panah expander di sebelah kiri nama group. Untuk membuat panel menjadi
mengapung (tidak menempel pada pojok window), lakukan drag pada
paling pojok kiri dari judul group.
Terdapat beberapa jenis panel group, antara lain Design, Code,
Application, Files dan Answer. Dalam suatu jenis group terdapat beberapa
macam panel, misalnya group Design memiliki panel HTML Styles, CSS
Styles dan Behaviour. Masing-masing panel ini dapat kita buat mengapung
dan terpisah dengan group dengan cara men-drag tab dari panel tersebut
sehingga terlepas dari sspanel group.
10
Gambar 2.5. Design Panel Groups
5.
Property Inspector
Property inspector memberikan fasilitas untuk melihat dan mengubah
berbagai properti objek yang dipilih atau teks. Setiap macam objek
memiliki properti yang berbeda.
Gambar 2.6 Property Inspector
11
2.5. Teknik Pemrograman
Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada tiga cara untuk menuliskan script PHP yaitu :
1.
2.
3.
Script php
Pemisah antar instruksi adalah tanda titik koma (;). Untuk membuat atau
menambahkan komentar, standar penulisan adalah /*komentar*/, //komentar dan
#komentar. Untuk menuliskan script PHP, ada dua cara yang sering digunakan yaitu
Embedded Script dan Non- Embedded Script.
a. Embedded Script
Embedded Script yaitu script PHP yang disisipkan diantara tag-tag HTML.
Contoh dari Embedded Script :
12
Embedded Script
b. Non-Embedded Script
Non-Embedded Script adalah script program PHP murni. Termasuk tag HTML
yang disisipkan dalam script PHP.
Contoh dari Non-Embedded Script :
2.6. Elemen-elemen Komputer
Menurut Herwindo dan Akbar (2005:11) Komputer sebagai mesin penghitung
dan pengolah memiliki tiga elemen yang saling berkaitan yaitu Hardware, Software
dan Brainware .
2.6.1. Hardware
Menurut Supriyanto (2005:54) Perangkat keras (hardware) adalah
peralatan yang secara fisik terlihat dan bisa diraba atau dipegang. Hardware
komputer secara fungsional dibedakan menjadi empat macam perangkat yaitu
a. Perangkat Masukan (input devices)
Adalah peralatan yang digunakan untuk menerima data yang akan
diolah ke dalam komputer.
b. Perangkat Proses (proses devices)
Adalah perangkat pengolah atau pemeroses data dalam komputer
yang disebut sebagai CPU (Central Prosessor Unit). CPU merupakan otak
bagi sebuah sistem komputer yang memiliki tiga komponen utama yaitu
unit kendali (Control Unit- CU), unit aritmetika dan logika (Aritmetic and
14
Logic Unit- ALU), serta komponen register yang berfungsi membantu
melakukan hubungan (interface) dari dan ke memori.
c. Perangkat Keluaran (output devices)
Adalah perangkat yang dipakai untuk menampilkan hasil proses.
Contohnya seperti layar monitor, printer, plotter, display card dan speaker.
Perangkat ini terdiri atas alat-alat yang menerjemahkan perintah yang telah
diproses oleh komputer ke dalam bentuk yang
telah dimengerti oleh
manusia.
d. Perangkat Penyimpan (memory/ storage devices)
Adalah perangkat yang digunakan untuk melakukan penyimpanan
data dalam komputer. Berdasarkan letak memori komputer dibedakan
menjadi dua yaitu memori di dalam (internal memori) pada perangkat
motherboard yang terdiri atas ROM (Read Only Memory) dan RAM
(Random Access memory), dan memori luar (eksternal memori) yang tidak
berhubungan langsung dengan motherboard seperti floppy disk, hard disk,
optical disk, CD-ROM, flash memori, tape drive, zip disk, dan lainnya.
2.6.2. Software
Menurut Herwindo dan Akbar (2005:76) Software adalah satu
rangkaian instruksi elektronik yang memerintahkan komputer untuk
melakukan tugas tertentu. Rangkaian instruksi ini disebut dengan program.
15
Dua buah tipe software yang biasa ditemui adalah system software dan
application software .
a. System Software
System software dibuat untuk komputer itu sendiri, yakni untuk
membantu komputer melakukan tugas-tugas dan fungsi-fungsi tertentu.
Satu tipe utama system software adalah sistem operasi (operating
system-OS). Semua komputer memerlukan OS. OS memerintahkan
bagaimana cara berinteraksi dengan pengguna dan device-nya sendiri.
Sistem operasi yang biasanya dijumpai adalah Windows, Mac OS, OS/2,
dan UNIX.
b. Application Software
Application
software
memberitahu
komputer
bagaimana
menyelesaikan tugas tertentu yang diinginkan oleh pengguna, seperti
membuat dokumen, atau mengedit gambar.
Beberapa appilcation software yang sering digunakan dan penting
diantaranya: Word processing program, Spreadsheet software, Database
management, Presentation program, Grapics program, Networking
software,
Web
Communication
design
tools
program,
Multimedia authoring.
and
Utilities,
browser,
Internet
Entertainment
and
application,
education,
16
2.6.3. Brainware
Menurut Mulyono (2008:4) Brainware (pengguna) adalah perangkat
yang mengoperasikan dan menjalankan software yang ada di dalam komputer,
contohnya mengetik surat dengan mengunakan Microsoft Word, membuat
program aplikasi perusahaan dan memperbaiki komputer. Berdasarkan
kemampuan dan keahlian yang dimiliki, pengguna komputer dapat
dikelompokkan menjadi beberapa kategori, misalnya programmer, operator,
technical support, dan desainer grafis.
17
BAB III
METODELOGI PENELITIAN
3.1. Subjek Penelitian
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu berdiri tanggal 20
November 1984 dengan Nomor Statistik Sekolah (NSS) 201266002019 dan Nomor
Pokok Sekolah Nasional (NPSN) 10702524. Sejaknya itulah Sekolah Menengah
Pertama
Negeri 10 Kota Bengkulu mulai beroperasional. Awalnya Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu dahulu namanya Sekolah Menengah
Pertama Negeri 9 Kota Bengkulu dari tahun 1984 s/d 1996, dan setelah itu mulai
tahun 1998 s/d sekarang namanya berganti menjadi Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu.
Pada tahun 1984 s/d 1985 Sekolah Menengah Pertama
Negeri 10 Kota
Bengkulu belum memiliki kepala sekolah hanya ada pimpinan sementara dari Kantor
Wilayah Departemen Pendidikan dan Kebudayaan (Kanwil Depdikbud) yaitu Bapak
Hasanuddin, dan belum mempunyai gedung sendiri sehingga Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu untuk melakukan proses belajar mengajar
menggunakan gedung SDN 65 Kota Bengkulu, pada tahun 1986 barulah Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu memiliki gedung sendiri, yang
dipimpin oleh kepala sekolah yaitu Ruslan Djafar dari tahun 1986 s/d 1990,
17
18
selanjutnya diganti oleh Drs.H.Zairin Rasul tahun 1990 s/d 1992, lalu diganti oleh
Dra. Hj.Nurlela tahun 1992 s/d 1995, setelah itu diganti oleh Drs.Yuliantori tahun
1995 s/d 1997, lalu diganti oleh Drs.Johan Martono tahun 1997 s/d 1999, selanjutnya
diganti oleh Drs.Ezeddin Arvan tahun 1999 s/d 2000, setelah itu diganti
Dra.Syahruzar,S.Pd tahun 2000 s/d 2004, lalu diganti oleh Idrus,S.Pd tahun 2004 s/d
tahun 2007, setelah itu diganti Dra.Zurevasilawani,S.Pd tahun 2007 s/d tahun 2009,
selanjutnya diganti oleh Hery Suryadi,S.Pd tahun 2009 s/d 2011 setelah itu diganti
Tri Mulyono,S.Pd s/d sekarang.
Dari tahun ke tahun Sekolah Menengah Pertama Negeri 10 Kota Bengkulu
terus mengalami peningkatan baik pengadaan sarana prasarana maupun jumlah
siswanya bertambah. Pada tahun 1984 Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu mulai melaksanakan proses belajar mengajar hanya memiliki 1 ruang kelas
dan jumlah siswa 25 orang. Seiring dengan waktu jumlah siswa dan ruang kelas
semakin bertambah, hal ini dapat kita lihat pada tahun 2005 Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu memiliki 12 ruang kelas, pada tahun 2008 13
ruang kelas, tahun 2009 14 ruang kelas dan tahun 2010 s/d sekarang 15 ruang kelas
serta jumlah siswa 503 orang.
19
3.1.1. Tempat dan Waktu Penelitian
1.
Tempat penelitian
Penelitian di lakasanakn di Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu, yang beralamat Jaan. Irian Kelurahan. Semarang Kecamatan
Sungai Serut Kota Bengkulu
2.
Waktu penelitian
Penelitian di laksanakan pada tanggal 01 januari 2012 sampai dengan 01
Februari 2012, berlangsung selama 1 bulan.
3.1.2. Struktur Oranisai
Adapun struktur organisasi dapat dilihat pada lampiran.
3.1.3. Tugas dan Wewenang
1. Kepala Sekolah
a.
Kepala
sekolah
berfungsi
sebagai
pendidik,
manager,
pengelola
administrator ( pendorong).
b.
Kepala sekolah mempunyai tugas menyusun rencana dan program sekolah,
membina kesiswaan, pembelajaran dan ketenagaan administrasi sekolah
serta membina dan melaksanakan kerjasama dan hubungan dengan
masyarakat.
20
2. Komite Sekolah
Mitra kerja kepala sekolah untuk mewadahi peran serta masyarakat dalam
rangka meningkatkan mutu pendidikan, memberikan masukan pertimbangan,
rekomendasi mengenai kebijakan dan program pendidikan RAPBS, dukungan
finansial dan lain-lain yang terkait dengan pendidikan.
3. Wakil Kepala Bidang Organisasi dan Tata Laksana (Ortala)
a.
Menyusun Rencana Program Sekolah (RPS) dan Rencana Tindak Lanjut
(RTL).
b.
Koordinasi Kegiatan-kegiatan ke dalam.
c.
Menjalin Koordinasi Dengan Berbagai Instansi (Pemerintah,Swasta) dalam
berbagai kegiatan sekolah.
d.
Menyusun Kerjasama/MOU Dengan Instansi Terkait.
e.
Melaksanakan Informasi Kegiatan Sekolah Melalui Media Cetak dan atau
Elektronik
f.
Undangan Rapat-rapat Dinas, Notulis dan Tindak Lanjut Keputusan.
g.
Melaksanakan Keputusan Kepala Sekolah
4. Wakil Kepala Bidang Akademik
a.
Menyusun Pembagian Tugas Guru.
b.
Menyusun Jadwal Pelajaran.
c.
Menyusun Daftar Guru Piket.
21
d.
Melaksanakan Kegiatan yang berkaitan dengan pelajaran.
e.
Mengontrol Proses Belajar Mengajar (PBM), Perangkat Guru.
f.
Mengatur Pembagian Tugas Masing-Masing Fungsi (Wali Kelas, Pembina
EkstraKurikuler, Koord. Mapel, dll).
g.
Merencanakan Berbagai Kegiatan Sekolah (Hari Efektif, Libur, Ul. Tengah
Semester, Ujian-ujian, dll)
h.
Melaksanakan Keputusan Kepala Sekolah.
5. Wakil Kepala Bidang Kesiswaan
a.
Merencanakan Kegiatan Kesiswaan (Pengurus OSIS, Program, Pelaksanaan,
Dokumentasi, Evaluasi).
b.
Koordinasi Dengan Kegiatan Ekstra Kurikuler (Pembina Ekstra, Program,
Pelaksanaan, Pelatih).
c.
Koordinasi Berbagai Lomba/Olympiade/O2SN/FL2S dan Kegiatan Siswa
Lainnya.
d.
Melaksanakan Keputusan Kepala Sekolah.
6. Wakil Kepala Bidang Sarana Prasarana (Sapras)
a.
Menyusun Data Sarana Prasarana.
b.
Merencanakan Sarana Prasarana.
c.
Pengelolaan Lingkungan.
d.
Melaksanakan Keputusan Kepala Sekolah.
22
7. Wali Kelas
A. Pengelolaan kelas.
B. Penyelenggara administrasi kelas meliputi :
1.
Denah tempat duduk siswa.
2.
Papan absensi kelas.
3.
Daftar pelajaran kelas.
4.
Daftar piket kelas.
5.
Buku piket kelas.
6.
Buku absensi siswa.
7.
Buku kegiatan pembelajaran atau buku kelas.
8.
Tata tertib kelas.
C. Penyusunan/pembuatan statistik bulanan siswa-siswa
D. Pengisian daftar kumpulan nilai siswa (legger).
E. Membuat buku kasus siswa .
F. Pencatat mutasi siswa.
G. Mengisi buku laporan penilaian hasil belajar.
H. Pembagian buku laporan penilaian hasil belajar.
I.
Mengawasi siswa saat upacara dan senam.
8. Tata Usaha
23
Melakukan Urusan Penelusuran Keuangan, Kepegawaian dan Kerumah
Tanggaan Sekolah.
9. Guru
a.
Guru bertugas mengelola pembelajaran.
b.
Guru bertanggungjawab kepada kepala sekolah dan mempunyai tugas
melaksanakan tugas belajar mengajar secara efektif dan efisien.
c.
Tugas dan tanggung jawab seorang guru meliputi :
1. Menyusun program tahunan/semesteran
2. Menyusun program satuan pembelajaran
3. Menyusun program bulanan
4. Menyusun ulangan harian
d.
Guru bertugas untuk menyusun program untuk pembelajaran/pendidikan
siswa untuk mencapai target kurikulum yang sudah ditentukan seperti
Ulangan harian, Ulangan mingguan, Ulangan bulanan, Ulangan semester,
Ujian akhir.
24
3.2. Metode Penelitian
Dalam melakukan penelitian ini, peneliti menggunakan metode ekperimen yang
mana prosesnya dimulai dengan menganalisa kebutuhan data, mengembangkan
sistem yang ada, Implementasi sistem dan pemeliharaan sistem yang dalam hal ini
menggunakan bahasa pemrograman PHP.
3.3. Metode Pengumpulan Data
1.
Metode Observasi
Penulis melakukan observasi secara langsung pada SMA Negeri 1 Pagar Jati
Bengkulu Tengah.
2.
Metode Kepustakaan
Dilakukan dengan membaca dan mempelajari buku panduan siswa, modul
dan buku bacaan yang berhubungan dengan masalah dalam penelitian ini.
3.
Metode Wawancara
Peneliti melakukan tanya jawab secara langsung kepada guru bidang studi
matematika SMA Negeri 1 Pagar Jati Bengkulu Tengah.
3.4. Software dan Hardware
Adapun Software dan Hardware yang digunakan dalam penelitian ini adalah :
a. Software
25
Adapun Software yang digunakan dalam penelitian ini adalah :
1.
Sistem Operasi Windows XP Service Pack 2
2.
Program Aplikasi Macromedia Dreamwaver 8.0
b. Hardware
1.
Prosessor Pentium 4
2.
RAM 1 Gb
3.
Hardisk 40 GB
4.
Printer canon Pixma IP 1440
5.
Mouse dan Keyboard
3.5. Metode Perancangan Sistem
3.5.1. Analisa Sistem Aktual
Sebelum melakukan pengembangan terhadap suatu sistem, telebih
dahulu penulis menganalisa sistem yang dipakai di sekolah SMP N 10 kota
Bengkulu. Ini dilakukan untuk mengetahui dan mempelajari kelemahan
sistem tersebut dan masalah yang dihadapi dalam proses pembuatan profil
sekolah. Berdasarkan hasil prapenelitian sudah sudah menggunakan suatu
aplikasi microsoft word yang kemudian berbentuk selebaran yang nantinya
di sebar luaskan ke sekolah-sekolah dan masyarakat.
26
Adapun kelemahan-kelemahan dari sistem lama adalah sebagai
berikutk:
1. Kesulitan dalam memberikan informasi kepada masyarakat yang
berhubungan dengan informasi pada Sekolah Menengah Pertama Negeri
10 Kota Bengkulu, karena masih menggunakan cara manual.
2. Kurangnya pemeliharaan terhadap sistem informasi yang ada
3.5.2. Perancangan Sistem Baru
Dalam perancangan profil ini penulis menggunakan aplikasi
macromedia dreamwaver 8.0. Profil sekolah ini berisikan informasi tentang
Sekolah Menengah pertama Negeri 10 Kota Bengkulu yang bernasis online.
3.6. R ancangan Sruktur Menu
MENU UTAMA
HOME
PROFIL
FASILITAS
PRESTASI
VISI MISI
PERPUSTAKAAN
KESENIAN
STRUKTUR
ORGANISASI
LABOR IPA
OLARAGA
SEJARAH
BUKU
TAMU
AGENDA
KEGIATAN
LABOR
KOMPUTER
DENA
SEKOLAH
Gambar 3.1. Rancangan Sruktur Menu
DATA
SISWA
27
3.7. HIPO (Hierarki Plus Input Process and Output)
Profil Sekolah
Proses Entri Data
Laporan Output Data
Proses Entri Data
Entri Data
Kesenian
Entri Data
Olaraga
Entri Data
Agenda Kegiatan
Entri Data
Siswa
Entri Data
Berita Terkini
Output Data
Siswa
Output Data
Berita Terkini
Laporan Output Data
Output Data
Kesenian
Output Data
Olaraga
Output Data
Agenda kegiatan
Gambar 3.2. HIPO
3.8. Rancangan File
1.
File Admin
Nama File
: Admin
Primary Key : User_Name
Tabel 3.1. File Admin
Field
Type
Width
Keterangan
User_Name
Varchar
25
Nama Pengguna
Password
Varchar
10
Password
28
2. File Kesenian
Nama File
: Kesenian
Primary key : ID
Tabel 3.2. File Kesenian
Field
Type
ID
Varchar
Tgl
Date
Acara
Memo
Photo
Char
Widht
3
-
Keterangan
ID
Tanggal
Acara
Photo
Widht
3
-
Keterangan
3. File Olaraga
Nama File
: Olaraga
Primary key : ID
Tabel 3.3. File Olaraga
Field
Type
ID
Varchar
Tgl
Date
Acara
Memo
Photo
Char
ID
Tanggal
Acara
Photo
4. File Agenda Kegiatan
Nama File
: Agenda
Primary key : ID
Tabel 3.4. File Agenda Kegiatan
Field
Type
ID
Varhcar
Tgl
Date
Judul
Varchar
Isi_Kegiatan
Memo
Widht
3
_
30
_
Keterangan
ID
Tanggal
Judul
Isi Kegiatan
29
5. File Buku Tamu
Nama File
: Buku_Tamu
Primary key : Nama
Tabel 3.5. File Buku Tamu
Field
Type
Nama
Varchar
Alamat
Varchar
E_Mail
Varchar
Komentar
Memo
Widht
25
30
25
-
Keterangan
Nama
Alamat
Komentar
6. File Data Siswa
Nama File
: Data_Siswa
Primary key : ID
Tabel 3.6. File Data_Siswa
Field
Type
ID
Varchar
Thn_Pljrn
Varchar
Widht
5
10
Keterangan
id
Tahun Pelajaran
Jmlh_Siswa
Varchar
5
Jumlah Siswa
Keterangan
Memo
-
Keterangan
7. File Berita Terkini
Nama File
: Berita_Terkini
Primary key : Id
Tabel 3.7. File Berita_Terkini
Field
Type
Widht
id
Varchar
5
Isi
Varchar
100
Keterangan
id
Isi Berita
30
3.9. Rancangan Input
1. Input Data admin
Input data ini merupakan kunci untuk mengakses input data kesenian, input data
olahraga, input data siswa, input data agenda kegiatan dan input data terkini,
dengan mengenter kan kata www.smpn10bkl.co.id/admin pada browser seperti:
Mozilla Firefox dan lain sebagainya, dapat dilihat pada gambar dibawah ini:
Nama
:
Password
:
Xx25xx
************
Log In
Batal
Gambar 3.3. Input Data admin
Apabila input menu admin berhasil di Log In maka halaman akan menuju ke
input data guru, tata usaha, kesenian dan olahraga, guna untuk mengakses data
(menambah data, menghapus data, dan mengkoreksi data), terlihat pada rancangan
menu di bawah ini:
ADMIN
KESENIAN
OLAHRAGA
AGENDA KEGIATAN
DATA SISWA
Gambar 3.4. Rancangan Menu Administrator
BERITA TERKINI
31
Keterangan
:
Kesenian
: Merupakan tombol yang untuk menuju ke input data Kesenian
olahraga
: Merupakan tombol yang untuk menuju ke input data olahraga
Agenda Kegiatan : Merupakan tombol yang untuk menuju ke input data Agenda
Kegiatan
Data Siswa
: Merupakan tombol yang untuk menuju ke input data Data
Siswa
Berita Terkini
: Merupakan tombol yang untuk menuju ke input data Berita
Terkini
1. Input Data Kesenian
ID
:
XX
Tanggal
:
ddmmyyyy
Acara
:
Photo
:
Tambah
Simpan
Browse
Hapus
Koreksi
Gambar 3.5. Input Data Kesenian
Batal
32
2. Input Data Olaraga
ID
:
XX
Tanggal
:
ddmmyyyy
Acara
:
Photo
:
Tambah
Browse
Simpan
Hapus
Koreksi
Batal
Gambar 3.6. Input Data Olaraga
3. Input Data Agenda Kegiatan
Tanggal
:
ddmmyyyy
Judul
:
xx30xx
Isi Berita
:
Tambah
Simpan
Hapus
Koreksi
Batal
Gambar 3.7. Input Data Agenda Kegiatan
33
4. Input Data Data Siswa
Id
:
99999
Tahun Pelajaran :
Xx10xx
Jumlah Siswa
:
99999
Keterangan
:
Tambah
Simpan
Hapus
Koreksi
Batal
Gambar 3.8. Input Data Siswa
5. Input Data Berita Terkini
Id
:
Isi Berita
:
Tambah
Simpan
99999
Hapus
Koreksi
Batal
Gambar 3.9. Input Data Berita Terkini
34
3.10. Rancangan Menu Utama
Menu ini merupakan menu induk pada profil sekolah ini. Pada menu ini
terdapat sub menu Buku tamu, sub menu Profil, sub menu Fasilitas, sub menu
Prestasi, agenda kegiatan. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
FASILITAS
PROFIL
HOME
PRESTASI
AGENDA KEGIATAN
DATA SISWA
Berita Terkini
BUKU TAMU
Gambar
Jam
Gambar 3.10. Rancangan Menu Utama
Keterangan
:
Home
: Merupakan tombol untuk kembali ke menu utama disaat
halaman berada pada halaman lain,
Profil
: Pada sub menu ini terdapat sub menu visi misi, sub menu
struktur organisasi, sub menu sejarah, sub menu dena
35
sekolah dan peta sekolah dapat di lihat pada halaman
selanjutnya.
Fasilitas
: Pada sub menu ini terdapat sub menu perpustakaan, sub
menu labor IPA dan sub menu labor komputer, dapat di
lihat pada halaman selanjutnya.
Prestasi
: Pada sub menu ini terdapat sub menu Kesenian dan sub
menu Olaraga, dapat di lihat pada halaman selanjutnya.
Agenda Kegiatan
: Merupakan tombol yang berfungsi untuk menuju ke sub
menu agenda kegiatan
Buku Tamu
: Merupakan tombol yang berfungsi untuk menuju ke sub
menu buku tamu,
Berita Terkini
: Berisi berita terkini dari Sekolah Menengah Pertama Negeri
10 Kota Bengkulu.
Gambar
: Berisi gambar gedung sekolah Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu.
36
3.10.1. Rancangan Sub Menu Profil
Sub menu ini merupakan sub menu yang berisi tentang profil Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
HOME
PROFIL
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Sekolah
DATA SISWA
Berita Terkini
Jam
Gambar 3.11. Rancangan Sub Menu Profil
Keterangan :
Profil
: Pada menu ini terdapat sub menu visi misi, sub menu struktur
organisasi, sub menu sejarah, sub menu dena sekolah dan sub menu
peta sekolah yang apabila di klik maka Isi akan berisi dari sub menu
terpilih,
37
3.10.2. Rancangan Sub Menu Visi Misi
Sub menu ini merupakan sub menu yang menjelaskan mengenai visi misi
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu, terlihat pada gambar
dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Visi Misi
Struktur Organisasi
VISI MISI
Struktur
Organisasi
Sejarah
BUKU TAMU
Sejarah
Dena Sekolah
DenaPeta
Sekolah
Ssekolah
Peta Sekolah xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
DATA SISWA
Berita Terkini
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Jam
Gambar 3.12. Rancangan Sub Menu Visi Misi
Ketrangan
:
Visi Misi
: Berisi mengenai visi misi Sekolah Menengah Pertama Negeri 10
Kota Bengkulu yang berbentuk animasi text.
38
3.10.3. Rancangan Sub Menu Struktur Organisasi
Sub menu ini merupakan sub menu yang menjelaskan mengenai struktur
organisasi Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
FASILITAS
PROFIL
HOME
PRESTASI
AGENDA KEGIATAN
Visi Misi
Visi Misi
Struktur
Organisasi
Struktur
Organisasi
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
PetaPeta
Sekolah
Ssekolah
DATA SISWA
Berita Terkini
STRUKTUR ORGANISASI
Jam
Gambar
Gambar 3.13. Rancangan Sub Menu Struktur Organisasi
Ketrangan
:
Struktur Organisasi : Berisi Struktur Organisasi Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu yang berbentuk animasi, apabila
user mengklik photo pada struktur organisasi maka tampilan
struktur organisasi akan berganti dengan tampilan photo dan
indentitas dari photo terpilih.
39
3.10.4. Rancangan Sub Menu Sejarah
Sub menu ini merupakan sub menu yang menjelaskan mengenai sejarah
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Visi Misi
Struktur
Organisasi
Struktur
Organisasi
Sejarah
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
PetaPeta
Sekolah
Ssekolah
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
DATA SISWA
Berita Terkini
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxx
Jam
Gambar 3.14. Rancangan Sub Menu Sejarah
Ketrangan
:
Sejarah
: Berisi mengenai sejarah berdirinya Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu yang berbentuk animasi.
40
3.10.5. Rancangan Sub Menu Dena Sekolah
Sub menu ini merupakan sub menu yang menjelaskan mengenai dena Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
FASILITAS
PROFIL
HOME
Visi Misi
Visi Misi
Struktur
Organisasi
Struktur
Organisasi
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
PetaPeta
Sekolah
Ssekolah
PRESTASI
AGENDA KEGIATAN
Dena Sekolah
DATA SISWA
Berita Terkini
Gambar
Jam
Gambar 3.15. Rancangan Menu Sub Dena Sekolah
Ketrangan
:
Dena Sekolah
: Merupakan sub menu yang apabila diklik maka Isi akan berisi
mengenai dena Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu
41
3.10.6. Rancangan Sub Menu Peta Sekolah
Sub menu ini merupakan sub menu yang menjelaskan mengenai peta Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Visi Misi
Struktur
Struktur
Organisasi
Organisasi
Sejarah
Sejarah
BUKU TAMU
DenaDena
Sekolah
Sekolah
Ssekolah
PetaPeta
Sekolah
PRESTASI
AGENDA KEGIATAN
Peta Sekolah
DATA SISWA
Berita Terkini
Gambar
Jam
Gambar 3.16. Rancangan Menu Sub Peta Sekolah
Keterangan
:
Peta Sekolah : Berisi gambar peta sekolah Menengah Pertama Negeri 10 Kota
Bengkulu yang berbentuk animasi.
42
3.11. Rancangan Menu Fasilitas
Sub menu ini merupakan sub menu yang berisi tentang Fasilitas yang ada di
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Pada menu ini terdapat sub
menu Perpustakaan, sub menu Labor IPA dan sub menu Labor Komputer.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Perpustakaan
Struktur Organisasi
Labor IPA
Sejarah
Labor Komputer
BUKU TAMU
Dena Sekolah
Peta Ssekolah
DATA SISWA
Berita Terkini
Jam
Gambar 3.17. Rancangan Menu Fasilitas
Keterangan :
Fasilitas
: Pada menu ini terdapat sub menu perpustakaan, sub menu labor IPA
dan sub menu labor komputer, yang apabilah sub menu tersebut di
klik maka akan menuju ke sub menu terpilih,
43
3.11.1. Rancangan Sub Menu Perpustakaan
Sub menu ini merupakan sub menu yang berisi gambar dan penjelasan tentang
perpustakaan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Perpustakaan
Visi Misi
Labor IPA
Struktur
Organisasi Labor Komputer
BUKU TAMU
Sejarah
Dena Sekolah
Peta Ssekolah
Perpustakaan
DATA SISWA
Berita Terkini
Jam
Gambar
Gambar 3. 18. Rancangan Menu Perpustakaan
Ketrangan
:
Perpustakaan : Berisi gambar mengenai perpustakaan Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu dan penjelasannya
44
3.11.2. Rancangan Sub Menu Labor IPA
Sub menu ini merupakan sub menu yang berisi gambar tentang Labor IPA
yang ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Perpustakaan
Visi Misi
Labor IPA
Struktur Organisasi
Sejarah
Labor Komputer
BUKU TAMU
Dena Sekolah
Peta Ssekolah
DATA SISWA
Berita Terkini
Labor IPA
Jam
Gambar
Gambar 3.19. Rancangan Sub Menu Labor IPA
Ketrangan
:
Labor IPA
: Berisi gambar labor IPA Sekolah Menengah Pertama Negeri 10
Kota Bengkulu dan penjelasannya
45
3.11.3. Rancangan Sub Menu Labor Komputer
Sub menu ini merupakan sub menu yang berisi tentang Labor Komputer yang
ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Visi Misi
Perpustakaan
Struktur Organisasi
Labor IPA
Sejarah
Labor Komputer
BUKU TAMU
Dena Sekolah
Peta Ssekolah
DATA SISWA
Berita Terkini
Labor Komputer
Jam
Gambar
Gambar 3.20. Rancangan Sub Menu Labor Komputer
Ketrangan
:
Labor Komputer : Berisi gambar dan penjelasan mengenai labor komputer
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu
46
3.12. Rancangan Sub Menu Prestasi
Merupakan sub menu yang berisi tentang prestasi kesenian dan olaraga yang
ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Terlihat pada gambar
dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah
PRESTASI
AGENDA KEGIATAN
DATA SISWA
Kesenian
Olaraga
Berita Terkini
Jam
Gambar 3.21. Rancangan Sub Menu Prestasi
Ketrangan
:
Prestasi
: Pada sub menu ini terdapat sub menu Kesenian dan sub menu
Olaraga, dapat di lihat pada halaman selanjutnya.
47
3.12.1. Rancangan Sub Menu Kesenian
Pada sub menu ini terdapat penjelasan dan gambar mengenai kesenian yang
di lakukan oleh siswa-siswi Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu, seperti music dan lain-lain.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur
Organisasi
BUKU TAMU
Sejarah
Dena Sekolah
Peta Ssekolah
Jam
PRESTASI
AGENDA KEGIATAN
DATA SISWA
Kesenian
Olaraga
Berita
Kesenian
ID
Tanggal
XX
Dd/mm/yyyy
Acara
Photo
Gambar 3.22. Rancangan Sub Menu Kesenian
Ketrangan
:
Kesenian
: Merupakan sub menu yang apabila diklik maka Isi akan berisi
mengenai kesenian yang dilakukan di Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu
48
3.12.2. Rancangan Sub Menu Olahraga
Pada sub menu ini terdapat penjelasan dan gambar mengenai olaraga yang di
lakukan oleh siswa-siswi Sekolah Menengah Pertama Negeri 10 Kota Bengkulu,
seperti perlombaan putsal dan lain-lain.
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
AGENDA KEGIATAN
DATA SISWA
Kesenian
Olaraga
Visi Misi
Struktur
Organisasi
BUKU TAMU
Sejarah
Dena Sekolah
Peta Ssekolah
Jam
PRESTASI
Berita
Olaraga
ID
Tanggal
XX
Dd/mm/yyyy
Acara
Photo
Gambar 3.23. Rancangan Sub Menu Olahraga
Ketrangan
:
Olaraga
: Merupakan sub menu yang apabila diklik maka Isi akan berisi
mengenai olaraga yang di selengarakan di Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu
49
3.13. Rancangan Sub Menu Agenda Kegiatan
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah
PRESTASI
AGENDA KEGIATAN
Agenda Kegiatan
Tanggal
Judul
Isi kegiatan
dd/mm/yyyy
xxxxxxx
xxxxxxxxxxxx
DATA SISWA
Berita Terkini
Jam
Gambar 3.24. Rancangan Sub Menu Agenda Kegiatan
Ketrangan
:
Agenda Kegiatan : Merupakan sub menu yang berisi tentang agenda kegiatan
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu.
50
3.14. Rancangan Sub Menu Buku Tamu
Merupakan sub menu laporan dari data pengunjung yang terinput melalui sub
menu log in. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah Name
PRESTASI
Buku Tamu
Alamat
Komentar
Jam
AGENDA KEGIATAN
DATA SISWA
Berita Terkini
:xx25xx
:Xx30xx
:xx25xx
:
Kirim
Nama
Alamat
Komentar
Xx25x
x
Xx30xx
Xx25xx
xxxxxxx
Gambar 3.25. Rancangan Sub Menu Buku Tamu
Ketrangan
:
Buku Tamu : Berfungsi untuk melihat tamu yang berkunjung ke situs ini,
51
3.14.1. Rancangan Sub Menu Data Siswa
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
PRESTASI
AGENDA KEGIATAN
Alumni
Berita Terkini
BUKU TAMU
Id
Tahun Ajaran
Jumlah siswa
99999
Xx10xx
99999
DATA SISWA
Keterangan
Jam
Gambar 3.26. Rancangan Sub Menu Data Siswa
Ketrangan
:
Data Siswa : Merupakan sub menu yang berisi tentang jumlah siswa yang lama
dari 3 tahun sebelumnya sampai dengan sekarang di Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
52
3.15. Rancangan Sub Menu Buku Tamu
Merupakan sub menu laporan dari data pengunjung yang terinput melalui sub
menu log in. Terlihat pada gambar dibawah ini:
SEKOLAH MENENGAH PERTAMA NEGERI 10
KOTA BENGKULU
LOGO
PROFIL
HOME
FASILITAS
Visi Misi
Struktur Organisasi
Sejarah
BUKU TAMU
Dena Sekolah
Peta Ssekolah Name
PRESTASI
Buku Tamu
Alamat
Komentar
Jam
AGENDA KEGIATAN
DATA SISWA
Berita Terkini
:xx25xx
:Xx30xx
:xx25xx
:
Kirim
Nama
Alamat
Komentar
Xx25x
x
Xx30xx
Xx25xx
xxxxxxx
Gambar 3.27. Rancangan Sub Menu Buku Tamu
Ketrangan
:
Buku Tamu : Berfungsi untuk melihat tamu yang berkunjung ke situs ini,
53
3.16. Perancangan Pengujian
Setelah perancangan diatas maka website yang telah di buatbharus di uji coba.
Adapun tahapan uji coba tersebut adalah sebagai berikut:
1.
Setelah tahap perancangan dan pembuatan website selesai, Selanjutnya akan
dilakukan pengujian integrasi database secara online. Pada tahap ini proses akses
website akan dilakukan menggunakan browser mozila firefox yang terdapat
dalam PC sebagai server sementara. Hal ini dilakukan apakah web yang dibuat
dapat berinteraksi atau belum.
2.
Tahap selanjutnya adalah seluruh data paket website akan di upload agar dapat
bekerja secara online dengan menggunakan jasa free web hosting atau web
domain komersial.
3.
Setelah pengupload selesai, website telah dapat dimanfaatkan oleh Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu.
54
BAB IV
PEMBAHASAN
4.1. Tampilan Website Sekolah Menengah Pertama Negeri 10 Kota Bengkulu
Untuk mengakses website Sekolah Menengah Pertama Negeri 10 Kota
Bengkulu,
pengunjung
dapat
membuka
website
di
alamat
www.smpn10bengkulu.com pada browser seperti mozilla firefox dan lain sebagainya.
Pada website ini terdapat seluruh keterangan mengenai Sekolah Menengah Pertama
Negeri 10 Kota Bengkulu dapat dilihat, adapun isi dari website ini adalah Profil,
Fasilitas, Prestasi, Agenda Kegiatan dan Data Siswa. Bentuk halaman utama dari
website ini dapat dilihat pada gambar dibawah ini:
Gambar 4.1. Tampilan Website Sekolah Menengah Pertama Negeri 10
Kota Bengkulu
54
55
Keterangan
:
Home
: Merupakan menu yang berfungsi untuk menuju ke menu
Profil
: Merupakan menu yang berisi sub menu sejarah, sub menu visi misi,
utama
sub menu struktur organisasi, sub menu dena sekolah dan sub menu
peta sekolah.
Fasilitas
: Merupakan menu yang berisi sub menu perpustakaan, sub menu
labor IPA dan sub menu labor komputer.
Prestasi
: Merupakan menu yang berisi sub menu kesenian dan sub menu
olahraga.
Agenda Kegiatan : Merupakan menu yang berfungsi untuk menuju ke menu agenda
kegiatan.
Data Siswa
: Merupakan menu yang berfungsi untuk menuju ke menu data siswa.
Buku Tamu
: Berfungsi untuk menuju ke menu buku tamu, berfungsi untuk
memasukkan data pengunjung website ini.
Login
: Merupakan tombol untuk mengecek isi input text user dan
password, apabila benar maka tampilan akan menuju ke menu
administrator.
56
4.1.1.
Tampilan Menu Profil
Halaman dibawah ini merupakan tampilan menu profil Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Pada menu ini terdapat sub menu
sejarah, sub menu visi misi, sub menu struktur organisasi, sub menu dena sekolah
dan sub menu peta sekolah, yang apabila sub menu tersebut di klik maka akan
menuju ke sub menu terpilih. Terlihat pada gambar dibawah ini:
Gambar 4.2. Tampilan Menu Profil
57
4.1.1.1. Tampilan Sub Menu Sejarah
Halaman dibawah ini merupakan tampilan sub menu Sejarah Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu . Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
Gambar 4.3. Tampilan Sub Menu Sejarah
4.1.1.2. Tampilan Sub Menu Visi Misi
Halaman dibawah ini merupakan tampilan sub Menu Visi Misi Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
58
Gambar 4.4. Tampilan Sub Menu Visi Misi
4.1.1.3. Tampilan Sub Menu Struktur Organisasi
Halaman dibawah ini merupakan tampilan sub menu Struktur Organisasi
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun bentuk halaman
ini dapat dilihat pada gambar dibawah ini:
59
Gambar 4.5. Tampilan Sub Menu Struktur Organisasi
4.1.1.4. Tampilan Sub Menu Dena Sekolah
Halaman dibawah ini merupakan tampilan sub menu Dena Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
60
Gambar 4.6. Tampilan Sub Menu Dena Sekolah
4.1.1.5. Tampilan Sub Menu Peta Sekolah
Halaman dibawah ini merupakan tampilan sub menu Peta Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu . Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
61
Gambar 4.7. Tampilan Sub Menu Peta Sekolah
4.1.2.
Tampilan Menu Fasilitas
Halaman dibawah ini merupakan tampilan menu yang berisi tentang
Fasilitas yang ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Pada
menu ini terdapat sub menu Perpustakaan, sub menu Labor IPA dan sub menu
Labor Komputer, yang apabila sub menu tersebut di klik maka akan menuju ke sub
menu terpilih. Terlihat pada gambar dibawah ini:
62
Gambar 4.8. Tampilan Menu Fasilitas
4.1.2.1. Tampilan Sub Menu Perpustakaan
Halaman dibawah ini merupakan tampilan sub menu Perpustakaan
Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman
ini dapat dilihat pada gambar dibawah ini:
63
Gambar 4.9. Tampilan Sub Menu Perpustakaan
4.1.2.2. Tampilan Sub Menu Labor IPA
Berikut ini merupakan tampilan sub menu Labor IPA Sekolah Menengah
Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat dilihat pada
gambar dibawah ini:
Gambar 4.10. Tampilan Sub Menu Labor IPA
64
4.1.2.3. Tampilan Sub Menu Labor Komputer
Dibawah ini merupakan tampilan sub menu Labor Komputer Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk halaman ini dapat
dilihat pada gambar dibawah ini:
Gambar 4.11. Tampilan Sub Menu Labor Komputer
4.1.3.
Tampilan Menu Prestasi
Halaman dibawah ini merupakan tampilan menu yang berisi tentang
prestasi yang ada di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Pada
menu ini terdapat sub menu kesenian dan olahraga, yang apabila sub menu
65
tersebut di klik maka akan menuju ke sub menu terpilih. Terlihat pada gambar
dibawah ini:
Gambar 4.12. Tampilan Menu Prestasi
4.1.3.1. Tampilan Sub Menu Kesenian
Halaman dibawah ini merupakan tampilan Output kesenian yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
66
Gambar 4.13. Tampilan Sub Menu Kesenian
4.1.3.2. Tampilan Sub Menu Olahraga
Halaman dibawah ini merupakan tampilan Output Olahraga yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
67
4.1.4.
Gambar 4.14. Tampilan Sub Menu Olahraga
Tampilan Menu Agenda Kegiatan
Halaman dibawah ini merupakan tampilan Output Agenda Kegiatan yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
68
Gambar 4.15. Tampilan Menu Agenda Kegiatan
4.1.5.
Tampilan Menu Daftar Siswa
Halaman dibawah ini merupakan tampilan Output Daftar Siswa Alumni
yang Sekolah Menengah Pertama Negeri 10 Kota Bengkulu. Adapun bentuk
halaman ini dapat dilihat pada gambar dibawah ini:
69
Gambar 4.16. Tampilan Menu Daftar Siswa
4.1.6.
Tampilan Menu Buku Tamu
Halaman dibawah ini merupakan tampilan Output Buku Tamu yang
dilakukan di Sekolah Menengah Pertama Negeri 10 Kota Bengkulu . Adapun
bentuk halaman ini dapat dilihat pada gambar dibawah ini:
70
4.2.
Gambar 4.17. Tampilan Menu Buku Tamu
Tampilan Menu Admin
Halaman dibawah ini berbentuk isian yang harus diisi untuk mengaskes
database, halaman ini hanya bisa di akses oleh pengguna, karena user dan
password ditentukan oleh pengguna, adapun bentuk halaman ini dapat dilihat pada
gambar dibawah ini:
71
Gambar 4.18. Tampilan Menu Admin
4.2.1. Tampilan Menu Administrator
Halaman dibawah ini berfungsi untuk menginputkan data kedalam
database, adapun input data yang dapat dipanggil melalui menu ini adalah: input
data kesenian, input data olahraga, input data agenda kegiatan, input data siswa,
input data berita terkini dan ouput buku tamu guna untuk mengakses data
(menambah data, menyimpan data, menghapus data, dan mengkoreksi data).
Adapun bentuk halaman ini dapat dilihat pada gambar dibawah ini :
72
Gambar 4.19. Tampilan Menu Administrator
4.2.1.1. Tampilan Menu Input Data Kesenian
Halaman dibawah ini berfungsi untuk menginputkan data kesenian
kedalam database. Upload untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini:
Gambar 4.20. Tampilan Menu Input Data Kesenian
73
4.2.1.2. Tampilan Menu Input Data Olahraga
Halaman dibawah ini berfungsi untuk menginputkan data olahraga
kedalam database. Upload untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini:
Gambar 4.21. Tampilan Menu Input Data Olahraga
4.2.1.3. Tampilan Menu Input Data Agenda Kegiatan
Halaman dibawah ini berfungsi untuk menginputkan data agenda kegiatan
kedalam database. Input untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini :
74
Gambar 4.22. Tampilan Menu Input Data Agenda Kegiatan
4.2.1.4. Tampilan Menu Input Data Siswa
Halaman dibawah ini berfungsi untuk menginputkan data siswa kedalam
database. Input untuk menambah data, edit untuk merubah data yang telah
tersimpan di dalam database dan delete untuk menghapus data yang tersimpan di
database. Adapun bentuk halaman ini dapat dilihat pada gambar dibawah ini:
Gambar 4.23. Tampilan Menu Input Data Siswa
75
4.2.1.5. Tampilan Menu Input Data Berita Terkini
Halaman dibawah ini berfungsi untuk menginputkan data berita terkini
kedalam database. Input untuk menambah data, edit untuk merubah data yang
telah tersimpan di dalam database dan delete untuk menghapus data yang
tersimpan di database. Adapun bentuk halaman ini dapat dilihat pada gambar
dibawah ini:
Gambar 4.24. Tampilan Menu Input Data Berita Terkini
4.2.1.6. Tampilan Menu Output Buku Tamu
Halaman dibawah ini berfungsi untuk menginputkan data buku tamu
kedalam database. Delete untuk menghapus data yang tersimpan di database.
Adapun bentuk halaman ini dapat dilihat pada gambar dibawah ini:
76
Gambar 4.25. Tampilan Menu Output Buku Tamu
4.3.
Hasil Pengujian
Pengujian Profil Sekolah Menengah Pertama (SMP) Negeri 10 Kota Bengkulu ini
dilaksanakan dengan menggunakan komputer yang terhubung dengan internet. Berdasarkan
hasil pengujian sistem yang dilakukan antara sistem lama dan sistem baru, maka didapatkan
hasil sebagai berikut:
Jenis Penelitian
Sistem
Sistem Lama
Promosi Dilakukan
Sekolah
Manfaat Teknologi
menebar
Sistem Baru
dengan Masyarakat dan siswa-
selebaran
ke siswa
cukup
dengan
sekolah-sekolah
mengakses internet.
Tidak ada
Menggunakan komputer
dan modem
Media promosi
Menggunakan selebaran
Menggunakan teknologi
internet
77
BAB V
KESIMPULAN DAN SARAN
5.1. Kesimpulan
Berdasarkan hasil penelitian dan uji coba yang telah dilakukan dapat
disimpulkan sebagai berikut :
1. Website ini dapat digunakan untuk mempublikasikan informasi tentang Sekolah
Menengah Pertama Negeri 10 Kota Bengkulu secara akurat dan optimal, dimana
informasi ini lebih mudah diakses, lebih banyak informasi yang dapat
disampaikan, lebih efektif dan efisien.
2. Website yang menggunakan Macromedia Dreamwaver 8.0 dapat berjalan