Upload
hadat
View
232
Download
0
Embed Size (px)
Citation preview
MEMBANGUN APLIKASI SISTEM INFORMASI SDN CIRACAS 03 PAGI
BERBASIS WEB DENGAN MENGGUNAKAN PHP MY SQL DAN EDITOR
MACROMEDIA DREAMWEAVER 8
1Nani Sofyani (11107213)
2 Agus Sumin Drs MM
1Mahasiswa Sistem Informasi Universitas Gunadarma
Greenly_chubbyyahoocom
2Dosen Tetap Universitas Gunadarma
ABSTRAK
Penyebaran informasi di internet tidak terlepas dari sebuah layanan yang bernama
website Banyak institusi organisasi dan berbagai bidang telah mempunyai website
sebagai sarana penyebaran informasi mereka Akan tetapi penulis melihat masih
kurangnya website Sekolah Dasar (SD) Maka penulis akan merancang dan membuat
website untuk SDN Ciracas 03 Pagi yang menampilkan berbagai macam kebutuhan
untuk para guru orangtua siswa dan juga pengunjung
Website SDN Ciracas 03 Pagi ini dibangun dengan menggunakan software Macromedia
Dreamweaver 8 PHP dan My SQL Awal pembuatan web ini dimulai dari pembuatan
struktur navigasi perancangan situs web agar memudahkan dalam melakukan proses
pembuatan melakukan proses untuk membangun web dan pembuatan database sebagai
penyimpanan data pada web Web ini dibagi menjadi 5 bagian halaman yaitu halaman
untuk admin gurustaff siswa orangtua dan halaman user (pengunjung)
Dari segi desain tampilan menu ataupun link-link yang disajikan dalam website SDN
Ciracas 03 Pagi ini sudah bagus namun masih sederhana Dari segi kegunaan website ini
dapat menjadi alternatif bagi masyarakat umum untuk mengetahui informasi mengenai
SDN Ciracas 03 Pagi Website ini juga layak dibaca untuk semua kalangan Namun
dalam pembuatan website SDN Ciracas 03 Pagi ini masih terdapat banyak kekurangan
sehingga perlu dilakukan pengembangan untuk mendapatkan hasil yang optimal
Misalnya menambahkan fasilitas-fasilitas yang lebih baik ataupun suara-suara efek atau
animasi supaya tampilan dalam website ini menjadi lebih menarik dan informasi yang
lebih banyak lagi
Kata Kunci Kata Kunci Aplikasi Sistem Berbasis Web Dreamweaver PHP My SQL
ABSTRACT
Dissemination of information on the internet can not be separated from a service named
website Many institutions organizations and a variety of fields already have a website
as a means of distributing their information However the authors looked at the website
is still a lack of elementary school (SD) Then the author will design and create a website
for 03 Ciracas SDN morning featuring a wide range of needs for teachers parents
students and visitors
SDN Website Ciracas morning 03 was built using Macromedia Dreamweaver 8 PHP and
My SQL Initial creation of this web starting from the manufacture of navigational
structures design of web sites that facilitate in making the manufacturing process the
process for building web and database creation for data storage on the web This web
page is divided into 5 sections namely the page for admin teachers staff students
parents and user pages (visitors)
In terms of design display menu or links that are presented in the SDN website Ciracas
03 this morning has been good but still simple In terms of usability this website can be
an alternative for the general public to find information about the SDN Ciracas Morning
03The website is well worth reading for all circles However in the creation of websites
SDN Ciracas 03 this morning there are still many shortcomings that need to be done to
get the development of optimal results For example adding facilities better or sounds
effects or animation to display in this website more interesting and more information
Keywords Web-Based Application Systems Dreamweaver PHP My SQL
PENDAHULUAN
Pelayanan informasi yang cepat tepat dan akurat sangat diperlukan Oleh karena
itu jenis informasi yang jelas dan sarana informasi yang memadai sangat dibutuhkan oleh
semua orang Jika dilihat dari perkembangan sarana informasi yang ada perkembangan
sarana informasi komputer jauh lebih cepat jika dibandingkan dengan perkembangan
sarana informasi yang lainnya Salah satu jenis teknologi komputer yang sering
digunakan dan yang sangat diperlukan sekarang ini adalah aplikasindashaplikasi komputer
yang berbasiskan web yang lebih sering disebut dengan aplikasi internet
Penyebaran informasi di internet tidak terlepas dari sebuah layanan yang bernama
website Banyak institusi organisasi dan berbagai bidang telah mempunyai website
sebagai sarana penyebaran informasi mereka Akan tetapi penulis melihat masih
kurangnya website Sekolah Dasar (SD)
Berlandas dari hal diatas maka penulis akan merancang dan membuat website
untuk SDN Ciracas 03 Pagi yang menampilkan berbagai macam kebutuhan untuk para
guru orangtua siswa dan juga pengunjung Tujuan dari pembuatan website ini nantinya
dapat membantu guru untuk memasukkan data nilai dan perilaku siswa dengan mudah
membantu orangtua mengetahui perilaku dan nilai anaknya dan juga berguna bagi siswa
untuk mendapatkan materi yang lain yang mungkin tidak ada dalam proses belajar Selain
itu website ini juga diharapkan dapat berguna sebagai sarana informasi untuk
mempublikasikan Sekolah Dasar Negeri Ciracas 03 Pagi tersebut
TINJAUAN PUSTAKA
Sistem
Sistem adalah sekumpulan unsur elemen yang saling berkaitan dan saling
mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan
Contohnya Sistem Komputer terdiri dari Software Hardware dan Brainware [7]
Software itu sendiri adalah unsur penyusun komputer yang tidak dapat disentuh karena
berupa perintah untuk mengatur komputer Hardware adalah unsur penyusun computer
yang berbentuk fisik Sedangkan brainware merupakan unsur yang berasal dari akal
manusia maksudnya bila tidak ada manusia komputer tidak bisa digunakan
Database
Database secara sederhana dapat didefinisikan sebagai gudang data Secara
formal database adalah kumpulan data atau informasi yang kompleks data-data tersebut
disusun menjadi beberapa kelompok dengan tipe data yang sejenis (disebut tabel)
dimana setiap datanya dapat saling berhubungan satu sama lain atau dapat berdiri sendiri
sehingga mudah diakses
Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan
profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional
yang dihubungkan satu sama lain dengan alur data baik secara manual maupun
komputerisasi DFD ini sering disebut juga dengan nama Bubble chart Bubble diagram
model proses diagram alur kerja atau model fungsi
Entity Relationship Diagram (ERD)
Entity Relationship Diagram atau ERD merupakan metode untuk merancang
database secara sistematis yang berisi komponen-komponen Himpunan entitas dan
himpunan relasi yang masing-masing dilengkapi dengan atribut ERD juga merupakan
model konseptual yang mendeskripsikan hubungan antara penyimpanan (dalam Data
Flow Diagram) ERD digunakan untuk memodelkan struktur data dan hubungan antar
data Dengan ERD model dapat diuji dengan mengabaikan proses yang dilakukan
Normalisasi
Normalisasi adalah suatu teknik untuk mengorganisasi data ke dalam tabel-tabel
untuk memenuhi kebutuhan pemakai di dalam suatu organisasi Proses normalisasi
merupakan metode formal yang mengidentifikasi relasi-relasi berdasarkan kunci utama
dan ketergantungan fungsional diantara atribut-atribut Normalisasi juga mendukung
perancangan-perancangan basis data dengan menyajikan serangkaian pengujian yang
dapat diaplikasikan pada relasi-relasi individu sehingga skema relasi dapat
dinormalisasikan ke bentuk yang spesifik untuk mencegah anomali-anomali proses
update yang mungkin terjadi
Internet
Internet adalah jaringan komputer yang saling terhubung secara global yang
memungkinkan pengguna internet saling bertukar informasidata melalui jaringan
tersebut Pengertian Internet lainnya adalah sistem komunikasi data berskala global suatu
infrastruktur yang terdiri dari hardware dan software yang menghubungkan komputer
yang berada di jaringannya Jadi internet menjelaskan mengenai jaringan komputer yang
terhubung dan saling berinteraksi satu sama lain dalam skala global
Website
Website merupakan kumpulan halaman yang menampilkan informasi data teks
data gambar diam atau gerak data animasi suara video dan atau gabungan dari
semuanya baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-
jaringan halaman (hyperlink)
Struktur Navigasi
Struktur navigasi adalah struktur atau alur suatu program yang merupakan
rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat
membantu mengorganisasikan seluruh elemen pembuatan Website Menentukan struktur
navigasi merupakan halaman yang sebaiknya dilakukan sebelum membuat suatu Website
PHP
PHP adalah bahasa pemrograman yang sudah digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada HTML
PHP merupakan singkatan dari ldquoPHP Hypertext Preprocessorldquo dan merupakan bahasa
yang disertakan dalam dokumen HTML sekaligus bekerja di sisi server (server-side
HTML-embedded scripting)
MySql
MySQL adalah salah satu jenis database server yang sangat terkenal
Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya dan juga besifat gratis MySQL termasuk jenis RDBMS
(Relational Database Management System)
PERANCANGAN
Gambaran Umum Website
Pada website ini halaman terbagi untuk beberapa aktor Aktor tersebut diantaranya
adalah admin guru dan staff siswa orangtua dan juga pengunjung website Pada
halaman aktor tersebut memiliki fungsi yang berbeda Menu ndash menu yang terdapat pada
halaman aktor (admin guru dan staff siswa orangtua dan pengunjung) adalah sebagai
berikut
Halaman admin terdapat Menu manajemen siswa manajemen guru manajemen
staff manajemen prestasi manajemen E-Learning manajemen Gallery
manajemen Ekskul manajemen Fasilitas Manajemen Aktor dan manajemen
Buku Tamu Pada halaman manajemen-manajemen tersebut terdapat menu
tambah data edit data dan juga hapus data
Halaman guru staff terdapat menu Manajemen absensi dan manajemen nilai
Pada halaman manajemen tersebut terdapat menu tambah data edit data dan juga
hapus data
Halaman siswa terdapat menu e-learning dan menu nilai Menu e-learning pada
halaman ini berisi materi-materi belajar Sedangkan menu nilai untuk mengetahui
nilai siswa selama satu semester
Halaman orangtua terdapat menu absensi amp perilaku siswa nilai siswa data
guru dan data staff Menu absensi amp perilaku siswa dan nilai siswa berfungsi
untuk orangtua sebagai laporan dari pihak guru megenai absensi perilaku dan
nilai selama belajar Selanjutnya menu data guru dan staff berfungsi untuk
mengetahui data-data guru dan staff
Halaman pengunjung terdapat menu login home profile sejarah Visi Misi
Struktur sekolah lokasi tata tertib data siswa data guru data staff ekstra
kurikuler prestasi siswa fasilitas sekolah album kalender akademik buku tamu
Struktur Navigasi
Struktur navigasi merupakan rancangan gambaran hubungan dan rantai kerja dari
beberapa kerja atau beberapa area yang berbeda dan dapat membantu mengorganisasikan
seluruh halaman web dengan pemberian hyperlink Dengan adanya struktur navigasi
akan sangat membantu untuk menggambarkan link antara halaman ndash halaman yang
dibuat
Website ini menerapkan struktur navigasi composite atau campuran dimana
struktur navigasi ini adalah gabungan dari struktur hirarki dan struktur non-linier Jika
pengunjung mengakses website SDN Ciracas 3 Pagi pengunjung dapat berpindah dari
satu halaman kehalaman yang lain tanpa harus mengakses atau membuka suatu halaman
tertentu Sehingga proses akan lebih efisien dan tidak memakan banyak waktu
Alur struktur navigasi ini pertama kali diawali dari halaman Home kemudian alur
dibagi untuk halaman admin guru dan staff siswa orangtua dan juga pengunjung
Struktur navigasi yang dibuat dapat dilihat pada Gambar 31 di bawah ini
Gambar 1 Struktur Navigasi Campuran
PEMBAHASAN DAN UJICOBA
Analisa Halaman Aktor
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
sehingga perlu dilakukan pengembangan untuk mendapatkan hasil yang optimal
Misalnya menambahkan fasilitas-fasilitas yang lebih baik ataupun suara-suara efek atau
animasi supaya tampilan dalam website ini menjadi lebih menarik dan informasi yang
lebih banyak lagi
Kata Kunci Kata Kunci Aplikasi Sistem Berbasis Web Dreamweaver PHP My SQL
ABSTRACT
Dissemination of information on the internet can not be separated from a service named
website Many institutions organizations and a variety of fields already have a website
as a means of distributing their information However the authors looked at the website
is still a lack of elementary school (SD) Then the author will design and create a website
for 03 Ciracas SDN morning featuring a wide range of needs for teachers parents
students and visitors
SDN Website Ciracas morning 03 was built using Macromedia Dreamweaver 8 PHP and
My SQL Initial creation of this web starting from the manufacture of navigational
structures design of web sites that facilitate in making the manufacturing process the
process for building web and database creation for data storage on the web This web
page is divided into 5 sections namely the page for admin teachers staff students
parents and user pages (visitors)
In terms of design display menu or links that are presented in the SDN website Ciracas
03 this morning has been good but still simple In terms of usability this website can be
an alternative for the general public to find information about the SDN Ciracas Morning
03The website is well worth reading for all circles However in the creation of websites
SDN Ciracas 03 this morning there are still many shortcomings that need to be done to
get the development of optimal results For example adding facilities better or sounds
effects or animation to display in this website more interesting and more information
Keywords Web-Based Application Systems Dreamweaver PHP My SQL
PENDAHULUAN
Pelayanan informasi yang cepat tepat dan akurat sangat diperlukan Oleh karena
itu jenis informasi yang jelas dan sarana informasi yang memadai sangat dibutuhkan oleh
semua orang Jika dilihat dari perkembangan sarana informasi yang ada perkembangan
sarana informasi komputer jauh lebih cepat jika dibandingkan dengan perkembangan
sarana informasi yang lainnya Salah satu jenis teknologi komputer yang sering
digunakan dan yang sangat diperlukan sekarang ini adalah aplikasindashaplikasi komputer
yang berbasiskan web yang lebih sering disebut dengan aplikasi internet
Penyebaran informasi di internet tidak terlepas dari sebuah layanan yang bernama
website Banyak institusi organisasi dan berbagai bidang telah mempunyai website
sebagai sarana penyebaran informasi mereka Akan tetapi penulis melihat masih
kurangnya website Sekolah Dasar (SD)
Berlandas dari hal diatas maka penulis akan merancang dan membuat website
untuk SDN Ciracas 03 Pagi yang menampilkan berbagai macam kebutuhan untuk para
guru orangtua siswa dan juga pengunjung Tujuan dari pembuatan website ini nantinya
dapat membantu guru untuk memasukkan data nilai dan perilaku siswa dengan mudah
membantu orangtua mengetahui perilaku dan nilai anaknya dan juga berguna bagi siswa
untuk mendapatkan materi yang lain yang mungkin tidak ada dalam proses belajar Selain
itu website ini juga diharapkan dapat berguna sebagai sarana informasi untuk
mempublikasikan Sekolah Dasar Negeri Ciracas 03 Pagi tersebut
TINJAUAN PUSTAKA
Sistem
Sistem adalah sekumpulan unsur elemen yang saling berkaitan dan saling
mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan
Contohnya Sistem Komputer terdiri dari Software Hardware dan Brainware [7]
Software itu sendiri adalah unsur penyusun komputer yang tidak dapat disentuh karena
berupa perintah untuk mengatur komputer Hardware adalah unsur penyusun computer
yang berbentuk fisik Sedangkan brainware merupakan unsur yang berasal dari akal
manusia maksudnya bila tidak ada manusia komputer tidak bisa digunakan
Database
Database secara sederhana dapat didefinisikan sebagai gudang data Secara
formal database adalah kumpulan data atau informasi yang kompleks data-data tersebut
disusun menjadi beberapa kelompok dengan tipe data yang sejenis (disebut tabel)
dimana setiap datanya dapat saling berhubungan satu sama lain atau dapat berdiri sendiri
sehingga mudah diakses
Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan
profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional
yang dihubungkan satu sama lain dengan alur data baik secara manual maupun
komputerisasi DFD ini sering disebut juga dengan nama Bubble chart Bubble diagram
model proses diagram alur kerja atau model fungsi
Entity Relationship Diagram (ERD)
Entity Relationship Diagram atau ERD merupakan metode untuk merancang
database secara sistematis yang berisi komponen-komponen Himpunan entitas dan
himpunan relasi yang masing-masing dilengkapi dengan atribut ERD juga merupakan
model konseptual yang mendeskripsikan hubungan antara penyimpanan (dalam Data
Flow Diagram) ERD digunakan untuk memodelkan struktur data dan hubungan antar
data Dengan ERD model dapat diuji dengan mengabaikan proses yang dilakukan
Normalisasi
Normalisasi adalah suatu teknik untuk mengorganisasi data ke dalam tabel-tabel
untuk memenuhi kebutuhan pemakai di dalam suatu organisasi Proses normalisasi
merupakan metode formal yang mengidentifikasi relasi-relasi berdasarkan kunci utama
dan ketergantungan fungsional diantara atribut-atribut Normalisasi juga mendukung
perancangan-perancangan basis data dengan menyajikan serangkaian pengujian yang
dapat diaplikasikan pada relasi-relasi individu sehingga skema relasi dapat
dinormalisasikan ke bentuk yang spesifik untuk mencegah anomali-anomali proses
update yang mungkin terjadi
Internet
Internet adalah jaringan komputer yang saling terhubung secara global yang
memungkinkan pengguna internet saling bertukar informasidata melalui jaringan
tersebut Pengertian Internet lainnya adalah sistem komunikasi data berskala global suatu
infrastruktur yang terdiri dari hardware dan software yang menghubungkan komputer
yang berada di jaringannya Jadi internet menjelaskan mengenai jaringan komputer yang
terhubung dan saling berinteraksi satu sama lain dalam skala global
Website
Website merupakan kumpulan halaman yang menampilkan informasi data teks
data gambar diam atau gerak data animasi suara video dan atau gabungan dari
semuanya baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-
jaringan halaman (hyperlink)
Struktur Navigasi
Struktur navigasi adalah struktur atau alur suatu program yang merupakan
rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat
membantu mengorganisasikan seluruh elemen pembuatan Website Menentukan struktur
navigasi merupakan halaman yang sebaiknya dilakukan sebelum membuat suatu Website
PHP
PHP adalah bahasa pemrograman yang sudah digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada HTML
PHP merupakan singkatan dari ldquoPHP Hypertext Preprocessorldquo dan merupakan bahasa
yang disertakan dalam dokumen HTML sekaligus bekerja di sisi server (server-side
HTML-embedded scripting)
MySql
MySQL adalah salah satu jenis database server yang sangat terkenal
Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya dan juga besifat gratis MySQL termasuk jenis RDBMS
(Relational Database Management System)
PERANCANGAN
Gambaran Umum Website
Pada website ini halaman terbagi untuk beberapa aktor Aktor tersebut diantaranya
adalah admin guru dan staff siswa orangtua dan juga pengunjung website Pada
halaman aktor tersebut memiliki fungsi yang berbeda Menu ndash menu yang terdapat pada
halaman aktor (admin guru dan staff siswa orangtua dan pengunjung) adalah sebagai
berikut
Halaman admin terdapat Menu manajemen siswa manajemen guru manajemen
staff manajemen prestasi manajemen E-Learning manajemen Gallery
manajemen Ekskul manajemen Fasilitas Manajemen Aktor dan manajemen
Buku Tamu Pada halaman manajemen-manajemen tersebut terdapat menu
tambah data edit data dan juga hapus data
Halaman guru staff terdapat menu Manajemen absensi dan manajemen nilai
Pada halaman manajemen tersebut terdapat menu tambah data edit data dan juga
hapus data
Halaman siswa terdapat menu e-learning dan menu nilai Menu e-learning pada
halaman ini berisi materi-materi belajar Sedangkan menu nilai untuk mengetahui
nilai siswa selama satu semester
Halaman orangtua terdapat menu absensi amp perilaku siswa nilai siswa data
guru dan data staff Menu absensi amp perilaku siswa dan nilai siswa berfungsi
untuk orangtua sebagai laporan dari pihak guru megenai absensi perilaku dan
nilai selama belajar Selanjutnya menu data guru dan staff berfungsi untuk
mengetahui data-data guru dan staff
Halaman pengunjung terdapat menu login home profile sejarah Visi Misi
Struktur sekolah lokasi tata tertib data siswa data guru data staff ekstra
kurikuler prestasi siswa fasilitas sekolah album kalender akademik buku tamu
Struktur Navigasi
Struktur navigasi merupakan rancangan gambaran hubungan dan rantai kerja dari
beberapa kerja atau beberapa area yang berbeda dan dapat membantu mengorganisasikan
seluruh halaman web dengan pemberian hyperlink Dengan adanya struktur navigasi
akan sangat membantu untuk menggambarkan link antara halaman ndash halaman yang
dibuat
Website ini menerapkan struktur navigasi composite atau campuran dimana
struktur navigasi ini adalah gabungan dari struktur hirarki dan struktur non-linier Jika
pengunjung mengakses website SDN Ciracas 3 Pagi pengunjung dapat berpindah dari
satu halaman kehalaman yang lain tanpa harus mengakses atau membuka suatu halaman
tertentu Sehingga proses akan lebih efisien dan tidak memakan banyak waktu
Alur struktur navigasi ini pertama kali diawali dari halaman Home kemudian alur
dibagi untuk halaman admin guru dan staff siswa orangtua dan juga pengunjung
Struktur navigasi yang dibuat dapat dilihat pada Gambar 31 di bawah ini
Gambar 1 Struktur Navigasi Campuran
PEMBAHASAN DAN UJICOBA
Analisa Halaman Aktor
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
PENDAHULUAN
Pelayanan informasi yang cepat tepat dan akurat sangat diperlukan Oleh karena
itu jenis informasi yang jelas dan sarana informasi yang memadai sangat dibutuhkan oleh
semua orang Jika dilihat dari perkembangan sarana informasi yang ada perkembangan
sarana informasi komputer jauh lebih cepat jika dibandingkan dengan perkembangan
sarana informasi yang lainnya Salah satu jenis teknologi komputer yang sering
digunakan dan yang sangat diperlukan sekarang ini adalah aplikasindashaplikasi komputer
yang berbasiskan web yang lebih sering disebut dengan aplikasi internet
Penyebaran informasi di internet tidak terlepas dari sebuah layanan yang bernama
website Banyak institusi organisasi dan berbagai bidang telah mempunyai website
sebagai sarana penyebaran informasi mereka Akan tetapi penulis melihat masih
kurangnya website Sekolah Dasar (SD)
Berlandas dari hal diatas maka penulis akan merancang dan membuat website
untuk SDN Ciracas 03 Pagi yang menampilkan berbagai macam kebutuhan untuk para
guru orangtua siswa dan juga pengunjung Tujuan dari pembuatan website ini nantinya
dapat membantu guru untuk memasukkan data nilai dan perilaku siswa dengan mudah
membantu orangtua mengetahui perilaku dan nilai anaknya dan juga berguna bagi siswa
untuk mendapatkan materi yang lain yang mungkin tidak ada dalam proses belajar Selain
itu website ini juga diharapkan dapat berguna sebagai sarana informasi untuk
mempublikasikan Sekolah Dasar Negeri Ciracas 03 Pagi tersebut
TINJAUAN PUSTAKA
Sistem
Sistem adalah sekumpulan unsur elemen yang saling berkaitan dan saling
mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan
Contohnya Sistem Komputer terdiri dari Software Hardware dan Brainware [7]
Software itu sendiri adalah unsur penyusun komputer yang tidak dapat disentuh karena
berupa perintah untuk mengatur komputer Hardware adalah unsur penyusun computer
yang berbentuk fisik Sedangkan brainware merupakan unsur yang berasal dari akal
manusia maksudnya bila tidak ada manusia komputer tidak bisa digunakan
Database
Database secara sederhana dapat didefinisikan sebagai gudang data Secara
formal database adalah kumpulan data atau informasi yang kompleks data-data tersebut
disusun menjadi beberapa kelompok dengan tipe data yang sejenis (disebut tabel)
dimana setiap datanya dapat saling berhubungan satu sama lain atau dapat berdiri sendiri
sehingga mudah diakses
Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan
profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional
yang dihubungkan satu sama lain dengan alur data baik secara manual maupun
komputerisasi DFD ini sering disebut juga dengan nama Bubble chart Bubble diagram
model proses diagram alur kerja atau model fungsi
Entity Relationship Diagram (ERD)
Entity Relationship Diagram atau ERD merupakan metode untuk merancang
database secara sistematis yang berisi komponen-komponen Himpunan entitas dan
himpunan relasi yang masing-masing dilengkapi dengan atribut ERD juga merupakan
model konseptual yang mendeskripsikan hubungan antara penyimpanan (dalam Data
Flow Diagram) ERD digunakan untuk memodelkan struktur data dan hubungan antar
data Dengan ERD model dapat diuji dengan mengabaikan proses yang dilakukan
Normalisasi
Normalisasi adalah suatu teknik untuk mengorganisasi data ke dalam tabel-tabel
untuk memenuhi kebutuhan pemakai di dalam suatu organisasi Proses normalisasi
merupakan metode formal yang mengidentifikasi relasi-relasi berdasarkan kunci utama
dan ketergantungan fungsional diantara atribut-atribut Normalisasi juga mendukung
perancangan-perancangan basis data dengan menyajikan serangkaian pengujian yang
dapat diaplikasikan pada relasi-relasi individu sehingga skema relasi dapat
dinormalisasikan ke bentuk yang spesifik untuk mencegah anomali-anomali proses
update yang mungkin terjadi
Internet
Internet adalah jaringan komputer yang saling terhubung secara global yang
memungkinkan pengguna internet saling bertukar informasidata melalui jaringan
tersebut Pengertian Internet lainnya adalah sistem komunikasi data berskala global suatu
infrastruktur yang terdiri dari hardware dan software yang menghubungkan komputer
yang berada di jaringannya Jadi internet menjelaskan mengenai jaringan komputer yang
terhubung dan saling berinteraksi satu sama lain dalam skala global
Website
Website merupakan kumpulan halaman yang menampilkan informasi data teks
data gambar diam atau gerak data animasi suara video dan atau gabungan dari
semuanya baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-
jaringan halaman (hyperlink)
Struktur Navigasi
Struktur navigasi adalah struktur atau alur suatu program yang merupakan
rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat
membantu mengorganisasikan seluruh elemen pembuatan Website Menentukan struktur
navigasi merupakan halaman yang sebaiknya dilakukan sebelum membuat suatu Website
PHP
PHP adalah bahasa pemrograman yang sudah digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada HTML
PHP merupakan singkatan dari ldquoPHP Hypertext Preprocessorldquo dan merupakan bahasa
yang disertakan dalam dokumen HTML sekaligus bekerja di sisi server (server-side
HTML-embedded scripting)
MySql
MySQL adalah salah satu jenis database server yang sangat terkenal
Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya dan juga besifat gratis MySQL termasuk jenis RDBMS
(Relational Database Management System)
PERANCANGAN
Gambaran Umum Website
Pada website ini halaman terbagi untuk beberapa aktor Aktor tersebut diantaranya
adalah admin guru dan staff siswa orangtua dan juga pengunjung website Pada
halaman aktor tersebut memiliki fungsi yang berbeda Menu ndash menu yang terdapat pada
halaman aktor (admin guru dan staff siswa orangtua dan pengunjung) adalah sebagai
berikut
Halaman admin terdapat Menu manajemen siswa manajemen guru manajemen
staff manajemen prestasi manajemen E-Learning manajemen Gallery
manajemen Ekskul manajemen Fasilitas Manajemen Aktor dan manajemen
Buku Tamu Pada halaman manajemen-manajemen tersebut terdapat menu
tambah data edit data dan juga hapus data
Halaman guru staff terdapat menu Manajemen absensi dan manajemen nilai
Pada halaman manajemen tersebut terdapat menu tambah data edit data dan juga
hapus data
Halaman siswa terdapat menu e-learning dan menu nilai Menu e-learning pada
halaman ini berisi materi-materi belajar Sedangkan menu nilai untuk mengetahui
nilai siswa selama satu semester
Halaman orangtua terdapat menu absensi amp perilaku siswa nilai siswa data
guru dan data staff Menu absensi amp perilaku siswa dan nilai siswa berfungsi
untuk orangtua sebagai laporan dari pihak guru megenai absensi perilaku dan
nilai selama belajar Selanjutnya menu data guru dan staff berfungsi untuk
mengetahui data-data guru dan staff
Halaman pengunjung terdapat menu login home profile sejarah Visi Misi
Struktur sekolah lokasi tata tertib data siswa data guru data staff ekstra
kurikuler prestasi siswa fasilitas sekolah album kalender akademik buku tamu
Struktur Navigasi
Struktur navigasi merupakan rancangan gambaran hubungan dan rantai kerja dari
beberapa kerja atau beberapa area yang berbeda dan dapat membantu mengorganisasikan
seluruh halaman web dengan pemberian hyperlink Dengan adanya struktur navigasi
akan sangat membantu untuk menggambarkan link antara halaman ndash halaman yang
dibuat
Website ini menerapkan struktur navigasi composite atau campuran dimana
struktur navigasi ini adalah gabungan dari struktur hirarki dan struktur non-linier Jika
pengunjung mengakses website SDN Ciracas 3 Pagi pengunjung dapat berpindah dari
satu halaman kehalaman yang lain tanpa harus mengakses atau membuka suatu halaman
tertentu Sehingga proses akan lebih efisien dan tidak memakan banyak waktu
Alur struktur navigasi ini pertama kali diawali dari halaman Home kemudian alur
dibagi untuk halaman admin guru dan staff siswa orangtua dan juga pengunjung
Struktur navigasi yang dibuat dapat dilihat pada Gambar 31 di bawah ini
Gambar 1 Struktur Navigasi Campuran
PEMBAHASAN DAN UJICOBA
Analisa Halaman Aktor
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
Database
Database secara sederhana dapat didefinisikan sebagai gudang data Secara
formal database adalah kumpulan data atau informasi yang kompleks data-data tersebut
disusun menjadi beberapa kelompok dengan tipe data yang sejenis (disebut tabel)
dimana setiap datanya dapat saling berhubungan satu sama lain atau dapat berdiri sendiri
sehingga mudah diakses
Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan
profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional
yang dihubungkan satu sama lain dengan alur data baik secara manual maupun
komputerisasi DFD ini sering disebut juga dengan nama Bubble chart Bubble diagram
model proses diagram alur kerja atau model fungsi
Entity Relationship Diagram (ERD)
Entity Relationship Diagram atau ERD merupakan metode untuk merancang
database secara sistematis yang berisi komponen-komponen Himpunan entitas dan
himpunan relasi yang masing-masing dilengkapi dengan atribut ERD juga merupakan
model konseptual yang mendeskripsikan hubungan antara penyimpanan (dalam Data
Flow Diagram) ERD digunakan untuk memodelkan struktur data dan hubungan antar
data Dengan ERD model dapat diuji dengan mengabaikan proses yang dilakukan
Normalisasi
Normalisasi adalah suatu teknik untuk mengorganisasi data ke dalam tabel-tabel
untuk memenuhi kebutuhan pemakai di dalam suatu organisasi Proses normalisasi
merupakan metode formal yang mengidentifikasi relasi-relasi berdasarkan kunci utama
dan ketergantungan fungsional diantara atribut-atribut Normalisasi juga mendukung
perancangan-perancangan basis data dengan menyajikan serangkaian pengujian yang
dapat diaplikasikan pada relasi-relasi individu sehingga skema relasi dapat
dinormalisasikan ke bentuk yang spesifik untuk mencegah anomali-anomali proses
update yang mungkin terjadi
Internet
Internet adalah jaringan komputer yang saling terhubung secara global yang
memungkinkan pengguna internet saling bertukar informasidata melalui jaringan
tersebut Pengertian Internet lainnya adalah sistem komunikasi data berskala global suatu
infrastruktur yang terdiri dari hardware dan software yang menghubungkan komputer
yang berada di jaringannya Jadi internet menjelaskan mengenai jaringan komputer yang
terhubung dan saling berinteraksi satu sama lain dalam skala global
Website
Website merupakan kumpulan halaman yang menampilkan informasi data teks
data gambar diam atau gerak data animasi suara video dan atau gabungan dari
semuanya baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-
jaringan halaman (hyperlink)
Struktur Navigasi
Struktur navigasi adalah struktur atau alur suatu program yang merupakan
rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat
membantu mengorganisasikan seluruh elemen pembuatan Website Menentukan struktur
navigasi merupakan halaman yang sebaiknya dilakukan sebelum membuat suatu Website
PHP
PHP adalah bahasa pemrograman yang sudah digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada HTML
PHP merupakan singkatan dari ldquoPHP Hypertext Preprocessorldquo dan merupakan bahasa
yang disertakan dalam dokumen HTML sekaligus bekerja di sisi server (server-side
HTML-embedded scripting)
MySql
MySQL adalah salah satu jenis database server yang sangat terkenal
Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya dan juga besifat gratis MySQL termasuk jenis RDBMS
(Relational Database Management System)
PERANCANGAN
Gambaran Umum Website
Pada website ini halaman terbagi untuk beberapa aktor Aktor tersebut diantaranya
adalah admin guru dan staff siswa orangtua dan juga pengunjung website Pada
halaman aktor tersebut memiliki fungsi yang berbeda Menu ndash menu yang terdapat pada
halaman aktor (admin guru dan staff siswa orangtua dan pengunjung) adalah sebagai
berikut
Halaman admin terdapat Menu manajemen siswa manajemen guru manajemen
staff manajemen prestasi manajemen E-Learning manajemen Gallery
manajemen Ekskul manajemen Fasilitas Manajemen Aktor dan manajemen
Buku Tamu Pada halaman manajemen-manajemen tersebut terdapat menu
tambah data edit data dan juga hapus data
Halaman guru staff terdapat menu Manajemen absensi dan manajemen nilai
Pada halaman manajemen tersebut terdapat menu tambah data edit data dan juga
hapus data
Halaman siswa terdapat menu e-learning dan menu nilai Menu e-learning pada
halaman ini berisi materi-materi belajar Sedangkan menu nilai untuk mengetahui
nilai siswa selama satu semester
Halaman orangtua terdapat menu absensi amp perilaku siswa nilai siswa data
guru dan data staff Menu absensi amp perilaku siswa dan nilai siswa berfungsi
untuk orangtua sebagai laporan dari pihak guru megenai absensi perilaku dan
nilai selama belajar Selanjutnya menu data guru dan staff berfungsi untuk
mengetahui data-data guru dan staff
Halaman pengunjung terdapat menu login home profile sejarah Visi Misi
Struktur sekolah lokasi tata tertib data siswa data guru data staff ekstra
kurikuler prestasi siswa fasilitas sekolah album kalender akademik buku tamu
Struktur Navigasi
Struktur navigasi merupakan rancangan gambaran hubungan dan rantai kerja dari
beberapa kerja atau beberapa area yang berbeda dan dapat membantu mengorganisasikan
seluruh halaman web dengan pemberian hyperlink Dengan adanya struktur navigasi
akan sangat membantu untuk menggambarkan link antara halaman ndash halaman yang
dibuat
Website ini menerapkan struktur navigasi composite atau campuran dimana
struktur navigasi ini adalah gabungan dari struktur hirarki dan struktur non-linier Jika
pengunjung mengakses website SDN Ciracas 3 Pagi pengunjung dapat berpindah dari
satu halaman kehalaman yang lain tanpa harus mengakses atau membuka suatu halaman
tertentu Sehingga proses akan lebih efisien dan tidak memakan banyak waktu
Alur struktur navigasi ini pertama kali diawali dari halaman Home kemudian alur
dibagi untuk halaman admin guru dan staff siswa orangtua dan juga pengunjung
Struktur navigasi yang dibuat dapat dilihat pada Gambar 31 di bawah ini
Gambar 1 Struktur Navigasi Campuran
PEMBAHASAN DAN UJICOBA
Analisa Halaman Aktor
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
Internet
Internet adalah jaringan komputer yang saling terhubung secara global yang
memungkinkan pengguna internet saling bertukar informasidata melalui jaringan
tersebut Pengertian Internet lainnya adalah sistem komunikasi data berskala global suatu
infrastruktur yang terdiri dari hardware dan software yang menghubungkan komputer
yang berada di jaringannya Jadi internet menjelaskan mengenai jaringan komputer yang
terhubung dan saling berinteraksi satu sama lain dalam skala global
Website
Website merupakan kumpulan halaman yang menampilkan informasi data teks
data gambar diam atau gerak data animasi suara video dan atau gabungan dari
semuanya baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-
jaringan halaman (hyperlink)
Struktur Navigasi
Struktur navigasi adalah struktur atau alur suatu program yang merupakan
rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat
membantu mengorganisasikan seluruh elemen pembuatan Website Menentukan struktur
navigasi merupakan halaman yang sebaiknya dilakukan sebelum membuat suatu Website
PHP
PHP adalah bahasa pemrograman yang sudah digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada HTML
PHP merupakan singkatan dari ldquoPHP Hypertext Preprocessorldquo dan merupakan bahasa
yang disertakan dalam dokumen HTML sekaligus bekerja di sisi server (server-side
HTML-embedded scripting)
MySql
MySQL adalah salah satu jenis database server yang sangat terkenal
Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya dan juga besifat gratis MySQL termasuk jenis RDBMS
(Relational Database Management System)
PERANCANGAN
Gambaran Umum Website
Pada website ini halaman terbagi untuk beberapa aktor Aktor tersebut diantaranya
adalah admin guru dan staff siswa orangtua dan juga pengunjung website Pada
halaman aktor tersebut memiliki fungsi yang berbeda Menu ndash menu yang terdapat pada
halaman aktor (admin guru dan staff siswa orangtua dan pengunjung) adalah sebagai
berikut
Halaman admin terdapat Menu manajemen siswa manajemen guru manajemen
staff manajemen prestasi manajemen E-Learning manajemen Gallery
manajemen Ekskul manajemen Fasilitas Manajemen Aktor dan manajemen
Buku Tamu Pada halaman manajemen-manajemen tersebut terdapat menu
tambah data edit data dan juga hapus data
Halaman guru staff terdapat menu Manajemen absensi dan manajemen nilai
Pada halaman manajemen tersebut terdapat menu tambah data edit data dan juga
hapus data
Halaman siswa terdapat menu e-learning dan menu nilai Menu e-learning pada
halaman ini berisi materi-materi belajar Sedangkan menu nilai untuk mengetahui
nilai siswa selama satu semester
Halaman orangtua terdapat menu absensi amp perilaku siswa nilai siswa data
guru dan data staff Menu absensi amp perilaku siswa dan nilai siswa berfungsi
untuk orangtua sebagai laporan dari pihak guru megenai absensi perilaku dan
nilai selama belajar Selanjutnya menu data guru dan staff berfungsi untuk
mengetahui data-data guru dan staff
Halaman pengunjung terdapat menu login home profile sejarah Visi Misi
Struktur sekolah lokasi tata tertib data siswa data guru data staff ekstra
kurikuler prestasi siswa fasilitas sekolah album kalender akademik buku tamu
Struktur Navigasi
Struktur navigasi merupakan rancangan gambaran hubungan dan rantai kerja dari
beberapa kerja atau beberapa area yang berbeda dan dapat membantu mengorganisasikan
seluruh halaman web dengan pemberian hyperlink Dengan adanya struktur navigasi
akan sangat membantu untuk menggambarkan link antara halaman ndash halaman yang
dibuat
Website ini menerapkan struktur navigasi composite atau campuran dimana
struktur navigasi ini adalah gabungan dari struktur hirarki dan struktur non-linier Jika
pengunjung mengakses website SDN Ciracas 3 Pagi pengunjung dapat berpindah dari
satu halaman kehalaman yang lain tanpa harus mengakses atau membuka suatu halaman
tertentu Sehingga proses akan lebih efisien dan tidak memakan banyak waktu
Alur struktur navigasi ini pertama kali diawali dari halaman Home kemudian alur
dibagi untuk halaman admin guru dan staff siswa orangtua dan juga pengunjung
Struktur navigasi yang dibuat dapat dilihat pada Gambar 31 di bawah ini
Gambar 1 Struktur Navigasi Campuran
PEMBAHASAN DAN UJICOBA
Analisa Halaman Aktor
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
MySql
MySQL adalah salah satu jenis database server yang sangat terkenal
Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya dan juga besifat gratis MySQL termasuk jenis RDBMS
(Relational Database Management System)
PERANCANGAN
Gambaran Umum Website
Pada website ini halaman terbagi untuk beberapa aktor Aktor tersebut diantaranya
adalah admin guru dan staff siswa orangtua dan juga pengunjung website Pada
halaman aktor tersebut memiliki fungsi yang berbeda Menu ndash menu yang terdapat pada
halaman aktor (admin guru dan staff siswa orangtua dan pengunjung) adalah sebagai
berikut
Halaman admin terdapat Menu manajemen siswa manajemen guru manajemen
staff manajemen prestasi manajemen E-Learning manajemen Gallery
manajemen Ekskul manajemen Fasilitas Manajemen Aktor dan manajemen
Buku Tamu Pada halaman manajemen-manajemen tersebut terdapat menu
tambah data edit data dan juga hapus data
Halaman guru staff terdapat menu Manajemen absensi dan manajemen nilai
Pada halaman manajemen tersebut terdapat menu tambah data edit data dan juga
hapus data
Halaman siswa terdapat menu e-learning dan menu nilai Menu e-learning pada
halaman ini berisi materi-materi belajar Sedangkan menu nilai untuk mengetahui
nilai siswa selama satu semester
Halaman orangtua terdapat menu absensi amp perilaku siswa nilai siswa data
guru dan data staff Menu absensi amp perilaku siswa dan nilai siswa berfungsi
untuk orangtua sebagai laporan dari pihak guru megenai absensi perilaku dan
nilai selama belajar Selanjutnya menu data guru dan staff berfungsi untuk
mengetahui data-data guru dan staff
Halaman pengunjung terdapat menu login home profile sejarah Visi Misi
Struktur sekolah lokasi tata tertib data siswa data guru data staff ekstra
kurikuler prestasi siswa fasilitas sekolah album kalender akademik buku tamu
Struktur Navigasi
Struktur navigasi merupakan rancangan gambaran hubungan dan rantai kerja dari
beberapa kerja atau beberapa area yang berbeda dan dapat membantu mengorganisasikan
seluruh halaman web dengan pemberian hyperlink Dengan adanya struktur navigasi
akan sangat membantu untuk menggambarkan link antara halaman ndash halaman yang
dibuat
Website ini menerapkan struktur navigasi composite atau campuran dimana
struktur navigasi ini adalah gabungan dari struktur hirarki dan struktur non-linier Jika
pengunjung mengakses website SDN Ciracas 3 Pagi pengunjung dapat berpindah dari
satu halaman kehalaman yang lain tanpa harus mengakses atau membuka suatu halaman
tertentu Sehingga proses akan lebih efisien dan tidak memakan banyak waktu
Alur struktur navigasi ini pertama kali diawali dari halaman Home kemudian alur
dibagi untuk halaman admin guru dan staff siswa orangtua dan juga pengunjung
Struktur navigasi yang dibuat dapat dilihat pada Gambar 31 di bawah ini
Gambar 1 Struktur Navigasi Campuran
PEMBAHASAN DAN UJICOBA
Analisa Halaman Aktor
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
Struktur Navigasi
Struktur navigasi merupakan rancangan gambaran hubungan dan rantai kerja dari
beberapa kerja atau beberapa area yang berbeda dan dapat membantu mengorganisasikan
seluruh halaman web dengan pemberian hyperlink Dengan adanya struktur navigasi
akan sangat membantu untuk menggambarkan link antara halaman ndash halaman yang
dibuat
Website ini menerapkan struktur navigasi composite atau campuran dimana
struktur navigasi ini adalah gabungan dari struktur hirarki dan struktur non-linier Jika
pengunjung mengakses website SDN Ciracas 3 Pagi pengunjung dapat berpindah dari
satu halaman kehalaman yang lain tanpa harus mengakses atau membuka suatu halaman
tertentu Sehingga proses akan lebih efisien dan tidak memakan banyak waktu
Alur struktur navigasi ini pertama kali diawali dari halaman Home kemudian alur
dibagi untuk halaman admin guru dan staff siswa orangtua dan juga pengunjung
Struktur navigasi yang dibuat dapat dilihat pada Gambar 31 di bawah ini
Gambar 1 Struktur Navigasi Campuran
PEMBAHASAN DAN UJICOBA
Analisa Halaman Aktor
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
Aktor pada website ini ada 5 yaitu admin gurustaff siswa orangtua dan
pengunjung Analisa halaman aktor pada website akan penulis jelaskan pada subbab
berikut ini
Untuk masuk ke halaman aktor tersebut user haruslah melakukan login terlebih
dahulu Pada halaman login user harus memasukkan username dan password dengan
benar karena query akan melakukan pengecekan terhadap database Apabila data
username dan password tidak ada pada database maka function administrator akan
menampilkan pesan kesalahan ldquoUsername dan Password salah rdquo Selanjutnya apabila
sudah benar proses tersebut maka akan menampilkan halaman aktor yang diinginkan
Halaman login dapat dilihat pada Gambar 1 berikut
Gambar 1 Tampilan Halaman Login
Halaman Administrator
Halaman Administrator atau biasa disebut admin adalah halaman untuk
melakukan perubahan data isi website
Pada menu utama halaman admin terdapat beberapa menu navigasi yakni
Manajemen Siswa Manajemen Guru Manajemen Staff Manajemen Prestasi
Manajemen E-Learning Manajemen Gallery Manajemen Ekskul Manajemen Fasilitas
Manajemen Aktor dan Manajemen Buku Tamu Berikut akan penulis jelaskan
manajemen-manajemen tersebut
Gambar 2 Tampilan Halaman Admin
Halaman GuruStaff
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
Untuk melakukan perubahan data absensi perilaku dan nilai harus melakukan
login terlebih dahulu Adapun yang dapat melakukan perubahan terhadap isi pada
halaman adalah gurustaff dimana gurustaff telah memiliki ID dan password masing-
masing Tampilan halaman login tersebut dapat dilihat pada Gambar 415 Pada menu
utama halaman gurustaff terdapat beberapa menu navigasi yakni Manajemen
AbsensiPerilaku dan Manajemen nilai
Gambar 3 Halaman Guru Staff
Halaman Siswa
Halaman siswa adalah halaman yang hanya bisa diakses oleh siswa di sekolah
Untuk mengakses tentunya siswa diwajibkan login terlebih dahulu Tampilan halaman
login tersebut dapat dilihat pada gambar 1
Pada halaman siswa terdapat dua menu navigasi diantaranya adalah menu e-
learning dan menu nilai Menu e-learning disini berisi materi-materi yang bisa langsung
dibaca oleh siswa dan materi tersebut juga bisa disave jika diinginkan Sedangkan menu
nilai disini berisi table yang berisi nilai-nilai siswa per-semester dan nilai tersebut adalah
nilai siswa yang sudah melakukan login jadi nilai siswa yang bersangkutan tidak akan
bisa melihat nilai teman lainnya
Dalam halaman siswa terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk siswa yang ingin melihat halaman home pengunjung Selanjutnya
tombol logout untuk keluar dari halaman siswa Berikut halaman-halaman yang ada pada
halaman siswa
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
Gambar 4 Halaman Siswa
Halaman Orangtua
Halaman orangtua adalah halaman yang hanya bisa diakses oleh orangtua Untuk
mengakses tentunya orangtua diwajibkan login terlebih dahulu Tampilan halaman login
tersebut dapat dilihat pada gambar 415
Pada halaman orangtua terdapat beberapa menu navigasi diantaranya adalah menu
absensiperilaku menu nilai data guru dan juga data staff Menu absensi perilaku dan
menu nilai berisi tabel yang berisi nilai-nilai siswa per-semester dan orangtua sebelum
melihatnya haruslah mengisi NIS terlebih dahulu jika orangtua tidak mengetahui NIS
maka akan otomatis data yang diinginkan tidak muncul Berbeda dengan data guru dan
data staff semua orangtua bebas untuk melihatnya
Dalam halaman orangtua terdapat tombol home dan tombol logout Tombol home
disini berfungsi untuk orangtua yang ingin melihat halaman home pengunjung
Selanjutnya tombol logout untuk keluar dari halaman orangtua Berikut halaman-halaman
yang ada pada halaman orangtua
Gambar 5 Tampilan Halaman Sebelum memasuki Halaman Absensi dan Halaman
Siswa
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
Gambar 6 Tampilan Halaman Orangtua
Halaman Pengunjung
Halaman pengunjung adalah halaman pertama kali yang tampil pada website SDN
Ciracas 03 Pagi Halaman ini terdiri dari beberapa bagian seperti bagian atas (banner)
menu pada bagian kiri menu pada bagian kanan dan juga footer
Gambar 7 Halaman Pengunjung
PENUTUP
Penulis dapat mengambil kesimpulan bahwa dari segi desain tampilan menu
ataupun link-link yang disajikan dalam website SDN Ciracas 03 Pagi ini sudah bagus
namun masih sederhana Dari segi kegunaan website ini dapat menjadi alternatif bagi
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011
masyarakat umum untuk mengetahui informasi mengenai SDN Ciracas 03 Pagi Website
ini juga layak dibaca untuk semua kalangan baik dari pihak internal sekolah maupun dari
luar sekolah Dalam sistem program website ini sudah dapat berjalan dengan baik karena
tidak terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
sesuai dengan keinginan user
DAFTAR PUSTAKA
[1] ESMargianti DSuryadi HS Sistem Informasi Manajemen Cetakan ketiga
Gunadarma 1996
[2] Riyanto Prilnali Eka Putra Hendi Indelarko Pengembangan Aplikasi Sistem
Informasi Geografis Berbasis Desktop dan Web Edisi Pertama Penerbit Gava
Media Yogyakarta 2009
[3] Abdul Kadir From Zero to A Pre Membuat Aplikasi Web dengan PHP dan
Database MySQL cetakan pertama CV Andi Offset Yogyakarta 2009
[4] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[5] Bertalya Hurnaningsih Irma Rachmawati Kemal Ade Metty Mustikasari Yuli
Karyanti Sistem Basis Data 1 Gunadarma 2007
[6] Bunafit Nugrogo Panduan Lengkap Menguasai Perintah SQL Penerbit Media Kita
Jogjakarta 2008
[7] httpfebrianistaffgunadarmaacidDownloadsfiles5612Pengertian+Sistem+amp+
Analisis+Sistempdf
[8] httpradensomadcomapa-itu-internet-sejarah-dan-pengertian-internethtml 1
Agustus 2011
[9] httpwwwprowebcoidarticlesweb_designwebsite_adalahhtml 1 Agustus 2011
[10] httpbelajar-sendiricom201101mengenal-lebih-dalam-bahasa-php 1 Agustus
2011
[11]httpstoragejakstikacidstudentspaperpenulisan20ilmiah30405014Bab20IIp
df token= f3250b3b34f3add992176bc44309a5b78128d5f0|1312189914PDFP 20
Maret 2011