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

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

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

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

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

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

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

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

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