Sistem Informasi Sekolah Bebasis Web Pada SMA Negeri 1 Tanjungbalai

(1)

SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMA NEGERI

1 TANJUNGBALAI

TUGAS AKHIR

DTM. ZIKRI AURA SYAHPUTRA 122406053

PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUAMTERA UTARA

(2)

SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMA NEGERI

1 TANJUNGBALAI

TUGAS AKHIR

Diajukan untuk melengkapi dan memenuh isyarat memperoleh

ahlimadya

DTM. ZIKRI AURA SYAHPUTRA 122406053

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUAMTERA UTARA

(3)

PERSETUJUAN

Judul : Sistem Informasi Sekolah Bebasis Web Pada SMA Negeri 1 Tanjungbalai

Kategori : Tugas Akhir

Nama : DTM. Zikri Aura Syahputra

Nomor Induk Mahasiswa : 122406053

Program Studi : Diploma 3 Teknik Informatika

Dapartemen : Matematika

Fakultas : Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Diluluskan di Medan, Juli 2015

Diketahui oleh

Ketua Prodi D3 TI FMIPA USU

NIP. 196005201985032002 Dr. Elly Rosmaini, M.Si

Disetujui oleh Pembimbing,

(4)

PERNYATAAN

SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMA NEGERI 1 TANJUNGBALAI

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan danr ingkasan yang masing-masing disebutkan sumbernya.

Medan, Juli 2015

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan tugas akhir dengan judul Sistim Informasi Sekolah Berbasis Web Pada SMA Negeri 1 Tanjungbalai.

Terimakasih penulis sampaikan kepada Bapak Dr. Faigiziduhu Bu’ulolo, M.Si, selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terimakasih kepada Ibu Dr.Elly Rosmaini, M.Si, dan Bapak Dr. Syahriol Sitorus, M.IT, selaku Ketua dan Sekretaris Progam Studi D3 Teknik Informatika FMIPA USU. Terimakasih kepada Bapak Prof. Dr. Tulus, M.Si, Ph.D dan Ibu Dr. Mardiningsih, M.Si, selaku Ketua Departemen dan Sekretaris Departemen Matematika FMIPA USU Medan. Terimakasih Kepada Bapak Dr. Sutarman, M.Sc, selaku Dekan FMIPA USU. Terimakasih Kepada seluruh Staff dan Dosen D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah dan tidak terlupakan kepada BapakDTM. Dahrumsyah, IbuRabi’ah dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.

(6)

ABSTRAK

Tugas akhir ini bertujuan membangun sebuah sistim informasi yang berbasis web. Sistim perancangan dalam pembuatan website Sistim Informasi Berbasis Web Pada SMA Negeri 1 Tanjungbalai ini dikembangkan dengan menggunakan beberapa software yaitu, XAMPP yang merupakan gabungan dari Apache Web Server, PHP dan MySQL dan Macromedia Dreamwaver 8. Dengan menggunakan

Macromedia Dreamwaver 8 maka pendesainan web akan lebih cepat dan mudah.

Sistim informasi ini berguna untuk mempermudah masyarakat Tanjungbalai khususnya untuk mengetahui tentang Sekolah SMA Negeri 1 yang ada di Tanjungbalai.

(7)

DAFTAR ISI

1.2 Perumusan Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan 2

1.5 Manfaat 3

1.6 Metodologi Penelitian 3

1.7 Tinjauan Pustaka 4

BAB 2 LANDASAN TEORI 8

2.1 Pengertian Komputer 8

2.1.1 Sistim computer 8

2.2 Pengertian Data, DFD, Flowchart, informasi dan sistim 9

2.2.1 Pengertian data 9

2.2.2 Data flow diagram (DFD) 10

2.2.3 Diagram alir (flowchart) 11

2.2.4 Pengertian informasi 12

2.2.5 Pengertian sistim 12

2.3 Sistim Informasi 13

2.3.1 Komponen sistim informasi 13

2.3.2 Perangkat sistim informasi 14

2.4 Internet 15

2.4.1 Manfaat Internet 15

2.5 Website 16

2.5.1 Web statis 16

2.5.2 Web dinamis 17

2.6 Hypertext Markup Language (HTML) 17

2.7 PHP 18

2.7.1 Sejarah singkat PHP 18

2.7.2 Kelebhihan PHP 19

2.7.3 Sintaks PHP 20

2.8 MySQL 20

2.9 Apache 22

2.10 Cassading Style Sheet 22

2.11 JavaScript 23

(8)

BAB 3 PERANCANGAN SISTIM 25

3.1 Perencanaan Perancangan 25

3.2 Perancangan Halaman Website 26

3.2.1 Halaman home 26

3.2.2 Halaman menu 26

3.2.3 Halaman guru,siswa,mata pelajaran 27

3.2.4 Halaman admin 27

3.3 Perancangan Data Flow Diagram 27

3.4 Perancangan Diagram Alir (Flowchart) 28

3.4.1 Flowchart menu utama 28

3.4.2 Flowhart menu admin 29

3.5 Merancang Database Server 30

BAB 4 IMPLEMENTASI SISTIM 33

4.1 Pengertian Implementasi Sistim 33

4.2 Kebutuhan Sistim 33

4.3 Tampilan Program 34

4.3.1 Tampilan home 34

4.3.2 Tampilan profil sekolah 35

4.3.3 Tampilan buku tamu 36

4.3.4 Tampilan login admin 36

4.3.5 Tampilan admin 37

BAB 5 KESIMPULAN DAN SARAN 38

5.1 Kesimpulan 38

5.2 Saran 38

DAFTAR PUSTAKA 39

(9)

DAFTAR GAMBAR

Nomor gambar Judul Halaman

2.1 Simbol Data Flow Diagram 10

2.2 Simbol-simbol flowchart 11

3.1 Struktur Website 26

3.2 Diagram Konteks Website 28

3.3 Flowchart Menu Utama 29

3.4 Flowchart Menu Admin 30

4.1 Tampilan Home 35

4.2 Tampilan Profil Sekolah 35

4.3 Tampilan Buku Tamu 36

4.4 Tampilan Login Admin 36

(10)

DAFTAR TABEL

Nomor table Judul Halaman

3.1 Tabel Admin 31

3.2 Tabel Siswa 31

3.1 Tabel Guru 31

3.4 Tabel Buku Tamu 31

3.5 Tabel Mata Pelajaran 32

3.6 Tabel Prestasi Guru dan Siswa 32

(11)

ABSTRAK

Tugas akhir ini bertujuan membangun sebuah sistim informasi yang berbasis web. Sistim perancangan dalam pembuatan website Sistim Informasi Berbasis Web Pada SMA Negeri 1 Tanjungbalai ini dikembangkan dengan menggunakan beberapa software yaitu, XAMPP yang merupakan gabungan dari Apache Web Server, PHP dan MySQL dan Macromedia Dreamwaver 8. Dengan menggunakan

Macromedia Dreamwaver 8 maka pendesainan web akan lebih cepat dan mudah.

Sistim informasi ini berguna untuk mempermudah masyarakat Tanjungbalai khususnya untuk mengetahui tentang Sekolah SMA Negeri 1 yang ada di Tanjungbalai.

(12)

BAB 1 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 internetdi mana batasan waktu dan jarak tidak berarti lagi bagi media yang satu ini. dapat berkomunikasi dengan siapa saja dan di mana 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 websiteyang merupakan hasil karya sendiri, mungkin tidak semua orang memilikinya. Padahal dengan memiliki website dapat mengenalkan diri pada semua orang yang ada di seluruh dunia,

baik mengenai diri, perusahaan atau segala sesuatu yang ingin sampaikan. Tidak mustahil juga dapat memperoleh uang dengan memiliki websitepribadi, asalkan dapat mengelolanya dengan baik.

Pengembangan jaringan komunikasi data antar komputer menjadikan internetmuncul 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 tentukan dan artikan tentang kebutuhan komunikasi dari seseorang.

(13)

1 Tanjungbalai dengan cepat tanpa memerlukan waktu yang banyak. Peranan websiteini 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 internetmemberikan ide buat penulis untuk membuat suatu website sekolah yang bisa memberikan informasi bagi para pengunjungnya.

1.2 Perumusan Masalah

Sistim informasi dalam lingkup sekolah sangat berperan penting di mana para siswa, orang tua dan guru dapat lebih mudah mengakses informasi program dan sistim dari sekolah itu, dan dapat mengetahui perkembangan sekolah.Objektif utama dalam sistim ini adalah untuk meningkatkan kinerja pengolahan data dan rancangan antar muka yang diperoleh. Dan identifikasi masalahnya adalah bagaimana cara memberikan sistim informasi pada sekolah SMA N 1 Tanjungbalai.

1.3

Untuk memberikan gambaran yang lebih jelas tentang penelitian yang dilaksanakan maka peneliti membatasi masalah diantaranya adalah memberikan informasi yang lebih efisien mengenai sekolah. Aplikasi web ini dibangun di bawah sistim operasi Windows 7 yang mencakup aplikasi Macromedia Dreamweaver, 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.

Batasan Masalah

1.4 Tujuan

Adapun tujuan dari penelitian ini adalah:

(14)

2. Membuat homepage pendidikan SMA N 1 Tanjungbalai yang dapat diakses oleh siapa saja dan untuk memberikan kemudahan bagi siswanya dalam menikmati layanan yang disediakan dalam situsnya.

1.5 Manfaat

Adapun manfaat dari pembuatan website ini adalah sebagai media penghubung antara masyarakat dengan sekolah.

1.6 Metodologi Penelitian

1.

Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data adalah:

2.

Penelitian dilakukan langsung ke SMA N 1 Tanjungbalai untuk mendapatkan data, di mana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada kepala sekolahpada sekolah tersebut.Adapun data yang diperoleh dari penelitian tersebut adalah data siswa, dataguru, kurikulum sekolah, visi misi sekolah, struktur organisasi sekolah, profil sekolah, gambar sekolah, dan sejarah berdiri sekolah. Untuk lebih detailnya mengenai profil dan visi misi sekolah dijelaskan terperinci pada bab 3, sedangkan untuk field-field yang dipakai pada data siswa dan data gurudicantumkan pada perancangan database di bab 4.

3.

Setelah memperoleh data dari sekolah SMA N 1 Tanjungbalai penulis merancang website ini sesuai dengan data dari sekolah tersebut. Di mana pada website akan ditampilkan seluruh informasi tentang SMA N 1 Tanjungbalai

seperti sejarah berdiri, profil, struktur organisasi, visi-misi, data siswa, dan data guru.

Untuk data yang bersifat dinamis seperti data guru dan data siswa, di mana setiap saat data tersebut bisa berganti. Data tersebut dapat dimanipulasi oleh administrator dengan login terlebih dahulu ke halaman admin website.

1.7 Tinjauan Pustaka

(15)

berjalan dengan baik diperlukan kerjasama diantara unsur-unsur yang terkait dalam sistim tersebut.

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.Sumber dari informasi adalah data.Data merupakan bentuk jamak dari bentuk tunggal datum atau data item.Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. (Jogiyanto,2005:11).Kegunaan informasi adalah untuk mengurangi ketidakpastian di dalam proses pengambilan keputusan tentang suatu keadaan. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya untuk mendapatkan informasi tersebut. Kualitas informasi sangat dipengaruhi atau ditentukan oleh beberapa hal yakni, Relevan (Relevancy), Akurat (Accurancy), Tepat waktu (Time liness), Ekonomis (Economy), Efisien (Efficiency), Ketersediaan (Availability), Dapat dipercaya (Reliability), Konsisten.

• HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Fungsi HTML yang lebih spesifik yaitu:

1. Membuat halam

2. Menampilkan berbagai informasi di dalam sebuah browser Internet.

3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

• CSS

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis

(16)

diaplikasikan untuk segala dokumen XML, termasuk SVG dan XUL bahkan ANDROID.

CSS dibuat untuk memisahkan konten utama dengan tampilan dokumen yang meliputi layout, warna dan font. Pemisahan ini dapat meningkatkan daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tablelesspada desain web. CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti

on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten web bisa

menentukan link yang menghubungkan konten dengan file CSS.

Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukuran dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web.

• Macromedia Dreamweaver

Macromedia Dreamweaver merupakan alat desain web komprehensif yang

(17)

• PHP

PHP adalah sebuah kepanjangan dari Hypertext Preprocessor, PHP Atau Hypertext Preprocessor adalah sebuah bahasa pemrograman yang berupa kode

atau script yang bisa ditambahkan ke dalam Bahasa Pemrograman HTML , PHP itu sendiri sering kali digunakan untuk hal merancang, membuat dan juga memprogram sebuah website. PHP juga sangat sering digunakan untuk membuat sebuah ataupun beberapa CMS, CMS ialah sebuah software atau perangkat lunak yang mempunyai kegunaan untuk memanipulasi semua atau beberapa isi dari sebuah halaman website.

PHP digunakan dan dijalankan di sebuah halaman website untuk mengolah isi data dari website tersebut yang akan dilihat oleh para pengunjung dari website tersebut. PHP dengan HTML diibaratkan sebagai 2 komponen yang saling bekerja sama dan menyatu yang tidak dapat dipisahkan, karena kedua bahasa pemrograman ini yaitu PHP dan HTML saling melengkapi semua data dan isi dari suatu website.Script yang terdiri dari komponen PHP menyatu dengan Script HTML.PHP mempunyai kegunaan juga untuk membuat sebuah halaman utama atau homepage dari sebuah website menjadi lebih bagus dan bersifat dinamis serta elegan. Hasil survei dari beberapa web developer indonesia, mereka mengatakan bahwa PHP adalah bahasa pemrograman yang paling sering digunakan pada tahun ini. Salah satu program dari database yang sangat membutuhkan bahasa pemrograman PHP ini adalah Program Database MySQL. MySQL sangat membutuhkan PHP, karena bahasa pemrograman PHP dapat memudahkan Web Developer yang menggunakan MySQL untuk melihat informasi detail mengenai

Website nya dan data-data pengunjung serta data-data lainnya secara otomatis akan disimpan di dalam Database. PHP sendiri bisa juga digunakan untuk Membuat Game di website.

• MySQL

MySQL adalah sebuah perangkat lunak sistim manajemen basis data SQL (bahasa

(18)

dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk

(19)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh instruksi-instruksi digital. Komputer berasal dari bahasa latin yaitu computare yang mengandung arti menghitung. Komputer adalah mesinpenghitung elektronik yang cepat dan dapat menerima informasi input digital,kemudian memprosesnya sesuai dengan program yang tersimpan dalam memoridan 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 lain sebagainya.

2.1.1 Sistim Komputer

Sistim komputer adalah kumpulan beberapa perangkat komputer yang saling mendukung dan mengerjakan masing-masing fungsinya untuk melakukan suatu pekerjaan. Tujuan dari sistim komputer adalah mengolah data untuk menghasilkan informasi. Agar tujuan tersebut dapat tercapai maka elemen-elemen dari komputer harus lengkap.

Elemen-elemen dari sistim komputer adalah sebagai berikut:

(20)

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 sistim 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 sistim komputer tersebut sudah berhubungan dan berinteraksi dengan baik, maka komputer akan berfungsi sesuai dengan yang kita harapkan.

2.2 Pengertian Data, Data flow diagram (DFD), Diagram Alir (Flowchart), Informasi dan Sistim.

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. a. Pengertian yang lain mengatakan bahwa data merupakan deskripsi dari sesuatu kejadian yang kita hadapi.

b. 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 acak yang menunjukkan jumlah atau tindakan atau hal-hal

lain.

(21)

alphabet, angka, maupun simbol khusus. Data disusun untuk diolah dalam betuk struktur data, struktur file, dan basis data.

2.2.2 Data Flow Diagram (DFD)

Data flow diagram adalah suatu gambaran grafis dari suatu sistim yang dapat menggambarkan arus data di dalam sistim dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan.

Gambar 2.1 Simbol Data Flow Diagram

2.2.3 Diagram Alir (flowchart)

(22)

Gambar 2.2 Simbol-simbol flowchart

2.2.4 Pengertian Informasi

Beberapa pengertian tentang informasi sebagai berikut:

a. Menurut Gordon B.Davis dalam bukunya Management Information System, conceptual Foundation, Structures, and Development menyebut informasi

(23)

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 Sistim

Beberapa pengertian tentang sistim sebagai berikut:

a. Dalam kamus Inggris-Indonesia nya Jhon M.Echols dan Hassan Shadily, system diartikan sebagai susunan.

b. Menurut M.Alexander dalam buku Information System Analisyst, Theory and Application, sistim 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 sistim.

(24)

2.3 Sistim Informasi

Pada dasarnya sistim informasi merupakan suatu sistim yang dibuat oleh manusiayang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan data informasi. Sistim informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.

2.3.1 Komponen Sistim Informasi

Sistim informasi memiliki komponen-komponen yang saling berinteraksi membentuk satu kesatuan dalam mencapai sasaran sistim. Adapun komponen dari sistim informasi adalah sebagai berikut:

a. Blok Masukan (Input Block)

Blok masukan dalam sebuah sistim 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 sistim secara keseluruhan. Blok teknologi ini merupakan komponen bantu yang memperlancar proses pengolahan yang terjadi dalam sistim.

e. Blok Basis Data (Database Block)

(25)

f. Blok Kendali (Control Block)

Meliputi masalah pengendalian terhadap operasional sistim berfungsi mencegah dan menangani kesalahan/kegagalan sistim.

2.3.2 Perangkat Sistim Informasi

Sebuah sistim informasi yang lengkap memiliki kelangkapan sebagai berikut: a. Hardware

Bagian ini merupakan bagian perangkat keras sistim informasi. Sistim informasi modren memiliki perangkat keras seperti komputer, printer dan teknologi jaringan komputer.

b. Software

Bagian ini merupakan bagian perangkat lunak sistim informasi. Sistim informasi modren memiliki perangkat lunak untuk memerintahkan komputer dalam melaksanakan tugas yang harus dikerjakannya.

c. Data

Merupakan komponen dasar dari sistim informasi yang akan diproses lebih lanjut untuk menghasilkan informasi.

d. Prosedur

Merupakan bagian yang berisikan dokumentasi prosedur atau proses-proses yang terjadi dalam sistim.

e. Manusia

Manusia merupakan bagian utama dalam suatu sistim informasi. Yang terlibat dalam komponen manusia adalah sebagai berikut:

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.

(26)

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 sistim 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 didunia, yang saling berinteraksi dan bertukar informasi, dari segi ilmu pengetahuan, internet merupakan sebuah perpustakaan yang di dalamnya terdapat jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara maupun animasi untuk melakukan pertukaran informasi jarak jauh.

2.4.1 Manfaat Internet

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia, manfaat internet sangat terasa bagi pengguna.

Adapun manfaat yang bisadiperoleh dari internet adalah sebagai berikut:

a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi fasilitas internet seperti e-mail, www, newsgroupdan 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.

f. Sebagai alat pertukaran data.

(27)

Website atau world wide web sering disingkat sebagai www atau web, yaitu sebuah sistim 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 weblain berisisuatu informasi yang tetap maka web tersebut statis.

Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.

2.5.2 Web Dinamis

(28)

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 diwujudkan secara icon base. Tetapi bagi seorang pengembang aplikasi web, kemampuan penguasaan terhadap kode html sangat diperlukan, sehingga sangat disarankan untuk menguasai kode html dengan menggunakan editor teks seperti notepad. Secara umum HTML dapat melakukan tugas-tugas sebagai berikut:

a. Mengontrol tampilan halaman web dan isinya. b. Mempublikasikan web secara online.

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

(29)

situs web tersebut lebih mudah dan efisien. Php merupakan software open-source yang disebarkan dan dilisensikan.

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.

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 dapat dilakukan oleh GCI, sepeti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI.

PHP dapat digunakan pada setiap sistim 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.

(30)

a. Adabase D

Sintaks PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP.

1. <?php … ?>

2. <script language=”PHP”> … </script> 3. <? … ?>

4. <% … %>

(31)

yang terdapat pada direktori C:\Program Files\Apache Software Foundation\Apache2.2\ PHP. Cara 4 juga dimungkinkan sebagai kemudahan bagi anda yang sudah terbiasa dengan Active Server Pages (ASP). Namun, bila cara tersebut tidak dikenal, maka harus dilakukan pengaktifan pada file konfigurasi php ini. Pengaktifan yang dilakukan pada file php ini terdapat pada baris berikut:

Language options

Allow ASP-style <%%>tags. Asp_tags=off

Ubah off menjadi on, kemudian simpan dan restart kembali web server anda.

2.8 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses database nya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada berbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi).

MySQL termasuk jenis Relation Database Management System (DBMS). Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

MySQL dapat didefenisikan sebagai:

a. MySQL merupakan sistim manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah, mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistim manajemen database MySQL server.

b. MySQL merupakan sistim manajemen database atau basis data terhubung (Relation Database Management System). Database terhubung menyimpan pada tabel-tabel terpisah. Kata SQLpada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standar yang digunakan untuk

(32)

c. MySQL merupakan Software Open Source, berarti semua orang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.

d. Server database MySQL mempunyai kecepatan yang tinggi, mudah digunakan, dan handal. MySQLdikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database diinternet.

e. MySQL Server bekerja di client server atau sistim embedded. Software database MySQL merupakan sistim yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application Programming Interfaces (APIs).

f. MySQL tersedia dalam beberapa macam bahasa.

Beberapa SQL command atau perintah SQLyang harus diketahui adalah : 1. CREATE DATABASE, untuk membuat sebuah database.

2. DROP DATABASE, untuk menghapus sebuah database. 3. CREATE TABLE,untuk membuat sebuah table.

4. ALTER TABLE, untuk memodifikasi sebuah table. 5. DROP TABLE, untuk menghapus sebuah table. 6. SELECT,untuk menampilkan data dari database. 7. UPDATE,untuk memodifikasi data dari database. 8. INSERT INTO, untuk menambah data di database. 9. DELETE,untuk menghapus data dari database.

2.9 Apache

Apache merupakan software yang dikeluarkan oleh Group Apache. Group Apache

(33)

2.10 Cassading Style Sheet(CSS)

Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu style sekali saja dapat digunakan berulang kali.

CSS banyak didukung browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh tehadap ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan yang lainnya dapat ditampilkan sesudahnya. Selain itu, penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.

2.11 JavaScript

JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun

1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan Sun Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.

JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan

diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah design web.

2.12 Macromedia Dreamweaver 8

Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.

(34)

sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.

(35)

BAB 3

PERANCANGAN SISTIM

3. 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 sistim, 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 Dreameamweaver 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 dan mempermudah dalam membangun website ini karena dengan pertanyaan-pertanyaan tersebut akan terbentuk kata kunci untuk membangun dan mengembangkan website ke arah yang lebih lanjut. Berkaitan dengan website yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut:

a. Website yang akan dibuat adalah sistim informasi berbasis web, yang menyediakan informasi yang menyangkut pendidikan dan kegiatan yang dilakukan sekolah.

(36)

c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai berita pendidikan terbaru, , mengetahui nama-nama siswa dan guru serta mata pelajaran, 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.

Adapun struktur dari situs yang penulis buat ditunjukkan pada Gambar 3.1

Gambar 3.1 Struktur Website

3.2 Perancangan Halaman Website 3.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 lainnya.

3.2.2 Halaman Menu

Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link yang menghubungkan ke halaman menu tentang sekolah lainnya, seperti Profil, Sarana dan Prasarana, Prestasi guru dan siswa, Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.

(37)

Halaman ini berisikan data siswa seluruh stambuk, dan data guru serta data mata pelajaran.

3.2.4 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.

3.3 Perancangan Data Flow Diagram (DFD)

Data flow diagram menggambarkan arus data dalam sistim 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 Flow Diagram dari website SMA NEGERI 1 TANJUNGBALAI.

-Info Menu -Login Administrator -Info Data Siswa -Data Siswa

-Info Data Guru -Data Guru

(38)

Laporan -Pengunjung -Info Data Siswa -Administrator -Info Data Guru

-Data Guru -Info Mata Pelajaran -Data Siswa

Gambar 3.2 Diagram Konteks Website

3.4 Perancangan Diagram Alir (flowchart) Website

(39)

menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMA NEGERI 1 TANJUNGBALAI.

3.4.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMA NEGERI 1 TANJUNGBALAI dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat pada Gambar 3.3

Gambar 3.3 Flowchart Menu Utama

3.4.2 Flowchart Admin

(40)

sesuai maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan data tidak tepat dan diminta untuk login kembali. Flowchart admin dapat dilihat pada Gambar 3.4

(41)

3.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 tabel sebagai berikut:

1. Tabel Admin

Field Name Type Width Description

Username varchar 20 Nama user Password varchar 50 Password

Tabel 3.1 Tabel Admin

2. Tabel Siswa

NIS int 10 Nomor induk siswa

Nama varchar 50 Nama siswa

Jenis_kelamin varchar 15 Jenis kelamin siswa

Agama varchar 10 Agama siswa

Kelas varchar 10 Kelas siswa

Tabel 3.2 Tabel Siswa

3. Tabel Guru

No Int 30 Nomor

Nama varchar 45 Nama guru

mata_pelajaran varchar 50 Mata pelajaran yang di ajarkan pendidikan varchar 50 Lulusan terakhir guru

(42)

4. Tabel Buku Tamu

Nama varchar 20 Nama pengunjung

Email varchar 50 Email pengunjung

Tanggal date - Tanggal komentar pengujung

Pesan text - Komentar pengunjung

Tabel 3.4 Tabel Buku Tamu

5. Tabel Mata Pelajaran

Kode int 10 Kode mata pelajaran

mata_pelajaran varchar 20 Nama mata pelajaran

Kkm int 10 Nilai minimal kelulusan

Tabel 3.5 Tabel Mata Pelajaran

6. Tabel Prestasi Guru dan Siswa

No int 10 Nomor urut prestasi

Prestasi varchar 50 Nama prestasi yang diraih Tahun varchar 50 Tahun prestasi tersebut

Tabel 3.6 Tabel Prestasi Guru dan Siswa

7. Tabel Sarana dan Prasarana

No int 10 Nomor urut

nama_ruang varchar 30 Nama jenis ruangan jumlah_ruang varchar 30 Jumlah ruangan

(43)

BAB 4

IMPELENTASI SISTIM

4.1 Pengertian Implementasi Sistim

Implementasi sistim adalah langkah-langkah atau proses yang dilakukan dalam menyelesaikan desain sistim yang telah disetujui, selanjutnya diinstal, diuji dan mulai digunakan untuk menggantikan sistim yang diperbaiki. Implementasi merupakan tahap penerapan rancangan yang sudah dibuat ke dalam. Bahasa pemrograman yang digunakan. Dalam tahap ini dilakukan beberapa hal yaitu penulisan program, kompilasi dan membuat program aplikasi yang siap pakai atau executable.

4.2 Kebutuhan Sistim

Sarana-sarana sangat dibutuhkan untuk memperoleh hasil dalam perancangan sistim yang baik yaitu berupa komponen-komponen penting dalam menunjang penerapan sistim yang telah dirancang.

Komponen-komponen tersebut adalah sebagai berikut: 1. Perangkat Keras (hardware)

Hardware adalah komponen-komponen yang membentuk suatu sistim komputer

yang berhubungan dengan peralatan (komponen) lainnya, sehingga memungkinkan komputer dapat melakukan tugasnya. Umumnya peralatan tersebut terdiri dari tiga jenis perangkat yaitu masukan (input device), perangkat pengolahan (processor) dan perangkat keluaran (output device), adapun hardware yang digunakan penulis dalam merancang sistim ini adalah:

a. Peralatan input, seperti: mouse, keyboard.

b. Peralatan proses, seperti: processor, RAM 4GB, motherboard, hardisk 500GB.

c. Peralatan output, seperti: monitor.

(44)

2. Perangkat Lunak (software)

Software adalah seluruh fasilitas suatu sistim pengolahan data yang bukan

peralatan komputernya atau merupakan suatu susunan yang harus diberikan kepada unit pengolahan agar komputer dapat menjalankan pekerjaannya sesuai yang dibutuhkan. Fasilitas software terdiri dari sistim desain, program-program dan prosedur-prosedur. Software yang digunakan antara lain:

a. Sistim operasi minimum microsoft windows XP dan maksimun microsoft windows 8.

b. Macromedia Dreamweaver sebagai bahasa pemrograman dan perancangan desain.

3. Unsur Manusia (Brainware)

Brainware merupakan aspek manusia yang menangani pengolahan komputer

maupun pengembangan, yang termasuk dalam brainware adalah:

a. Analisis sistim, yaitu orang membentuk dan membangun fasilitas rancangan sistim atau program.

b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program.

c. Operator (administrator), yaitu orang yang mengoperasikan sistim seperti memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lainnya.

d. Public (pengguna), yaitu orang yang memakai sistim yang telah dirancang.

4.3 Tampilan Program 4.3.1 Tampilan Home

(45)

Gambar 4.1 Tampilan Home

4.3.2 Tampilan Profil Sekolah

Tampilan profil ini menampilkan nama-nama kepala sekolah yang dimulai dari pertam sekolah ini didirikan sampai sekarang, dan juga disini terdapat sejarah singkat sekolah

(46)

4.3.3 Tampilan Buku Tamu

Pada Tamapilan ini pengunjung di berikan sarana atau media untuk memberikan komentar kepada pihak sekolah agar bisa memberikan saran atau masukan untuk web sekolah ini.

Gambar 4.3 Tampilan Buku Tamu

4.3.4 Tampilan Login Admin

Tampilan ini menampilkan suatu form untuk masuk ke halaman admin

(47)

4.3.5 Tampilan Admin

Tampilan ini bertujuan untuk mengubah data siswa, guru, ataupun mata pelajaran baik itu menambahkan data, menghapus data yang ada di dalam website sekolah ini.

(48)

BAB 5

KESIMPULAN DAN SARAN

5.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 sistim.

2. Website ini dibuat dengan menggunakan bahasa pemograman PHP sebagai bahasa pemogramannya, MySQLsebagai 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 website dan pengaksesan situs setelah di hosting.

5.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.

(49)

DAFTAR PUSTAKA

Abdul Kadir.2003. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi Yogyakarta

Arbie. 2004. Manajemen Database dengan MySQL. Jilit 1. Yogyakarta: Andi Yogyakarta Devlin, Ian, 2012, HTML5 multimedia: develop and design, peachpit press.

Master Web Indonesia. Artkel : Profesi Web di Indonesia. http://www.master.web.id

Raharjo,Budi. 2011. Belajar Pemrograman Web. Modula

Schultz, David & Craig Cook. 2007. Beginning HTML with CSS and XHTML: Modern Guide and Reference. Apress

Sutarman.2007.MembangunAplikasi Web Dengan PHP dan MySQL. Jakarta: GRAHA ILMU

Wikipedia. 2014. Personal Home Page. Diakses 24 Februari 2015. https://id.wikipedia.org/wiki/PHP.[Online]

Wikipedia. 2014. MySQL. Diakses 24 Februari 2015.

(50)

Hasil Uji Program Tugas Akhir SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika/Statistika :

Nama : DTM. ZIKRI AURA SYAHPUTRA

NIM : 122406053

Prog. Studi : Teknik Informatika

Judul TA : Sistem Informasi Sekolah Berbasis Web Pada SMA Negeri 1 Tanjungbalai

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal ……….

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, Juni 2015 Dosen Pembimbing

Program Studi D3 Teknik Informatika

(51)

(52)

LISTING PROGRAM

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>SMA NEGERI 1 TANJUNGBALAI</title>

href="pro_dropdown_2/pro_dropdown_2.css" />

(53)

<!--

.style1 {font-family: "Times New Roman", Times, serif}

.style4 {

font-family: monospace;

color: #849CCD;

font-size: xx-large;

}

-->

</style>

</head>

<body>

<br />

<?php include('menu.php')?>

</div>

(54)

href="prestasi.php">Prestasi Guru dan Siswa</a></li>

</br>

(55)

<div id="content_wrapper"><font color="#339900"><h2 align="center"

class="style1"><marquee><span class="style4">SELAMAT DATANG DI WEBSITE SMA NEGERI 1 TANJUNGBALAI</span>

</marquee>

<li><img src="data1/images/1.jpg" alt="SMA N 1 TANJUNGBALAI" title="SMA N 1 TANJUNGBALAI"

id="wows1_0"/></li>

id="wows1_1"/></li>

id="wows1_2"/></li>

id="wows1_3"/></li>

id="wows1_4"/></li>

id="wows1_5"/></li>

(56)

id="wows1_7"/></li>

id="wows1_8"/></li>

id="wows1_9"/></li>

id="wows1_10"/></li>

<li><a href="http://wowslider.com"><img src="data1/images/14.jpg" alt="angular slider"

title="SMA N 1 TANJUNGBALAI" id="wows1_13"/></a></li>

</ul></div>

<a href="#" title="SMA N 1

TANJUNGBALAI"><span><img src="data1/tooltips/1.jpg" alt="SMA N 1 TANJUNGBALAI"/>1</span></a>

(57)

(58)

</div> NEGERI 1 TANJUNGBALAI </div>

</div>

<head>

(59)

<!--

-->

</style>

</head>

<body>

<br />

(60)

(61)

<td colspan="2" align="center" bgcolor="#669933"><span class=""><font color="#FFFFFF" size="+1">Search

<td width="105" bgcolor="#669933"><input type="text" name="q" id="q" size="15"

placeholder="Search"/></td></tr>

<input style="font-weight: bold;" input type="reset" class="submit_btn" name="reset" id="reset"

value="Reset"></td>

</tr></table></form>

</div>

(62)

</div>

</div>

</center>

</body>

</html>

pengunjungguru.php

<head>

(63)

<title>SMA NEGERI 1 TANJUNGBALAI</title>

<!--

-->

</style>

</head>

<body>

<br />

(64)

</ul>

(65)

value="Reset"></td>

(66)

</div>

</div>

</center>

</body>

</html>

pengunjungmapel.php

<head>

(67)

<title>SMA N 1 TANJUNGBALAI</title>

<!--

-->

</style>

</head>

<body>

<br />

(68)

(69)

value="Reset"></td>