SISTEM INFORMASI PORTAL AKADEMIK PADA SMA
NEGERI 6 PADANGSIDIMPUAN
TUGAS AKHIR
ALI MAKMUR SIMAMORA
072406062
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA
SMA NEGERI 6 PADANGSIDIMPUAN
TUGAS AKHIR
Diajukan sebagai salah satu syarat dalam menyelesaikan Pendidikan Program Studi D3 Ilmu Komputer
ALI MAKMUR SIMAMORA
072406062
PROGRAM STUDI D3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul : SISTEM INFORMASI AKADEMIK BERBASIS
WEB PADA SMA N 6 PADANGSIDIMPUAN
Kategori : TUGAS AKHIR
Nama : ALI MAKMUR SIMAMORA
Nomor Induk Mahasiswa : 072406062
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,
Dr. Saib Suwilo, M.Sc Drs. Henry Rani Sitepu, M.Si
PERNYATAAN
SISTEM INFORMASI PORTAL AKADEMIK PADA SMA NEGERI 6 PADANGSIDIMPUAN
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, karena dengan limpah rahmat
dan karunia-nya penulis berhasil menyelesaikan tugas akhir ini yang berjudul ”Sistem
Informasi Portal Akedemik Pada SMA Negeri 6 Padangsidimpuan “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. Ayahanda dan Ibunda yang telah merawat dan membesarkan saya, hingga
biasa sampai sekarang
2. Bapak Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas MIPA Universitas
Sumatera Utara.
3. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Jurusan Program Studi D-3 Ilmu
Komputer.
4. Ibu Syahriol Sitorus, S.Si, M. IT, M.Sc selaku Dosen Pembimbing Tugas
Akhir Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas
Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini
5. Seluruh Staf Pengajar Program Studi D-3 Ilmu Komputer Faklutas MIPA
Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya
kepada penulis selama masa perkuliahan.
6. Bapak Drs. H. Khoiruddin Hasibuan. selaku Kepala Sekolah SMA Negeri 6
Padangsidimpuan yang telah memberikan kesempatan kepada penulis untuk
melakukan riset sebagai data dalam pembuatan tugas akhir.
7. Seluruh guru dan pegawai SMA Negeri 6 Padangsidimpuan yang telah banyak
membantu penulis dalam mengumpulkan data dalam pembuatan tugas akhir.
8. Teristimewa kepada Ibunda Elfisnar dan Ayanda Aswan Rahim serta abangku
Eko Satria S.Si yang senantiasa memberikan kasih sayang, dukungan dan
selalu mendoakan penulis agar lancar dalam segala urusan. Dan adikku Gia
Asra semoga lancar terus sekolahnya ya, Amin.
9. Seluruh Keluarga besarku yang telah banyak memberikan dorongan dan doa
kepada penulis selama ini.
10.Buat sahabat-sahabatku selama kuliah di Komputer (“Anak Parkir Comunity”)
Arif, Ardiansyah Putra, Alam, Andi, Nafi, Rudi, Akbar, Dani, Imam, Dalli,
Dkk, walau kita terkadang ada permusuhan ataupun perdebatan, tapi itulah
persahabatan yang tidak selalu berjalan dengan baik dan tidak lupa terima
kasihku atas doa, nasehat, bantuan, serta curahan hati kalian semua, terutama
pengertian dan kesabaran kalian selama berteman denganku.
11.Seluruh rekan-rekan jurusan Komputer, terutama angkatan Komputer C 2007
pada khusunya pada Atoy, yang telah banyak membantu dan mendukung
penulis selama menjalani Pendidikan di D3 Ilmu Komputer USU.
12.Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis
Selama penulisan tugas akhir ini, penulis menyadari akan hal
kesalahan-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 meembacanya. Semoga Allah SWT senantiasa memberikan rahmat dan
hidayah kepada kita semua. Amin
Medan, Mei 2009
Penulis
ABSTRAK
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
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) 13
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 18
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.6 Hypertext Markup Language (HTML) 23
2.7 PHP 25
2.10 Cassading Style Sheet (CSS) 32
2.11 JavaScript 33
Bab 3 Sekilas SMA N 6 Padangsidimpuan 35
3.1 Profil 35
3.1.1 Identitas Sekolah 35
3.1.2 Identitas Kepala Sekolah 36
3.2 Struktur Organisasi 37
3.3 Uraian Tugas dan fungsi organisasi 38
3.3.1 Kepala Sekolah 38
3.3.2 Wakil Kepala Sekolah 38
3.3.3 Guru 38
3.3.4 Wali Kelas 39
3.3.5 Guru Pembimbing dan Konseling 39
3.3.6 Pustakawan Sekolah 39
3.3.7 Pengelola Laboratorium 40
3.3.8 Kepala Tata Usaha 40
3.4 Visi dan Misi 41
3.4.1 Visi Sekolah 41
3.4.2 Misi Sekolah 41
Bab 4 Perancangan Sistem 43
4.1 Perencanaan dan Perancangan 43
4.2 Perancangan Halaman Website 46
4.2.1 Halaman Home 46
4.2.2 Halaman Profil 46
4.2.3 Halaman Guru dan Siswa 46
4.2.4 Halaman Buku Tamu 46
4.2.5 Halaman Portal Akademik 47
4.2.6 Halaman Admin 47
4.3 Perancangan Data Flow Diagram (DFD) Website 47 4.4 Perancangan Diagram Alir (Flowchart)Website 49
4.4.1 Flowchart Menu Utama 49
4.4.2 Flowchart Portal Akademik 50
4.4.3 Flowchart Admin 51
4.4.4 Flowchart Administrator Siswa 53
4.4.5 Flowchart Administrator Guru 54
4.5 Merancang Database Server 54
4.6 Design Website 59
4.6.1 Design halaman home 60
4.6.2 Design header website 60
4.7 Gambaran Umum Perancangan Sistem 60
4.7.1 Administrator Website 61
4.7.2 Pengunjung website 62
Bab 5 Implementasi Sistem 64
5.1 Pengertian Implementasi Sistem 64
5.2 Tujuan Implementasi Sistem 64
5.3 Komponen Dalam Implementasi Sistem 65
Bab 6 Kesimpulan dan Saran 72
6.1 Kesimpulan 72
6.2 Saran 73
Daftar Pustaka
Lampiran A
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 SMA N 6 Padangsidimpuan 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
dapat bergabung di internet. Namun, bagaimana dengan yang memiliki website
pribadi? Apalagi website yang merupakan hasil karya sendiri, mungkin tidak semua
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
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, SMA N 6
Padangsidimpuan 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 SMA N 6
Padangsidimpuan dengan cepat tanpa memerlukan waktu yang banyak. Peranan
website ini juga tidak terlepas dari penggunaan peralatan yang mampu mengatasi
kelemahan-kelemahan yang mengandalkan tenaga manusia.
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
”SISTEM INFORMASI PORTAL AKADEMIK PADA SMA NEGERI 6 PADANGSIDIMPUAN”.
Penulis berharap semoga penulisan tugas akhir ini dapat memberikan
kemudahan bagi seluruh masyarakat terutama siswa-siswi SMA N 6 Padangsidimpuan
melalui sebuah website yang online di internet dan umumnya bagi siapa saja yang
ingin tahu mengenai SMA N 6 Padangsidimpuan.
1.2 Identifikasi Masalah
Kegiatan penelitian penulis lakukan di SMA N 6 Padangsidimpuan yang
berada di Sutan Soripada Mulia No.26 A. 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 SMA N 6 Padangsidimpuan.
2. Memberikan kemudahan bagi para alumni untuk mengetahui tentang keberadaan
dari semua teman – temannya semasa sekolah dulu dengan menggunakan website
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
informasi tentang SMA N 6 Padangsidimpuan.
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
baikdalam meningkatkan efisiensi dan efektivitas kerja. Salah satu cara penerapannya
adalah dengan membuat website SMA N 6 Padangsidimpuan. Adapun maksud dan
1. Mempromosikan dan mengenalkan SMA N 6 Padangsidimpuan agar
para orang tua mau menyekolahkan anak – anak mereka disekolah ini.
2. Membuat homepage pendidikan SMA N 6 Padangsidimpuan 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 kepustakaan (Library Research)
Disini penulis menggunakan buku-buku yang berhubungan dengan masalah
sehingga dapat membantu penyelesaian masalah dalam perancangan situs yang
benar, serta dalam mendukung tugas akhir ini untuk menyusun landasan teoritis.
2. Penelitian Lapangan (Field Research)
Penelitian dilakukan langsung ke SMA N 6 Padangsidimpuan untuk mendapatkan
data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung
3. Studi Literatur
Mempelajari website-website yang berhubungan dengan tugas akhir mahasiswa
seperti website-website sekolah, serta mempelajari bahasa-bahasa pemrograman
web dengan mengunjungi website-website yang menyediakan tutorial mengenai
pemrograman web.
1.6 Tinjauan Pustaka
Database merupakan komponen terpenting dalam pembangunan system informasi,
karena menjadi tempat untuk menampung dan mengorganisasikan seluruh data dalam
system, sehingga dapat diekplorasi untuk menyusun informasi-informasi dalam
berbagai bentuk. Database merupakan himpunan kelompok data yang saling
berkaitan. Data tersebut diorganisasikan sedemikian rupa agar tidak terjadi duplikasi
yang tidak perlu, sehingga dapat diolah atau dieksplorasi secara cepat dan mudah
untuk menghasilkan informasi. (Jogianto, Analisis dan Desain Sistem Informasi, Andi,
2005)
1.7 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
BAB I : PENDAHULUAN
Bab ini diuraikan secara ringkas pembahasan tentang Latar Belakang,
Identifikasi Masalah, Ruang Lingkup Masalah, Maksud dan Tujuan,
Metode Penelitian, Tinjauan Pustaka dan Sistematika Penulisan.
BAB II : LANDASAN TEORI
Bab ini menjelaskan landasan teori yang meliputi pengertian data,
informasi, sistem informasi, uraian singkat tentang bahasa
pemograman HTML, PHP dan MySQL.
BAB III : SEKILAS SMA N 6 PADNGSIDIMPUAN
Bab ini berisikan tentang profil SMA N 6 Padangsidimpuan, struktur
organisasi SMA N 6 Padangsidimpuan, uraian tugas dan fungsi
organisasi, serta visi dan misi SMA N 6 Padangsidimpuan.
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 ini merupakan bab terakhir yang mencakup kesimpulan dan
BAB II
LANDASAN TEORI
2.1Pengertian 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,
proses menghitung hanyalah merupakan sebagian kecil dari kegunaan komputer.
Banyak fungsi lain yang dapat dilakukan dengan menggunakan komputer, seperti
pengolahan data, permainan, pengontrol mesin, membuat grafik, mengedit data dan
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
sistem komputer.
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
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 :
Conceptual Foundation, Structures, and Development menyebutkan data
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
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
Gane And Sarson Symbols
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.
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)
merupakan tempat
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
data imput/output dan menunjukkan hasil dari
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.
menunjukkan hubungan arus proses yang terputus
masih dalam halaman yang sama.
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
menunjukkan suatu dokumen input dan output baik
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
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
business Organization, dikatakan bahwa informasi merupakan suatu yang
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
Beberapa pengertian tentang sistem sebagai berikut :
a. Dalam kamus Inggris-Indonesia-nya Jhon M. Echols dan Hassan Shadily,
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
yaitu menyajikan data informasi. Sistem informasi menerima masukan data dan
instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.
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
a. Blok Masukan ( Input Block)
Blok masukan dalam sebuah sistem informasi meliputi 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.
d. Blok Teknologi (Thechnology Block)
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.
Meliputi masalah pengendalian terhadap operasional sistem berfungsi
mencegah dan menangani kesalahan/kegagalan sistem.
2.3.2 Perangkat sistem informasi
Sebuah sistem informasi yang lengkap memiliki kelangkapan sebagai berikut :
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
berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di
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
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
perusahan.
d. Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya.
e. Sebagai alat penelitian dan pengembangan.
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.
2.5.1 Web statis
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
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.
2.6 Hypertext Markup Language (HTML)
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
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.
c. Membuat online form yang bisa digunakan untuk menangani pendaftaran buku
tamu, dan transaksi online lainnya.
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
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
dan Perl.
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
PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP
difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang
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
d. Empress
e. FilePro (read only)
f. FrontBase
g. Hyperware
i. Informix
j. Ingres
k. Interbase
l. MSQL
m. MySQL
n. ODBC
o. Oracle (OC17 dan OC18)
p. Ovrimos
q. PostgrSQL
r. Solid
s. Sybase
t. Unix DBM
BAB III
SEKILAS SMA NEGERI 6 PADANGSIDIMPUAN
3.1Profil
IDENTITAS SEKOLAH
Nama Sekolah : SMA Negeri 6 Padangsidimpuan
Nomor Identitas Sekolah : 301072001006
Alamat Sekolah : Jln. Sutan Soripada Mulia No. 25
Telp. (0634)22510
Kota : Padangsidimpuan
Propinsi : Sumatera Utara
Bidang/Program Keahlian yang dibuka
(khusus SMK : ---
IDENTITAS KEPALA SEKOLAH
Nama Kepala Sekolah : SORIMUDA, S.Pd
Nomor Induk Pegawai : 131401730
Pendidikan Terakhir : S1/Akta IV/Bidang Pendidikan
Spesialisasi/Jurusan : Akuntansi
SK yang Mengangkat : Wali Kota Padangsidimpuan
Nomor : 821.23/218/2008 Lampiran I
Tanggal : 15 September 2008
3.2Struktur Organisasi
Gambar 3.1 Struktur Organisasi SMA Negeri 6 Padangsidimpuan.
DINAS PENDIDIKAN KOTA MEDAN DINAS PENDIDIKAN
PROVINSI
Wakor Perg. Eria Drs. H. Rukzaidan
PKS I Edukatif Drs. As’ Ari Ur. Lab. IPA Ur. Lab. Komputer Ur Lab. Perpustakaan
Ur. Lab. Bahasa
Guru BP/BK Drs. Daud Ja’far
Wali Kelas
Keterangan.
Garis Komando - - - Garis Kordinasi
Kepala Sekolah Drs H. Khoruddin Hasibuan
Koorinator Perg. Eria H. Prabudi Said
Kabid.pddk Drs H. Sabar
Kabid.Umum H. Goenadi
Wakil Kepala Sekolah Drs As’ Ari
PKS II Kesiswaan Dra. Mulyana Moenir
Bidang Osis Urusan Pramuka Pelatih Seni Tari
TU I Zurlina
TU II SUSIWATI
Guru Mata Pelajaran
3.3Uraian 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.
8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.
3.3.3 Guru
Guru bertanggung jawab kepada Kepala Sekolah dan mempunyai tugas melaksanakan
3.3.4 Wali Kelas
Membantu Kepala Sekolah dalam kegiatan:
1. Pengelolaan kelas.
2. Penyelenggaraan administrasi kelas.
3. Pembuatan catatan khusus tentang siswa.
4. Penyusunan statistik bulanan siswa.
5. Penyusunan nilai siswa.
3.3.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.
3.3.7 Pengelola Laboratorium
Bertugas membantu Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut:
1. Perencanaan dan pengadaan alat laboratorium.
2. Menyusun jadwal laboratorium.
3. Menyusun laporan pelaksanaan kegiatan laboratorium.
3.3.8 Kepala 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
3.4Visi dan Misi
3.4.1 Visi Sekolah
Terdepan dalam prestasi, kreatif dalam berkarya untuk menuju sumber daya manusia
yang beriptek dan berimtaq.
3.4.2 Misi Sekolah
1. Meningkatkan sportifitas dikalangan anak didik
2. Mewujudkan persatuan dan kedamaian dilingkungan sekolah
3. Menanamkan nilai-nilai agama dalam kehidupan sehari-hari
4. Mewujudkan peserta didik dari status beban menjadi aset pembangunan yang
` 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 ?
b. Siapa saja pengunjung yang akan diharapkan ke website tersebut ?
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
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 SMA N 6 Padangsidimpuan,
namun tidak menutup kemungkinan bagi masyarakat umum yang ingin
mengetahui tentang SMA N 6 Padangsidimpuan.
c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat
mengetahui informasi mengenai berita pendidikan terbaru, membaca artikel
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
Adapun struktur dari situs yang penulis buat ditunjukkan pada gambar berikut
:
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 Identitas,
Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.
4.2.3 Guru dan Siswa
4.2.4 Halaman Buku Tamu
Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah.
Isi pesan tersebut hanya dapat dilihat oleh pengirim pesan dan administrator website.
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 SMA N 6 Padangsidimpuan.
- Info Sejarah Sekolah
- Info Struktur Organisasi - Login Administrator
- 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
Laporan - Administrator - Info Nilai Siswa
Laporan - Data Guru - Informasi Akademik
Laporan - Data Siswa dan Nilai Siswa - Informasi Beasiswa
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 SMA N 6 Padangsidimpuan.
4.4.1 Flowchart Menu Utama
Seorang pengunjung website dapat mengakses website SMA N 6 Padangsidimpuan
dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing
halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart
START
Pilih link yang ada A
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
Prosedur Login
Gambar 4.3 Flowchart Menu Utama
4.4.2 Flowchart Portal Akademik
Halaman portal akademik hanya bisa diakses oleh siswa dan administrator. Pada
halaman ini terdapat data pribadi siswa dan juga daftar nilai dari siswa. Pada halaman
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
D
Pilih login siswa
Input nis & password
Nis & Password Nis & Password salah
Halaman depan
Gambar 4.4 Flowchart Portal Akademik
4.4.3 Flowchart Admin
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
4.4.4 Flowchart Administrator Siswa
4.4.5 Flowchart Admin Guru
Gambar 4.7 Flowchart Admin Guru
4.5 Merancang Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat
diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan
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.
Database yang dirancang penulis adalah database sekolah yang terdiri dari 7 (tujuh)
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
nis varchar 50 No Induk Siswa
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
3. Tabel Nilai
Tabel 4.3 Tabel Nilai
Field Name Type Width Description
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
kimia int 4 Kimia
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
penjas int 4 Penjaskes
seni int 4 Kesenian
eko int 4 Ekonomi
tik int 4 Teknologi Informasi dan Komunikasi
akutansi int 4 Akutansi
mlokal int 4 Muatan Lokal
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
email varchar 45 Email Pengirim
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
4.6.1 Design halaman home
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 SMA N 6 Padangsidimpuan.
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.
Header ini berisikan tulisan SMA N 6 Padangsidimpuan, nama web, dan alamat
sekolah. Secara keseluruhan design header yang penulis buat dapat dilihat pada
gambar berikut ini :
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
ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari
seorang admin dalam mengelola database melalui halaman admin yaitu menambah
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 SMA N 6 Padangsidimpuans terdapat 3
(tiga) menu utama, yaitu Halaman Data Siswa, Halaman Data Guru dan Halaman
Gambar 4.10 Tampilan Halaman Administrator 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 SMA N 6 Padangsidimpuan.
Seorang admin dapat melakukan penambahan data guru dengan meng-klik link input
guru baru. Serta mengedit dan menghapus data guru dengan meng-klik ling edit data
guru.
Data guru yang dapat ditambah, diubah dan dihapus mencakup nama, tempat
4.6.2 Pengunjung Website
Jenis pengunjung pada website SMA N 6 Padangsidimpuan yang dibuat penulis dibagi
atas dua jenis pengunjung yaitu pengunjung umum dan pengunjung khusus
(siswa/siswi, guru dan pihak SMA N 6 Padangsidimpuan).
a. Pengunjung Umum
Pengunjung umum adalah pengunjung biasa atau masyarakat umum yang ingin
melihat website SMA N 6 Padangsidimpuan 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 SMA N 6
Padangsidimpuan. Siswa/siswi memiliki username dan password selain dapat melihat
isi umum website juga dapat melihat halaman portal akademik dari siswa yang
bersangkutan. Halaman portal akademik berisikan profil siswa, hasil study, dan
BAB V
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau 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 ada dalam dokumen sistem yang disetujui,
menysusun dokumen baru atau dokumen yang diperbaiki.
2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki.
3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai
tanpa mengalami kesulitan dalam penggunaannya.
5. 5.3 Komponen dalam Implementasi Sistem
Untuk mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan dengan
baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah kita buat.
Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras
(hardware), perangkat lunak (software), dan perangkat otak (brainware).
Pada website SMA N 6 Padangsidimpuan ini dibutuhkan beberapa komponen
seperti yang disebutkan diatas, yaitu :
1. Perangkat Keras (Hardware)
a. Monitor
b. CPU (Central Processing Unit)
c. Harddisk
d. Memory minimal 256 MB.
e. Keyboard dan Mouse
2. Pearangkat Lunak (Software)
a. Sistem Operasi Windows XP.
b. MySQL sebagai pengelola database server.
c. PHP sebagai bahasa pemograman serverside.
d. Apache Web Server sebagai server lokal dalam pengetesan halaman web.
e. Macromedia Dreamweaver 8 sebagai media mendesain web dan
menggabungkan antara layout dengan bahasa pemograman.
3. Perangkat Operator (Brainware)
a. Administrator
b. Pengunjung
5.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP, dan MySQL dapat dilakukan secara satu persatu.
Software dapat didownload secara gratis dari situs
software Apache
untuk software MySQL.
Namun pada perancangan website ini penulis menggunakan software
Apache2triad. Dimana pada software ini sudah terdapat Apache, PHP, dan MySQL.
Dengan menggunakan software ini penulis mendapat beberapa kemudahan, yakni
hanya perlu menginstall satu kali saja yakni Apache2triad dan tidak perlu lagi untuk
konfigurasi.
Adapun tahap-tahap installasi Apache2triad adalah sebagai berikut :
1. Klik ganda pada file apache2triad 1.5.4 atau pada ikon
2. Maka akan muncul tampilan seperti Gambar 5.1. Klik Next untuk melanjutkan
Gambar 5.1 Instalasi Apache2triad
3. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.2. Tentukan
direktori tempat penginstalan Apache2triad, kemudian klik Next.
Gambar 5.2 Menentukan Direktori Instalasi Apache2triad
4. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.3. Masukkan
password yang anda inginkan dengan ketentuan minimal 8 karakter dan maksimal
32 karakter. Kemudian klik Next.
5. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.4. klik I
Agree untuk melanjutkan instalasi..
Gambar 5.4 Autentifikasi Instalasi Apache2triad
6. Setelah kita klik I Agree maka akan muncul tampilan seperti Gambar 5.5. Tunggu
sampai proses selesai.
7. Setelah proses pada Gambar 5.5 selesai kemudian akan muncul tampilan seperti
Gambar 5.6. Klik OK untuk konfigurasi dan melanjutkan instalasi.
Gambar 5.6 Proses Instalasi Apache2triad
8. Setelah kita klik OK maka akan muncul tampilan seperti Gambar 5.7. Kemudian
masukkan kembali password yang di buat pada langkah ke 4 kemudian tekan
Enter.
9. Setelah kita masukkan password dan tekan Enter, maka akan muncul tampilan
seperti pada Gambar 5.8.
Gambar 5.8 Proses Instalasi Apache2triad
10.Setelah proses pada Gambar 5.8 selesai maka akan muncul tampilan pada Gambar
5.9. Klik OK maka komputer akan restart ulang dan proses instalasi selesai.
BAB VI
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dari keterangan dan bab-bab sebelumnya penulis dapat mengambil beberapa
kesimpulan sebagai berikut :
1. Dalam pembuatan website ini ada beberapa tahapan yang dilakukan penulis yaitu
tahap perencanaan, tahap perancangan diagram alir (flowchart), merancang dan
mempersiapkan database server, dan tahap implementasi sistem.
2. Website ini dibuat dengan menggunakan bahasa pemograman PHP sebagai bahasa
pemogramannya, MySQL sebagai database servernya dan apache sebagai server.
3. Pembuatan website ini dilakukan pada intranet atau komputer lokal tanpa
terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting
6.2 Saran
Adapun beberapa saran penulis pada pembuatan website ini adalah :
1. Perlu dilakukan pembaharuan atau update berkala oleh administrator pada website
ini guna memberikan informasi yang terbaru.
2. Untuk menarik minat pengunjung, perlu dibuat rancangan layout atau template
dengan gambar dan animasi yang menarik.
3. Perlu dilakukan penggandaan (backup) database secara teratur ke dalam media
penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data
hilang atau rusak
4. Dalam pembuatan situs, perlu dirancang dengan teliti agar dalam melakukan
pembaharuan data tidak terjadi kesalahan.
5. Dengan adanya website ini dapat memotivasi siswa SMA N 6 Padangsidimpuan
dalam berprestasi dan terus meningkatkan ilmu pengetahuannya khususnya dalam
DAFTAR PUSTAKA
Jogiyanto, H.M. 1988. Pengenalan Komputer : Dasar Ilmu Komputer, Pemograman,
Sistem Informasi, dan Intelegensi Buatan. Yogyakarta : Andi Yogyakarta.
Kadir, Abdul. 2003. Pemograman Web. Yogyakarta: Andi Yogyakarta.
Lenawati, Mei. 2006. Macromedia Dreameaver 8 dengan PHP. Yogyakarta
Syafii, M. 2005. Membangun Aplikasi Berbasis PHP dan MySQL. Yogyakarta: Andi
Wahana, Komputer. 2006. Membuat Website Interaktif dengan Macromedia
Dreamweaver 8. Yogyakarta: Andi.
Hasil Uji Program Tugas Akhir
S U R A T K E T E R A N G A N
Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Ilmu Komputer :
N a m a : ALI MAKMUR SIMAMORA
N I M : 072406062
Program Studi : Ilmu Komputer
Judul TA : SISTEM INFORMASI AKADEMIK BERBASIS
WEB PADA SMA N 6 PADANGSIDIMPUAN.
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal Mei 2010.
Dengan Hasil : Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja
Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU
Medan.
Medan, Mei 2010
Dosen Pembimbing/Kepala Lab. Komputer,
KEMENTRIAN PENDIDIKAN NASIONAL
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 82144290, Fax. (061) 82144290
Kartu Bimbingan Tugas Akhir Mahasiswa Nama : Ali Makmur Simamora
Nomor Induk Mahasiswa : 072406062
Judul Tugas Akhir : Sistem Informasi Akademik Berbasis Web Pada
SMA N 6 Padangsidimpuan.
Dosen Pembimbing : Drs. Ujian Sinulingga, M. Si
Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
No Tanggal Asisten Bimbingan
Pembahasan Pada Asistensi Mengenai, Pada Bab :
Paraf Dosen
Pembimbing Keterangan
* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan Mahasiswa telah selesai.
Diketahui, Disetujui,
Departemen Matematika FMIPA USU Pembimbing Utama/
Ketua Penanggung Jawab