PERSETUJUAN
Judul
: SISTEM INFORMASI AKADEMIK SMA TAMAN
SISWA MEDAN BERBASIS WEB
Kategori
: TUGAS AKHIR
Nama
: MUHAMMAD FAISAL HUTASUHUT
Nomor Induk Mahasiswa
: 092406034
Program Studi
: DIPLOMA III TEKNIK INFORMATIKA
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan, Juli 2012
Diketahui :
Disetujui :
Ketua Departemen Matematika FMIPA USU Pembimbing Utama/
Penanggung Jawab
TUGAS AKHIR
SISTEM INFORMASI AKADEMIK SMA TAMAN SISWA MEDAN
BERBASIS WEB
Diajukan sebagai salah satu syarat dalam menyelesaikan
Pendidikan Program Studi DIII Teknik Informatika
MUHAMMAD FAISAL HUTASUHUT
092406034
PROGRAM STUDI D-III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERNYATAAN
SISTEM INFORMASI AKADEMIK SMA TAMAN SISWA 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, Juli 2012
PENGHARGAAN
Alhamdulillah. Puji syukur penulis ucapkan ke hadirat Allah SWT yang telah
memberikan rahmatnya, member pengetahuan, pengalaman, kekuatan dan kesempatan
kepada penulis sehingga dapat menyelesaikan tugas akhir yang berjudul
Sistem
Informasi Akademik SMA Taman Siswa Medan Berbasis web
ini tepat pada waktunya.
Shalawat beserta salam juga penulis haturkan ke hadirat junjungan kita Nabi besar
Muhammad SAW.
Tugas akhir ini disusun sebagai salah satu syarat untuk meneyelesaikan
pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara. Dalam tugas akhir ini, penulis banyak
mendapat masukan serta dukungan dari berbagai pihak.
Dalam masa penulisan Tugas Akhir ini, penulis telah banyak mendapat
bantuan, bimbingan, dorongan dan pengarahan dari berbagai pihak sehingga dengan
segala keterbatasan yang ada pada penulis akhirnya tugas akhir ini dapat diselesaikan.
Oleh karena itu pada kesempatan ini penulis ingin menyampaikan terima kasih yang
sebesar-besarnya kepada :
1. Bapak Drs. Suyanto, M.Kom selaku dosen pembimbing tugas akhir yang telah
memberikan bimbingan dan pengarahan kepada penulis selama menyususn tugas
akhir ini.
2. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Prof. Dr. Tulus M.Si., Ph.D. selaku ketua Departemen Matematika
4. Bapak Syahril Efendi, S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku ketua dan
sekretaris program studi Diploma III Teknik Informatika.
5. Seluruh staf pengajar dan pegawai Diploma III Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara yang telah
6. Ayahanda dan ibunda tercinta yang telah member semangat dan doâa kepada
penulis.
7. Sahabat setia Zulfakar Adi Putra dan Oki Halomoan Siregar selama PKL dan
selama penyusunan tugas akhir ini.
8. Sahabat â sahabat setia penulis, Wawan Setiawan, Bambang Sucipto, Faruq Hafiz
Purba, Ridhona Asri atas nasehat dan ilmunya selama ini.
Pada penulisan tugas akhir ini, penulis telah berusaha semaksimal mungkin
untuk mencapai kesempurnaan. Namun penulis menyadari terdapat kelemahan dan
kekurangan dalam penulisan tugas akhir ini. Untuk itu penulis mengharapkan kritik
dan saran yang bersifat membangun, memperluas pikiran, pengetahuan demi
kesempurnaan Tugas Akhir ini.
Semoga Tugas Akhir ini dapat bermanfaat bagi kita semua khususnya penulis
untuk dapat mengembangkannya. Atas bantuan dan dukungan semua pihak, penulis
ucapkan terima kasih.
Medan, Juli 2012
Penulis
Muhammad Faisal Hutasuhut
ABSTRAK
Kebutuhan sistem informasi akademik berbasis web pada SMA Taman Siswa medan
merupakan hal yang penting bagi Taman Siswa di era informasi teknologi saat ini,
sebab web memiliki fungsi yang cukup
significant
bagi perkembangan eksternal
sebuah sekolah, Web adalah media alternative layanan informasi akademik yang cepat
dan lebih mudah dalam bekerja, cepat dan bekerja dengan waktu yang singkat untuk
memberikan informasi yang ada pada Taman Siswa.
Dalam penulisa ini, penulis bertujuan untuk merancang Sistem Informasi
Akademik SMA Taman Siswa Medan berbasis web,untuk mempermuda dan
mempercepat proses dalam penaganaan sistem akademik, khususnya dalam Pingisihan
Data siswa, data Guru, Pengolahan data nilai raport.
Hasil uji coba terhadap sistem, dapat dinyatakan bahwa sistem menghasilkan
informasi dalam bentuk laporan, misalnya laporan tentang berapa siswa yang daftar
jadi siswa Taman Siswa, laporan banyak staf pengajar yang sudah melakukan
pengisihan data-data biodatanya, nilai-nilai dari ujian sehari-hari maupun bulanan
DAFTAR ISI
PERSETUJUAN
ii
PERNYATAAN
iii
PENGHARGAAN
iv
ABSTRAK
vi
DAFTAR ISI
vii
DAFTAR TABEL
ix
DAFTAR GAMBAR
x
BAB 1 PENDAHULUAN
1
1.1 Latar Belakang
1
1.2 Identifikasi Masalah
2
1.3 Rumusan Masalah
3
1.4 Batasan Masalah
3
1.5 Tujuan Membuat Sistem Informasi Website
4
1.6 Metodologi Penelitian
4
1.7 Sistematika Penulisan
5
BAB 2 LANDASAN TEORI
7
2.1 Pengertian Komputer
7
2.2 Pengertian Sistem
7
2.3 Pengertian Informasi
8
2.4 Pengertian Sistem Informasi
8
2.5 Pengenalan Internet
9
2.6 Syarat Merancang Sistem Informasi
9
2.7 Website
10
2.7.1 Web Statis
11
2.7.2 Web Dinamis
11
2.8 Hyper Text Transfer Protokol (HTTP)
11
2.9 HTML
12
2.9.1 Pendahuluan HTML
12
2.9.2 Bagian-Bagian HTML
12
2.10 Pengenalan PHP
13
2.10.1 Sejarah PHP
13
2.10.2 Kelebihan dan Kelemahan PHP
14
2.11 Pengenalan MySQL
15
2.11.1 Keistimewaan MySQL
15
2.12 Cassading Style Sheet (CSS)
16
2.13 Macromedia Dreamweaver 8
17
BAB 3 GAMBARAN SEKILAS SMA TAMAN SISWA MEDAN
18
3.1 Propil Sekolah
18
3.2 Data Fisik Sekolah
18
3.3 Struktur Organisasi
20
3.5 Visi dan Misi
23
3.5.1 Visi
23
3.5.2 Misi
24
BAB 4 ANALISIS DAN PERANCANGAN SISTEM
25
4.1 Analisis
25
4.2 Perancangan Sistem
29
4.2.1 Perancangan Output
29
4.2.2 Perancangan Masukan Data
31
4.2.3 Perancangan Dialog
33
4.2.4 Perancangan Database
34
4.2.5 Perancangan Flowchart
35
4.2.6 Perancangan File
41
BAB 5 IMPLEMENTASI SISTEM
42
5.1 Pengertian Implementasi Sistem
42
5.2 Tujuan Implementasi Sistem
42
5.3 Komponen-komponen Utama Implementasi Sistem
43
5.3.1 Perangkat Keras (Hardware)
43
5.3.2 Perangkat Lunak (Software)
43
5.3.3 Unsur manusia (Brainware)
44
5.4 Pengujian Website di Browser
44
5.5 Halaman Utama
45
5.6 Halaman Home
45
5.7 Halaman Siswa
46
5.8 Halaman Guru
47
5.9 Halaman Mata Pelajaran
48
5.10 Halaman Nilai
48
5.11 Halaman Raport
49
BAB 6 KESIMPULAN DAN SARAN
50
6.1 Kesimpulan
50
6.2 Saran
51
DAFTAR GAMBAR
Halaman
Gambar 4.1
Diagram Konteks Sistem Akademik SMA Tamansiswa Medan 27
Gambar 4.2
Diagram Level 0 28
Gambar 4.3
Perancangan Menu Utama
29
Gambar 4.4
Perancangan Daftar Siswa 30
Gambar 4.5
Perancangan Daftar Guru
30
Gambar 4.6
Perancangan Daftar Mata Pelajaran
30
Gambar 4.7
Perancangan Daftar Ambil Mata Pelajaran
30
Gambar 4.8
Perancangan Daftar Nilai
30
Gambar 4.9
Perancangan Input Siswa
31
Gambar 4.10
Perancangan Input Guru
31
Gambar 4.11
Perancangan Input Mata Pelajaran
32
Gambar 4.12
Perancangan Input Ambil Mata Pelajaran
32
Gambar 4.13
Perancangan Input Nilai
32
Gambar 4.14
Perancangan Dialog
33
Gambar 4.15
Flowchart File Menu
36
Gambar 4.16
Flowchart Login Administrator
37
Gambar 4.17
Flowchart File Data Guru
38
Gambar 4.18
Flowchart File Data Siswa
39
Gambar 4.19
Flowchart File Data Nilai
40
Gambar 4.20
Diagram E-R Sistem Akademik SMA Tamansiswa Medan
41
Gambar 5.1
Halaman Login Administrator
45
Gambar 5.2
Halaman Utama
45
Gambar 5.3
Input Data Siswa
46
Gambar 5.4
Daftar Siswa
46
Gambar 5.5
Input Data Guru
47
Gambar 5.6
Daftar Guru
47
Gambar 5.7
Input Data Mata Pelajaran
48
Gambar 5.8
Daftar Mata Pelajaran
48
Gambar 5.9
Input Nilai Siswa
48
Gambar 5.10
Daftar Nilai Siswa
49
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel User
34
Tabel 4.2 Tabel Siswa
34
Tabel 4.3 Tabel Guru
34
Tabel 4.4 Tabel Mata Pelajaran
35
ABSTRAK
Kebutuhan sistem informasi akademik berbasis web pada SMA Taman Siswa medan
merupakan hal yang penting bagi Taman Siswa di era informasi teknologi saat ini,
sebab web memiliki fungsi yang cukup
significant
bagi perkembangan eksternal
sebuah sekolah, Web adalah media alternative layanan informasi akademik yang cepat
dan lebih mudah dalam bekerja, cepat dan bekerja dengan waktu yang singkat untuk
memberikan informasi yang ada pada Taman Siswa.
Dalam penulisa ini, penulis bertujuan untuk merancang Sistem Informasi
Akademik SMA Taman Siswa Medan berbasis web,untuk mempermuda dan
mempercepat proses dalam penaganaan sistem akademik, khususnya dalam Pingisihan
Data siswa, data Guru, Pengolahan data nilai raport.
Hasil uji coba terhadap sistem, dapat dinyatakan bahwa sistem menghasilkan
informasi dalam bentuk laporan, misalnya laporan tentang berapa siswa yang daftar
jadi siswa Taman Siswa, laporan banyak staf pengajar yang sudah melakukan
pengisihan data-data biodatanya, nilai-nilai dari ujian sehari-hari maupun bulanan
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pada masa sekarang saat ini, perkembangan dan pengaruh teknologi informasi di
Indonesia saat ini sudah tidak dapat dihindari lagi,
teknologi informasi sungguh sangat
cepat dirasakan pada masa sekarang ini. Dunia internet makin lama makin
berkembang dengan pesat seiring dengan kemajuan zaman. Ini terlihat dari banyaknya
tempat yang menyediakan sarana atau fasilitas internet untuk memperoleh informasi.
Dan itu bukan hanya dapat dinikmati oleh kalangan atas saja, melainkan semua
lapisan dapat menikmatinya dengan biaya yang lebih ringan. Tentang teknologi
informasi dan komunikasi, komputer merupakan suatu media elektronik yang
memegang peranan yang sangat penting dalam perkembangan yang terjadi saat
sekarang ini.
Begitu halnya dengan SMA Taman Siswa Cabang Medan. Sistem pengolahan
dan penyampaian data yang lebih baik merupakan suatu kebutuhan yang tidak dapat
ditunda lagi. Akan tetapi, pada kenyataannya segala kegiatan yang menyangkut
informasi masih menggunakan sistem dan cara yang manual. Informasi yang
disampaikan atau diberikan kepada siswa, guru, pegawai maupun wali siswa
(pengunjung),
masih menggunakan kertas-kertas cetakan yang ditempelkan pada
papan pengumuman sekolah.
Dari permasalahan tersebut, penulis ingin membuat solusi yang
wali siswa. Penulis dalam hal ini memilih SMA Taman Siswa Cabang Medan dalam
melakukan risetnya, karena sekolah ini mulai menampakan perkembangan yang lebih
baik dalam sistem pendidikan, teknologi informasi dan komunikasi. Hal ini dapat
dilihat dengan dilaksanakannya berbagai ekstrakulikuler dan kegiatan pendidikan dan
pelatihan serta telah dibangunnya laboratorium komputer untuk menunjang
perkembangan pendidikan siswa di bidang komputerisasi.
Untuk memenuhi segala kebutuhan di atas, diperlukan adanya suatu aplikasi
yang berbasis sistem informasi. Dalam hal ini, penulis menggunakan bahasa
pemrograman PHP, MySQL sebagai pengolah database dan web server Apache serta
aplikasi pendukung lainnya, seperti Macromedia Dreamweaver 8, dan Adobe
Photoshop CS untuk mendesain tampilan web.
Dengan uraian masalah tersebut, penulis berkeinginan membantu sekolah
tersebut untuk mengubah sistem penyampaian informasi yang telah ada sebelumnya.
Sehingga mempermudah semua pihak yang membutuhkan segala informasi yang ada
di SMA Taman Siswa Cabang Medan. Atas dasar inilah, Penulis tertarik mengangkat
judulâSistem Informasi Berbasis Akademik SMA Taman Siswa Cabang Medan
Berbasis Webâ. Semoga dengan diselesaikannya sistem informasi dengan judul di
atas, nantinya bermanfaat untuk siapa saja yang menggunakan dan bagi penulis
tentunya.
1.2 Identifikasi Masalah
Berdasarkan latar belakang di atas ada beberapa masalah yang melatar belakangi
pembuatan aplikasi ini, diantaranya :
a.
Para guru dan pegawai mengalami kesulitan dalam mengolah data siswa baik
guru dan pegawai harus mencari kembali data siswa yang telah di buat
sebelumnya.
b.
Banyak siswa merasa tidak nyaman dengan lambatnya informasi jadwal
belajar yang terkadang terjadi pada awal semester baru.
c.
Masih kurangnya prediksi data nilai, data jadwal, dan data absensi siswa yang
dapat membantu dalam pengolahan data akademik secara cepat, akurat dan
terpercaya.
d.
Laporan data hasil penilaian, absensi siswa, dan jadwal mata pelajaran yang
masih manual.
1.3 Rumusan Masalah
Berdasarkan uraian di atas, maka yang menjadi masalah adalah sulitnya untuk
memasarkan web tersebut secara online agar masyarakat secara umum dapat
meng-upload situs tersebut. Sama halnya juga mendesain, membuat dan menghasilkan suatu
desain web dinamis untuk dapat menyimpan, manampilkan dan mengedit data atau
informasi yang akan disampaikan dan dapat diterima oleh user sebagai suatu sistem
informasi yang bermanfaat bagi siapa saja yang membutuhkan informasi yang ada di
sekolah tersebut.
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
c.
Aplikasi ini dapat digunakan oleh kalangan sekolah maupun umum yang ingin
mengetahui tentang SMA Taman Siswa Cabang Medan termasuk wali dari
siswa- siswi SMA Taman Siswa Cabang Medan.
1.5 Tujuan Membuat Sistem Informasi Website
Adapun tujuan dalam membuat âSistem Informasi Berbasis Akademik SMA Taman
Siswa Cabang Medan Berbasis Webâ. Adalah sebagai berikut :
1.
Memberikan Kemudahan untuk mengakses data siswa-siswi SMA Taman
Siswa Cabang Medan dengan mudah dan efisien. Sehingga setiap pengguna
internet yang sedang akses layanan website ini bisa mengetahui mengenai
sekolah tersebut.
2.
Memfasilitasi beberapa langkah mudah untuk menginput data guru-guru dan
siswa-siswi SMA Taman Siswa Cabang Medan.
3.
Memberikan Berita yang ingin diketahui oleh orang yang mengakses Website
ini,serta sebagai bahan acuan untuk motivasi belajar.
4.
Untuk dapat mengenal lebih jauh SMA Taman Siswa Cabang Medan, serta
mengetahui aktifitas apa saja yang ada di sekolah tersebut.
5.
Untuk menarik perhatian pengguna yang mengakses website tersebut, agar
yang melihat website tersebut menginginkan untuk masuk ke sekolah SMA
Taman Siswa Cabang Medan.
1.6 Metodologi Penelitian
Metodologi penelitian yang digunakan penulis untuk menyelesaian berbagai
1.
Pengumpulan data yang erat kaitannya dengan permasalahan yang akan di
jelaskan dengan cara membaca buku-buku, makalah dan membaca
bahan-bahan sumber lainnya di perpustakaan.
2.
Penelitian dilakukan secara langsung di SMA Taman Siswa Cabang Medan
untuk mendapatkan data dimana penulis melakukan pengumpulan data dengan
cara :
a.
Mengkopi langsung data yang ada.
b.
Melakukan wawancara kepada Guru Kepala Sekolah, Guru dan Pegawai SMA
Taman Siswa Cabang Medan.
c.
Merancang Sistem Informasi Akademik Sekolah.
1.7 SISTEMATIKA PENELITIAN
Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika
penulisan yang terdiri dari :
BAB 1
PENDAHULUAN
Pada bab ini diuraikan secara ringkas pembahasan tentang latar
belakang, rumusan masalah, batasan masalah, maksud dan tujuan,
metode penelitian, dan sistematika penulisan.
BAB 2
LANDASAN TEORI
Bab ini berisikan tentang teoritis mengenai pengertian-pengertian,
metode penyusunan data serta mengenai bahasa pemrograman yang
digunakan.
BAB 3
GAMBARAN SEKILAS SMA Taman Siswa Cabang Medan
Bab ini berisikan tentang profil SMA Taman Siswa Cabang Medan,
struktur organisasi SMA Taman Siswa Cabang Medan, uraian tugas
dan fungsi organisasi, serta visi dan misi SMA Taman Siswa Cabang
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini akan dijelaskan tentang penentuan bentuk dari kebutuhan
plikasi pada saat membangun maupun pada saat implementasi.
BAB 5
IMPLEMENTASI SISTEM
Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah
dalam implementasi sistem Informasi juga disertai dengan
komponen-komponen kebutuhan sistem.
BAB 6
KESIMPULAN DAN SARAN
Berisi pencapaian tujuan dari aplikasi yang dibuat. Saran berisi hal- hal
BAB 2
LANDASAN TEORI
2.1 Pegertian Komputer
Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas
tertentu yang dikontrol oleh sebuah instruksi-instruksi perintah digital.
Komputer
adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input
digital, kemudian memprosesnya sesuai dengan program yang tersimpan di
memorinya, dan menghasilkan output berupa informasi. Itulah pada mulanya arti dan
fungsi utama komputer, yakni sebagai alat menghitung.
Perkembangan teknologi dan ilmu komputer selanjutnya telah memberikan
berbagai kemampuan lain pada komputer, sehingga defenisi komputer mengalami
perubahan.
Sekarang ini, proses menghitung hanyalah merupakan sebagian saja dari kerja
yang dapat dilakukan komputer. Banyak fungsi lain yang dapat dilakukannya, seperti
pengolahan data, permainan, pengontrolan mesin, membuat grafik, melakukan analisis
statistik, merancang gambar teknik, pengeditan dan sebagainya.
2.2 Pengertian Sistem
Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan,
sasaran tertentu dan sekelompok unsur yang erat hubungannya satu dengan yang lain,
yang berfungsi bersama-sama untuk mencapai tujuan dalam mengolah data untuk
mengahasilkan informasi yang kita ingin kan dalam membuat suatu data yang berupa
informasi.
2.3 Pengertian Informasi
Informasi merupakan salah satu sarana untuk memperkenalkan suatu perusahaan atau
organisasi, sangat erat hubungannya dengan perkembangan organisasi yang masih
dalam tahap perkembangan, dengan tidak adanya informasi maka suatu organisasi
tidak akan pernah dapat cepat berkembang seperti apa yang diinginkan.
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 sebagai data yang telah diproses sedemikian rupa sehingga
meningkatkan pengetahuan seseorang yang menggunakan data tersebut.
2.4 Pengertian Sistem Informasi
Sistem informasi dapat berupa gabungan dari beberapa elemen teknologi berbasis
komputer yang saling berinteraksi dan bekerja sama berdasarkan suatu prosedur kerja
(aturan kerja) yang telah ditetapkan, dimana memproses dan mengolah data menjadi
suatu bentuk informasi yang dapat digunakan dalam mendukung keputusan.
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
Gelinas, Oram, dan Wiggins (1990:11)
â Sistem informasi adalah suatu
sistem buatan manusia yang secara umum terdiri atas sekumpulan komponen berbasis
komputer dan manual yang dibuat untuk menghimpun, menyimpan, dan mengelola
data serta menyediakan informasi keluaran kepada para pemakai â.
Hall (2001:11)
â Sistem informasi adalah sebuah rangkaian prosedur formal
dimana data dikelompokkan, diproses menjadi informasi, dan didistribusukan kepada
pemakai â.
Turban, McLean, dan Wetherbe (1990:11)
â Sebuah sistem informasi
Mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi
untuk tujuan yang spesifik â.
Wilkinson (1992:11)
âSistem informasi adalah kerangka kerja yang
mengkoordinasikan sumber daya (manusia, komputer) untuk mengubah masukan
menjadi keluaran (informasi), guna mencapai sasaran-sasaran perusahaan â.
2.5 Pengenalan Internet
Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari
ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang
lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni Inter yang
berarti antar dan Net yang berarti jaringan sehingga Internet dapat diartikan hubungan
antar jaringan.
2.6 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 pertama haruslah memiliki server, baik berupa hardware
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, MsSQL Server, MySQL dan masih banyak lagi
yang lain. Saat ini database yang menjadi favorit adalah MySQL.
2.7 Website
Website atau world wide web, sering disingkat sebagai www atau âwebâ saja, yakni
sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain
dipresentasikan dalam bentuk hypertext dan dapat di akses oleh perangkat lunak yang
disebut browser. Informasi di web pada umumnya ditulis dalam format HTML.
Keistimewaan inilah yang telah menjadikan web sebagai service yang paling
cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan) pada
kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk
menghubungkan dari sembarang tempat dalam sebuah dokumen atau gambar ke
User interface (GUI), link-link dapat dihubungkan ke tujuannya dengan menunjuk
link tersebut dengan mouse dan menekannya.
2.7.1 Web Statis
Web statis adalah web yang berisi/menampilkan informasi-informasi yang sifatnya
statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web
tersebut. Singkatnya, untuk mengetahui suatu web bersifat statis atau dinamis dapat
dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain
dan berisi suatu informasi yang tetap maka web tersebut statis.
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web
dan apabila diklik akan berpindah ke halaman web yang lain. 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.7.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 di tampilkan. Web
dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah.
2.8 Hyper Text Transfer Protokol (HTTP)
HTTP merupakan suatu protokol yang menentukan aturan yang perlu diikuti oleh web
browser dalam menyediakan dokumen yang diminta web browser. Protokol ini
dalam penjelajahan web dan pada address tertulis seperti berikut:
http://www.yahoo.com maka ini merupakan salah satu penggunaan protokol HTTP
dalam web (Mico Pardosi, 2004).
2.9
HTML (HyperText Markup Language)
2.9.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
berbagai platform seperti : Windows, Linux, Macintosh. Kata â
Markup Language
â
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.9.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>
<head>
<title>â¦</title>
</head>
<body>
</body>
</html>
Keterangan:
1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri
dengan tag penutup </html>.
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.10
Pengenalan PHP (Personal Home Page)
2.10.1 Sejarah PHP
PHP singkatan dari Perl Hypertext Preprocessor yang digunakan sebagai bahasa script
server-side dalam pengembangan web yang disisipkan pada dokumen HTML
(Peranginangin, 206). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.
Jika dilihat dari versi pertamanya bahwa PHP terdiri dari sekumpulan script PERL
Pada awalnya PHP bernama FI (Form Interpreted). Setelah Rasmus
melepaskan kode sumbernya, maka terbentuklah nama PHP. Sejak itulah PHP bersifat
open source.
2.10.2 Kelebihan dan Kelemahan PHP
Saat ini banyak pemrograman server web berkembang diantaranya ASP.NET, JSP,
CFML, dan PHP. Jika dibandingkan diantara tiga terbesar pemrograman web server
diatas, terdapat kelebihan dari PHP itu sendiri.
Kelebihan dari PHP adalah:
1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi
dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti
Visual Basic dan sebagainya.
2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS
atauPWS juga pada Apache yang bersifat open source.
3. Karena sifatnya open source, maka perubahan dan perkembangan interpreter pada
PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap
membantu pengembangannya.
4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang begitu banyak
sehingga sangat mudah dipahami.
5. PHP dapat berjalan pada tiga operating sistem : Linux, Unix, Windows serta dapat
juga dijalankan secara runtime pada suatu console.
Kelemahan dari PHP ini adalah:
1. Tidak ideal untuk pengembangan skala besar.
2.11 Pengenalan 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.
2.11.1 Keistimewaan MySQL
MySQL memiliki beberapa keistimewaan, antara lain:
1.
Portabilitas.
MySQL dapat berjalan stabil pada berbagai sistem operasi seperti
Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
2.
Perangkat lunak sumber terbuka.
MySQL didistribusikan sebagai perangkat
lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.
3.
Multi-user.
MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang
bersamaan tanpa mengalami masalah atau konflik.
4.
Performance tuning.
MySQL memiliki kecepatan yang menakjubkan dalam
menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per
satuan waktu.
5.
Ragam tipe data.
MySQL memiliki ragam tipe data yang sangat kaya, seperti
signed/unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
7.
Keamanan.
MySQL memiliki beberapa lapisan keamanan seperti level
subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail
serta sandi terenkripsi.
8.
Skalabilitas dan Pembatasan.
MySQL mampu menangani basis data dalam skala
besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5
milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada
tiap tabelnya.
9.
Konektivitas.
MySQL dapat melakukan koneksi dengan klien menggunakan
protocol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
10.
Lokalisasi.
MySQL dapat mendeteksi pesan kesalahan pada klien dengan
menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia
belum termasuk di dalamnya.
11.
Antar Muka.
MySQL memiliki antar muka (interface) terhadap berbagai aplikasi
dan bahasa pemrograman dengan menggunakan fungsi API (Application
Programming Interface).
12.
Klien dan Peralatan.
MySQL dilengkapi dengan berbagai peralatan (tool) yang
dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada
disertakan petunjuk online.
13.
Struktur tabel.
MySQL memiliki struktur tabel yang lebih fleksibel dalam
menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL
ataupun Oracle.
2.12 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.13
Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain
secara visual dan mengelola situs Web maupun 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, karena adanya peningkatan kemampuan toolbar sehingga dapat memakai
toolbar yang sudah ada atau menambahkan fungsi baru. Software ini mampu
memberikan manfaat lebih bagi pengguna dan pengelola pembuatan website yang
mana memudahkan cara mengaksesnya hingga mengeluarkan pernyataan yang benar
BAB 3
GAMBARAN SEKILAS TAMAN MADYA TAMANSISWA MEDAN
3.1 Propil Sekolah
Taman Madya Tamansiswa Medan berada di Jalan Singosari 11 Kelurahan Sei
Rengas Permata dan Kecamatan Medan Area. Sekolah ini didirikan pada tahun 1951.
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.
Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan,
laboratorium komputer, 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,sholat zhuhur setiap harinya di mushola, pesantren kilat
dan pelatihan Manasik Haji yang diharapkan mampu meningkatkan akhlak dan moral
siswa.
3.2 Data Fisik Sekolah
1. Nama Sekolah
: Taman Madya (SMA) Tamansiswa Medan
2. NSS
: 303.076.001.020
4. Alamat Seolah
: Jl. Singosari No. 11 Medan
Telepon
: 061-7350609
HP Kepala Sekolah
: 0817809280
5. SK Pendirian dari
: Kanwil Sumatera Utara
Nomor
: 114/I05/1-1987
Tanggal
: 20 Januari 1987
6. Kepala Sekolah
: Taman Madya (SMA) Tamansiswa Medan
Nama
: Ki Drs. H.Azhar Miraza
NIP / NPA
: 3248
SK yang mengangkat
: Majelis Cabang Tamansiswa Medan
Nomor
: Cab.037/)rg/MD-SR/2008
Tanggal
: 1 Juli 2008
TMT
: 1 Juli 2008
7. Komite Sekolah
: Taman Madya (SMA) Tamansiswa Medan
Nama Ketua Komite Sekolah
: H.M. Marzuki, S.Pd,M.Pd
Nomor SK Komite Sekolah
: 421.1830/TM.AM/SK/IV. 2012
3.3 Struktur Organisasi
KETUA / KEPALA SEKOLAH Ki Drs. H.AZHAR MIRAZA
WKL KETUA / WKL KEP.SEK Nyi Dra.HJ. FITRI IDRIS
KEPALA TATA USAHA
Ki SUMARWANTO,S.Pd
WKL TATA USAHA
Nyi. NAZLIANI ,SH
WALI KELAS XI.IPA 1
Nyi Darvini Rezeki,S.Pd
WALI KELAS XI IPA 2
Nyi Susy Arima Djaya,SS WALI KELAS X 1
Nyi Deasy Handayani,S.Pd
WALI KELAS XII IPA.1
Nyi Rini Puji Astuti,S.Pd
WALI KELAS XII IPA.2
Nyi Fapma Sara Siregar,S.Pd WALI KELAS X 2
Nyi NURAINUN,S.Pd
WALI KELAS X 3
Nyi Ki M.Hendra Yudi
WALI KELAS X 4
Nyi T.Nilayanda,S.Pd
WALI KELAS XI IPS 1
Nyi Siti Chadijah Nst,S.Pd
WALI KELAS XII IPS 1
Nyi Ellyes Mariana, S.Pd PEMB.PPTS/OSIS
Nyi. Ellyes Mariana,S.Pd
WALI KELAS XII IPS 2
3.4 Fungsi / Tugas Organisasi
No N a m a Jabatan Fungsi / Tugas
1 Ki Drs.H.Azhar Miraza
Ketua / Kepala Sekolah
1. Menyusun Program
2. Memberikan Pengarahan /Pembinaan kpd Guru
3. Mempin Rapat Pleno
4. Mengawasi dan memantau Proses Kegiatan
Belajar Mengajar
5. Melakukan Evaluasi terhadap perkembangan
Dan kemajuan sekolah.
6. Penanda tanganan Berkas-berkas
7. Pengambilan Keputusan dibagian SMA
2
Nyi Dra.Hj.Fitri Idris Wkl Ketua/Wkl Kepsek1. Menyusun Jadwal / Roster Pelajaran
2. Menyusun laporan Jumlah jam Mengajar
3. Mengumpulkan KTSP ( Silabus dan RPP )
4. Melakukan Pengawasan dalam KBM
5. Menyusun Daftar Pembagia Tugas Guru
6. Melakukan Evaluasi kinerja Guru
7. Pengadaan Sarana Prasarana
8. Pengarsipan berkas-berkas
3 Ki Sumarwanto,S.Pd Kepala Tata Usaha
1. Penerimaan Siswa Baru dan Mutasi
2. Pendataan Siswa Baru
3. Menyusun Adiministrasi sekolah
4. Pengetikan Surat-menyurat
5. Pembuatan laporan berkala ke Dinas
6. Pengaturan tata ruang / kantor
4 Nyi Nazliani,SH Wakil Tata Usah
1. Membantu penerimaan Siswa Baru
2. Membantu Pendataan Siswa Baru
3. Membantu Administrasi Kantor
4. Melegalisir Berkas
5. Pengisian Buku Induk Siswa
6. Pengetikan Naskah Soal
7. Menginventarisasi barang-barang / alat-alat
8. Membantu pengarsipan berkas-berkas
5
Nyi EllyesMariana,S.Pd
Pembina PPTS/OSIS
1. Membuat Program Kegiatan Ekskul Siswa
2. Menyusun Jadwal Kegiatan Ektrakurikuler
3. Mengawasi Kegiatan Ektrakurikuler
4. Mendampingi dan Mengawasi Kegiatan Keluar
5. Membimbing dan Pembinaan terhadap siswa
6. Membentuk dan mengganti Kepengurusan PPTS / OSIS
7. Membuatan laopran Kegiatan Ekskul akhir
tahun.
8. Medampingi Rapat Kegiatan PPTS / OSIS
6 Pamong Wali Kelas
1. Membentuk Pengurus Kelas
2. Membentuk Daftar Petugas Piket 6 K
3. Membuat Denah Kelas
4. Mengawasi serta berperan sebagai BP/BK siswa Dalam kegiatan KBM
5. Turut mengawas Aktifitas dan Perkembangan
Siswa dalam kegiatan KBM
6. Membuat Silabus/RPP, Prosem/Prota,Legher/
7. Penulisan DKN dan Rapor setiap semester
Pamong Guru Kelas
1. Membuat Silabus /RPP/Prosem/Prota 2. Mengisi Daftar Pelajaran setiap masuk kelas
3. Mengabsensi Siswa pada jam awal dan akhir
4. Menyampaikan Laporan keadaan Kelas kepada Piket / BP
5. Mengadakan Ulanganharian,Mingguan/
bulanan
7. Membuat Naskah Soal Mid dan Ujian Semester
8. Menganalisis Pelajaran yang ttelah diujikan
9. Meremedial siswa yang tidak tuntas
10. Membuat daya Serap Siswa
3.5 Visi dan Misi
3.5.1 Visi
Visi Persatuan Tamansiswa adalah sebagai badan perjuangan kebudayaan dan
pembangunan masyarakat yang menggunakan pendidikan dalam arti luas sebagai
sarana dalam upaya membangun masyarakat tertib damai salam dan bahagia
Cabut dan yg bermasalah dikelasnya.
9. Melakukan Panggilan Orang tua (SPO) bagi
Siswa yang sudag berulangkali melanggar
3.5.2 Misi
Misi Persatuan Tamansiswa bermisi tiga yaitu:
1.
Melestarikan dan pengembangan kebudayaan nasional indonesia.
2.
Mewujudkan masyarakat tertib damai, salam dan bahagia sesuai masyarakat
adil makmur berdasarkan pancasila.
3.
Mencerdaskan kehidupan bangsa dengan mempertajam daya cipta, rasa, dan
karsa manusia.
Ketiga misi itu diupayakan melalui pendidikan dalam arti luas, yaitu pendidikan
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
4.1
Analisis
S
ebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus
diperhatikan adalah pada tiap tahap analisis. Tahap analisis bertujuan untuk
mengetahui mekanisme system yang akan di kerjakan pada tiap- tiap pembuatan situs
web ini,
prosesâproses yang terlibat dalam sistem
serta hubungan antara proses cara
kerjanya suatu sistem.
Dari Hasil penelitian tersebut penulis memperoleh data-data sebagai berikut:
1.
Siswa
-
Nis
-
Nama
-
Tempat Lahir
-
Tanggal Lahir
-
Alamat
-
Kelas
-
Wali kelas
-
Jenis Kelamin
-
Agama
-
Foto
2.
Guru
-
Nip
-
Tempat Lahir
-
Tanggal Lahir
-
Alamat
-
Jabatan
-
No Hp
-
Jenis Kelamin
-
Agama
-
Foto
3.
Mata Pelajaran
-
Id
-
Kode Mata Pelajaran
-
Nama Mata Pelajaran
-
Kkm
4.
Nilai
-
Id
-
Nis
-
Id Mata Pelajaran
-
Nilai
5.
UAS ( Ujian Akhir Semester )
Semua Komponen yang terdapat pada file database yang tersimpan di
Komputer.Komponen-komponen tersebut nantinya akan di olah sedemikan rupa
sehingga kita akan mendapatkan suatu sistem informasi akademik yang mampu
memenuhi kebutuhan. Waktu melakukan perancangan sistem maka petama kali yang
kita buat diagram konteks. Untuk membuat suatu diagram konteks,terlebih dahulu
system informasi yang di buat akan menghasilkan informasi apa saja serta
membutuhkan data apa saja,dan selanjutnyaditentukan sumber data yang dibutuhkan
system yang tujuannya informasi yang yang di hasilkan system. Setelah
mendeskripsikan kebutuhan data dan informasi yang harus dihasilkan,lalu digambar
data/informasi.Dari analisa yang di lakukan,di peroleh diagram konteks pada suatu
system sebagai berikut:
Info Nilai UTS,UAS Data Siswa, Raport, Mata Pelajaran
Data Guru
Info Data Siswa Nilai UTS,UAS, Info Data Guru
[image:38.595.108.535.161.682.2]
Laporan
Gambar 4.1 Data
Flow
Diagram Konteks
Guru Siswa
Pembantu kepala
0
Sistem Informasi Berbasis Web
,
Data Siswa Data Guru
Informasi Siswa
Informasi Guru
Laporan Data Siswa perangkatan
Laporan Mata Pelajaran perkelas Laporan UAS Persiswa
Laporan Raport
[image:39.595.114.524.99.697.2]Laporan Jumlah niali siswa permata kuliah
Gambar 4.2 Diagram Level 0 Sistem Informasi Akademik Taman Siswa
Guru0 Pembantu
kepala
Sekolah I
Siswa
F1 Mapel
1.0 Input Data
F2 Nilai
F2 Raport
2.0 Pembuatan
Laporan
F1 Siswa
4.2 Perancangan Sistem
Perancangan adalah salah satu langkah untuk memberikan gambaran secara umum
kepada manusia atau
user
tentang sistem yang diusulkan. Perancangan sistem atau
desain secara umum mendefenisikan komponen-komponen sistem informasi yang
akan dirancang.
Dalam tahap perancangan suatu situs ada hal yang harus dilakukan diantaranya
Perancangan DFD, Perancangan Output, Input, Database dan File .
4.2.1 Perancangan Output
Perancangan output bertujuan untuk menentukan suatu output yang akan
[image:40.595.131.526.390.717.2]digunakan oleh sistem. Keluaran ini berupa tampilan â tampilan layar pada
website
.
Gambar 4.3 Perancangan Menu Utama
Logo dan Gambar SMA Taman Siswa Medan
Foother
Login Administrator
Nim Nama Tpt_Lahir Tgl_lhr Alamat Kelas Wali_Kls J.Kelamin Agama
999
Xxxx
Xxxx
999
Xxxx
999
Xxxx
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
999
Xxxx
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
999
Xxxx
Xxxx
Xxxx
Gambar 4.4 Perancangan Daftar Siswa
[image:41.595.102.533.88.175.2]Nim Nama Tpt_Lahir Tgl_lhr Alamat Jabatan No_Hp J.Kelamin Agama
999
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
Xxxx
999
Xxxx
Xxxx
Gambar 4.5 Perancangan Daftar Guru
Kode M.Pelajaran
Nama
M.Pelajaran
KKM
999
Xxxx
999
999
Xxxx
999
[image:41.595.103.533.89.477.2]999
Xxxx
999
Gambar 4.6 Perancangan Daftar Mata Pelajaran
Nim Nama J.Kelamin Wali_Kelas Kelas
999
Xxxx
Xxxx
Xxxx
999
999
Xxxx
Xxxx
Xxxx
999
999
Xxxx
Xxxx
Xxxx
999
Gambar 4.7 Perancangan Daftar Ambil pelajaran
No Nim Nama_Siswa Nilai
999
999
Xxxx
999
999
999
Xxxx
999
999
999
Xxxx
999
[image:41.595.100.444.337.433.2] [image:41.595.102.536.477.559.2]4.2.2 Perancangan Masukan Data
Perancangan Masukan untuk menentukan data-data masukan,yang akan
digunakan untuk mengoperasikan pada sistem. Data â data masukan tersebut
diantaranya,Data Siswa, Data Guru, Data Mata Pelajaran, Data Penilaian, Data Raport
yang berfungsi memberikan data masukan pada pemprosesan sistem.
[image:42.595.123.528.216.453.2]Gambar 4.9 Perancangan Input Siswa
[image:42.595.125.532.498.741.2]Gambar 4.4 Perancangan Input Siswa
Gambar 4.10 Perancangan Input Guru
Nomor Induk Siswa : 9999999999999999999Nama Siswa : Xxxxxxxxxxxxxxxxxxx
Tempat Lahir : Xxxxxxxxxxxxxxxxxxx
Tanggal Lahir : 9999999999999999999
Alamat : Xxxxxxxxxxxxxxxxxxx
Kelas : 9999999999999999999
Wali Kelas : Xxxxxxxxxxxxxxxxxxx
Jenis Kelamin : Xxxxxxxxxxxxxxxxxxx
Agama : 9999999999999999999
Input Data Siswa
Nomor Induk Guru : 9999999999999999999
Nama Guru : Xxxxxxxxxxxxxxxxxxx
Tempat Lahir : Xxxxxxxxxxxxxxxxxxx
Tanggal Lahir : 9999999999999999999
Alamat : Xxxxxxxxxxxxxxxxxxx
Jabatan : 9999999999999999999
No_Hp : 9999999999999999999
Jenis Kelamin : Xxxxxxxxxxxxxxxxxxx
Agama : Xxxxxxxxxxxxxxxxxxx
Input Data Guru
Gambar 4.11 Perancangan Input Mata Pelajaran
Gambar 4.12 Perancangan Input Ambil Mata Pelajaran
[image:43.595.126.531.529.661.2]Gambar 4.13 Perancangan Input Data Nilai
Kode Mata Pelajaran : 9999999999999999999Nama Mata Pelajaran : Xxxxxxxxxxxxxxxxxxx
KKM : 9999999999999999999
Input Data Mata Pelajaran
Simpan
Nomor Induk Guru : 9999999999999999999
Nama Guru : Xxxxxxxxxxxxxxxxxxx
Jenis Kelamin : Xxxxxxxxxxxxxxxxxxx
Kelas : 9999999999999999999
Wali Kelas : Xxxxxxxxxxxxxxxxxxx
Input Ambil Mata Pelajaran
Simpan
Nim : 9999999999999999999
Nama Siswa : Xxxxxxxxxxxxxxxxxxx
Nilai : 9999999999999999999
Input Data Nilai
Profil
Visi dan Misi
Raport Berita
Siswa
Ambil Pelajaran
Penilaian Guru
Mata Pelajaran
Logo Dan Gambar SMA Taman Siswa Medan
Footer
Komentar
HOME
4.2.3 Perancangan Dialog
[image:44.595.125.540.178.735.2]4.2.4 Perancangan Database
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_tamsis dengan
[image:45.595.100.531.297.758.2]tabel-tabel sebagai berikut:
Tabel 4.1 Tabel User
Field Name
Type
Width
Description
Username
Varchar
20
Id
Password
Varchar
30
Password
Level
Varchar
30
Level
Tabel 4.2 Tabel Siswa
Field Name
Type
Width
Description
Nis
Varchar
10
Nis
Nama_Siswa
Varchar
35
Nama_Siswa
Tempat_lahir
Varchar
35
Tempat_lahir
Tanggal_lahir
Date
-
Tanggal_lahir
Alamat
Text
-
Alamat
Kelas
Varchar
10
Kelas
Wali_Kelas
Varchar
30
Wali_Kelas
Jenis_Kelamin
Varchar
15
Jenis_Kelamin
Agama
Varchar
20
Agama
Foto
Varchar
40
Foto
Tabel 4.3 Tabel Guru
Field Name
Type
Width
Description
Nip
Varchar
10
Nip
Nama_Guru
Varchar
40
Nama_Guru
Tempat_lahir
Varchar
40
Tempat_lahir
Tanggal_lahir
Date
-
Tanggal_lahir
Alamat
Text
-
Alamat
Golongan
Varchar
10
Golongan
Jabatan
Varchar
40
Jabatan
No_Hp
Varchar
15
No_Hp
Jenis_Kelamin
Varchar
15
Jenis_Kelamin
Agama
Varchar
20
Agama
Tabel 4.4 Tabel Mapel
Field name
Type
Width
Description
Id
Integer
10
Id
Kd_Mapel
Varchar
5
Kd_Mapel
Nama_Mapel
Varchar
40
Nama_Mapel
Kkm
Integer
5
Kkm
Tabel 4.5 Tabel Nilai
Field Name
Type
Width
Description
Id
Int
10
Id
Nis
Varchar
10
Nis
Id_Mapel
Int
10
Id_Mapel
Nilai
Int
5
Nilai
4.2.5 Perancangan Diagram Alir (
flowchart
) Website
Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi
flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan
disuatu algoritma.
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
Sistem Informasi Akademik SMA Taman Siswa Medan.
Flowchart
Sistem
Seorang pengunjung website dapat mengakses website SMA Taman Siswa Medan dan
dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing
halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart
Flowchart
File Menu
[image:47.595.122.518.119.604.2]
Gambar 4.15 Flowchart File Menu (Index)
STARTHalaman Depan
HOME HALAMAN HOME
PROFIL HALAMAN PROFIL
VISI DAN
MISI HALAMAN VISI MISI
SISWA HALAMAN DATA SISWA
GURU HALAMAN DATA GURU
PELAJARAN HALAMAN PELAJARAN
NILAI
ADMINISTRATOR
YA
YA
YA
YA
YA
YA
YA TIDAK
TIDAK
TIDAK
TIDAK
TIDAK TIDAK
TIDAK
HALAMAN NILAI
YA
A
B
C
D
E
F
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
admin dapat dilihat pada gambar di bawah ini.
Gambar 4.16
Flowchart
Login Administrator
A
Halaman admin
Input Username dan Password
If True TIDAK
Administrator
YA
Halaman Utama Admin
Keluar
B
C
END
[image:48.595.118.467.321.686.2]Flowchart
File Data Guru
Gambar 4.17
Flowchart
File Data Guru
E
Pilih Data Guru
Edit Halaman Edit Data
YA
Lihat Detail
Keluar
END
YA
Masukkan Data Guru
Hapus
TIDAK
Halaman Hapus Data
[image:49.595.117.505.151.696.2]Flowchart
File Data Siswa
Gambar 4.18
Flowchart
File Data Siswa
D
Pilih Data Siswa
Edit Halaman Edit Data
YA
Lihat Detail
Keluar
END
YA
Masukkan Data Siswa
Hapus
TIDAK
Halaman Hapus Data
[image:50.595.117.505.151.695.2]Flowchart
File Data Nilai
Gambar 4.19
Flowchart
File Data Nilai
G
Pilih Data Nilai
YA
Pilih Mata YA
Tampilkan Nilai Siswa
Input Nilai
TIDAK
Database
Pilih Mata
Tampilkan
[image:51.595.130.553.155.555.2]4.2.6 Perancangan File
Perancangan file termasuk dalam bagian perancangan database, yang diawali dengan
merancang diagram hubungan antara entitas (bisa dengan menggunakan E-R).
Untuk keperluan informasi, terkadang kita harus menghubungkan data antara
Siswa, Guru ataupun Mata Kuliah. Karena hubungan-hubungan itu, adanya data yang
sama akan sulit dihindari. Kalau data yang sama dibiarkan terjadi tanpa ada sebab
ataupun alasan yang jelas, maka hal itulah yang disebut dengan Redudansi Data.
Redudansi Data menyebabkan penyimpanan memori berlebihan yang tidak perlu.
Agar masalah tersebut terselesaikan, digunakan suatu pengkodean dan relasi
antara tabel maupun database. Dengan adanya relasi akan didapatkan efektifitas dan
efesiensi dalam pengelolaan database.
M
1
M
1
M
1
[image:52.595.115.542.423.685.2]1
M
Gambar 4.20 Diagram E-R Sistem Informasi Akademik SMA Taman Siswa Medan
Siswa Belajar Sekolah
Belajar di
Mengajar
Memberi Nilai
Kelas
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan
sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji,
menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-
langkah yang dibutuhkan dalam implementasi sistem adalah :
1.
Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang
website.
2.
Menyelesaikan rancangan sistem.
3.
Menulis, menguji, mengontrol dan mendokumentasikan website.
4.
Mendapatkan persetujuan.
5.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem adalah sebagai berikut:
1.
Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2.
Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru.
4.
Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat
rencana, mengontrol dan melakukan instalasi baru secara benar.
5.3 Komponen-komponen Utama Implementasi Sistem
Agar sistem informasi yang telah dikerjakan dapat berjalan baik atau tidak, maka
perlu kiranya dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu
dibutuhkan beberapa komponen utama mencakup perangkat keras (Hardware),
perangkat lunak (Software), dan perangkat manusia (Brainware). Pada website Sistem
Informasi SMA Taman Siswa Medan ini dibutuhkan komponen-komponen yang
mencakup sebagai berikut :
5.3.1. Perangkat Keras (Hardware)
Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama
dalam pengolahan data. Perangkat keras (hardware) yang digunakan meliputi:
a. Monitor
b. CPU (Central Processing Unit)
c. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan
d. Memori minimal 1014 MB
e. Keyboard dan mouse
5.3.2. Perangkat Lunak (Software)
Software adalah instruksi atau program-program komputer yang dapat digunakan oleh
komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam
hal ini, perangkat lunak yang digunakan penulis untuk aplikasi perancangan
website adalah:
b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL.
c. Macromedia Dreamweaver 8 sebagai editor pendesainannya.
d. PHP sebagai bahasa pemrograman server side.
e. Apache Web Server sebagai server lokal dalam pengetesan halaman web.
f. Browser sebagai tempat media tampilan halaman website. Seperti: Mozilla.
5.3.3 Unsur manusia (Brainware)
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan system
informasi, pemrosesan dan penggunaan keluaran sistem informasi.
Brainware dalam sistem informasi ini terbagi dari:
a.
Analisis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan
sistem atau program.
b.
Programmer
, yaitu orang yang mengerti bahasa pemrograman yang digunakan
dalam membuat dan membangun suatu program.
c.
Operator(
Admininistrator
), yaitu orang yang mengoperasikan sistem seperti
memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan
informasi dan lain sebagainya.
d.
Public
(Pengguna), yaitu orang yang memakai sistem yang telah dirancang
untuk mendapatkan informasi yang dibutuhkan.
5.4 Pengujian
Website
di Browser
Setelah selesai mengerjakan halaman website yang di buat , maka website tersebut
5.5 Halaman Utama (index.php)
Gambar 5.1 Halaman Utama website SMA Taman Siswa Medan
5.6 Halaman Home (Home.php)
[image:56.595.163.487.385.637.2]5.7 Halaman Penginputan Data
[image:57.595.110.540.461.671.2]Gambar 5.3 Input Data Siswa
Gambar 5.5 Input Data Guru ( pamong )
[image:58.595.139.539.454.673.2]Gambar 5.7 Input Data Mata Pelajaran
Gambar 5.8 Daftar Mata Pelajaran
[image:59.595.148.522.562.722.2]5.8 Halaman Nilai (nilai.php)
Gambar 5.10 Daftar Nilai Siswa
5.9 Halaman Raport (raport.php)
[image:60.595.111.525.353.744.2]BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dari hasil penelitian penulis, dapat disimpulkan sebagai berikut :
1.
Sistem Informasi pada SMA Taman Siswa Medan dapat di rancang dengan
menyiapkan website SMA Taman Siswa Medan.
2.
Dengan adanya Sistem informasi pada SMA Taman Siswa Medan, maka
informasi dapat diakses dan mengakses via internet.
3.
Sistem informasi pada SMA Taman Siswa Medan yang tercipta, maka waktu
untuk mengakses dan diakses dapat di minimumkan.
4.
Sistem informasi ini menampilkan identitas staf dan pengajar dari SMA Taman
Siswa Medan.
5.
Sistem informasi yang dibuat tidak menampilkan identitas siswa-siswi yang
bersekolah di SMA Taman Siswa Medan.
6.
Sistem informasi ini merupakan sarana informasi online yang dapat diakses oleh
siapapun yang bukan hanya para siswa-siswi maupun pengajar dari SMA Taman
Siswa Medan.
7.
Sistem informasi dapat dilihat oleh semua kalangan asalkan PC yang digunakan
6.2 Saran
Beberapa saran penulis dalam pembuatan sistem informasi ini adalah :
1.
Dengan adanya sistem informasi ini dapat memotivasi siswa SMA Taman Siswa
Medan dalam berprestasi dan terus meningkatkan ilmu pengetahuannya khususnya
dalam bidang Teknologi Informasi.
2.
Diharapkan adanya pengembangan lebih lanjut dari Sistem Informasi Akademik
SMA Taman Siswa yang di rancang penulis,sehingga menjadi sistem informasi
yang lebih lengkap dan terpadu untuk k
