TUGAS AKHIR
ANDINA IKA WULANDARI
062406088
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERANCANGAN SISTEM INFORMASI SMA NEGERI 13
MEDAN BERBASIS WEB
TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Studi Pada Program Studi D – 3 Ilmu Komputer
ANDINA IKA WULANDARI 042406088
DEPARTEMAEN METEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul : PERANCANGAN SISTEM INFORMASI SMA
NEGERI 13 MEDAN BERBASIS WEB
Kategori : TUGAS AKHIR
Nama : ANDINA IKA WULANDARI
Nomor Induk Mahasiswa : 062406088
Program Studi : D3 ILMU KOMPUTER
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2009
Diketahui / Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing
Dr. Saib Suwilo, M.Sc Drs.Sawaluddin,M.IT
NIP 13179614 NIP 132206398
PERNYATAAN
PERANCANGAN SISTEM INFORMASI SMA NEGERI 13 MEDAN BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2009
PENGHARGAAN
Bismillahirrahmanirrahim
Puji dan syukur penulis panjatkan kehadirat Allah SWT, karena dengan limpah rahmat
dan karunia-nya penulis berhasil menyelesaikan tugas akhir ini yang berjudul
”Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web “pada
waktu yang telah ditetapkan. Adapun Tugas Akhir ini. Tak lupa shalawat serta salam
kepada junjungan Nabi Besar Muhammad SAW dan para sahabatNya yang telah
membawa kita dari kegelapan kealam terang benderang yang penuh ilmu
pengetahuan.
Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan
dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan
terima kasih yang setulus-tulusnya kepada :
1. Bapak Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas MIPA Universitas
Sumatera Utara.
2. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Jurusan Program Studi D-3 Ilmu
Komputer.
3. Bapak Drs. Sawaluddin, M.IT selaku Dosen Pembimbing Tugas Akhir
Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera
Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis
dalam penyelesaian tugas akhir.
4. Seluruh Staf Pengajar Program Studi D-3 Ilmu Komputer Faklutas MIPA
Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya
5. Bapak Darul Aman, S.Pd selaku Kepala Sekolah SMA Negeri 13 Medan yang
telah memberikan kesempatan kepada penulis untuk melakukan riset dan
seluruh guru dan pegawai SMA Negeri 13 Medan yang banyak membantu
penulis dalam mengumpulkan data dalam pembuatan tugas akhir.
6. Teristimewa kepada kedua orang tuaku Drs.Sudarno dan Mardhiana, serta kepada abangku Deny Ardiansyah Putra dan adikku Anindiah Widyaningrum yang senantiasa memberikan kasih sayang, dukungan dan selalu mendoakan penulis agar lancar dalam segala urusan.
7. Buat rekan-rekan Komputer B angkatan 2006, sahabatku Ijur, Novi, Suci, Nina
walau kita terkadang ada perselisihan antara kita, tapi itulah persahabatan yang
tidak selalu berjalan dengan baik dan tidak lupa terima kasihku atas doa,
nasehat, terutama pengertian dan kesabaran kalian selama berteman denganku.
8. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis
sebutkan namanya satu-persatu.
Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan yang
mungkin terjadi, baik itu dari segi teknik tata penyajian ataupun dari segi tata bahasa.
Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca dalam upaya
perbaikan tugas akhir ini.
Akhir kata, Penulis berharap semoga Tugas Akhir ini bermanfaat bagi
siapapun yang membacanya. Semoga Allah SWT senantiasa memberikan rahmat dan
hidayah kepada kita semua. Amin.
Medan, Juni 2009
Penulis
ABSTRAK
Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web ini bertujuan
untuk mempermudah proses pencarian atau searching data dan informasi untuk
seluruh siswa dan guru SMA Negeri 13 Medan, yang mengalami kesulitan dalam
memperoleh data mengenai aktivitas akademik di SMA Negeri 13 Medan tersebut..
Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan
informasi terbaru, profil agenda kegiatan, dan data- data yang berguna untuk
kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak
yang digunakan adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa
pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan
DAFTAR ISI
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
BAB 2 LANDASAN TEORI
2.1 Pengertian Komputer 8
2.2 Sistem 8
2.3 Informasi 10
2.4 Sistem Informasi 11
2.5 Syarat-Syarat Merancang Sistem Informasi Berbasis Web 11
2.6 Internet 13
2.6.1 Sejarah Internet 13
2.7 Web Server 16
2.8.2 Bagian- Bagian HTML 17
2.9 Pengenalan PHP (Personal Home Page) 18
2.9.1 Sejarah PHP 18
2.9.2 Kelebihan dan Kelemahan PHP 19
2.9.3 Penggabungan Script PHP dan HTML 20
2.10 MySQL 22
2.10.1 Pemakaian Dasar SQL 23
2.11 Data Flow Diagram (DFD) 24
2.12 Diagram Alir (Flowchart) 26
2.13 CSS (Cascading Style Sheet) 27
2.14 Macromedia Dreamweaver 8 28
BAB 3 GAMBARAN SEKILAS SMA NEGERI 13 MEDAN
3.1 Profil Sekolah 29
3.3.6 Bidang Kurikulum 33
3.3.7 Bidang Kesiswaan 33
BAB 4 ANALISIS DAN PERANCANGAN SISTEM
4.1 Analisis 39
4.2 Perencanaan dan Perancangan Sistem 41
4.3 Perancangan Data Flow Diagram (DFD) 43
4.4 Perancangan Flowchart 45.
4.5 Mempersiapkan Database Server 54
4.6 Perancangan Halaman Website 59
4.7 Perancangan User Interface 62
BAB 5 IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem 63
5.2 Tujuan Implementasi Sistem 63
5.3 Komponen Utama dalam Sistem 64
5.4 Instalasi Apache, PHP, dan MySQL 65
5.4.1 Menjalankan Apache, MySQL, dan PHP 65
5.4.2 Pengujian Website di Server 68
5.5 Memperbaharui Web 69
5.6 Demonstrasi Program 70
5.6.1 Tampilan Halaman Login Siswa 70
5.6.2 Tampilan Halaman Program Sekolah 71
5.6.3 Tampilan Halaman Input Siswa 71
5.6.4 Tampilan Halaman Detail Siswa 72
5.6.5 Tampilan Halaman Input Guru 72
5.6.6 Tampilan Halaman Detail Guru 73
5.6.7 Tampilan Halaman Foto Luar Sekolah 73
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan 74
6.2 Saran 75
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol Data Flow Diagram 25
Tabel 2.2 Simbol Flowchart 26
Tabel 4.1 Tabel Administrator 54
Tabel 4.2 Tabel Data Materi 55
Tabel 4.3 Tabel Jurusan 55
Tabel 4.4 Tabel Guru 55
Tabel 4.5 Tabel Kelas 56
Tabel 4.6 Tabel Materi 57
Tabel 4.7 Tabel Siswa 57
DAFTAR GAMBAR
Halaman
Gambar 3.1 Struktur Organisasi SMA Negeri 13 Medan 30
Gambar 4.1 Proses Penjadwalan 38
Gambar 4.2 Proses Penilaian Siswa 39
Gambar 4.3 Proses Bimbingan Belajar 40
Gambar 4.4 Diagram Konteks 43
Gambar 4.5 Diagram Konteks Level 0 (Nol) 44
Gambar 4.6 Aliran Informasi rancangan situs 46
Gambar 4.7 Flowchart Halaman Utama 47
Gambar 4.8 Flowchart Halaman Admin 48
Gambar 4.9 Flowchart Halaman Siswa 49
Gambar 4.10 Flowchart Halaman Guru 50
Gambar 4.11 Flowchart Halaman Wali Siswa 51
Gambar 4.12 Flowchart Halaman Profil 52
Gambar 4.13 Flowchart Halaman Gallery 53
Gambar 4.14 Tampilan Macromedia Dreamweaver 8 61
Gambar 4.15 Header situs 62
Gambar 5.1 Uji Apache 66
Gambar 5.2 Uji PHP 67
Gambar 5.4 Halaman Index Website SMA Negeri 13 Medan 68
Gambar 5.5 Halaman Login Siswa 70
Gambar 5.6 Halaman Program 71
Gambar 5.7 Halaman Input Siswa 71
Gambar 5.8 Halaman Detail Siswa 72
Gambar 5.9 Halaman Input Guru 72
Gambar 5.10 Halaman Detail Guru 73
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Dewasa ini perkembangan teknologi informasi dan teknologi komputer berkembang
dengan sangat pesat. Kebutuhan tersebut semakin diminati oleh semua kalangan
masyarakat, baik masyarakat awam maupun kaum intelektual. Hal ini berkaitan
dengan kegiatan-kegiatan yang sering dilakukan manusia yang biasanya dilakukan
secara manual dan tradisional, kini akan semakin lebih cepat dan tepat jika dilakukan
dengan bantuan mesin yaitu teknologi komputer. Dengan pemanfaatan teknologi
komputer tersebut juga dapat menghemat segala sesuatu, baik itu tenaga, waktu,
maupun biaya, sehingga pengeluaran untuk itu dapat ditekan seminimal mungkin.
Sistem Informasi di SMA Negeri 13 Medan khususnya dalam beberapa bidang
diantaranya penilaian, penjadwalan, dan absensi siswa masih menggunakan sistem
manual, sehingga mempersulit dalam pencarian data. Hal tersebut dapat
mengakibatkan berkurangnya kinerja SMA Negeri 13 Medan ini. Oleh sebab itu
penulis tertarik membuat tugas akhir dengan judul ”Perancangan Sistem Informasi
Perancangan Sistem Informasi SMA Negeri 13 Medan Berbasis Web ini berisi
data dan informasi mengenai SMA Negeri 13 Medan yang terdiri dari data guru, data
siswa, nilai, mata pelajaran, absensi, berita – berita mengenai kegiatan sekolah dan
mengenai perkembangan dunia pendidikan yang ada, serta jadwal pengajaran.
Aplikasi ini dirancang oleh sistem operasi Windows XP yang didukung oleh software
Web Server Apache, web scripting PHP dan MySQL sebagai Database server. Selain
itu, aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML
(Hypertext Markup Language), CSS (Cascading Style Sheets) serta menggunakan Website editor Macromedia Dreamweaver 8 sebagai aplikasi perancangan layout.
Administrator dalam aplikasi ini adalah anggota Tata Usaha yang diberi
wewenang untuk mengatur jalannya aplikasi ini. Misalnya mengatur hak akses user.
Pengguna / user yang kami maksud dalam aplikasi ini adalah siswa- siswi SMA
Negeri 13 Medan, wali murid siswa-siswi SMA Negeri 13 Medan, serta guru-guru
yang mengajar di SMA Negeri 13 Medan yang diberi hak akses oleh administrator,
hak akses yang diberikan oleh administrator adalah hanya untuk melihat data nilai,
dan data absensi siswa- siswi tersebut serta jadwal mengajar guru yang bersangkutan.
Sehingga dapat mendukung peningkatan produktifitas dan peningkatan kinerja SMA
Negeri 13 Medan.
1.2 Identifikasi Masalah
Berdasarkan latar belakang di atas ada beberapa masalah yang melatar belakangi
pembuatan aplikasi ini, diantaranya :
a. Pengelolaan data nilai, data jadwal, dan data absensi masih menggunakan sistem
manual.
b. Masih kurangnya prediksi data nilai, data jadwal, dan data absensi siswa yang
dapat membantu dalam pengolahan data akademik secara cepat, akurat dan
terpercaya.
c. Laporan data hasil penilaian, absensi siswa, dan jadwal mata pelajaran yang
masih manual.
1.3 Tujuan Masalah
Ada beberapa tujuan yang ingin dicapai setelah dibuatnya aplikasi ini yaitu:
a. Pengelolaan data nilai, data jadwal, dan data absensi menjadi sistematis.
c. Memberikan hasil Laporan data hasil penilaian, absensi siswa, dan jadwal
mata pelajaran menjadi lebih cepat dalam penyampaian laporan kepada pihak
Kepala Sekolah.
1.4 Batasan Masalah
Dalam merancang Sistem Informasi ini terdapat beberapa batasan,yaitu:
a. Aplikasi Sistem Akademik ini merupakan aplikasi yang cukup sederhana,
sehingga tidak terlalu banyak fitur di dalamnya.
b. Aplikasi ini hanya mengatur data siswa, data guru, data nilai siswa, data
absensi, dan data penjadwalan.
c. Aplikasi ini dapat digunakan oleh kalangan sekolah maupun umum yang
ingin mengetahui tentang SMA Negeri 13 Medan termasuk wali dari siswa-
1.5 Metode Penelitian
Metode penelitian yang digunakan dalam penelitian ini terdiri dari 2 macam, yaitu :
1. Studi Pustaka
Studi pustaka dilakukan dengan cara mempelajari teori-teori literature dan
buku-buku yang berkaitan dengan Tugas Akhir penulis.
2. Studi Lapangan
a. Interview (wawancara)
Yaitu pengumpulan data dengan cara mengadakan wawancara secara
langsung kepada pihak yang terkait.
b. Observasi (pengamatan)
Yaitu teknik pengumpulan data secara langsung dilapangan sehingga
memperoleh data yang lebih akurat dan keterangan yang cukup jelas.
1.6 Tinjauan Pustaka
Pemahaman sistem dengan pendekatan prosedur, yaitu suatu urutan kegiatan yang
saling berhubungan, berkumpul bersama-sama untuk mencapai tujuan tertentu.
(seperti ALU, Control Unit) di dalam satu atau lebih komponen (seperti memori dan
CPU, jika dalam sistem komputer) yang digunakan untuk menjamin penanganan yang
seragam dari aktivitas-aktivitas pengolahan yang terjadi serta untuk menyelesaikan
suatu kegiatan pengolahan data tertentu (Al Bahra 2005 ,hal : 1).
Raymond McLeod (1995) dan Al Bahra (2005 ,hal :9) mendefenisikan
“Informasi sebagai data yang diolah menjadi bentuk yang lebih berguna dan lebih
berarti bagi yang menerimanya”. Sumber dari informasi adalah data. Informasi ibarat
darah yang mengalir didalam tubuh suatu organisasi, sehingga informasi sangat
penting di dalam suatu organisasi.
Sistem informasi ialah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi , mendukung operasi, bersifat
manajerial dan kegiatan strategi atau suatu organisasi dan menyediakan pihak luar
tertentu dengan laporan-laporan yang diperlukan (Al Bahra 2005, hal:14).
PHP merupakan bahasa pemrograman berbasis web yang dibuat dari
pengembangan CGI yang dikembangkan dari Bahasa C. PHP merupakan bahasa yang
terbukti sangat reliable penggunaannya dan mempunyai dukungan yang kuat.
Dukungan tersebut ialah kemampuan dari PHP untuk terintegrasi dengan berbagia
Web database pada dasarnya sama dengan sistem databse yang lain yaitu suatu
sistem pengolahan dan penyimpanan data yang dapat diakses oleh bahasa
pemrograman tertentu. Namun web database tidak seperti sistem database
konvensional yang hanya diperuntukkan platform tertentu saja, web database lebih
bersifat umum karena dapat diakses oleh aplikasi web yang sebagian besar dapat
berjalan diberbagai platform. Web database dapat diaksesoleh aplikasi-aplikasi web
yang dikembangkan dengan tag HTML atau sejenisnya, pemrograman yang bersifat
server side seperti : PHP, ASP, JSP, dll dan aplikasi web server seperti Apache, MIIS,
PWS, dll. Kemampuan untuk mengintegrasikan database ke dalam aplikasi yang
diakses pengguna menggunakan web browser inilah yang menjadikan suatu database
dapat menjadi web database (Fathansyah, 2001).
1.7 Sistematika Penulisan
Untuk mempermudah penulisan dan pembahasan selanjutnya, maka uraian
pembahasan ditulis secara sistematis sebagai berikut :
BAB 1 PENDAHULUAN
Bab ini berisikan mengenai latar belakang masalah, identifikasi
masalah, tujuan masalah, batasan masalah, metode penelitian, tinjauan
BAB 2 LANDASAN TEORI
Pada bab ini diuraikan teori yang mendukung perancangan aplikasi ini.
BAB 3 GAMBARAN SEKILAS SMA NEGERI 13 MEDAN
Bab ini berisikan tentang profil SMA Negeri 13 Medan, struktur
organisasi SMA Negeri 13 Medan, uraian tugas dan fungsi organisasi,
serta visi dan misi SMA Negeri 13 Medan.
BAB 4 PERANCANGAN SISTEM
Pada bab ini akan dijelaskan tentang penentuan bentuk dari kebutuhan
aplikasi pada saat membangun maupun pada saat implementasi.
BAB 5 IMPLEMENTASI SISTEM
Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah
dalam implementasi sistem juga disertai dengan komponen-komponen
kebutuhan sistem.
BAB 6 KESIMPULAN DAN SARAN
Berisi pencapaian tujuan dari aplikasi yang dibuat. Saran berisi hal-
BAB 2
LANDASAN TEORI
2.1Pengertian Komputer
Menurut buku Computer Annual ”Komputer adalah suatu alat elektronik yang mampu
melakukan beberapa tugas yaitu menerima input, memproses input tadi sesuai dengan
programnya, menyimpan perintah-perintah dan hasil dari pengolahan, serta
menyediakan outputnya dalam bentuk informasi”.
Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan
tepat serta dirancang dan diorganisasikan secara otomatis menerima dan menyimpan
data input, memprosesnya dan meghasilkan output dibawah pengawasan suatu langkah
instruksi-instruksi program yang tersimpan di memori.
2.2 Sistem
Sistem merupakan suatu tatanan yang terdiri atas sejumlah komponen funsional (dengan
satuan fungsi atau tugas khusus) yang saling berhubungan secara bersama-sama yang
Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau
subsistem yang saling berinteraksi untuk mencapai suatu tujuan (Jogiyanto,2000).
Dari beberapa uraian diatas mengenai defenisi sistem, penulis dapat
menyimpulkan pengertian dari sistem yang berkaitan dengan judul, yaitu ”Sistem
adalah suatu cara yang dibuat sedemikian rupa yang terdiri dari dua elemen atau lebih
yang saling berhubungan untuk mengatasi masalah atau kendala-kendala yang terjadi
dengan tujuan yang diinginkan.
2.3 Informasi
Informasi dapat didefenisikan sebagai hasil dari pengolahan dalam suatu bentuk yang
lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian
(event) yang nyata dan dapat digunakan untuk mengambil suatu keputusan.
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih
2.4 Sistem Informasi
Sistem informasi adalah suau cara tertentu untuk menyediakan informasi yang
dibutuhkan oleh organisasi untuk beroperasi dengan cara yang sukses dan untuk
organisasi bisnis dengan cara yang menguntungkan. Dalam beberapa permasalahan
sistem informasi selalu dititikberatkan kepada dan bagaimana dalam menghasilkan
sebuah informasi dan saran apa yang harus dilengkapi sebagai pendukung yang handal.
Perlu diperhatikan bahwa informasi yang digunakan di dalam suatu sistem informasi
pada umumnya dapat digunakan.
Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, bersifat manajerial dan
kegiatan strategi dan suatu organisasi dan menyediakan pihak luar tertentu dengan
laporan-laporan yang diperlukan.
2.5Syarat-Syarat Merancang Sistem Informasi Berbasis Web
Adapun syarat- syarat agar terbentuknya sebuah website adalah;
1. Tersedianya Web Server
Baik web statis ataupun dinamis, jika ingin bisa online di internet, maka syarat
Untuk hardware yaitu seperangkat komputer yang selalu terhubung online
dengan internet. Untuk software, selain operating system, harus disediakan juga
software untuk web server itu sendiri. Untuk saat ini web server yang menjadi
favorit adalah Apache.
2. Tersedianya Software Pemrograman Web Berbasis Server.
Jika ingin membuat web, berarti harus tersedia sebuah bahasa pemrograman
web selain HTML, baik itu client side maupun server side. Untuk yang client side, memiliki kekurangan yaitu instruksi program bisa terlihat oleh pengguna internet. Sedangkan server side lebih aman karena instruksi programnya tidak
terlihat oleh user. Yang terlihat adalah seperti HTML biasa. Contoh bahasa
pemrograman web yang favorit adalah PHP.
3. Tersedianya Database.
Database merupakan software yang digunakan untuk menyimpan dan
memanajemen data. Jika memiliki data yang sedikit, mungkin masih bisa
memakai file biasa sebagai media penyimpanannya. Tapi jika datanya sudah
sangat banyak, tanpa database akan sangat rumit. Database dapat menyimpan
berjuta-juta data, dan dapat diakses dengan sangat cepat. Contoh database
yang bisa dipakai untuk membuat web adalah Oracle, MsSQLServer, MySQL
dan masih banyak lagi yang lain. Saat ini database yang menjadi favorit
2.6 Internet
Internet adalah metode untuk menghubungkan berbagai komputer ke dalam satu
jaringan komputer global, melalui protokol yang disebut Transmission Control
Protocol/ Internet Protokol (TCP / IP). Protokol adalah suatu petunjuk yang
menunjukkan pekerjaan yang akan pengguna lakukan dengan internet, apakah akan
mengakses situs web melakukan transfer file, mengirim email dan sebagainya.
2.6.1 Sejarah Internet
Sejarah internet dimulai pada 1969 ketika Departemen Pertahanan Amerika
memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan
sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal
dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil
dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan
membentuk sebuah jaringan.
Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang
ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah,
sehingga langsung menjadi populer. Pada tahun yang sama, icon @ juga
diperkenalkan sebagai lambang penting yang menunjukan "at" atau "pada". Tahun
1973, jaringan komputer ARPANET mulai dikembangkan meluas ke luar Amerika
ada di luar Amerika yang menjadi anggota jaringan ARPANET. Pada tahun yang
sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan
sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini
dipresentasikan untuk pertama kalinya di Universitas Sussex. Hari bersejarah
berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan
e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian,
sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah
jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin,
menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France
Telecom menciptakan gebrakan dengan meluncurkan telpon televisi pertama, di mana
orang bisa saling menelpon sambil berhubungan dengan video link. Karena komputer
yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah
protokol resmi yang diakui oleh semua jaringan.
Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan
Internet Protocol atau IP yang kini kita kenal semua. Sementara itu di Eropa muncul
jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa
jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan
Eunet menyediakan jasa e-mail dan newsgroup USENET. Untuk menyeragamkan
alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem
nama domain, yang kini kita kenal dengan DNS atau Domain Name System.
Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer
akhiran .com.. Sistem alamat yang serba praktis ini langsung menggelumbungkan
jumlah komputer yang tersambung dengan jaringan. Pada 1987 jumlah komputer yang
tersambung ke jaringan melonjak 10 kali lipat menjadi 10.000 lebih.
Tahun 1988, antar sesama komputer sudah mulai dapat mengobrol atau
chatting, karena Jarko Oikarinen dari Finland berhasil menemukan dan sekaligus
memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah komputer
yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang
dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun
yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan
browser yang bisa menjelajah antara satu komputer dengan komputer lainnya, yang
membentuk jaringan itu. Program inilah yang disebut www, atau World Wide Web.
Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah
melampaui sejuta komputer, dan di tahun yang sama muncul istilah "surfing the
internet". Tahun 1994, situs internet telah tumbuh menjadi 3.000 alamat halaman, dan
untuk pertama kalinya virtual-shopping atau e-retail muncul di internet. Dunia
langsung berubah. Di tahun yang sama Yahoo! Didirikan, yang juga sekaligus tahun
kelahiran Netscape Navigator 1.0.
Setahun kemudian internet sudah menjadi jalur di mana suara, gambar, bisa
streaming sekaligus. Tahun 1996 transaksi perdagangan di internet sudah mencapai
satu milyar dollar AS. Tahun 1997 situs internet sudah melewati 1,2 juta. Nama
internet tumbuh menjadi 4,2 juta, dan nama domain yang terdaftar sudah melewati
angka dua juta. Tahun 1999 nama domain business.com terjual kembali 7,5 juta dollar
AS. Tahun 2000 situs internet sudah melewati 21,1 juta.
2.7 Web Server
Web server adalah perangkat lunak server yang berfungsi menerima permintaan
HTTP atau HTTPS dari client yang dikenal dengan nama web browser dan akan
mengirim kembali hasilnya dalam bentuk halaman – halaman web yang umumnya
berbentuk dokomen HTML. Salah satu web server yang banyak dipakai adalah
Apache. Apache merupakan web server antara platform yang dapat berjalan di
beberapa flatfrom seperti Linux dan Windows.
2.8 HTML (HyperText Markup Language)
2.8.1 Pendahuluan HTML
HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script
dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML
sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa
pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh
pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML
dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah
yang telah ditentukan pada elemen HTML.
2.8.2 Bagian-Bagian HTML
HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok
perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode
<form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai
bagian-bagian HTML perhatikan skema dibawah ini :
<html>
1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan
2. Pada elemen head <head>, dapat kita sisipkan kode-kode untuk
menuliskan keterangan tentang dokumen HTML, atau dapat juga kita
sisipkan scripts-scripts pemograman web seperti JavaScript, VBScripts,
atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih
menarik dan dinamis.
3. Elemen <body> </body> berisi tag-tag untuk isi atau layout tampilan
pada situs, seperti : <font> </font>, <table>, </table>, <form>, </form>.
Tag adalah kode-kode yang digunakan untuk mem_setting dokumen
HTML. Secara garis besar bentuk umum tag adalah sebagai berikut :
<tag-awal>TEKS<tag-akhir>
Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>,
<hr>, <img>, dan lain-lain sebagainya.
2.9 Pengenalan PHP (Personal Home Page)
2.9.1 Sejarah PHP
Hypertex Preprocessor (PHP) adalah skrip yang berjalan pada server side yang
ditambahkan dalam HTML. PHP itu sendiri merupakan singkatan dari Personal Home
Page Tools. Skrip ini akan membuat suatu aplikasi yang dapat diintegrasikan kedalam
HTML sehingga suatu halaman HTML tidak lagi bersifat statis, namun menjadi
server sdangkan yang dikirimkan kepada browser adalah hasil proses dari skrip
tersebut yang sudah berbentuk HTML.
PHP dibuat pada tahun 1994 oleh Rasmus Lerdof. Tetapi dikembangkan oleh
orang lain dan setelah melalui tiga kali karya penulisan, akhirnya PHP menjadi bahasa
pemograman Web. PHP adalah sebuah produk yang berbentuk open source, sehingga
source code-code dari PHP dapat digunakan, diganti, diedit tanpa harus membayar
atau dikenakan biaya.
2.9.2 Kelebihan dan Kelemahan PHP
Kelebihan PHP sebagai bahasa server-side adalah :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung php dapat ditemukan dimana - mana dari
mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.
3. Dapat digunakan di berbagai mesin
dijalankan secara runtime melalui console serta juga dapat menjalankan
Adapun Kelemahan PHP adalah :
1. Tidak ideal untuk pengembangan skala besar.
2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik
(walau penggunaan template dapat memperbaikinya).
3. PHP memiliki kelemahan security tertentu apabila programmer tidak
jeli dalam melakukan pemrograman dan kurang memperhatikan isu dan
konfigurasi PHP.
2.9.3 Penggabungan Script PHP dan HTML
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu
memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan
tanda tanya dilanjutkan tanda tag tutup ( ?> ). Ada dua tipe penggabungan antara PHP
dan HTML yaitu:
1. Embedded Script
Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan
tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen
yang memerlukan script PHP untuk proses di dalam server. Embedded Script
Contoh penulisan Embedded Script dapat dilihat di bawah ini :
<html> <head>
<title>Testing</title> </head>
<body>
<? echo "Halo Dunia"; ?> </body>
</html>
2. Non Embedded Script
Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.
Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan
mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script
menempatkan script HTML sebagai bagian dari script PHP. Contoh Penulisan
Non Embedded Script dapat dilihat dibawah ini :
<?
echo ‘<html>’; echo ’<head>’;
echo ‘</body>’; echo ’</html>’; ?>
2.10 MySQL
MySQL adalah sebuah aplikasi Relational Database Managemen Server (RDBMS).
Dengan menggunakan MySQL server, maka data dapat diakses oleh banyak pemakai
secara bersamaan. MySQL menggunakan bahasa SQL ( structure Query Language )
yaitu bahasa pemrograman standar yang digunakan untuk mengakses server database.
Tiap database memiliki tabel-tabel, tiap table memiliki field-field. Umumnya
informasi tersimpan dalam tabel-tabel yang secara logis merupakan struktur-struktur
dimensi terdiri atas baris dan kolom. Field-field tersebut dapat berupa data seperti int,
real, char, date, time, dan lainnya.
MySQL memiliki keunggulan, diantaranya :
a. Bekerja pada berbagai plat form ( tersedia berbagai versi untuk berbagai
sistem operasi ).
b. Pengaksesan database dapat dilakukan dengan mudah.
c. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi
d. Mendukung record yang memiliki kolom dengan panjang tetap atau panjang
bervariasi, dan masih banyak keunggulan lainnya.
e. MySQL dan PHP saling terintegrasi , maksudnya adalah pembuatan data
base dengan menggunakan sintak PHP dapat dibuat. Sedangkan input yang
dimasukkan melalui aplikasi web yang menggunakan skrip server side
seperti PHP dapat langsung dimasukkan ke data base MySQL yang ada di
server dan tentunya web tersebut berada di sebuah web server.
2.10.1 Pemakaian Dasar SQL
Pemakaian dasar SQL adalah sebagai berikut:
1. Mendefinisikan Tabel
CREATE TABLE NAMA_TABLE (DEFINISI_TABLE);
Contoh: CREATE TABLE MAHASISWA ( NAMA VARCHAR(20),
ALAMAT VARCHAR(255), PASSWORD VARCHAR(10) );
2. Menyimpan data
INSERT INTO NAMA_TABLE (DAFTAR_FIELD) VALUES (DAFTAR_NILAI);
Contoh: INSERT INTO MAHASISWA (NAMA, ALAMAT, PASSWORD)
3. Mengambil data
SELECT DAFTAR_FIELD FROM NAMA_TABLE KONDISI;
Contoh: SELECT NAMA FROM MAHASISWA;
4. Mengubah data
UPDATE NAMA_TABEL SET DATA_FIELD_LAMA WHERE DATA_FIELD_BARU;
Contoh:UPDATE MAHASISWA SET nama = 'dina' WHERE nama =
'andina';
5. Menghapus data
DELETE FROM NAMA_TABLE KONDISI
Contoh: DELETE FROM MAHASISWA WHERE NAMA='dina';
2.11 Data Flow Diagram (DFD)
Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi untuk
menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan
suatu sitem yang telah ada atau sistem baru yang akan dikembangkan secara logika
tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir.
Keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang
Simbol-simbol yang sering digunakan adalah:
Tabel 2.1 Simbol Data Flow Diagram
NO. SIMBOL KETERANGAN
1.
External entity (kesatuan luar) adalah kesatuan
lingkungan luar sistem yang dapat berupa orang,
organisasi atau sistem lainnya yang berada pada
lingkungan luarnya yang akan memberikan input
ataupun menerima output dari sistem.
2.
Attibute (proses) adalah kegiatan atau kerja yang
dilakukan oleh orang, mesin atau komputer dari
hasil suatu arus data yang masuk ke dalam proses
untuk dihasilkan arus data yang akan keluar dari
proses.
3.
Storage (penyimpanan) adalah untuk menggambakan simpanan data yang dapat berupa
file atau data base di dalam komputer
4.
Data Flow (Arus Data) adalah arus dari data yang
dapat berupa masukan (input) untuk sistem atau
2.12 Diagram Alir (Flowchart)
Flowchart merupakan gambar yang menampilkan struktur dan isi halaman per
halaman. Bagan alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari
proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang
menyatakan tiap langkah program. Simbol-simbol flowchart dapat dilihat pada tabel
2.2 berikut ini:
Tabel 2.2 Simbol-Simbol Flowchart
SIMBOL NAMA KEGUNAAN
Input/Output symbol
Simbol input/output digunakan
mewakili data input/output
Process symbol Simbol proses digunakan untuk mewakili suatu proses
Flow lines symbol Simbol garis arah digunakan untuk menunjukkan arus dari
proses
Connector symbol Simbol penghubung digunakan untuk menunjukkan sambungan
dari bagan alir yang terputus di
halaman yang masih sama atau
Decision symbol
Simbol keputusan digunakan
untuk suatu penyeleksian kondisi
di dalam program
Predifined process symbol
Simbol proses terdefenisi
digunakan untuk menunjukan
suatu operasi yang rincinya
ditunjukan ditempat / halaman
lain.
Magnetik disk symbol
Simbol yang menunjukkan
penyimpanan data ke dalam
database
Terminal point symbol
Simbol titik terminal digunakan
untuk menunjukkan awal dan
akhir dari suatu proses
2.13 CSS (Cascading Style Sheet)
Sebagai pelengkap pada HTML. Dan tugas utama CSS adalah adalah menetapkan
aturan tampilan/style yang akan digunakan pada sebuah website. CSS dapat
mengubah besar kecilnya text, mengganti warna background pada sebuah halaman,
dapat dilakukan oleh CSS. Singkatnya, CSS digunakan untuk mengatur susunan
tampilan pada halaman HTML.
2.14 Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain
secara visual dan mengelola situs Web maupaun halaman Web.Saat ini Dreamweaver
merupakan software utama yang digunakan oleh web desainer maupun web
programmer dalam membangun suatu situs web. Dreamweaver memberikan
kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan.Tipe
ruang kerja ditentukan berdasarkan kebutuhan maupun kebiasaan pemakainya. Ruang
kerja, fasilitas dan kemampuan Dreamweaver mampu meningkatkan produktivitas
dan efektifitas dalam desaian maupun dalam membangun sebuah situs web.
Macromedia Dreamweaver 8 telah mengalami banyak perbaikan dan
peningkatan dari versi sebelumnya, yang mana user interface yang lebih baik dari
versi 4, kerena adanya peningkatan kemampuan toolbar sehingga dapat memakai
BAB 3
GAMBARAN SEKILAS SMA NEGERI 13 MEDAN
3.1 Profil Sekolah
SMA Negeri 13 Medan berada di Jalan Brigjend Zein Hamid Km. 7 Titi Kuning
Medan. Sekolah ini didirikan pada tahun 1963. Pada awal pendiriannya sekolah ini
bernama SMA Negeri 12 Medan, tetapi kemudian berubah menjadi SMA Negeri 13
Medan, tepatnya pada tahun 1980. Seperti sekolah-sekolah lain pada umumnya
memiliki ruang kelas untuk kegiatan belajar mengajar siswa-siswanya serta dukungan
laboratorium untuk pelaksanaan praktikum. Untuk pelaksanaan kegiatan olah raga
sekolah ini sudah dilengkapi dengan lapangan basket, lapangan volley dan lapangan
futsal, serta lapangan untuk lompat jauh.
Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan,
laboratorium komputer, laboratorium bahasa dan laboratorium IPA serta fasilitas
lainnya untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkan
moral dan ahlak siswa dengan adanya tempat ibadah seperti mushola dan
kegiatan-kegiatan keagamaan seperti pengajian setiap hari Jumat, pesantren kilat dan
3.2 Struktur Organisasi
Gambar 3.2 Struktur Organisasi SMA Negeri 13 Medan Kepala Sekolah
Darul Aman, S.Pd
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.
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.
3.3.3 Tata Usaha
Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan
bertanggung jawab kepada kepala sekolah dalam kegiatan-kegiatan sebagai berikut:
1. Penyusunan program kerja tata usaha sekolah.
2. Pengolahan keuangan sekolah.
3. Penyusunan administrasi perlengkapan sekolah.
4. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan secara
umum.
3.3.4 Komite Sekolah
Membantu sekolah dalam hal:
1. Peningkatan kegiatan sekolah.
2. Peningkatan kesejahteraan guru dan pegawai.
3.3.5 Bidang Sarana dan Prasarana
Tugas yang dilakukan disini adalah:
1. Pembangunan sarana dan prasarana.
3.3.6 Bidang Kurikulum
Membantu Kepala Sekolah dalam hal:
1. Pelaksanaan kur ikulum.
2. Pemberian tugas guru.
3. Mengawas jadwal pelaksanaan KBM.
4. Administrasi kurikulum dan penelitian.
5. Konsultasi dengan Kepala Sekolah.
3.3.7 Bidang Kesiswaan
Membantu Kepala Sekolah dalam bidang:
1. Pembinaan disiplin sekolah.
2. Koordinator pembinaan siswa.
3. Koordinator pelaksana kegiatan intra / ekstrakulikuler.
4. Koordinator kegiatan sekolah.
3.3.8 Bidang Humas (Hubungan Masyarakat)
Membantu Kepala Sekolah dalam hal:
2. Hubungan sekolah dengan perguruan tinggi.
3. Penelusuran tamatan.
4. Penelitian
5. Konsultasi dengan Kepala Sekolah.
3.3.9 Guru
Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan
kegiatan proses belajar mengajar secara efektif dan efisien.
3.3.10 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.
3.3.11 Guru Pembimbing dan Konseling (BP / BK)
Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan
pembimbingan dan konseling di sekolah.
3.4 Visi dan Misi Sekolah
3.4.1 Visi Sekolah
Adapun visi SMA Negeri 13 Medan sebagai berikut:
“Cerdas, Berprestasi, Kreatif, Ulet, dan Berakhlak Mulia”
Dengan indikator :
1. Belajar dengan cerdas
2. Berprestasi dalam kompetensi
3. Berpacu dalam kreatifitas
4. Ulet menghadapi tantangan
3.4.2 Misi Sekolah
1. Meningkatkan disiplin.
2. Meningkatkan wawasan Wiyata Mandala dengan dasr IMTAQ dan IPTEK yang
berimbang.
3. Menjaga prestise dalam meraih prestasi.
4. Meningkatkan sinergi dan kinerja secara optimal.
5. Memacu untuk terus maju mencapai prestasi yang terbaik.
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
4.1Analisis
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.1.1 Analisis Sistem Yang Sedang Berjalan (Current System)
Pengelolaan informasi SMA Negeri 13 Medan masih dilakukan secara manual,
penyimpanan data seperti data siswa, data akademik siswa masih dicatat dalam sebuah
arsip. Pengelolaan nilai akademik siswa yang masih dilakukan secara manual,
sehingga siswa lambat menerima laporan akademik mereka dan masih sering terjadi
a. Proses Penjadwalan
Penjadwalan
Gambar 4.1 Proses Penjadwalan
1. Tata usaha mencatat data guru dan kelas kemudian tata usaha mulai membagi
kelas berdasarkan jumlah kelas dan guru
2. Setelah di bagi tata usaha memberikan dokumen jadwal mata pelajaran kepada
b. Proses Penilaian
Penilaian
Gambar 4.2 Proses Penilaian Siswa
1. Siswa mengikuti ujian yang diadakan oleh sekolah kemudian hasil pekerjaan
siswa diperiksa oleh guru
2. Hasil koreksi ujian siswa diserahkan kepada tata usaha kemudian hasil ujian
tersebut dicatat kedalam arsip nilai siswa oleh tata usaha
c. Proses Belajar Mengajar
Belajar mengajar
Guru
Gambar 4.3 Proses Bimbingan Belajar
1. Siswa datang kesekolah kemudian masuk ke kelas sesuai jadwal.
2. Setelah itu siswa mengisi absensi, setalah itu guru memeriksa absensi.
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 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?
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
a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini
adalah SMA Negeri 13 Medan, yang menyediakan informasi-informasi tentang
sekolah tersebut, data akademik siswa, dan kegiatan yang dilakukan sekolah.
b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali
siswa SMA Negeri 13 Medan 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 13 Medan, mengetahui nilai siswa,
mengetahui data siswa, serta informasi penting lainnya.
d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan
informasi tentang SMA Negeri 13 Medan, dan dapat memberikan kemudahan bagi
para siswa, guru, maupun wali siswa dalam memperoleh informasi yang
dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
4.3Perancangan 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
tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak,
struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Data Siswa Data Guru
Laporan Data Siswa Laporan Data Guru
Data Program Sekolah
Data Galeri
Laporan
Data Profil Sekolah -Data Siswa
-Data Guru -Data Galeri
-Data Program Sekolah -Data Profil Sekolah
Gambar 4.4 Diagram Konteks
Data Siswa Data Guru
Laporan Data Siswa Laporan Data Guru
Data Program Sekolah
Data Galeri
-Data Program Sekolah -Data Profil Sekolah
Gambar 4.5 Diagram Konteks Level 0 (Nol)
4.4Perancangan Flowchart
Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran
informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang
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.
Berikut adalah flowchart dari sistem informasi SMA Negeri 13 Medan yang
Gambar 4.6 Aliran Informasi rancangan situs Login Admin Index / Halaman
Utama
Profil Program
1. Flowchart Halaman Utama
Gambar 4.7 Flowchart Halaman Utama
Menampilkan
Pilih link yang ada
2. Flowchart Halaman Admin
Gambar 4.8 Flowchart Halaman Admin
G F
Input Username dan Password
If True
Halaman Utama Admin
Administrator & Password Salah tidak
ya
ya tidak
Keluar
3. Flowchart Halaman Siswa
Gambar 4.9 Flowchart Halaman Siswa
tidak A
Pilih Login Siswa
Username &Password
Status = Siswa
Halaman Data Siswa
4. Flowchart Halaman Guru
Gambar 4.10 Flowchart Halaman Guru
tidak B
Pilih Login Guru
Username &Password
Status = Guru
Halaman Data Guru
Lihat Jadwal Halaman Jadwal
Keluar ya
ya
tidak
tidak
5. Flowchart Halaman Wali Siswa
Gambar 4.11 Flowchart Halaman Wali Siswa
tidak C
Pilih Login Wali
Username
Status = wali
Halaman Data Siswa
6. Flowchart Halaman Profil
Gambar 4.12 Flowchart Halaman Profil
Pilih Sejarah
Organisasi Halaman Organisasi Organis
7. Flowchart Halaman Galery
Gambar 4.13 Flowchart Halaman Gallery
Pilih Expose
Pilih Bg.Dalam
Keluar
Halaman Expose SMAN13 Expose SMA13
Foto Dalam Halaman Foto bg. Dalam
Pilih Bg.Luar Halaman Foto Bg.Luar Foto
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.
Adapun database yang dibuat oleh penulis adalah database db_pendidikan
dengan tabel-tabel sebagai berikut:
Tabel 4.1 Administrator
Nama Field Type Size Keterangan
ID INTEGER 2 primary key
USER_ID VARCHAR 8 Username Administrator
PASSWORD VARCHAR 8 Password Administrator
Tabel 4.2 Data Materi
Nama Field Type Size Keterangan
ID INTEGER 3 primary key
NAMA VARCHAR 50 Nama Materi
Tabel 4.3 Jurusan
Nama Field Type Size Keterangan
ID VARCHAR 3 Primary key
KODE VARCHAR 10 Kode Jurusan
NAMA VARCHAR 50 Nama Jurusan
KETERANGAN VARCHAR 100 Keterangan
Tabel 4.4 Guru
Nama Field Type Size Keterangan
ID INT 2 Primary key
NAMA VARCHAR 30 Nama Guru
ALAMAT VARCHAR 100 Alamat Guru
TTL VARCHAR 50 TTL Guru
AGAMA VARCHAR 15 Agama Guru
TELEPON VARCHAR 15 Telepon Guru
PENDIDIKAN VARCHAR 50 Pendidikan Guru
STT PERKAWINAN VARCHAR 30 Status Perkawinan Guru
STT_JABATAN VARCHAR 30 STT Jabatan Guru
JABATAN VARCHAR 20 Jabatan Guru
MULAI_KERJA VARCHAR 30 Mulai Kerja Guru
MASA_KERJA VARCHAR 30 Masa Kerja Guru
USERID VARCHAR 10 Userid Guru
Tabel 4.5 Kelas
Nama Field Type Size Keterangan
ID INTEGER 3 primary key
NAMA VARCHAR 15 Nama Kelas
JENIS VARCHAR 10 Jenis Kelas
STATUS VARCHAR 10 Status Kelas
Tabel 4.6 Materi
Nama Field Type Size Keterangan
ID INT 3 primary key
NAMA VARCHAR 15 Nama Materi
GURU VARCHAR 30 Guru Pengajar
ASISTEN VARCHAR 30 Asisten
JLH_SESSION INT 2 Jumlah Jam Materi
JAM_MASUK VARCHAR 15 Jam Masuk Materi
HARI_MASUK VARCHAR 20 Hari Masuk Materi
STATUS INT 1 Status Materi
Tabel 4.7 Siswa
Nama Field Type Size Keterangan
ID INT 4 Primary key
NAMA VARCHAR 30 Nama Siswa
JNS_KELAMIN VARCHAR 10 Jenis Kelamin Siswa
ALAMAT VARCHAR 100 Alamat Siswa
TEMPAT_LAHIR VARCHAR 30 Tempat Lahir Siswa
TGL_LAHIR INT 20 Tgl Lahir Siswa
AGAMA VARCHAR 20 Agama Siswa
TELEPON VARCHAR 15 Telepon Siswa
ASAL SEKOLAH VARCHAR 50 Asal Sekolah Siswa
ORANG TUA VARCHAR 30 Orang Tua Siswa
PEKERJAAN VARCHAR 100 Pekerjaan Ortu Siswa
MASUK VARCHAR 20 Tahun Masuk Siswa
KELAS VARCHAR 20 Kelas Siswa
USERID VARCHAR 50 Username Siswa
PASSWORD VARCHAR 10 Password Siswa
STATUS INT 1 Status Siswa
Tabel 4.8 Wali Siswa
Nama Field Type Size Keterangan
ID INT 4 primary key
ID_SISWA INT 4 Nomor Urut Siswa
NAMA_SISWA VARCHAR 30 Nama Siswa
USER_ID VARCHAR 10 Username Wali
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 home merupakan halaman yang berisikan sekilas tentang SMAN
13 Medan serta link-link menuju halaman berikutnya.
c. Halaman sejarah merupakan halaman yang berisikan tentang sejarah singkat
SMA Negeri 13 Medan.
d. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA
Negeri 13 Medan.
e. Halaman struktur organisasi merupakan halaman yang berisikan tentang
strukur organisasi SMA Negeri 13 Medan.
f. Halaman pimpinan merupakan halaman yang berisikan nama pimpinan
g. Halaman program sekolah merupakan halaman yang berisikan
program-program sekolah SMA Negeri 13 Medan
h. Halaman expose merupakan halaman yang berisikan tentang
kegiatan-kegiatan SMA Negeri 13 Medan.
i. Halaman foto dalam merupakan halaman yang berisikan foto-foto bagian
dalam sekolah SMA Negeri 13 Medan.
j. Halaman foto luar merupakan halaman yang berisikan foto-foto bagian luar
sekolah SMA Negeri 13 Medan.
k. Halaman admin merupakan halaman yang hanya dapat diakses oleh admin
yang mempunyai tugas untuk mengolah data - data guru, mengolah data
siswa tidak hanya itu admin juga dapat melihat apakah sistem yang di buat
dapat berjalan dengan ketentuan atau tidak.
l. Halaman Guru mempunyai tugas memberikan nilai kepada siswa,
mengabsen siswa, memberikan penilaian ujian siswa. Data- data ini
diberikan kepada tata usaha untuk diinputkan kedalam database yang
nantinya berguna untuk siswa untuk melihat data- data tersebut.
m. Halaman Siswa dapat melihat data nilai siswa yang telah diberikan guru
kepada tata usaha tersebut, melihat data absensi siswa, dan dapat melihat
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:
Gambar 4.14 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
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
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 13 Medan, 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:
BAB 5
IMPLEMENTASI SISTEM
5.1Pengertian 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
5.3 Komponen Utama dalam Sistem
Dalam pembuatan sistem informasi SMA Negeri 13 Medan yang sudah dirancang
membutuhkan perangkat keras (hardware), perangkat lunak (software), dan tenaga
pelaksana (brainware).
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
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
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
Untuk Menjalankan ketiga software yang digunakan dapat dilakukan dengan cara
sebagai berikut:
1. Untuk menjalankan Apache, Klik Start > Programs > Apache HTTP Server
2. Kemudian untuk melihat Apache telah ter-install dengan baik, tuliskan
ini:
Gambar 5.1 Uji Apache
3. Uji apakah PHP telah dapat dijalankan dengan cara tuliskan script berikut pada
notepad :
<?php phpinfo(); ?>
Simpan dengan nama info.php dan letakkan di folder htdocs pada Apache.
4. Buka internet explorer dan tulis di URL address. Jika
Gambar 5.2 Uji PHP
5. Uji apakah MySQL telah dapat dijalankan dengan cara jalankan command prompt
dan ketikan seperti gambar berikut:
Gambar 5.3 Uji MySQL
5.4.2 Pengujian Website di Browser
Setelah selesai mengerjakan semua halaman website yang dibuat, maka website
tersebut harus di uji terlebih dahulu di browser sebelum di-upload di internet. Adapun
cara menguji website di browser sebagai berikut:
1. Simpan website yang telah dibuat pada folder htdocs yang terdapat pada apache
dalam folder tersendiri, misalnya C:\Program Files\Apache
Group\Apache2\htdocs\sma
2. Buka internet explorer kemudian ketikan http://localhost/sma pada URL. Jika
berhasil akan tampil seperti berikut ini:
5.5 Memperbarui Web
Memperbarui situs web adalah salah satu cara untuk mempertahankan situs agar tetap
dikunjungi oleh pengunjung. Dalam memperbarui situs kita harus melihat dan
mengetahui apa yang sekiranya dibutuhkan oleh pengunjung. Ada beberapa hal yang
dapat kita lakukan dalam memperbarui web kita yaitu :
1. Memperbarui Isi Web
Suatu situs web yang baik akan selalu memperbarui isi (content) dengan baik.
Dengan semakin seringnya content diperbarui (ditambah, diganti, dikoreksi)
menunjukkan kepada pengunjung situs bahwa situs kita memang benar-benar
terpelihara.
2. Mengubah Tampilan Desain Web
Situs dengan wajah baru dapat menyegarkan rasa bosan pengunjung terhadap
situs yang telah kita buat. Mengubah desain situs web sangat disarankan
terutama jika situs web kita banyak dikunjungi dan memiliki banyak artikel
didalamnya.
3. Menambah Fitur-Fitur Yang Menarik
Dari berbagai teknologi web yang telah dikenal maka kita dapat membuat
layanan atau fitur khusus dari situs web yang dapat menarik hati pengunjung
penasaran dan mengeksplorasi lebih lanjut situs web kita. Karena mungkin
pengunjung akan senang dengan inovasi yang kita terapkan pada situs kita.
5.6Demonstrasi Program
Adapun tampilan program yang dirancang penulis adalah sebagai berikut:
5.6.1 Tampilan Halaman Login Siswa
5.6.2 Tampilan Halaman Program Sekolah
Gambar 5.6 Halaman Program Sekolah
5.6.4 Tampilan Halaman Detail Siswa
Gambar 5.8 Halaman Detail Siswa
5.6.5 Tampilan Halaman Input Guru
5.6.6 Tampilan Halaman Detail Guru
Gambar 5.10 Halaman Detail Guru
5.6.7 Tampilan Halaman Foto Luar Sekolah
BAB 6
KESIMPULAN DAN SARAN
6.1.Kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem
dalam pembangunan website SMA Negeri 13 Medan. Maka dapat penulis simpulkan :
1. Website merupakan sarana informasi online yang dapat diakses oleh siapapun.
2. Dalam membangun sebuah website tidak harus terhubung dengan internet. Internet
diperlukan pada saat upload file dan pengaksesan website.
3. Layout/header yang bagus dan menarik dapat menambah daya tarik website
sehingga banyak dikunjungi para pengunjung.
4. Website yang baik adalah website yang selalu meng-update informasinya dengan
6.2.Saran
1. Senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa
bosan dan mendapatkan informasi-informasi yang up-to-date.
2. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan
dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak
DAFTAR PUSTAKA
Aditya, Antonius 2006. Sistem Akademik.
Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk keunggulan
Bersaing Perusahaan dan Organisasi Modern. Yogyakarta : Andi.
Hakim, Lukmanul, Uus Musalini. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta : PT Elex Media Komputindo
Iskandar Pohan, Husni, Saiful Bahan, Kusnasriyanto.1997. Pengantar Perancangan
Sistem. Jakarta :Erlangga
Kadir, Abdul. 1998. Basis Data. Yogyakarta : Andi.
Sidik, Ir. Beta, Husni I Pohan, Ir., M.Eng.2003. HTML. Bandung: Informatika
Bandung
Sidik, Ir. Beta.2003. MySQL. Bandung: Informatika Bandung
Sidik, Betha. 2002. Pemrograman Web dengan PHP. Bandung : Informatika