SISTEM INFORMASI PORTAL AKADEMIK PADA SMP
MUHAMMADIYAH 16 LUBUK PAKAM
TUGAS AKHIR
ALAMSYAH PUTRA
072406067
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul
: SISTEM INFORMASI AKADEMIK BERBASIS
WEB PADA SMP MUHAMMADIYAH 16 LUBUK
PAKAM
Kategori
: TUGAS AKHIR
Nama
: ALAMSYAH PUTRA
Nomor Induk Mahasiswa
: 072406067
Program Studi
: DIPLOMA 3 ILMU KOMPUTER
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan, Mei 2010
Komisi Pembimbing :
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Pembimbing,
Ketua,
PERNYATAAN
SISTEM INFORMASI PORTAL AKADEMIK PADA SMP
MUHAMMADIYAH 16 LUBUK PAKAM
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Mei 2010
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan
rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat
pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk
menyelesaikan Program Studi Diploma III Ilmu Komputer pada Universitas Sumatera
Utara. Adapun judul Tugas Akhir ini adalah “SISTEM INFORMASI AKADEMIK
BERBASIS WEB PADA SMP MUHAMMADIYAH 16 LUBUK PAKAM”.
Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan,
dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada
kesempatan ini penulis ingin mengucapkan terimakasih kepada :
1.
Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2.
Bapak Dr. Saib Suwilo, M.Sc selaku ketua Departemen Matematika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3.
Bapak Drs. Open Darnius, M.Si selaku pembimbing penulis yang telah banyak
memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.
4.
Ibu Weni Zahara S.Si Selaku kepala sekolah SMP Muhammadiyah 16 Lubuk
Pakam yang telah mengizinkan penulis melakukan penelitian dan membantu
penulis selama penelitian.
6.
Ayahanda Turijan dan Ibunda Sofrida Hanum atas doa restunya dan kasih
sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril
maupun materil yang tanpa jasanya tak mungkin penulis sampai pada saat
sekarang.
7.
Seluruh rekan mahasiswa Jurusan D3 Ilmu Komputer khususnya Kom C 2007,
Andi hazri Hsb, Fitria Sari, APC(Anak Parkir Comunity) dan teman-teman yang
telah banyak memberikan dorongan semangat. Dan terimakasih atas semua
dukungannya.
Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati
kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari
semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata,
semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis
pada khususnya.
Medan, Mei 2010
ABSTRAK
DAFTAR ISI
Halaman
Persetujuan
ii
Pernyataan
iii
Penghargaan
iv
Abstrak
vi
Daftas Isi
vii
Daftar Tabel
ix
Daftar Gambar
x
Bab 1 Pendahuluan
1
1.1 Latar Belakang
1
1.2 Identifikasi Masalah
3
1.3 Ruang Lingkup Masalah
4
1.4 Maksud dan Tujuan
4
1.5 Metodelogi Penelitian
5
1.6 Sistematika Penulisan
6
Bab 2 Landasan Teori
8
2.1 Pengertian Komputer
8
2.1.1 Sistem Komput er
9
2.2
Pengertian Data, DFD (Data Flow Diagram), Flowchart
(Diagram Alir), Informasi dan Sistem
10
2.2.1 Pengertian Data
10
2.2.2 Pengertian DFD (Data Flow Diagram)
11
2.2.3 Diagram Alir (flowchart)
12
2.2.4 Pengertian Informasi
15
2.2.5 Pengertian Sistem
16
2.3
Sistem Informasi
17
2.3.1 Komponen sistem informasi
17
2.3.2 Perangkat sistem informasi
19
2.4
Internet
20
2.4.1 Manfaat internet
21
2.5
Website
22
2.5.1 Web statis
22
2.5.2 Web dinamis
23
2.7
PHP
25
2.7.1 Sejarang singkat PHP
25
2.7.2 Kelebihan PHP
26
2.7.3 Sintaks PHP
28
2.8
MySQL
29
2.9
Apache
32
2.10 Cassading Style Sheet (CSS)
32
2.11 JavaScript
33
2.12 Macromedia Dreameaver
33
Bab 3 Sekilas SMP Muhammadiyah 16 Lubuk Pakam
35
3.1
Profil
35
3.1.1 Identitas Sekolah
35
3.1.2 Identitas Kepala Sekolah
36
3.2
Struktur Organisasi
36
3.3 Uraian Tugas dan fungsi organisasi
37
3.3.1 Kepala Sekolah
37
3.3.2 Wakil Kepala Sekolah
37
3.3.3 Guru
37
3.3.4 Wali Kelas
38
3.3.5 Guru Pembimbing dan Konseling
38
3.3.6 Pustakawan Sekolah
38
3.3.7 Pengelola Laboratorium
39
3.4
Visi dan Misi
39
3.4.1 Visi Sekolah
39
3.4.2 Misi Sekolah
39
Bab 4 Perancangan Sistem
43
4.1
Perencanaan dan Perancangan
43
4.2
Perancangan Halaman Website
45
4.2.1 Halaman Home
45
4.2.2 Halaman Profil
45
4.2.3 Halaman Guru dan Siswa
45
4.2.4 Halaman Buku Tamu
45
4.2.5 Halaman Portal Akademik
46
4.2.6 Halaman Admin
46
4.3
Perancangan Data Flow Diagram (DFD) Website
46
4.4 Perancangan Diagram Alir (Flowchart)Website
48
4.4.1 Flowchart Menu Utama
48
4.4.3 Flowchart Admin
50
4.4.4 Flowchart Administrator Siswa
52
4.4.5 Flowchart Administrator Guru
53
4.5
Merancang Database Server
53
4.6
Design Website
58
4.6.1 Design halaman home
58
4.6.2 Design header website
58
4.7
Gambaran Umum Perancangan Sistem
59
4.7.1 Administrator Website
59
4.7.2 Pengunjung website
61
Bab 5 Implementasi Sistem
63
5.1 Pengertian Implementasi Sistem
63
5.2
Tujuan Implementasi Sistem
63
5.3
Komponen Dalam Implementasi Sistem
64
5.4
Instalasi Apache, PHP, dan MySQL
65
Bab 6 Kesimpulan dan Saran
71
6.1
Kesimpulan
71
6.2
Saran
72
Daftar Pustaka
DAFTAR TABEL
Halaman
Tabel
2.1
Simbol-simbol Data Flow Diagram
11
Tabel
2.2
Simbol-simbol Flowchart
12
Tabel
4.1
Tabel Admin
52
Tabel
4.2
Tabel Siswa
52
Tabel
4.3
Tabel Nilai
53
Tabel
4.4
Tabel Guru
54
Tabel
4.5
Tabel Buku Tamu
54
Tabel
4.6
Tabel Informasi Akademik
55
DAFTAR GAMBAR
Halaman
Gambar 3.1
Struktur Organisasi SMP Muhammadiyah 16 Lubuk Pakam
37
Gambar 4.1
Struktur Website
44
Gambar 4.2
Diagram Konteks Website
47
Gambar 4.3
Flowchart Menu Utama
49
Gambar 4.4
Flowchart Portal Akademik
50
Gambar 4.5
Flowchart Admin
51
Gambar 4.6
Flowchart Admin Siswa
52
Gambar 4.7
Flowchart Admin Guru
53
Gambar 4.8
Tampilan Halaman Home
58
Gambar 4.9
Tampilan Header Website
59
Gambar 4.10
Tampilan Halaman Administrator
60
Gambar 5.1
Instalasi Apache2triad
66
Gambar 5.2
Menentukan Direktori Instalasi Apache2triad
67
Gambar 5.3
Masukkan Password Instalasi Apache2triad
67
Gambar 5.4
Autentifikasi Instalasi Apache2triad
68
Gambar 5.5
Proses Instalasi Apache2triad
68
Gambar 5.6
Proses Instalasi Apache2triad
69
Gambar 5.7
Proses Instalasi Apache2triad
69
Gambar 5.8
Proses Instalasi Apache2triad
70
ABSTRAK
BAB I
PENDAHULUAN
1.1 Latar Belakang
Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat
meningkatkan keefisienan dan efektifitas dalam melakukan setiap pekerjaan.
Komputer bukan hanya sekadar pengolah data dan gambar saja tetapi penggunaannya
semakin meluas menjadi salah satu sarana komunikasi, media informasi dan edukasi.
Saat ini adalah zamannya internet dimana batasan waktu dan jarak tidak berarti lagi
bagi media yang satu ini. Kita dapat berkomunikasi dengan siapa saja dan dimana saja
di seluruh dunia ini dengan menggunakan fasilitas e-mail maupun dengan cara
chatting. Mungkin pada saat ini hampir setiap orang sudah memiliki e-mail untuk
orang memilikinya. Padahal dengan memiliki website kita dapat mengenalkan diri kita
pada semua orang yang ada di seluruh dunia, baik mengenai diri kita, perusahaan kita
atau segala sesuatu yang ingin kita sampaikan. Tidak mustahil juga kita dapat
memperoleh uang dengan memiliki website pribadi, asalkan kita dapat mengelolanya
dengan baik.
Pengembangan jaringan komunikasi data antar komputer menjadikan internet
muncul dengan berbagai macam aplikasi. internet dengan berbagai aplikasinya pada
dasarnya adalah media yang digunakan untuk mengefesienkan proses komunikasi.
Untuk dapat memaksimalkan penggunaan internet, harus dapat kita tentukan dan
artikan tentang kebutuhan komunikasi dari seseorang.
Salah satu aplikasinya yaitu World Wide Web (WWW). Di awal
perkembangannya World Wide Web hanya digunakan untuk kalangan akademisi dan
riset, namun sekarang World Wide Web digunakan untuk bisnis dan hiburan. Oleh
karena itu, dengan berkembangnya kemajuan teknologi ini, SMP Muhammadiyah 16
Lubuk Pakam perlu mempromosikan dirinya melalui sebuah website yang online di
internet. Dengan sebuah website yang online di internet, masyarakat dapat dengan
mudah mengakses dan mengetahui segala sesuatu mengenai SMP Muhammadiyah 16
Lubuk Pakam dengan cepat tanpa memerlukan waktu yang banyak. Peranan website
Informasi tentang sekolah yang dapat di akses oleh semua orang melalui
internet memberikan ide buat penulis untuk membuat suatu website sekolah yang bisa
memberikan informasi bagi para pengunjungnya.
Atas dasar pertimbangan itu, maka penulis tertarik membuat suatu website
pendidikan (sekolah) dengan judul : ”SISTEM INFORMASI PORTAL
AKADEMIK PADA SMP MUHAMMADIYAH 16 LUBUK PAKAM”.
Penulis berharap semoga penulisan tugas akhir ini dapat memberikan
kemudahan bagi seluruh masyarakat terutama siswa-siswi SMP Muhammadiyah 16
Lubuk Pakam melalui sebuah website yang online di internet dan umumnya bagi siapa
saja yang ingin tahu mengenai SMP Muhammadiyah 16 Lubuk Pakam.
Kegiatan penelitian penulis lakukan di SMP Muhammadiyah 16 Lubuk Pakam
yang berada di Jl.R.A. Kartini No.1 Lubuk Pakam. Mengingat jumlah siswa-siswi,
staf pengajar dan pegawai dan keingintahuan masyarakat yang tinggi, maka penulis
mencoba mengidentifikasi permasalahan :
1.
Sejauh mana website ini dapat dirancang dengan semenarik mungkin sehingga
dapat memenuhi keingintahuan masyarakat mengenai SMP Muhammadiyah 16
Lubuk Pakam.
2.
Memberikan kemudahan bagi para alumni untuk mengetahui tentang keberadaan
dari semua teman – temannya semasa sekolah dulu dengan menggunakan website
yang telah online di internet.
1.3 Ruang Lingkup Masalah
Adapun batasan dari tugas akhir ini adalah membahas pembuatan desain web dinamis
sebagai suatu website yang memberikan informasi bagi pengguna baik kalangan
masyarakat umum maupun dari pihak sekolah itu sendiri yang membutuhkan
Aplikasi web ini dibangun dibawah sistem operasi Windows XP yang
mencakup aplikasi Macromedia Dreamweaver MX 2004, Web Server Apache, Web
Scripting PHP dan MySQL. Selain itu, aplikasi web ini juga didukung bahasa
pemrograman web lainnya seperti HTML (Hypertext Markup Language), CSS
(Cascading Style Sheet), dan bahasa pemrograman web lainnya.
1.4 Maksud dan Tujuan
Dengan semakin berkembangnya perangkat komputer baik hardware maupun
software membuat seluruh aspek kehidupan menuntut suatu manajemen yang baik
dalam meningkatkan efisiensi dan efektivitas kerja. Salah satu cara penerapannya
adalah dengan membuat website SMP Muhammadiyah 16 Lubuk Pakam.
Adapun maksud dan tujuan dari penelitian ini adalah :
2.
Membuat homepage pendidikan SMP Muhammadiyah 16 Lubuk Pakam
yang dapat diakses oleh siapa saja dan untuk memberikan kemudahan
bagi siswanya dalam menikmati layanan yang disediakan dalam situsnya.
1.5 Metode Penelitian
Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data
adalah:
1.
Penelitian dilakukan langsung ke SMP Muhammadiyah 16 Lubuk Pakam
untuk mendapatkan data, dimana penulis melakukan pengumpulan data
dengan cara bertanya langsung kepada kepala sekolah pada sekolah tersebut.
Adapun data yang diperoleh dari penelitian tersebut adalah data siswa, data
guru, kurikulum sekolah, visi misi sekolah, struktur organisasi sekolah, profil
sekolah, gambar sekolah, dan sejarah berdiri sekolah. Untuk lebih detailnya
mengenai kurikulum, profil dan visi misi sekolah dijelaskan terperinci pada
bab 3. Sedangkan untuk field-field yang dipakai pada data siswa dan data guru
dicantumkan pada perancangan database di bab 4.
2.
Setelah memperoleh data dari sekolah SMP Muhammadiyah 16 Lubuk Pakam
Muhammadiyah 16 Lubuk Pakam seperti sejarah berdiri, profil, struktur
organisasi, visi misi, galeri sekolah, data siswa, dan data guru.
3.
Untuk data yang bersifat dinamis seperti data guru dan data siswa, dimana
setiap saat data tersebut bisa berganti. Data tersebut dapat dimanipulasi oleh
administrator dengan login terlebih dahulu ke halaman admin website.
1.6 Sistematika Penulisan
Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran.
Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir
ini adalah :
BAB I
: PENDAHULUAN
Pada bab ini diuraikan secara ringkas pembahasan tentang Latar
Belakang, Identifikasi Masalah, Ruang Lingkup Masalah, Maksud
dan Tujuan, Metode Penelitian, dan Sistematika Penulisan.
BAB II
: LANDASAN TEORI
BAB III
: SEKILAS SMP MUHAMMADIYAH 16 LUBUK PAKAM
Bab ini berisikan tentang profil SMP Muhammadiyah 16 Lubuk
Pakam, struktur organisasi SMP Muhammadiyah 16 Lubuk Pakam,
uraian tugas dan fungsi organisasi, serta visi dan misi SMP
Muhammadiyah 16 Lubuk Pakam.
BAB IV
: PERANCANGAN SISTEM
Bab ini menjelaskan tentang perancangan sistem yang diusulkan
meliputi data flow diagram, struktur database, sertifikasi input,
sertifikasi output dan flowchart.
BAB V
: IMPLEMENTASI
Pada bab ini dibahas tentang implementasi sistem yang dirancang.
BAB VI
: KESIMPULAN DAN SARAN
BAB II
LANDASAN TEORI
2.1 Pengertian Komputer
Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas
tertentu yang dikontrol oleh instruksi-instruksi digital. Komputer berasal dari bahasa
latin yaitu computare yang mengandung arti menghitung. Komputer adalah mesin
penghitung elektronik yang cepat dan dapat menerima informasi input digital,
kemudian memprosesnya sesuai dengan program yang tersimpan dalam memori dan
menghasilkan output berupa informasi.
Komputer juga berasal dari bahasa inggris, to compute yang artinya
menghitung. Jadi, komputer dapat diartikan sebagai alat untuk menghitung.
Perkembangan teknologi dan ilmu komputer memberikan penigkatan pada kegunaan
komputer, sehingga defenisi komputer juga mengalami perubahan. Sekarang ini,
Banyak fungsi lain yang dapat dilakukan dengan menggunakan komputer, seperti
pengolahan data, permainan, pengontrol mesin, membuat grafik, mengedit data dan
lain sebagainya.
2.1.1 Sistem komputer
Sistem komputer adalah kumpulan beberapa perangkat komputer yang saling
mendukung dan mengerjakan masing-masing fungsinya untuk melakukan suatu
pekerjaan. Tujuan dari sistem komputer adalah mengolah data untuk menghasilkan
informasi. Agar tujuan tersebut dapat tercapai maka elemen-elemen dari komputer
harus lengkap.
Elemen-elemen dari sistem komputer adalah sebagai berikut :
1.
Perangkat Keras (Hardware), yaitu perangkat pada komputer yang secara fisik
dapat dilihat dan dapat disentuh, seperti keyboard, monitor dan casing.
2.
Perangkat Lunak (software), yaitu program yang berisi perintah-perintah
pengolahan data, seperti Microsoft Office dan sebagainya.
3.
Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur
Ketiga elemen komputer di atas harus saling berhubungan dan membentuk
suatu kesatuan. Hardware tanpa adanya software, maka komputer tidak akan
berfungsi seperti yang diharapkan, hanya berupa benda mati saja. Hardware yang
telah didukung oleh software juga tidak akan berfungsi jika tidak ada manusia yang
mengoperasikannya. Akan tetapi jika ketiga elemen sistem komputer tersebut sudah
berhubungan dan berinteraksi dengan baik, maka komputer akan berfungsi sesuai
dengan yang kita harapkan.
2.2 Pengertian Data, Data Flow Diagram (DFD), Diagram Alir (Flowchart) dan
Sistem.
2.2.1 Pengertian data.
Beberapa pengertian tentang data sebagai berikut :
a.
Menurut berbagai kamus bahas Inggris-Indonesia, data diterjemahkan sebagai
istilah yang berasal dari kata datum yang berarti fakta atau bahan keterangan.
b.
Pengertian yang lain mengatakan bahwa data merupakan deskripsi dari sesuatu
kejadian yang kita hadapi.
c.
Menurut Gordon B. Davis dalam bukunya Management Information System :
sebagai bahan mentah dari informasi, yang dirumuskan sebagi sekelompok
lambang-lambang acak yang menunjukkan jumlah atau tindakan atau hal-hal
lain.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah bahan
baku informasi, didefenisikan sebagai sekelompok simbol yang mewakili kuantitas,
tindakan, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet, angka,
maupun simbol khusus. Data disusun untuk diolah dalam betuk struktur data, struktur
file, dan basisdata.
2.2.2 Pengertian data flow diagram (DFD)
Data flow diagram adalah suatu gambaran grafis dari suatu sistem yang dapat
menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan
sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir
melalui suatu proses yang saling berkaitan.
Data Flow Diagram (DFD) terdiri dari 4 (empat) simbol, yaitu :
Tabel 2.1 Simbol-simbol Data Flow Diagram
No
Demarco And
Yourdan Symbols
Keterangan
1
Eksternal Entity (Kesatuan
Luar)
merupakan kesatuan
dilingkungan luar sistem yang
dapat berupa orang, organisasi
atau sistem lainnya yang akan
memberikan input atau
menerima output.
Sambungan Tabel 2.1
No
Demarco And
Yourdan Symbols
Keterangan
Gane And Sarson
Symbols
2
Proses adalah kegiatan atau
kerja yang dilakukan oleh orang,
mesin atau computer dari hasil
suatu arus data yang masuk
kedalam proses untuk dihasilkan
arus data yang akan keluar dari
proses
…………...
3
Arus data (Data Flow) diberi
simbol panah. Arus data ini
mengalir diantara proses, yang
dapat dilakukan dari atas ke
bawah, dari bawah ke atas, dari
kiri kekanan dan dari kanan
kekiri.
4
Storage (simpanan data)
2.2.3 Diagram alir (Flowchart)
Diagram alir program (program flow chart) adalah suatu diagram yang
menggambarkan arus logika dari data yang akan diproses dalam suatu program dari
awal sampai akhir. Diagram alir terdiri dari simbol-simbol yang mewakili
fungsi-fungsi langkah program dan garis alir (flow line) menunjukkan urutan dari
simbol-simbol yang akan dikerjakan.
Tabel 2.2 Simbol-simbol Flowchart
No
Simbol
Fungsi
1
Simbol titik terminal digunakan untuk
menunjukkan awal dan akhir dari suatu proses.
2
Simbol proses digunakan untuk mewakili suatu
proses atau untuk pengolahan aritmatika dan
pemindahan data
3
Simbol input-output digunakan untuk mewakili
suatu proses.
4
Simbol keputusan (Decision) digunakan untuk
suatu penyeleksian (perbandingan logika) kondisi
di dalam program.
5
Simbol persiapan (Predefined) digunakan untuk
pemberian nilai awal suatu variable atau counter.
6
Simbol penghubung (Connector) digunakan untuk
menunjukkan hubungan arus proses yang terputus
masih dalam halaman yang sama.
Sambungan Tabel 2.2
No
Simbol
Fungsi
7
Simbol Off-page connector digunakan untuk
menunjukkan hubungan arus proses yang terputus
masih dalam halaman yang berbeda
8
Simbol proses terdefenisi digunakan untuk
menunjukkan suatu operasi yang rinciannya
ditunjukkan di tempat lain.
9
Simbol display digunakan untuk output yang
ditunjukkan/ditampilkan di monitor.
10
Simbol dokumen yang digunakan untuk
untuk proses manual, mekanik atau komputer.
11
Simbol garis alir (Flow line) yang digunakan untuk
menunjukkan arus dari suatu proses.
12
Simbol storage yang digunakan untuk menyimpan
data.
2.2.4 Pengertian informasi
Beberapa pengertian tentang informasi sebagai berikut :
a.
Menurut Gordon B. Davis dalam bukunya Managemen Information System :
conceptual Foundation, Structures, and Development menyebut informasi
sebagai data yang telah diolah menjadi bentuk yang berguna bagi penerimanya
dan nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang
maupun masa mendatang.
b.
Menurut Barry E. Cushing dalam buku Accounting Information System and
menunjukkan hasil pengolahan data yang diorganisasi dan berguna bagi orang
yang menerimanya.
c.
Menurut Robert N. Anthony dan Jhon Dearden dalam buku Management
Control System, menyebutkan informasi sebagai suatu kenyataan, data, item,
yang menambah pengetahuan bagi penggunanya.
d.
Menurut Stephen A. Moscope dan Mark G. Simkin dalam bukunya
Accounting information System : Concepts and Practise mengatakan informasi
sebagai kenyataan atau bentuk-bentuk yang berguna yang dapat digunakan
untuk pengambilan keputusan.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa informasi
merupakan hasil dari pengolahan data menjadi bentuk yang lebih berguna bagi yang
menerimanya yang menggambarkan suatu kejadian nyata dan dapat digunakan
sebagai alat bantu untuk pengambilan keputusan.
2.2.5 Pengertian sistem
a.
Dalam kamus Inggris-Indonesia-nya Jhon M. Echols dan Hassan Shadily,
system diartikan sebagai susunan.
b.
Menurut M. Alexander dalam buku Information System Analisyst : Theory
and Application, sistem merupakan suatu grup dari elemen-elemen baik yang
berbentuk fisik maupun non-fisik yang menunjukkan suatu kumpulan saling
berhubungan dan berinteraksi bersama menuju suatu tujuan, sasaran atau
akhir dari sebuah sistem.
Dari pengertian sistem di atas dapat disimpulkan bahwa sistem adalah suatu
kesatuan utuh terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi
untuk mencapai tujuan tertentu.
2.3 Sistem Informasi
Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia
yang terdiri dari komponen-komponen dalam organisasi untuk mencapai sutau tujuan
2.3.1 Komponen sistem informasi
Sistem informasi memiliki komponen-komponen yang saling berinteraksi membentuk
satu kesatuan dalam mencapai sasaran sistem. Adapun komponen-komponen dari
sistem informasi adalah sebagai berikut :
a.
Blok Masukan ( Input Block)
Blok masukan dalam sebuah sistem informasi meliput i metode-metode dan
media untuk menangkap data yang akan dimasukkan, dapat berupa
dokumen-dokumen dasar.
b.
Blok Model ( Model Block)
Blok model ini terdiri dari kombinasi prosedur, logika dan model matematik
yang berfungsi memanipulasi data untuk keluaran tertentu.
c.
Blok Keluaran (Output Block)
Blok keluaran berupa data-data keluaran seperti dokumen output dan informasi
yang berkualitas.
Blok teknologi digunakan untuk menerima input, menjalankan model,
menyimpan data dan mengakses data, menghasilkan dan mengirimkan
keluaran serta membantu pengendalian dari sistem secara keseluruhan. Blok
teknologi ini merupakan komponen bantu yang memperlancar proses
pengolahan yang terjadi dalam sistem.
e.
Blok Basisdata (Database Block)
Merupakan kumpulan data yang berhubungan satu dengan lainnya, tersimpan
di perangkat keras komputer dan perangkat lunak untuk memanipulasinya.
f.
Blok Kendali (Control Block)
Meliputi masalah pengendalian terhadap operasional sistem berfungsi
mencegah dan menangani kesalahan/kegagalan sistem.
2.3.2 Perangkat sistem informasi
a.
Hardware
Bagian ini merupakan bagian perangkat keras sistem informasi. Sistem
informasi modren memiliki perangkat keras seperti komputer, printer dan
teknologi jaringan komputer.
b.
Software
Bagian ini merupakan bagian perangkat lunak sistem informasi. Sistem
informasi modren memiliki perangkat lunak untuk memerintahkan komputer
dalam melaksanakan tugas yang harus dikerjakannya.
c.
Data
Merupakan komponen dasar dari sistem informasi yang akan diproses lebih
lanjut untuk menghasilkan informasi.
d.
Prosedur
Merupakan bagian yang berisikan dokumentasi prosedur atau proses-proses
yang terjadi dalam sistem.
e.
Manusia
Manusia merupakan bagian utama dalam suatu sistem informasi. Yang terlibat
1.
Cleciral personal : untuk menangani transaksi dan pemrosesan data dan
melakukan incuiry (operator).
2.
First level manager : untuk mengolah pemrosesan data didukung
dengan perencanaan, penjadwalan, identifikasi situasi out-of control
dan pengambilan keputusan level menengah kebawah.
3.
Staff specialist : untuk menganalisis perencanaan dan pelaporan.
4.
Management : untuk pembuatan laporan berkal, permintaan khusus,
analisis khusus, laporan khusus, pendukung analisis pengambilan
keputusan level atas.
2.4 Internet
Internet (International Networking) adalah sutu kumpulan jaringan komputer dari
berbabagai tipe, yang saling berkomunikasi dengan menggunakan suatu standar
komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di
seluruh dunia telah bergabung dengan internet.
Secara teknis internet merupakan dua komputer atau lebih yang saling
dunia, yang saling berinteraksi dan bertukar informasi. Sedangkan dari segi ilmu
pengetahuan, internet merupakan sebuah perpustakaan yang di dalamnya terdapat
jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara
maupun animasi untuk melakukan pertukaran informasi jarak jauh.
2.4.1 Manfaat internet
Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi,
akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna.
Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat
pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia.
Sehingga manfaat internet sangat terasa bagi pengguna.
Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut:
a.
Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi
fasilitas internet seperti e-mail, www, newsgroup dan lain sebagainya.
b.
Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah
dan brosur di dalam internet.
c.
Sebagai media promosi, misalnya pengenalan dan pemesanan produk
d.
Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya.
e.
Sebagai alat penelitian dan pengembangan.
f.
Sebagai alat pertukaran data.
2.5 Website
Website atau world wide web sering disingkat sebagai www atau web, yaitu sebuah
sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain
direpresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak
yang disebut browser.
Kemampuan di atas telah menjadikan web sebagai service yang paling cepat
pertumbuhannya. Web mengijinkan pemberian highlight (penyorotan) pada kata-kata
atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari
sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki
graphical user interface (GUI), link-link dapat dihubungkan ke tujuannya dengan
menunjuk link tersebut dengan mouse dan meng-klik link tersebut. Menurut
kemampuannya, web dapat dibedakan menjadi 2 (dua), yaitu web statis dan web
dinamis.
Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis
karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui
web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya
berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web
tersebut statis.
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web
yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas
dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML
yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.
2.5.2 Web dinamis
Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan
pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi
menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web
dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada
umumnya ditulis dalam format HTML dan PHP.
Hypertext Markup Language (HTML) merupakan sebuah bahasa scripting yang
berguna untuk menuliskan halaman web. Pada halaman web, html dijaikan sebagai
bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemograman
lainnya.
Dalam penulisan script html dapat menggunakan editor biasa seperti notepad,
edit plus ataupun editor lain yang berbasis GUI (Graphical User Interface) seperti
Microsoft Frontpage dan yang digunakan penulis adalah Macromedia Dreameweaver
8. Dengan software ini kode html tidak perlu di ketik, karena semua perintahnya
diwujudkan secara icon base. Tetapi bagi seorang pengembang aplikasi web,
kemampuan penguasaan terhadap kode html sangat diperlukan, sehingga sangat
disarankan untuk menguasai kode html dengan menggunakan editor teks seperti
notepad.
Secara umum HTML dapat melakukan tugas-tugas sebagai berikut :
a.
Mengontrol tampilan halaman web dan isinya.
b.
Mempublikasikan web secara online.
d.
Menambahkan objek-objek seperti image, audio, video, dan juga applet dalam
dokumen html.
Browser merupakan software yang diinstall di komputer client yang berfungsi
untuk menerjemahkan tag-tag HTML menjadi halaman web. Browser yang biasa
digunakan adalah internet explorer, opera, mozila fireworks dan lain sebagainya.
2.7 PHP
PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script
server-side dalam pengembangan web yang disisipkan pada dokumen html.
Penggunaan php memungkinkan web dapat dibuat dinamis sehingga maintanance
situs web tersebut lebih mudah dan efisien. Php merupakan software open-source
yang disebarkan dan dilisensikan secara gratis dan dapat didownload dari situs
resminya yaitu :
Php yang ditulis dengan menggunakan bahas C dapat dikembangkan sendiri
dengan menambah fungsi-fungsi baru. Php adalah bahasa pemograman yang sangat
populer. Sebagian besar sintak php mirip dengan sintak pada bahasa pemograman C
2.7.1 Sejarah singkat PHP
PHP pertama kali diciptakan oleh Rasmus Lerdof pada tahun 1994. Awalnya PHP
digunakan untuk mencatat jumlah serta mengetahui siapa saja pengunjung pada
homepage-nya. Rasmus Ledorf adalah salah satu pendukung open source. Oleh karena
itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian
menambah kemampuan PHP 1.0 dengan meluncurkan PHP 2.0.
Pada tahun 1996, PHP telah banyak digunakan di dunia. Sebuah kelompok
pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig
Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan
PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus
dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. tidak terhenti sampai di
situ, kemampuan PHP terus ditambah, dan versi terbaru yang telah di keluarkan
adalah PHP 5.0.x.
2.7.2 Kelebihan PHP
dapat dilakukan oleh GCI, sepeti mengumpulkan data dari form, menghasilkan isi
halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih
dari kemampuan CGI.
PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix,
Windows, dan Macintosh. PHP juga mendukung banyak Web Server, seperti Apache,
Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), dan
masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.
PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki
kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP juga
dapat menghasilkan teks seperti XHTML dan file XML lainnya.
Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap
banyak database. Berikut database yang dapat didukung oleh PHP :
a.
Adabase D
b.
dBase
c.
Direct MS-SQL
e.
FilePro (read only)
f.
FrontBase
g.
Hyperware
h.
IBM DB2
i.
Informix
j.
Ingres
k.
Interbase
l.
MSQL
m.
MySQL
n.
ODBC
o.
Oracle (OC17 dan OC18)
p.
Ovrimos
q.
PostgrSQL
r.
Solid
t.
Unix DBM
u.
Velocis
2.7.3 Sintaks PHP
Sintaks PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag
PHP yang dapat digunakan untuk menandai blok script PHP.
1.
<?php … ?>
2.
<script language=”PHP”> … </script>
3.
<? … ?>
4.
<% … %>
Cara 1 dan 2 merupakan cara yang paling umum digunakan walaupun cara 3 tampak
lebih praktis, karena cara 3 tidak selalu diaktifkan dalam konfigurasi file php.ini yang
terdapat pada direktori C:\Program Files\Apache Software
Foundation\Apache2.2\PHP.
harus dilakukan pengaktifan pada file konfogurasi php.ini. Pengaktifan yang
dilakukan pada file php.ini terdapat pada baris berikut :
Language options
Allow ASP-style <%%>tags.
Asp_tags=off
Ubah off menjadi on, kemudian simpan dan restart kembali web server anda.
2.8 MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya
disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa
dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru
membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows,
yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan
memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak MySQL
sendiri bisa didownload dar
MySQL termasuk jenis Relation Database Management Sistem (DBMS). Pada
MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas
sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.
a.
MySQL merupakan sistem manajemen database. Database merupakan struktur
penyimpanan data. Untuk menambah, mengakses, dan memproses data yang
disimpan dalam sebuah database komputer, diperlukan sistem manajemen
database MySQL server.
b.
MySQL merupakan sistem manajemen database atau basis data terhubung
(Relation Database Management System). Database terhubung menyimpan
pada tabel-tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari
Structure Query Language. SQL merupakan bahasa standar yang digunakan
untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standart.
c.
MySQL merupakan Software Open Source, berarti semua orang diizinkan
menggunakan dan memodifikasi software ini. Semua orang dapat
mendownload software MySQL dari internet dan menggunakannya tanpa
membayar. Anda dapat mempelajari Source Code dan menggunakannya
sesuai dengan kebutuhan.
d.
Server database MySQL mempunyai kecepatan yang tinggi, mudah digunakan,
dan handal. MySQL dikembangkan untuk menangani database yang besar
secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas,
kecepatan, dan keamanannya membuat server MySQL cocok untuk
e.
MySQL Server bekerja di client server atau sistem embedded. Software
database MySQL merupakan sistem yang terdiri atas multitheread SQL Server
yang mendukung software client dan library yang berbeda, tool
administrative, dan sejumlah Application Programming Interfaces (APIs).
f.
MySQL tersedia dalam beberapa macam bahasa.
Beberapa SQL command atau perintah SQL yang harus diketahui adalah :
1.
CREATE DATABASE, untuk membuat sebuah database.
2.
DROP DATABASE, untuk menghapus sebuah database.
3.
CREATE TABLE, untuk membuat sebuah table.
4.
ALTER TABLE, untuk memodifikasi sebuah table.
5.
DROP TABLE, untuk menghapus sebuah table.
6.
SELECT, untuk menampilkan data dari database.
7.
UPDATE, untuk memodifikasi data dari database.
8.
INSERT INTO, untuk menambah data di database.
2.9 Apache
Apache merupakan software yang dikeluarkan oleh Group Apache. Group Apache
terlibat dalam satu proyek yang disebut Proyek Apache untuk mengembangkan suatu
software implementasi di server HTTP (web) yang handal, standar komersial, dan
Source Code-nya didistribusikan secara gratis. Adapun alamat website Apache adalah
2.10 Cassading Style Sheet (CSS)
Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan
HTML dalam memformat dokumen web atau untuk mempercantik tampilan web,
bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu
style sekali saja dapat digunakan berulang kali.
CSS banyak didukung browser, terutama versi baru sehingga penempatan
layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal
penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs
secara keseluruhan.
2.11 JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun 1995
di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan
Sun Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.
JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan
diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen
HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan
formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan
interaktif dan juga bisa untuk menambah design web.
Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server
designer maupun web programmer dalam membangun suatu web. Dreamweaver
memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang
diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu
meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun
web.
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia
Dreameweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin
mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8
adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar,
Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda
lebih cepat selesai.
Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8
mendukung pemograman Client Side yang terkenal, yaitu JavaScript dengan
penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung
BAB III
SEKILAS SMP MUHAMMADIYAH 16 LUBUK PAKAM
3.1
Profil
IDENTITAS SEKOLAH
Nama Sekolah
: SMP MUHAMMADIYAH 16
LUBUK PAKAM
Nomor Identitas Sekolah
: 2007010001
Alamat Sekolah
: Jln. R.A. Kartini No.1
Telepon
:
061-7956258
Kelurahan
:
Lubuk Pakam III
Kecamatan
:
Lubuk Pakam
Propinsi
: Sumatera Utara
IDENTITAS KEPALA SEKOLAH
Nama Kepala Sekolah
: WENI ZAHARA, S.Si
Pendidikan Terakhir
: S1/Sarjana sains
Spesialisasi/Jurusan
:
Matematika
3.2
Struktur Organisasi
Dinas P dan P Kab. Deli Serdang
Bid. Kur dan ADM Erizal Efendi Lbs, SPd
Kepala Sekolah Weni Zahara, S.Si
Wakil Kepala Sekolah
Bid. Kesiswaan Asrizal Tanjung, SHI
Tata Usaha Masniati, SH Majelis Dikdasmen PCM
Gambar 3.1 Struktur Organisasi SMP Muhammadiyah 16 Lubuk Pakam.
3.3
Uraian Tugas dan Fungsi Organisasi
3.3.1 Kepala Sekolah
Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator,
supervisor serta pemimpin/Leader inovator.
3.3.2 Wakil Kepala Sekolah
Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan:
1.
Menyusun kurikulum
2.
Mengatur segala program kesiswaan.
Guru BPAsrizal Tanjung, SHI
Keterangan.
: Garis Komando
3.
Merencanakan kebutuhan sarana dan prasarana.
4.
Mengatur dan mengembangkan hubungan dengan masyarakat.
5.
Mengatur dan mengawasi penyelenggaraan program pendidikan.
6.
Mengatur mutasi siswa.
7.
Menyusun program kegiatan ekstrakurikuler.
8.
Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.
3.3.3 Guru
Guru bertanggung jawab kepada Kepala Sekolah dan mempunyai tugas melaksanakan
kegiatan proses belajar mengajar secara efektif dan efisien.
3.3.4 Wali Kelas
Membantu Kepala Sekolah dalam kegiatan:
1.
Pengelolaan kelas.
2.
Penyelenggaraan administrasi kelas.
3.
Pembuatan catatan khusus tentang siswa.
3.3.5 Guru Pembimbing dan Konseling.
Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan
pembimbingan dan konseling di sekolah.
3.3.6 Pustakawan Sekolah
Bertugas membantu Kepala Sekolah dalam kegiatan:
1.
Perencanaan pengenalan buku-buku.
2.
Pengurusan pelayanan perpustakaaan.
3.
Perencanaan pengembangan perpustakaan.
4.
Menyusun laporan pelaksanaan kegiatan perpustakaan secara berkala.
3.3.7 Pengelola Laboratorium
1.
Perencanaan dan pengadaan alat laboratorium.
2.
Menyusun jadwal laboratorium.
3.
Menyusun laporan pelaksanaan kegiatan laboratorium.
3.4
Visi dan Misi
3.4.1
Visi Sekolah
Unggul, Cerdas, dan Terampilyang dilandasi iman dan taqwa.
3.4.2
Misi Sekolah
1.
Mengembangkan kurikulum satuan pendidikan
2.
Meningkatkan profesionalisme tenaga pendidik/guru
3.
Meningkatkan nilai ujian nasional
`
BAB IV
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan
Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis
dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal
perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs
ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL
sebagai databasenya, Apache sebagai servernya, dan Deameamweaver 8 sebagai
media untuk membuat layout dari situs yang akan dirancang.
Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai
identifikasi awal yang perlu dilakukan, antara lain :
a.
Website apa yang akan dibangun ?
c.
Apa saja aktivitas yang dapat dilakukan pengunjung dalam website ?
d.
Apa saja yang ingin dicapai dari pembuatan website tersebut ?
Dengan menjawab beberapa pertanyaan di atas, maka akan semakin membantu
dan mempermudah dalam membangun website ini karena dengan
pertanyaan-pertanyaan tersebut akan terbentuk kata kunci untuk membangun dan
mengembangkan website ke arah yang lebih lanjut.
Berkaitan dengan website yang akan dibangun, maka jawaban dari penulis
untuk beberapa pertanyaan di atas sebagai berikut :
a.
Website yang akan dibuat adalah sistem informasi berbasis web, yang
menyediakan informasi yang menyangkut pendidikan dan kegiatan yang
dilakukan sekolah.
b.
Pengunjung situs tersebut adalah para siswa SMP Muhammadiyah 16 Lubuk
Pakam, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin
mengetahui tentang SMP Muhammadiyah 16 Lubuk Pakam.
c.
Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat
para siswa, mengetahui nilai siswa yang dapat diprint, mengetahui kegiatan
yang dilakukan sekolah seta informasi penting lainnya.
d.
Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan
kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan serta
dapat membantu sekolah dalam mempromosikan sekolahnya.
Tahap selanjutnya adalah tahap pembuatan bagan atau sruktur dari situs
tersebut. Struktur website tersebut menampilkan struktur hirarki dan isi halaman per
halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi
dari setiap halaman situs dan navigasi antar halaman.
Adapun struktur dari situs yang penulis buat ditunjukkan pada gambar berikut
:
Home
Profil
Guru dan
Buku
Portal
Admin
Sejarah
Data
Data
Identitas
Visi dan
Login
Profil Siswa
Nilai Siswa
Informasi
Login
Gambar 4.1 Struktur Website
4.2 Perancangan Halaman Website
4.2.1 Halaman Home
Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa
informasi umum tentang sekolah dan link-link utama yang menuju ke
halaman-halaman lainnya.
4.2.2 Halaman Profil
Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link
yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti Sejarah,
Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan
fungsinya.
4.2.3 Guru dan Siswa
Halaman ini berisikan data guru dan data siswa.
4.2.4 Halaman Buku Tamu
4.2.5 Halaman Portal Akademik
Merupakan halaman yang hanya dapat diakses oleh siswa yang memiliki nis dan
password. Halaman ini berisikan tentang data pribadi siswa yang melakukan login
tersebut. Selain data pribadi, halaman ini juga berisikan hasil studi atau nilai dari
siswa.
4.2.6 Halaman Admin
Halaman admin berisikan login yang akan menghubungkan ke halaman administrator.
Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan
pengaturan website seperti menambah, menghapus dan mengubah data.
4.3 Perancangan Data Flow Diagram (DFD)
Data flow diagram menggambarkan arus data di dalam sistem dengan struktur, jelas
dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana
data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini
adalah bentuk Data FlowDiagram dari website SMP Muhammadiyah 16 Lubuk
Pakam.
- Info Struktur Organisasi
- Login Administrator
- Info Visi Misi
- Data Guru
- Info Kurikulum
- Data Siswa dan Nilai Siswa
- Info Data Guru
- Data Informasi Beasiswa
- Info Data Siswa
- Data Informasi Akademik
- Info Komponen Sekolah dan fungsinya
- Data Buku Tamu
Buku Tamu
Buku Tamu
Laporan - Pengunjung
- Info Data Siswa
Pengunjung
0
Sistem Informasi
Akademik Berbasis
Web Pada SMP
Muhammadiyah 16
Lubuk Pakam
Administrator
Laporan
- Administrator
- Info Nilai Siswa
Laporan
- Data Guru
- Informasi Akademik
Laporan
- Data Siswa dan Nilai Siswa
- Informasi Beasiswa
Gambar 4.2 Diagram Konteks Website
4.4 Perancangan Diagram Alir (flowchart) Website
Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses
program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang
menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari
website SMP Muhammadiyah 16 Lubuk Pakam.
4.4.1 Flowchart Menu Utama
Seorang pengunjung website dapat mengakses website SMP Muhammadiyah 16
Lubuk Pakam dan dapat berpindah dari halaman yang satu ke halaman yang lainnya.
START
Tampilan Menu
Home
Profil
Guru dan Siswa
Buku Tamu
Portal Akademik
Admin
Keluar
Pilih link yang ada A
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
Prosedur Login
Prosedur Login
END
B
C
D
E Ya
Ya
Ya
Ya
Ya
Ya
Ya Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
[image:63.595.181.468.134.546.2]Tidak
Gambar 4.3 Flowchart Menu Utama
4.4.2 Flowchart Portal Akademik
ini pengunjung hanya bisa melihat informasi dan tidak bisa mengubah atau
mengeditnya. Namun jika nis dan password salah maka pengunjung tidak akan bisa
masuk atau error dan diminta untuk login kembali. Flowchart portal akademik dapat
dilihat pada gambar 4.4 di bawah ini :
D
Pilih login siswa
Input nis & password
Nis & Password Nis & Password salah
Halaman depan Portal Akademik
Profil siswa
Informasi Hasil Studi
Informasi Akademik
Ganti Password
Logout
Tampil Profil Siswa
Tampil Nilai Siswa
Tampil Informasi Akademik
Prosedur Ganti Password
D
Tidak
Ya
Ya
Ya
Ya
Ya Tidak
Tidak
Tidak
Tidak
Tidak
[image:64.595.194.436.249.615.2]Ya
Gambar 4.4 Flowchart Portal Akademik
Halaman admin hanya bisa diakses oleh administrator. Username dan password dari
administrator harus sesuai dengan tabel admin. Jika username dan password sesuai
maka admin akan masuk ke halaman administrator dan jika username atau password
salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart
E
Buka Halaman Admin
Input username & password
Cek Username &
password Username & password salah
Tampil Menu Admin
Halaman Data Siswa
Halaman Data Guru
Logout
E
Tampil Halaman Siswa
Tampil Halaman Guru
F
G Ya
Ya
Ya
Ya
Tidak
Tidak
Tidak
[image:66.595.175.517.133.567.2]Tidak
4.4.4 Flowchart Administrator Siswa
F
Halaman Admin siswa
Input Siswa Baru
Input Nilai Siswa
Edit Data Siswa
Logout
Form Input Siswa
Form Input Nilai
[image:67.595.110.519.187.664.2]Edit
Hapus
Form Edit
Update
Simpan
Data
Data Tersimpan
Data Sudah
Dihapus
Simpan
Simpan
Data
Data Tersimpan
Simpan
Simpan
Data
Data Tersimpan
E
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
4.4.5 Flowchart Admin Guru
GHalaman Admin Guru
Input Guru Baru
Edit Data Guru
Logout
Form Input Guru
Edit Hapus
Form Edit
Update
Simpan Data
Data Tersimpan
Data Sudah Dihapus
Simpan
Simpan Data
Data Tersimpan
E
Ya
Ya
Ya
Ya Tidak
Tidak
Tidak
Tidak
Tidak
Ya Ya
Tidak
[image:68.595.113.518.206.519.2]Tidak
Gambar 4.7 Flowchart Admin Guru
4.5 Merancang Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat
tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data
tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik
menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.
Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL.
[image:69.595.122.534.268.722.2]Database yang dirancang penulis adalah database sekolah yang terdiri dari 7 (tujuh)
tabel sebagai berikut :
1.
Tabel Admin
Tabel 4.1 Tabel Admin
Field Name
Type
Width
Description
id
Int
10
No.Urut (auto_increment, primary key)
user
Varchar
45
Nama User
password
Varchar
45
Password User
2.
Tabel Siswa
Tabel 4.2 Tabel Siswa
Field Name
Type
Width
Description
id
int
10
No Urut (auto_increment, primary key)
password
varchar
20
Password Siswa Untuk Login Ke Portal
nama
varchar
40
Nama Siswa
kelamin
varchar
15
Jenis Kelamin Siswa
tgl_lahir
varchar
15
Tanggal Lahir Siswa
agama
varchar
20
Agama Siswa
alamat
varchar
60
Alamat Siswa
ortu
varchar
40
Nama Orang Tua Siswa
[image:70.595.142.513.346.696.2]3.
Tabel Nilai
Tabel 4.3 Tabel Nilai
Field Name
Type
Width
Description
id
int
10
No.Urut (auto_increment, primary key)
nis
varchar
15
Nomor Induk Siswa
semester
int
4
Semester
fisika
int
4
Fisika
mm
int
4
Matematika
bi
int
4
Bahasa Indonesia
kesenian
int
4
Keseniaan
kwn
int
4
Kewarganegaraan
sosiologi
int
4
Sosiologi
bing
int
4
Bahasa Inggris
biologi
int
4
Biologi
sejarah
int
4
Sejarah
agama
int
4
Agama
keterampilan
int
4
Keterampilan
Sambungan Tabel 4.3
Field Name
Type
Width
Description
penjas
int
4
Penjaskes
seni
int
4
Kesenian
eko
int
4
Ekonomi
geokrafi
int
4
Geografi
akutansi
int
4
Akutansi
mlokal
int
4
Muatan Lokal
[image:72.595.132.514.140.220.2]4.
Tabel Guru
Tabel 4.4 Tabel Guru
Field Name
Type
Width
Description
id
int
4
No Urut (auto_increment, Primary Key)
nig
varchar
20
Nomor Induk Guru
nama
varchar
45
Nama Guru
kelamin
varchar
15
Jenis Kelamin Guru
tanggal_lahir varchar
15
Tanggal Lahir Guru
alamat
varchar
60
Alamat Guru
lulusan
varchar
45
Pendidikan Terakhir Guru
agama
varchar
15
Agama Guru
5. Tabel Buku Tamu
Tabel 4.5 Tabel Buku Tamu
Field Name
Type
Width
Description
nama
varchar
40
Nama Pengirim
[image:72.595.131.528.232.545.2]pesan
text
-
Pesan yang Ditinggalkan Pengirim
[image:73.595.145.538.251.367.2]6. Tabel Informasi Akademik
Tabel 4.6 Tabel Informasi Akademik
Field Name
Type
Width
Description
id
int
10
No.Urut (auto_increment, primary key)
informasi
text
-
Informasi
tanggal
date
-
Tanggal
7. Tabel Informasi Beasiswa
Tabel 4.7 Tabel Informasi Beasiswa
Field Name
Type
Width
Description
id
int
10
No.Urut (auto_increment, primary key)
beasiswa
text
-
Informasi
tanggal
date
-
Tanggal
4.6 Design Website
[image:73.595.145.537.449.563.2]Dalam mendesign halaman ini, penulis menggunakan software Adobe Photoshop CS3
dan Macromedia Flash 8. Halaman home adalah halaman pembuka yang merupakan
halaman yang akan tampil setelah masuk ke dalam situs SMP Muhammadiyah 16
[image:74.595.164.470.250.469.2]Lubuk Pakam. Adapun tampilannya adalah sebagai berikut :
Gambar 4.8 Tampilan Halaman Home
4.6.2 Design header website
Header website adalah bagian paling atas dari website yang biasanya berisi gambar
website, alamat, dan nama website. Pada perancangan website ini penulis juga
mendesign header website dengan menggunakan software Adobe Photoshop CS3.
alamat sekolah. Secara keseluruhan design header yang penulis buat dapat dilihat
pada gambar berikut ini :
Gambar 4.9 Tampilan Header Website
4.7 Gambaran Umum Perancangan Website
Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server dan dapat diakses
melalui jaringan interanet dan internet. Karena program ini berjalan dalam sebuah
jaringan intranet dan internet, maka dapat dijalankan dengan multiuser, dapat diakses
oleh banyak pengguna secara bersamaan dari komputer yang berbeda.
4.7.1 Administrator Website
Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang
kerja seorang admin untuk memanage dan mengelola data dari website. Data yang
data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin
pengguna harus melakukan login terlebih dahulu dengan username : admin dan
password : password.
Pada halaman administrator website SMP Muhammadiyah 16 Lubuk Pakam
terdapat 3 (tiga) menu utama, yaitu Halaman Data Siswa, Halaman Data Guru dan
[image:76.595.122.509.354.635.2]Halaman Buku Tamu. Tampilan halaman Administrator dapat dilihat pada gambar
berikut ini :
a. Halaman Data Siswa
Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah,
mengubah, menghapus, dan menambah data dan nilai siswa.
b. Halaman Data Guru
Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah,
mengubah, dan menghapus data guru yang mengajar di SMP Muhammadiyah 16
Lubuk Pakam. Seorang admin dapat melakukan penambahan data guru dengan
meng-klik link input guru baru. Serta mengedit dan menghapus data guru dengan meng-meng-klik
ling edit data guru.
Data guru yang dapat ditambah, diubah dan dihapus mencakup nama, tempat
lahir, tanggal lahir, jenjang dan jurusan,
4.7.2 Pengunjung Website
Jenis pengunjung pada website SMP Muhammadiyah 16 Lubuk Pakam yang dibuat
penulis dibagi atas dua jenis pengunjung yaitu pengunjung umum dan pengunjung
khusus (siswa/siswi, guru dan pihak SMP Muhammadiyah 16 Lubuk Pakam).
Pengunjung umum adalah pengunjung biasa atau masyarakat umum yang ingin
melihat website SMP Muhammadiyah 16 Lubuk Pakam maupun untuk memperoleh
informasi yang disajikan pada website tersebut. Pengunjung umum ini hanya dapat
melihat isi dari website tanpa dapat menambah, mengubah, dan menghapus isi
website. Ada beberapa halaman website yang tidak dapat diakses oleh pengunjung
umum yaitu halaman admin dan halaman portal akademik.
b. Pengunjung Khusus
Pengunjung khusus adalah siswa/siswi maupun pihak sekolah SMP Muhammadiyah
