Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.
3.3.7 Wali Kelas
Membantu kepala sekolah dalam kegiatan: 1. Pengelolaan kelas.
2. Penyelenggaraan administrasi kelas. 3. Pembuatan catatan khusus tentang siswa.
4. Penyusunan statistik bulanan siswa. 5. Penyusunan nilai siswa.
3.3.8 Guru Pembimbing dan Konseling BPBK
Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.
3.4. Visi dan Misi Sekolah
3.4.1 Visi Sekolah
“Mewujudkan pendidikan yang unggul dan berkualitas yang berlandaskan pada keimanan , ketaqwaan, ilmu pengetahuan dan teknologi.
”
3.4.2 Misi Sekolah
Universitas Sumatera Utara
1. Melaksanakan pembelajaran dan bimbingan secara efektif dan efesien 2. Meningkatkan komitmen seluruh tenaga kependidikan terhadap tugas dan
fungsinya sehingga menjadi tenaga yang profesional di bidangnya masing masing
3. Meningkatkan Keimanan dan Ketaqwaan kepada Allah SWT 4. Mengintergrasikan pendidikan IPTEK dengan nilai nilai Islam
5. Meningkatkan Wawasan Kebangsaan 6. Pembinaan ketrampilan olah raga dan seni budaya
7. Ikut serta dalan setiap even kompetisi di tingkat daerah, nasional dan internasional
3.4.3 Tujuan Sekolah
1. Mengupayakan stabilitas dan membangun sarana dan prasarana sekolah yang
belum ada dan yang rusak. 2. Meningkatlkan kelancaran kegiatan belajar mengajar.
3. Mengefektifkan pelaksanaan evaluasi dan program remedial bagi siswa.
4. Dapat meningkatkan mutu pendidikan dan perubahan pola piker melalui
pengembangan berbagai media pembelajaran.
Universitas Sumatera Utara
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
4.1 Analisis
Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus diperhatikan adalah tahap analisis. Tahap analisis merupakan tahap pemahaman
dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir data, kamus alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui
mekanisme sistem, proses –proses yang terlibat dalam sistem serta hubungan antara
proses tersebut.
4.2 Perencanaan dan Perancangan Sistem
Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik,
tujuan yang jelas dan percobaan yang berulang-ulang untuk dapat mendapatkan hasil yang terbaik karena menyangkut semua elemen yang membentuk situs. Situs ini
dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan sebagai media untuk membuat
layout dari situs yang telah dirancang. Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:
1. Situs apa yang akan dibuat?
Universitas Sumatera Utara
2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut?
4. Apa target yang ingin dicapai dari pembuatan situs tersebut?
Untuk semakin memperjelas dan mempermudah dalam membangun situs, maka jawaban dari pertanyaan-pertanyaan di atas akan sangat membantu karena dari
situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.
Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan- pertanyaan di atas sebagai berikut:
a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini adalah SMA Negeri Unggul Aceh Timur, yang menyediakan informasi-informasi
tentang sekolah tersebut dan kegiatan yang dilakukan sekolah.
b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali siswa SMA Negeri Unggul Aceh Timur serta masyarakat luas yang ingin tahu
mengenai segala sesuatu tentang sekolah ini.
c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai SMA Negeri Unggul Aceh Timur, mengetahui
data siswa, serta informasi penting lainnya. d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan
informasi tentang SMA Negeri Unggul Aceh Timur, dan dapat memberikan kemudahan bagi para siswa, guru, maupun wali siswa dalam memperoleh
Universitas Sumatera Utara
informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
4.3 Perancangan Data Flow Diagram DFD
Data Flow Diagram DFD merupakan diagram yang menggunakan notasi-notasi simbol-simbol untuk menggambarkan arus dari data sistem. DFD sering digunakan
untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data
tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Sejarah Pengumuman
Galery Photo Visi dan Misi
Contact Us Struktur Organisasi
Gambar 4.1 Diagram Konteks
Pengumuman
Sejarah
Desain Sistem Informasi SMA
Negeri Unggul Aceh Timur
Galeri Photo Visi dan Misi
Identitas Sekolah
Kepala Sekolah Contact Us
Universitas Sumatera Utara
Sekilas Pengumuman
Galleri Photo Visi dan Misi
Struktur Organisasi Contact Us
Gambar 4.2 Diagram Konteks Level 0 Nol
4.4 Perancangan Flowchart
Tahap selanjutnya adalah tahap pembuatan flowchart diagram alir atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang
Pengumuman
Sejarah
Desain Sistem Informasi SMA
Negeri Unggul Aceh Timur
Galleri Photo Visi dan Misi
Struktur Organisasi
Kepala Sekolah Pembuatan
Laporan Contact US
Universitas Sumatera Utara
menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman
situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting
dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.
Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti berikut:
Simbol Fungsi
Terminator, untuk memulai dan mengakhiri suatu program.
Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.
Data, untuk
memasukkan data
maupun menunjukkan hasil dari suatu proses.
Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.
Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage.
Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang
sama.
Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar
kertas yang lain.
Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan,
atau dari kanan ke kiri.
Document, merupakan simbol untuk data yang berbentuk informasi.
Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.
Display, untuk output yang ditujukan suatu device, seperti monitor.
Magnetic Disk, untuk menyimpan data.
Berikut adalah flowchart dari sistem informasi SMA Negeri Unggul Aceh Timur yang penulis rancang:
Universitas Sumatera Utara
Gambar 4.3 Aliran Informasi rancangan situs
Login Admin Index Halaman
Utama
Kesiswaan
Kepala Sekolah
Struktur Organisasi
Guru
Profil Fasilitas
Personalia
Sejarah
Visi Misi Identitas
Sekolah Perpustakaan
Mushalla Laboratorium
Siswa Osis
Tata Tertib Siswa
Prestasi
Bimbingan Konseling
Roster Pelajaran
Universitas Sumatera Utara
1. Flow Chart Halaman Utama
Start Profil Sekolah
Sejarah Visi dan Misi
Identitas Sekolah
Tampil Sejarah
Tampil Visi dan Misi
Tampil Identitas
Fasilita SMA Perpustakaan
Laboratorium Mushola
Tampil Perpustaka
an Tampil
Laboraturiu m
Tampil Mushola
Personalia Stuktur
Organisasi Kepala
Sekolah Guru
Siswa Tampil
Sruktur Tampil
Kepala sekolah
Tampil Guru
Tampil siswa
Kalender Akademik
Galeri Contact Us
Keluar Stop
Pengumuman Terbaru
Tampil Pengumum
an Tampil
kalender Tampil
Galeri Tampil Form
Input Kontak Tampil
Form Input Kontak
Y Y
Y T
T T
Y Y
Y T
Y T
T Y
Y
T T
Y Y
T Y
T Y
T
Y Y
Y Y
Y T
T T
T
Gambar 4.4 Flowchart Halaman Utama
Universitas Sumatera Utara
2. Flowchart halaman login administrator
B
Start
Homepage
Manage Kepala
Sekolah
Manage Guru
Manage Pengumuman
Manage Artikel
Manage Kontak
Keluar Tampil
Hompage
C
D
E
F
G
Log Out Prosedur Log
Out X
Y Y
T Y
T Y
T Y
T Y
T Y
T Y
Y
Gambar 4.5 Flowchart halaman Login Administrator
3. Flowchart Manage Kepala Sekolah
Universitas Sumatera Utara
C
Tampil Data Kepsek
Tampil Data Kepsek
Tambah data Kepsek
Tampil Form Tambah data
Kepsek Tampil
Form Tambah
data Kepsek
Tambah data Kepsek
Tambah? Database
C1 Edit Data
Kepsek Tampil form
Edit Data Kepsek
Tampil Form Edit
Data Kepsek
Edit Data Kepsek Edit?
Database
C2
Hapus Data Kepsek
Hapus data Kepsekk
Hapus Data Kepsek?
Database C3
Keluar
Ci T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.6 Flowchart Manage Kepala Sekolah
4. Flowchart Manage Guru
Universitas Sumatera Utara
D
Tampil Data Guru
Tampil Data Guru
Tambah data Guru
Tampil Form Tambah data
Guru Tampil
Form Tambah
data Guru Tambah data
Guru Tambah?
Database D1
Edit Data Guru Tampil form
Edit Data Guru Tampil
Form Edit Data Guru
Edit Data Guru Edit?
Database
D2
Hapus Data Guru
Hapus data Guru Hapus Data
Guru? Database
D3
Keluar
D1 T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.7 Flowchart Manage Guru
5. Flowchart Manage Pengumuman Terbaru
Universitas Sumatera Utara
E
TampilPengum uman
Tampil Pengumum
an TambahPengu
muman Tampil Form
Tambah Pengumuman
Tampil Form
Tambah Pengumuna
n TambahPengumu
man Tambah?
Database E1
Edit Pengumuman
Tampil form Pengumuman
Tampil Form
Pengumum an
Edit Pengumuman Edit?
Database
E2
Hapus pengumuman
HapusPengumum an
HapusPengum uman
Database E3
Keluar
E1 T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.8 Flowchart Manage Pengumuman Terbaru
6. Flowchart Manage Artikel
Universitas Sumatera Utara
F
TampilArtikel Tampil
Artikel
Tambah Artikel Tampil Form
Tambah Artikel Tampil
Form Tambah
Artikelk Tambah Artikel
Tambah? Database
F1 Edit Artikel
Tampil form Edit Artikel
Tampil Form Artikel
Edit Artikel Edit?
Database
F2
Hapus Artikel Hapus Artikel
Hapus Artikel Database
F3
Keluar
F1i T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.9 Flowchart Manage Artikel
4.5 Mempersiapkan Database Server
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman website
. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL
.
Universitas Sumatera Utara
Adapun database yang dibuat oleh penulis adalah database dbsma dengan tabel-tabel sebagai berikut:
Tabel 4.1 Admin
Nama Field Type
Size Keterangan
username Varchar
45 primary key
password Varchar
20
Tabel 4.2 Artikel
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Judul Varchar
100 Gambar
Varchar 100
Isi Text
link Varchar
50 Urutan
Integer 10
`
Tabel 4.3 Calender
Nama Field Type
Size Keterangan
Id Integer
5 primary key
Judul Varchar
30 Gambar
Varchar 30
Tabel 4.4 Contact
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Nama Varchar
30 Email
Varchar 30
Pesan Text
Tabel 4.5 DBGuru
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Gambar Varchar
100 Link
Varchar 100
Nama Varchar
100 Nip
Varchar 100
Ttl Varchar
100 Jk
Varchar 20
Agama Varchar
20 Pendidikan
Varchar 10
Jabatan Varchar
100 gol
Varchar 10
Universitas Sumatera Utara
gaji Varchar
100 mulai
date
Tabel 4.6 DBSiswa
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Nis Integer
10 Nama
Varchar 20
Jk Text
10 Kelas
Varchar 10
Password Varchar
10
Tabel 4.7 Fasilitas
Nama Field Type
Size Keterangan
Id Integer
10 primary key
nama Varchar
50 link
Varchar 50
Static_content Text
Gambar Varchar
100 Publish
Enum‘Y’, ‘N’ 10
Status Enum‘user’, ‘dmin’
Aktif Enum‘Y’, ‘N’
Urutan Integer
5
Tabel 4.8 Gallery
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Nama Varchar
10 Gambar
Varchar 10
Urutan Integer
10
Tabel 4.9 Kesiswaan
Nama Field Type
Size Keterangan
Id Integer
10 primary key
nama Varchar
50 link
Varchar 50
Static_content Text
Gambar Varchar
100 Publish
Enum‘Y’, ‘N’ 10
Status Enum‘user’, ‘dmin’
Aktif Enum‘Y’, ‘N’
Urutan Integer
5
Tabel 4.10 Pengumuman
Universitas Sumatera Utara
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Judul Varchar
100 Gambar
Varchar 100
Isi Text
link Varchar
50 Urutan
Integer 10
`
Tabel 4.11 Personalia
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Nama Varchar
10 Link
Varchar 50
Gambar Varchar
10 Urutan
Integer 10
Tabel 4.12 Profil
Nama Field Type
Size Keterangan
Id Integer
10 primary key
nama Varchar
50 link
Varchar 50
Static_content Text
Gambar Varchar
100 Publish
Enum‘Y’, ‘N’ 10
Status Enum‘user’, ‘dmin’
Aktif Enum‘Y’, ‘N’
Urutan Integer
5
4.6 Perancangan Halaman Website
Adapun halaman - halaman yang dibangun oleh penulis adalah:
a. Halaman index merupakan halaman yang pertama kali muncul pada saat website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman
berikutnya. b. Halaman sejarah merupakan halaman yang berisikan sejarah tentang SMA
Negeri Unggul Aceh Timur serta link-link menuju halaman berikutnya.
Universitas Sumatera Utara
c. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA Negeri Unggul Aceh Timur.
d. Halaman perpustakaan merupakan halaman yang berisikan tentang fasilitas perpustakaan.
e. Halaman laboratorium merupakan halaman yang berisikan tentang fasilitas laboratorium.
f. Halaman mushalla merupakan halaman yang berisikan tentang fasilitas mushalla.
g. Halaman struktur organisasi merupakan halaman yang berisikan tentang strukur organisasi SMA Negeri Unggul Aceh Timur.
h. Halaman kepala sekolah merupakan halaman yang berisikan data kepala sekolah SMA Negeri Unggul Aceh Timur.
i. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMA Negeri Unggul Aceh Timur.
j. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMA Negeri Unggul Aceh Timur.
k. Halaman siswa merupakan halaman yang berisikan daftar nama siswa yang terdaftar di sekolah SMA Negeri Unggul Aceh Timur.
l. Halaman OSIS merupakan halaman yang berisikan tentang OSIS SMA Negeri Unggul Aceh Timur.
m. Halaman prestasi merupakan halaman yang berisikan tentang prestasi yang pernah dicapai oleh SMA Negeri Unggul Aceh Timur.
n. Halaman tata tertib merupakan halaman yang berisikan tentang tata tertib di SMA Negeri Unggul Aceh Timur.
Universitas Sumatera Utara
o. Halaman bimbingan konseling merupakan halaman yang berisikan tentang penjelasan tentang arti bimbingan konseling SMA Negeri Unggul Aceh
Timur. p. Halaman roster pelajaran merupakan halaman yang berisikan tentang roster
pelajaran dan mendownload roster pelajaran SMA Negeri Unggul Aceh Timur.
q. Halaman pengumuman terbaru merupakan halaman yang berisikan tentang pengumuman SMA Negeri Unggul Aceh Timur.
r. Halaman kalender akademik merupakan halaman yang berisikan tentang kalender akademik SMA Negeri Unggul Aceh Timur.
s. Halaman galleri photo merupakan halaman yang berisikan photo SMA Negeri Unggul Aceh Timur.
t. Halaman contact us merupakan halaman yang berisikan tentang contact us untuk memberikan kritik saran yang membangun kepada SMA Negeri
Unggul Aceh Timur. u. Halaman artikel merupakan halaman yang berisikan tentang berbagai artikel
yang sedang berkembang saat ini.
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:
1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat
dilihat seperti gambar berikut ini:
Universitas Sumatera Utara
Gambar 4.10 Tampilan Macromedia Dreamweaver 8
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver
yaitu dengan meletakkan link-link, grafik, isi berita dan modul-modul lainnya di tempat yang telah ditentukan.
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver.
4. Mengerjakan halaman-halaman berikutnya.
4.7 Perancangan User Interface
Universitas Sumatera Utara
Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver. Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header
dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian atas yang berisikan nama website SMA Negeri Unggul Aceh Timur, sedangkan
bagian isi adalah merupakan bagian terpenting karena pada pada bagian ini merupakan tempat menampilkan informasi yang akan disampaikan. Secara
keseluruhan desain header yang dirancang adalah sebagai berikut:
Gambar 4.11 Header Situs
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall
dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.
5.2 Tujuan Implementasi Sistem
Tujuan Implementasi sistem adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai user dapat mengoperasikan sistem baru.
3. Menguji apakah sistem baru tersebut sesuai dengan pemakai. 4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat
rencana, mengontrol dan melakukan instalasi baru secara benar.
5.3 Komponen Utama dalam Sistem
Dalam pembuatan sistem informasi SMA Negeri Unggul Aceh Timur yang sudah dirancang membutuhkan perangkat keras hardware, perangkat lunak software, dan
tenaga pelaksana brainware.
Universitas Sumatera Utara
a. Perangkat keras hardware
Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:
1. Prosesor 2. Harddisk
3. Memori 4. Monitor
5. Keyboard 6. Mouse
7. Dan lain-lain
b. Perangkat Lunak software
1. PHP, MySQL, dan Macromedia Dreamweaver 8 2. Anti virus untuk mengetahui terjadinya kerusakan sistem.
c. Tenaga Pelaksana Brainware
Yaitu orang yang memiliki keahlian yang baik dan mengerti sistem operasi komputer untuk menjalankan program.
5.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situs
http:www.apache.org untuk Apache,
Universitas Sumatera Utara
http:www.php.net untuk PHP dan
http:www.mysql.com untuk MySQL. Tahap
instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan
melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.
5.4.1 Menjalankan Apache, MySQL, dan PHP
