• Tidak ada hasil yang ditemukan

SISTEM INFORMASI AKADEMIK SMP NEGERI 7 KOTA BINJAI DENGAN MENGUNAKAN PEMROGRAMAN PHP DAN MYSQL TUGAS AKHIR JONO LEONARDO SIRAIT

N/A
N/A
Protected

Academic year: 2022

Membagikan "SISTEM INFORMASI AKADEMIK SMP NEGERI 7 KOTA BINJAI DENGAN MENGUNAKAN PEMROGRAMAN PHP DAN MYSQL TUGAS AKHIR JONO LEONARDO SIRAIT"

Copied!
134
0
0

Teks penuh

(1)

SISTEM INFORMASI AKADEMIK SMP NEGERI 7 KOTA BINJAI DENGAN MENGUNAKAN PEMROGRAMAN

PHP DAN MYSQL

TUGAS AKHIR

JONO LEONARDO SIRAIT 132406019

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA MEDAN

2016

(2)

SISTEM INFORMASI AKADEMIK SMP NEGERI 7 KOTA BINJAI DENGAN MENGUNAKAN PEMROGRAMAN

PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

JONO LEONARDO SIRAIT 132406019

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA MEDAN

2016

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI AKADEMIK SMP

NEGERI 7 KOTA BINJAI DENGAN MENGUNAKAN PEMROGRAMAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : JONO LEONARDO SIRAIT

Nomor Induk Mahasiswa : 132406019

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juni 2016

Disetujui Oleh:

Program Studi D3 Teknik Informatika Pembimbing FMIPAUSU

Ketua,

Dr. Elly Rosmaini, M.Si Prof. Saib Suwilo, M.Sc

NIP. 196005201985032002 NIP. 19640109 198803 1 004

(4)

PERNYATAAN

SISTEM INFORMASI AKADEMIK SMP NEGERI 7 KOTA BINJAI DENGAN MENGUNAKAN PEMROGRAMAN PHP DAN MYSQL

TUGAS AKHIR

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

Medan, Juni 2016

JONO LEONARDO SIRAIT 132406019

(5)

PENGHARGAAN

Puji Syukur penulis ucapkan serta panjatkan kepada Allah SWT telah memberikan rahmat-Nya kepada penulis sehingga penulis dapat menyelesaikan tugas akhir yang berjudul “SISTEM INFORMASI AKADEMIK SMP NEGERI 7 KOTA BINJAI DENGAN MENGUNAKAN PEMROGRAMAN PHP DAN MYSQL” sebagai salah satu syarat untuk menyelesaikan perkuliahan pada Program Studi Diploma III Teknik Informatika Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Pada kesempatan ini penulis mengucapkan terima kasih serta penghargaan yang sebesar-besarnya kepada ayahanda J. Sirait dan ibunda tersayang R. Br Simanjuntak yang telah membimbing dengan penuh cinta kasih sayang, memelihara dan memperhatikan penulis sejak kecil selalu mencukupi segala keperluan baik secara moral maupun materil hingga akhirnya penulis mampu menyelesaikan laporan tugas akhir ini. Selanjutnya penulis menyampaikan rasa terima kasih dan penghargaan sebesar-besarnya kepada semua pihak yang telah memberikan bantuan dan masukan, baik secara moral dan materil dalam menyelesaikan penulisan tugas akhir ini, terutama sekali kepada :

1. Tuhan Yang Maha Esa, Sang Khalik yang tidak pernah berhenti memberikan berkat dan rahmat-Nya.

2. Bapak Bapak Prof. Saib Suwilo, M.Sc, selaku Dosen pembimbing penulis yang selalu memberikan masukan, baik kritik dan saran kepada penulis selama pembuatan tugas akhir ini mulai dari awal sampai dengan selesai.

3. Bapak Drs. Kerista Sebayang, M.S, selaku Dekan Fakultas Matematika dan lmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Fakultas Matematika dan Ilm Pengetahuan Alam Universitas Sumatera Utara.

5. Ibu Dra. Elly Rosmaini, M.Si, selaku Ketua Program Studi Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sumatera Utara.

(6)

6. Bapak dan Ibu Dosen serta staf Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

7. Buat seluruh alumni D3 Teknik Infomatika yang selama ini telah membantu penulis dalam memberikan saran untuk menyelesaikan program.

8. Buat teman-teman yang telah memberikan semangat dan motivasi kepada penulis dalam penyelesaian tugas akhir ini.

9. Buat seluruh teman angkatan 2013 terkhususnya teman-teman kom B yang selama ini telah menjadi keluarga dan sahabat penulis.

10. Semua keluarga, saudara, dan juga rekan-rekan baik dikampus maupun diluar kampus.

Laporan tugas akhir ini sudah selesai, namun penulis menyadari bahwa masih ada kekurangan karena keterbatasan pengetahuan dan kemampuan penulis.

Untuk itu, diharapkan kritik dan saran yang bersifat membangun demi perbaikan dan penyempurnaan tugas akhir ini. Semoga tugas akhir ini bermanfaat bagi semua yang membaca sebagai wacana dalam memperluas cakrawala pengetahuan.

Kiranya Allah SWT memberi Rahmat-nya kepada kita semua sehingga sukses dalam menggapai cita-cita yang diinginkan. Amin.

Medan, Juni 2016 Penulis,

Jono Leonardo Sirait NIM. 132406019

(7)

ABSTRAK

Kajian ini penulis bertujuan untuk membuat perancangan website Sistem

Informasi Akademik, merupakan sebuah website akademik yang digunakan untuk

mengakses dan menginput data akademik dari website pada internet. Metode dan

perancangan website Sistem Informasi Akademik SMP Negeri Kota 7 Binjai ini

dibuat dengan menggunakan bahasa pemrograman PHP dan MYSQL. Cara kerja

dari website yang dibuat adalah mengakses data yang terdapat di website Sistem

Informasi Akademik. Hasil rancangan dari website Sistem Informasi Akademik

ini dapat memberikan informasi tentang berbagai aktifitas akademik di Sekolah

SMP Negeri 7 Kota Binjai. Dan tujuan website ini untuk mempermudah pengguna

atau pegawai di bagian tata usaha sekolah dalam mengolah data yang berkaitan

dengan aktifitas akademik sekolah. Target yang akan dicapai dari perancangan

website sistem informasi akademik ini adalah setiap pengunjung bisa mengetahui

apa saja informasi yang ada di SMP Negeri 7 Kota Binjai dengan hak akses yang

sudah ditentukan masing-masing. Kajian ini dibuat bertujuan untuk menambah

wawasan cara membuat website sistem informasi akademik, sekaligus bisa

digunakan untuk sekolah yang bersangkutan nantinya.

(8)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 3

1.4 Tujuan Penelitian 3

1.5 Manfaat Penelitian 4

1.6 Metodologi 4

1.7 Sistematika Penuliasn 5

BAB 2 LANDASAN TEORI 7

2.1 Pengertian Aplikasi Web 8

2.2 Pengertian Komputer 8

2.3 Mengenal PHP 8

2.3.1 Sejarah singkat PHP 9

2.3.2 Kelebihan PHP 9

2.3.3 Skrip Php 10

2.4 Mysql 10

2.5 Pengertian Sistem Informasi 11

2.5.1 Sistem 11

2.5.2 Informasi 11

2.5.3 Sistem Informasi 12

2.6 Internet 13

2.7 World Wide Web (WWW) 14

2.7.1 Lahirnya Web 15

2.7.2 Browser Web 16

2.7.3 Server Web 17

2.7.4 Istilah-Istilah Umum yang Harus Diketahui 17

2.8 HTML (Hypertext Markup Language) 18

2.8.1 Dokumen HTML 18

2.8.2 Penamaan Dokumen HTML 18

2.8.3 Dasar-Dasar HTML 19

2.8.4 Elemen dan Tag HTML 22

(9)

2.9 Pengertian Sistem 24

2.9.1 Pengertian Informasi 25

2.9.2 Pengertian Sistem Informasi 26

2.10 Sublime Text 2 27

2.11 Cascading Style Sheet (CSS) 27

2.12 Macromedia Dreamweaver 28

BAB 3 DESKRIPSI SEKOLAH 29

3.1 Sejarah Singkat SMP Negeri 7 Kota Binjai 29 3.2 Visi, Misi, dan Tujuan SMP Negeri 7 Kota Binjai 29

3.2.1 Visi SMP Negeri 7 Kota Binjai 30

3.2.2 Misi SMP Negeri 7 Kota Binjai 30

3.2.3 Tujuan SMP Negeri 7 Kota Binjai 31

3.3 Struktur Organisasi SMP Negeri 7 Kota Binjai 32 3.4 Uraian Tugas dan Fungsi Organisasi 33

Bab 4 PERANCANGAN SISTEM 37

4.1 Perancangan Sistem 37

4.2 Tujuan Pengembangan Sistem 38

4.3 Langkah Langkah Perancangan Sistem 39

4.4 Perancangan Data Flow Diagram (DFD) 39

4.5 Perancangan Flowchart 41

4.5.1 Perancangan Flowchart Halaman Utama 44

4.5.2 Flowchart Halaman Admin 45

4.5.3 Flowchart Input Data Pada Admin 45

4.6 Mempersiapkan Database Server 46

BAB 5 IMPLEMENTASI SISTEM 52

5.1 Defenisi Implementasi Sistem 52

5.2 Tujuan Implementasi Sistem 53

5.3 Kebutuhan Sistem 54

5.3.1 Perangkat Lunak (Software) 54

5.3.2 Perangkat Keras (Hardware) 55

5.3.3 Unsur Manusia (Brainware) 56

5.4 Uji Program 56

BAB 6 KESIMPULAN DAN SARAN 65

6.1 Kesimpulan 65

6.2 Saran 66

DAFTAR PUSTAKA

LAMPIRAN

(10)

DAFTAR TABEL

Halaman

Tabel 4.1 Simbol-Simbol DFD 40

Tabel 4.2 Simbol-Simbol Flowchart 41

Tabel 4.3 Atribut tbl_admin 47

Tabel 4.4 Atribut tbl_guru 47

Tabel 4.5 Atribut tbl_siswa 48

Tabel 4.6 Atribut tbl_event 49

Tabel 4.7 Atribut tbl_galeri 49

Tabel 4.8 Atribut tbl_informasi 50

Tabel 4.9 Atribut tbl_mapel 50

Tabel 4.10 Atribut tbl_tugas 51

(11)

DAFTAR GAMBAR

Halaman

Gambar 3.1 Struktur Organisasi SMP Negeri 7 Kota Binjai 32

Gambar 4.1 Diagram Konteks 43

Gambar 4.2 Flowchart Halaman Utama 44

Gambar 4.3 Flowchart Halaman Admin 45

Gambar 4.4 Flowchart Input Data Pada Admin 46

Gambar 5.1 Tampilan Halaman Utama 55

Gambar 5.2 Tampilan Halaman Profil 56

Gambar 5.3 Tampilan Halaman Siswa 56

Gambar 5.4 Tampilan Halaman Guru 57

Gambar 5.5 Tampilan Halaman Mata Pelajaran 57

Gambar 5.6 Tampilan Halaman Informasi 58

Gambar 5.7 Tampilan Halaman Galeri 58

Gambar 5.8 Tampilan Halaman Portal Siswa 59

Gambar 5.9 Tampilan Halaman Galeri 59

Gambar 5.10 Tampilan Halaman Login Admin 60

Gambar 5.11 Tampilan Halaman Entri Data Siswa 61

Gambar 5.12 Tampilan Halaman Entri Data Guru 61

Gambar 5.13 Tampilan Halaman Entri Data Mapel 62

Gambar 5.14 Tampilan Halaman Entri Data Informasi 62

Gambar 5.15 Tampilan Halaman Entri Data Event 63

Gambar 5.16 Tampilan Halaman Entri Data Galeri 63

(12)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Seiring dengan perkembangan teknologi yang begitu pesat, kebutuhan informasi sangat diperlukan, terlebih lagi informasi yang dihasilkan mengandung nilai yang benar, akurat, tepat, dan tentunya menghemat waktu. Sehingga siapapun dan apapun yang menggunakan teknologi informasi tersebut dapat menangani berbagai masalah dengan waktu yang singkat.

Semakin meningkatnya tuntutan masyarakat pada lembaga-lembaga

pendidikan untuk dapat memberikan pelayanan yang prima, diperlukan suatu

media informasi untuk memenuhinya. Dengan penerapan media informasi

diharapkan sebuah lembaga pendidikan dalam segala kegiatannya dapat

menciptakan pelayanan kepada semua pihak. Teknologi internet sangat sesuai

untuk memenuhi tuntutan kecepatan pelayanan yang diinginkan, mengingat

internet dapat diakses kapan saja, dimana saja serta implementasinya relatif

murah.

(13)

Sebagai salah satu Sekolah Menengah Pertama yang memiliki potensi dalam mempercepat perkembangan dunia pendidikan di Kota Binjai perlu adanya suatu sistem informasi untuk memberikan kemudahan dalam mengakses berkaitan dengan SMP Negeri 7 Kota Binjai, mulai dari melihat data siswa, data guru, ruangan, fasilitas sekolah dan juga informasi letak sekolah supaya masyarakat dapat mengetahui letak SMP Negeri 7 Kota Binjai.

Dalam hal ini penulis mencoba membuat Sistem Informasi Akademik secara komputerisasi yang akan di terapkan pada SMP Negeri 7 Kota Binjai, guna mewujudkan suatu layanan yang lebih cepat dan akurat dengan melibatkan tenaga pendidik maupun kependidikan yang telah ada.

Sehingga untuk mengatasi permasalahan di atas penulis akan membuat tugas akhir dengan judul :

“SISTEM INFORMASI AKADEMIK SMP NEGERI 7 KOTA BINJAI MENGGUNAKAN PEMROGRAMAN PHP DAN MYSQL”.

1.2 Rumusan Masalah

Sesuai dengan latar belakang masalah di atas, secara umum pokok permasalahan

yang dikaji dalam penelitian ini adalah melihat bahwa teknologi masih belum

dijangkau oleh semua Sumber Daya Manusia. Hampir semua proses yang

dilakukan dalam kegiatan akademik pada sekolah SMP Negeri 7 Binjai masih

dilakukan dengan cara manual. Sehingga mengakibatkan lamanya proses

(14)

penyebaran informasi tentang akademik pada sekolah SMP Negeri 7 Binjai. Oleh sebab itu Sistem Informasi Akademik SMP Negeri 7 Binjai nanti bisa membantu proses pengolahan data akademik secara komputerisasi berdasarkan data yang ada..

1.3 Batasan Masalah

Dalam perancangan website ini dilakukan beberapa batasan sebagai berikut :

1. Bahasa pemrograman yang digunakan dalam perancangan website ini adalah bahasa pemrograman PHP dan MySql.

2. Sistem informasi ini khusus menangani pengelolaan informasi akademik di SMP Negeri 7 Binjai.

3. Sistem ini mempunya hak akses terbatas bagi pengunjung. Hanya admin yang mempunya akses penuh terhadap sistem informasi ini.

1.4 Tujuan Penelitian

Dalam penyusunan tugas akhir ini tujuan yang hendak dicapai dalam website Akademik ini adalah:

1. Merancang sebuah website untuk membantu masyarakat untuk mendapatkan informasi tentang sekolah.

2. Merancang website yang dapat dikembangkan dan digunakan oleh siswa

untuk mendapatkan informasi tentang kegiatan akademiknya.

(15)

3. Merancang website yang dapat dikembangkan dan digunakan oleh guru untuk mendapatkan informasi tentang nilai dan jadwal mengajarnya.

1.5 Manfaat Penelitian

Manfaat yang diperoleh dari website Sistem Informasi Akademik SMP Negeri 7 Kota Binjai ini :

1. Memberikan kemudahan bagi seluruh para pengguna mendapatkan informasi tentang kegiatan akademis sekolah , baik itu siswa, guru maupun masyarakat.

2. Memberikan kemudahan dalam pengaksesan informasi, sehingga dapat dilakukan dimana saja.

3. Membantu dalam menerapkan sistem baru dalam sebuah sistem informasi akademik.

1.6 Metodologi

Metodologi penelitian yang digunakan penulis untuk menyelesaikan permasalah yang terjadi di atas adalah :

1. Studi Literatur

Pengumpulan data yang erat kaitannya dengan permasalahan dengan cara

membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya di

perpustakaan USU.

(16)

2. Analisis Sistem

Melakukan analisis sistem terhadap masalah yang ada mengenai website organisasi bisa dijalankan dengan mudah dan bisa dimanfaatkan oleh pengguna pada komputer dengan fasilitas internet.

3. Pengujian dan Analisis

Pada tahap ini dilakukan pengujian program untuk mengetahui kekurangan yang mungkin terdapat dalam program untuk pengembangan lebih lanjut.

4. Pembuatan Laporan

Pembuatan laporan yang dimaksud adalah penyusunan laporan hasil Tugas Akhir dengan disertai kesimpulan akhir.

1.7 Sistematika Penulisan.

Agar dapat memberikan gambaran yang jelas pada penulisan tugas akhir ini, maka penulis membaginya dalam beberapa bab sebagai berikut :

Bab 1 : Pendahuluan

Bab ini berisi tentang latar belakang masalah, identifikasi masalah, batasan masalah, tujuan dan manfaat, metodologi penyelesaian, dan sistematika penulisan.

Bab 2 : Landasan Teori

Bab ini mengungkapkan tentang konsep dasar dan teori–teori yang mendukung

pembahasan untuk tema penulisan yang didapatkan dari beberapa literature.

(17)

Bab 3 : Sekilas Tentang SMP Negeri 7 Kota Binjai

Bab ini membahas tentang latar belakang, struktur organisasi, tujuan, dan visi misi pada SMP Negeri 7 Kota Binjai

Bab 4 : Perancangan Sistem

Bab ini membahas tentang perancangan website SMP Negeri 7 Kota Binjai dan gambaran umum rancangannya.

Bab 5 : Implementasi Sistem

Bab ini membahas analisa hasil dan pembahasan website SMP Negeri 7 Kota Binjai yang dirancang. Pembuatan program yang diajukan, tampilan dari program dan pengujian website tersebut.

Bab 6 : Kesimpulan dan Saran

Bab ini berisi kesimpulan dan saran dari bab–bab yang ada dalam tugas akhir ini.

(18)

BAB 2

LANDASAN TEORI

2.1 Pengertian Aplikasi Web

Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Aplikasi web dibangun dengan menggunakan bahasa HTML (Hypertext Markup Language).

Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan HTML dengan PHP dan ASP pada skrip objek.

Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer (Remick, 2011). Pada mekanisme aplikasi web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan diterima oleh klien. (Abdul Kadir, 2009).

Aplikasi adalah sebuah „mahakarya Symphony Orchestra‟ dari pelaku

Teknologi Informasi, yang merupakan hasil kerjasama antara sumber daya

manusia, tools dan pengguna dalam sebuah manajemen yang terintegrasi dimana

(19)

didalamnya ada perencanaan, ujicoba, pelaksanaan dan pemeliharaan, dengan tujuan akhir untuk mendukung aktifitas manusia agar lebih efisien dan efektif.

Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program yang terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah diperintahkan.

2.2 Pengertian Komputer

Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).

2.3 Mengenal PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs

personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada

waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa

sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

(20)

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul- modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

2.3.1 Sejarah Singkat PHP

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya.

Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis.

Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis.

Kemudian mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Versi mutahir dari PHP diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0.

2.3.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, seperti mengumpulkan data dari form, menghasilkan isi

halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan

(21)

lebih dari kemampuan CGI. PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh.

2.3.3 Skrip PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda:

<?php. . . ?>

<? . . . .?>

<script language=”PHP”> . . . . .</script>

Script yang dibuat dengan PHP disimpan dengan nama dan diikuti dengan ekstensi *.php, misalnya : contoh.php. bila scrip PHP diakses melalui komputer local maka file PHP disimpan folder htdocs di web server.

Berikut contoh dari scrip PHP:

<?php

echo (“Jono Leonardo Sirait”);

?>

2.4 MySQL

MySQL merupakan salah satu perangkat lunak sistem pengelola basis data

(database management system). MySQL juga dapat dikategorikan sebagai relation

Database Management Sistem (RDBMS). Karena dalam pembuatan basis data

pada MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi. Setiap tabel

pada MySQL terdiri atas lajur horizontal dan lajur vertikal.

(22)

2.5 Pengertian Sistem Informasi

Di bawah ini terdapat beberapa Pengertian sistem informasi dan data menurut para ahli yaitu:

2.5.1 Sistem

Beberapa pengertian tentang sistem adalah sebagai berikut :

1. Murdick and Ross mendefinisikan sistem seperangkat elemen yang digabungkan satu dengan yang lainnya untuk suatu tujuan yang sama.

2. Menurut M. Alexander dalam buku information system analysis menyatakan bahwa sistem merupakan elemen – elemen baik berupa fisik maupun non fisik yang menunjukkan suatu kumpulan yang saling berhubungan dan berinteraksi menuju satu atau lebih tujuan, sasaran atau akhir sebuah sistem.

3. C.W. Churcham menurutnya sistem adalah seperangkat bagian–bagian yang dikoordinasikan untuk melaksanakan seperangkat tujuan.

2.5.2 Informasi

Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu proses transformasi data menjadi suatu informasi == input – proses – output.

Menurut Davis dalam Abdul Kadir, informasi adalah data yang telah diolah

menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi

(23)

kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima.

2.5.3 Sistem informasi

Sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input-proses-output yang berhubungan dengan pengolaan informasi (data yang telah diperoleh sehingga lebih berguna bagi user).

1. Menurut John F. Nash, yang diterjemahkan oleh La Midjan dan Azhar Susanto, menyatakan bahwa Sistem informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur dan pengendalian yang bermaksud menata jaringan komunikasi yang penting, proses atas transaksi-trsnsaksi tertentu dan rutin, membantu manajemen dan pemakai intern dan ekstern dan menyediakan dasar pengambilan keputusan yang tepat.

2. Menurut Kertahadi, sistem informasi adalah suatu alat untuk

menyajikan informasi sedemikian rupa sehingga bermanfaat bagi

penerimanya. Tujuan adalah untuk menyajikan informasi guna

pengambilan keputusan pada perencanaan, pemrakarsaan,

pengorganisasian, pengendalian kegiatan operasi suatu perusahaan yang

menyajikan sinergi organisasi pada proses (Mursick & Ross, dalam

Fatta 2007).

(24)

2.6 Internet

Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi atau suatu negara yang dapat memahami seluruh seluk beluk internet.

Kegunaan internet diantaranya untuk mendukung bisnis global, akademi dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi yaitu:

1. Fungsi Komunitas

Internet adalah alat komunikasi. Kegunaan yang sangat penting dari internet adalah Pertukaran pesan antara manusia dengan electronic mail (e-mail). Masyarakat memakai internet untuk mendapatkan software gratis dan untuk berkomunikasi dengan orang lain dengan menggunakan komputer dan berbagai kebutuhan.

2. Fungsi Resource Sharing

Internet menghubungkan komputer dengan fasilitas sharing resource diantara komputer.

3. Fungsi Resources Discovery

Penuntun untuk mencari file tertentu, dokumen, host atau orang

diantara jutaan host.

(25)

2.7 World Wide Web (WWW)

World Wide Web (WWW), lebih dikenal dengan web merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet.

Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext. Pemakai dituntut untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa alasan:

1. Akses informasi yang mudah.

2. Setup server yang lebih mudah.

3. Informasi mudah didistribusikan.

4. Bebas platform : informasi dapat disajikan oleh web browser pada sistem mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.

Web memberikan 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 grapichal user

interface (GUI), link–link dapat dihubungkan ke tujuanny dengan menunjuk link

(26)

tersebut dengan mouse dengan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi dua yaitu:

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 tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.

2. Web Dinamis

Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.

2.7.1 Lahirnya Web

Tahun 1989, Trimothy Berners-Lee seorang ahli komputer dari Inggris dan

peneliti lain di European Particle Physics Lab (Consei European Pour la

Recherche Nucleaire, atau CERN) di Geneva Swiss, mengembangkan satu cara

untuk membagi data antar koleganya menggunakan sesuatu yang disebut dengan

hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer

dengan menggunakan software browser baru. Kode-kode khusus disisipkan

(27)

satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.

Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat melompat ke dokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote kesistem lokalnya, atau login kedalam suatu sistem remote hanya dengan mengklik hyperlink. Tidak perlu melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut World Wide Web atau berikut server dan browser webnya (sekarang dimaintenence oleh World Wide Consortium).

2.7.2 Browser Web

Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah berkembang dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah memakai poin atau klik untuk pindah antar dokumen.

Disaat perkembangan WWW ada dua browser web yang paling populer yaitu

Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan

browser web lain yang turut meramaikan persaingan untuk merebut para

pengguna internet. Diantara browser web yang telah banyak digunakan pada saat

peluncurannya adalah MSN, Opera, dan Mozilla Firefox.

(28)

2.7.3 Server Web

Server web adalah komputer yang digunakan untuk menyimpan dokumen- dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. Browserweb seperti IE dan Opera berkomunkasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunkan HTTP.Browserakan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan olehserver. Server memberikan dokumen atau layanan jika tersedia juga dengan menggunakan protokol HTTP.

2.7.4 Istilah-istilah Umum Yang Harus Diketahui

Berikut beberapa istilah umum yang harus diketahui antara lain:

1. Protokol secara defenisi adalah standart pemprosesan informasi yang diterima secara umum. Protokol TCP/IP merupakan protokol komunikasi yang digunakan dalam internet.

2. HTTP (Hyper Transfer Protokol) HTTP pada umumnya digunakan untuk melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambah langsung ke dalam dokumen.

3. Browsing / Surfing kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web.

4. URL (Universal Resource Locator) adalah konsep nama file standar

yang diperluas dengan jaringannya. Nama file ini tidak hanya

(29)

jaringan. URL dapat disediakan dengan berbagai metode, dan bisa jadi bukan sekedar file, kerena URL dapat menunjukkan query-query, dokumen yang disimpan dalam database.

2.8 HTML (Hypertext Markup Language)

Beberapa bagian yang penting, yang terdapat di HTML yaitu:

2.8.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi informasi atau interface aplikasi didalam internet.

2.8.2 Penamaan Dokumen HTML

Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.

Nama dokumen pada beberapa sistem operasi bersifat case sensitive

(membedakan huruf besar dan kecil). Nama dokumen yang sama tapi dituliskan

dalam case yang berbeda akan dianggap sebagai document yang berbeda,

misalnya „dokumen.html’ berbeda dengan „DOKUMEN.html’. Kasus case

sensitive akan dijumpai pada dokumen web yang dihosting didalam server yang

berbasis *.nix (keluarga sistem operasi UNIX).

(30)

2.8.3 Dasar–dasar HTML

Mendesain html berarti melakukan suatu tindakan pemrograman. Namun html bukanlah sebuah bahasa pemrograman. Menuliskan tag‐tag html tidaklah sebatas hanya memasukkan perintah‐perintah tertentu agar html kita dapat di akses oleh browser. Mendesain html adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari html adalah refleksi dari orang yang membuatnya.

<html>

<head>

<title>Judul Dokumen html</title>

</head>

<body>

penulisan informasi Web

</body>

</html>

Dari struktur dasar html di atas dapat dijelaskan sebagai berikut:

1. Tag

Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body>

ini adalah tag pembuka isi dokumen html, dan </body> ini adalah tag

penutup isi dokumen html.

(31)

2. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser digunakan elementtitle, dimana: <title> ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html </title> ini adalah tag penutup judul dokumen html.

Tag‐tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag‐tag lainnya. Contoh penulisan tag‐tag yang benar

<p>

<b>

</b>

</p>

3. Attribute

Attribute mendefinisikan property dari suatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG>

nama-attr="nilai-attr"

nama-attr="nilai-attr"

</TAG>

Secara umum nilai atribut harus berada dalam tanda petik satu atau dua.

Sebagai contoh, untuk membuat warna teks menjadi kuning dan latar

belakang halaman web menjadi hitam, penulisannya adalah <body

bgcolor="black" text="yellow">.

(32)

4. Element html

Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html.

Sintaks:

<html>

</html>

5. Element head

Merupakan kepala dari dokumen html. Tag <head> dan tag </head>

terletak di antara tag <html> dan tag</html>.

Sintaks:

<head>

</head>

6. Element title

Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser. Tag <

title

> dan tag

</title>

terletak di antara tag

<

head

> dan tag

</head>.

Sintaks:

<

title

> Judul Halaman HTML </

title>

7. Element body

Element ini untuk menampilkan isi dokumen html. Tag <body> dan tag

</body> terletak di bawah tag <head> dan tag </head>. Element body

mempunyai atribut yang mengatur khususnya warna dan latar belakang

dokumen yang akan ditampilkan pada browser.

(33)

Sintaks:

<body text="v" bgcolor="w" background="uri" link="x"

alink="y" vlink="z"> </body>

2.8.4 Elemen dan Tag HTML

Dokumen HTML disusun oleh elemen-elemen.Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan Tag. Tag HTML terdiri dari sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar).

Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen didalam dokumen HTML harus ditandai dengan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya ditulis secara berpasangan, elemen tersebut diantarnya adalah:

1. Paragraf dengan tag <p>.

2. Ganti garis – break line dengan tag <br>.

3. Ganti datar – horizontal rule dengan tag <hr>.

4. List item dengan tag <Li>.

Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: <namatag>_</nametag> penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive).

Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk

menuliskan tag dengan menggunakan huruf kecil semuanya. Tag mark up

(34)

sebenarnya memberi tahu browser bagaimana memberlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.

Dalam membuat dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag<html>, <head> dan <body>berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi tentang informasi dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya.

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section body, sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut:

<html>

<head>

…informasi tentang dokumen HTML

</head>

<body>

informasi yang ditampilkan oleh browser web

</body>

</html>

Setiap dokumen HTML harus diawali tag<html> dan tag</html> diakhir

dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah

dokumen HTML.

(35)

Dalam suatu dokumen hanya ada satu dokumen HTML, section atau elemen head ditandai dengan tag<head> diawal, dan tag</head> diakhir.Section ini berisi informasi tentang dokumen HTML lainnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari elemen, judul ini akan ditampilkan pada captionBr dari windows browser, ditandai dengan menggunakan tag<title>dan diakhiri dengan </title>.

Section atau elemen body ditandai dengan tag<body> diawal, dan tag

</body> diakhir.Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik, link, tabel, dan sebagainya. Contoh dokumen HTML sebagai berikut:

<html>

<head>

<title> Halaman contoh </title>

</head>

<body>

File ini merupakan file contoh.<br>

<b>ini untuk membuat huruf cetak tebal</b>

</body></html>

2.9 Pengertian Sistem

Sistem atau system merupakan kata yang berasal dari bahasa Yunani, yaitu

system. System sendiri merujuk pada arti keseluruhan yang tersusun dari sekian

(36)

banyak bagian, dan juga sebagai suatu hubungan yang berlangsung antar komponen secara teratur.

O‟Brien dan Marakas (2008) mengatakan bahwa yang dimaksud dengan sistem adalah sekumpulan komponen–komponen yang saling berkaitan satu sama lain, yang memiliki batasan – batasan tertentu yang jelas.

Ada berbagai macam definisi sistem antara lain:

a. Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu. Sistem ini menggambarkan suatu kejadian- kejadian dan kesatuan yang nyata. Kesatuan yang nyata adalah suatu objek nyata, seperti tempat, benda, dan orang-orang yang betul-betul ada dan terjadi.

Sistem merupakan kumpulan elemen yang saling berhubungan satu sama lain yang membentuk satu kesatuan dalam usaha mencapai suatu tujuan.

2.9.1 Pengertian Informasi

Informasi merupakan sebuah data yang telah dibuat dan juga diolah dengan metode tertentu ke dalam bentuk yang nantinya akan memiliki arti tertentu bagi manusia sebagai penggunanya.

Ada bebagai macam definisi informasi antara lain:

a. Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan

lebih berarti lagi bagi yang menerimanya.

(37)

b. Informasi merupakan data yang telah diproses sedemikian rupa sehingga meningkatkan pengetahuan seseorang yang menggunkan data tersebut.

c. Informasi merupakan hasil pemrosesan data yang diperoleh dari setiap elemen sistem tersebut menjadi bentuk yang mudah dipahami dan merupakan pengetahuan yang relevan yang dibutuhkan oleh orang untuk menambah pemahamannya terhadap fakta-fakta yang ada.

2.9.2 Pengertian Sistem Informasi

Sistem Informasi (SI) adalah kombinasi dari teknologi informasi dan aktivitas orang yang menggunakan teknologi untuk mendukung operasi dan manajemen.

Dalam arti yang sangat luas, sistem informasi istilah yang sering digunakan untuk merujuk pada interaksi antara orang, proses algoritmik, data, dan teknologi.

Dalam pengertian ini, istilah ini digunakan untuk merujuk tidak hanya untuk penggunaan organisasi teknologi informasi dan komunikasi (TIK), tetapi juga untuk cara dimana orang berinteraksi dengan teknologi dalam mendukung proses bisnis.

Ada bebagai macam definisi informasi antara lain:

a. Sistem Informasi adalah suatu sistem didalam organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategis dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

b. Sistem Informasi adalah kumpulan elemen yang saling berhubungan satu

sama lain untuk membentuk suatu kesatuan untuk mengintegrasi data,

memproses dan menyimpan serta mendistribusikan informsi tersebut.

(38)

c. Sistem informasi yang diselenggarakan cara untuk mengumpulkan, memasukkan, mengolah, dan menyimpan data dan terorganisir cara untuk menyimpan, mengelola, mengendalikan dan melaporkan informasi dengan cara yang suatu organisasi dapat mencapai tujuan yang telah ditetapkan.

2.10 Sublime Text 2

Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang sangat sederhana adalah notepad.

Sublime Text merupakan editor HTML yang professional mendesain, menulis kode program dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaanya dreamweaver memberikan tiga pilihan yaitu bekerja dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (Split Mode). Dreamweaver juga menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.

2.11 Cascading Style Sheet (CSS)

CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat

dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian

dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka

style itu akan dapat digunakan berulang kali.

(39)

2.12 Macromedia Dreamweaver

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. Tips ruang kerja, faasilitas dan kemampuan dreamweaver maupun dalam membangun web.

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

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8

mendukung program Client Side yang terkenal, yaitu Javascript dengan

penggunaan yang sangat mudah. Macromedia Dreamweaver juga mendukung

program Script Server Side, seperti PHP,ASP,ASP.NET, dan JSP.

(40)

BAB 3

DESKRIPSI SEKOLAH

3.1 Sejarah Singkat SMP Negeri 7 Kota Binjai

SMP Negeri 7 Kota Binjai berdiri pada tahun 1965. Sekolah ini berlokasi di Jalan Sultan Hasanuddin No. 10, Kota Binjai. Kegiatan belajar mengajar pada sekolah ini dilakukan pada pagi dan siang hari yaitu pukul 07.30 sampai dengan pukul 17.35.

SMP Negeri 7 Kota Binjai sekarang mempunyai 900 siswa dan 56 orang tenaga pendidik. SMP Negeri 7 Kota Binjai kini dipimpin oleh Ibu Dra. Hj.

MERRY YOSEPHA GUSNAINI. Sekolah ini memiliki 13 ruang kelas belajar, dua ruang laboratorium dan ada enam ruang lainya yang turut digunakan untuk proses belajar mengajar di sekolah ini.

3.2 Visi, Misi, dan Tujuan SMP Negeri 7 Kota Binjai

Dalam hal pencapaian suatu tujuan diperlukan suatu perencanaan dan tindakan

nyata untuk dapat mewujudkannya, secara umum bisa di katakan bahwa Visi dan

(41)

Misi adalah suatu konsep perencanaan yang disertai dengan tindakan sesuai dengan apa yang direncanakan untuk mencapai suatu tujuan.

3.2.1 Visi SMP Negeri 7 Kota Binjai

Menjadikan SMP Negeri 7 Binjai

” Unggul Dalam Berbudi dan Berprestasi ”

Indikatornya :

a. Unggul dalam keimanan dan ketaqwaan ( IMTAQ ) b. Unggul dalam prestasi akedemik dan non akademik

c. Lulusan memiliki kemampuan, sehingga berdaya guna bagi dirinya dan masyarakat.

3.2.2 Misi SMP Negeri 7 Kota Binjai

Adapun Misi SMP Negeri 7 Kota Binjai adalah sebagai berikut : a. Memupuk rasa iman dan taqwa terhadap Tuhan Yang Maha Esa.

b. Meningkatkan kreativitas berpikir, menumbuhkan sikap disiplin dan sportif dalam bertindak melalui pembinaan mental dan berkepribadian peserta didik.

c. Meningkatkan disiplin kerja dan terus berusaha menguasai ilmu pengetahuan dan keterampilan profesional sebagai dasar pelayanan edukatif yang memuaskan peserta didik.

d. Memupuk rasa senasib dan sepenanggungan sehingga terjalin rasa

kebersamaan.

(42)

e. Memacu prestasi untuk melanjutkan ke jenjang yang lebih tinggi dan melatih keterampilan untuk bakal terjun di masyarakat.

3.2.3 Tujuan SMP Negeri 7 Kota Binjai

Adapun Tujuan SMP Negeri 7 Kota Binjai adalah sebagai berikut :

a. Memiliki manajemen sekolah yang handal yaitu manajemen yang mampu merespon, melayani serta mengolah rencana dan program pendidikan sesuai dengan situasi dan perkembangan zaman.

b. i. Peningkatan nilai UN + 0,70 setiap tahunnya.

ii. Ketuntasan belajar belajar siswa dalam pelaksanaan KTSP akhirnya mencapai 7,50.

c. Memiliki lingkungan sekolah yang asri, indah, nyaman sehingga terwujud sekolah sebagai komunitas belajar yang kondusif.

d. Memiliki guru yang profesional, yaitu guru yang mampu membuat perencanaan serta mampu melaksanakan atau mengelola proses pembelajaran sesuai dengan ketentuan yang berlaku dan memiliki kompetensi yang tinggi.

e. Terwujudnya partisipasi masyarakat yang optimal, yaitu meningkatnya

dukungan serta bantuan terhadap penyelenggaraan pendidikan di sekolah

sehingga secara bertahap mutu pendidikan di SMP Negeri 7 Binjai

meningkat.

(43)

3.3 Struktur Organisasi SMP Negeri 7 Kota Binjai

Gambar 3.1 Struktur Organisasi SMP Negeri 7 Kota Binjai KEPALA SEKOLAH

KOMITE SEKOLAH

KOPERASI

KANTIN PETUGAS KEBERSIHAN

SATPAM TATA USAHA

PKS 1 KURIKULUM DAN

SARANA

PKS 2 KURIKULUM DAN

PRASARANA

PKS 4 HUMAS PKS 3

PEMBINA KESISWAAN

WALI KELAS

BIMBINGAN GURU

EKSTRAKURIKULER OSIS

SISWA SMP Negeri 7

Kota Binjai

(44)

3.4 Uraian Tugas dan Fungsi Organisasi

Setiap sekolah membentuk struktur organisasi yang mengidentifikasikan tugas dan tanggungjawab setiap posisi pekerjaan serta alur hubungan antara posisi tersebut serta saling melengkapi. Struktur organisasi berdampak pada efesiensi dan efektivitas dalam menghasilkan produk dan pada akhirnya akan berdampak pada nilai struktur organisasi.

3.4.1 Kepala Sekolah

Kepala Sekolah berfungsi dan bertugas sebagai edukator, manager, administrator supervisor serta pemimpin/leader inovator .

3.4.2 Wakil Kepala Sekolah

Wakil kepala sekolah bertugas memimpin sekolah dalam kegiatan:

1. Menyusun Kurikulum.

2. Mengatur segala program kesiswaan

3. Merencanakan Kebutuhan Sarana dan Prasarana.

4. Mengatur dan mengembangkan hubungan dengan Masyarakat.

5. Mengatur dan Mengawasi Penyelenggaraan program pendidikan.

6. Mengatur mutasi siswa.

7. Menyusun program kegiatan ekstrakurikuler.

(45)

3.4.3 Tata Usaha

Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan bertanggungjawab kepada kepala sekolah dalam kegiatan-kegiatan sebagai berikut:

1. Penyusunan program kerja tata usaha sekolah.

2. Pengolah Keuangan Sekolah.

3. Penyusunan administrasi perlengkapan sekolah.

4. Penyusunan pelaporan pelaksanaan kegiatan pengurusan ketatausahaan.

3.4.4 Komite Sekolah

Membantu sekolah dalam hal :

1. Peningkatan kegiatan sekolah.

2. Peningkatan Kesejahteraan Guru dan Pegawai.

3.4.5 Pembantu Kepala Sekolah

Struktur organisasi dibuat dengan maksud memperlihatkan pola hubungan antara anggota organisasi dan sarana yang dimiliki agar setiap anggota organisasi mengerti dengan jelas tugas, kewajiban, hak dan tanggung jawab.

3.4.5.1 Bidang Sarana dan Prasarana

Tugas yang dilakukan disini adalah:

1. Pembanguna sarana dan Prasarana.

2. Pengawasan dalam hal sarana dan prasarana yang ada.

(46)

3.4.5.2 Bidang Kurikulum

Membantu kepala sekolah dalam hal : 1. Pelaksanaan Kurikulum 2. Pemberian Tugas Guru

3. Mengawas jadwal pelaksanaan KBM 4. Administrasi kurikulum dan penelitian.

5. Konsultasi dengan Kepala Sekolah.

3.4.5.3 Bidang Kesiswaan

1. Membantu Kepala Sekolah dalam bidang : 2. Pembinaan disiplin sekolah.

3. Koordinator pembinaan siswa.

4. Koordinator pelaksanaan Kegiatan intra/ekstrakurikuler.

5. Koordinator kegiatan sekolah.

3.4.6 Guru

Guru bertanggunjawab kepada kepala sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.

3.4.7 Wali Kelas

Membantu Kepala Sekolah dalam Kegiatan:

1. Pengelolaan Kelas

(47)

2. Penyelenggara administrasi kelas.

3. Pembuatan Catatan khusus tentang Siswa.

4. Penyusunan statistik bulanan siswa.

5. Penyusunan nilai siswa.

3.4.8 Guru Pembimbing dan konseling (BP/BK)

Bertugas membantu kepala sekolah dalam penyusunan dan pelaksanaan

pembimbingan konseling di sekolah.

(48)

BAB IV

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Perancangan sistem adalah merancang atau mendesain suatu sistem yang baik, yang isinya adalah langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung operasi sistem.

Dalam membuat sebuah Web, tentukan terlebih dahulu tujuan dari Web yang akan dibuat karena bentuk desain dan isi sebuah Web sangat tergantung dari tujuan Web itu di buat. Sebelum melakukan perancangan sistem informasi, maka harus dilakukan anlisis sistem terlebih dahulu untuk memperoleh gambaran yang jelas mengenai kelebihan dan kekurangan sistem.

Menurut Jogiyanto. HM, (1991), Perancangan sistem dapat diartikan sebagai berikut :

1. Tahap setelah analisis dari siklus pengembangan system.

2. Pendefinisian dari kebutuhan-kebutuhan fungsional.

3. Persiapan untuk rancang bangun implementasi.

4. Menggambarkan bagaimana suatu sistem dibentuk.

(49)

5. Yang dapat berupa penggambaran perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.

6. Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras dari suatu sistem.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:

1. Situs apa yang akan dibuat?

2. Siapa saja yang dapat berkunjung ke situs tersebut?

3. Apa saja aktivitas yang dapat dilakukan dalam situs tersebut?

4. Apa target yang ingin dicapai dari pembuatan situs tersebut?

4.2 Tujuan Perancangan Sistem

Tujuan perancangan adalah menghasilkan model atau representasi entitas yang akan dibangun. Adapun tujuan yang hendak dicapai dari tahap perancangan system mempunyai maksud atau tujuan utama, yaitu sebagai berikut:

1. Untuk memenuhi kebutuhan pemakaian sistem (user).

2. Untuk memberikan gambaran yang jelas dan menghasilkan rancangan

bangun yang lengkap kepada pemograman komputer dan ahli-ahli teknik

lainnya yang terlibat dalam pengembangan atau pembuatan sistem.

(50)

4.3 Langkah Langkah Perancangan Sistem

Perancangan sistem adalah merancang atau mendesain suatu sistem yang baik, yang isinya adalah langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung operasi sistem.

Adapun langkah-langkah dalam perancangan sistem meliputi:

1. Physical system

Physical system berupa bagan alir sistem (System Flowchart) ataupun bagan alir dokumen ( Document Flowchart ).

2. Logical Model

Logical Model dapat digambarkan dengan menggunakan diagram arus data atau ( DFD ). DFD digunakan untuk menggunakan sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika.

4.4 Perancangan Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi

untuk menggambarkan arus dari data sistem, yang penggunaannya sangat

membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD

merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang

sedang berjalan logis untuk menggambarkan sistem sebagai suatu jaringan proses

fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual

maupun komputerisasi.

(51)

Adapun Data flow Diagram yang penulis ajukan yaitu:

Tabel 4.1 Simbol-simbol DFD

No Gambar Nama Fungsi

1

Kesatuan Luar (External Enity)

Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem.

2

Proses (Process)

Kegiatan dari hasil suatu arus data yang masuk kedalam proses untuk menghasilkan arus data yang akan mengubah input menjadi output.

3

Aliran Data (Data Flow)

Data mengalir melalui sistem,dimulai dengan sebagian input dan diubah atau diproses menjadi input.

4 Penyimpanan Data

(Data Storage)

Data disimpan untuk

keperluan berikutnya.

(52)

4.5 Perancangan Flowchart

Flowchart dapat diartikan sebagai penggambaran secara grafik dari langkah- langkah atau urutan-urutan prosedur dari suatu program. Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan poses kegiatan menjadi lebih jelas.

Flowchart digunakan untuk menggambarkan proses-proses produksi sehingga mudah dipahami dan mudah dilihat berdasarkan urutan langkah dari suatu proses ke proses lainnya dan menyederhanakan rangkaian proses atau prosedur untuk memudahkan pemahaman pengguna terhadap informasi tersebut.

Tabel 4.2 Simbol-simbol Flowchart

No Simbol Fungsi

1 Terminator, untuk memulai dan mengakhiri sustu program.

2 Proses, Suatu simbol yang menunjukan setiap pengolahan yang dilakukan oleh komputer.

(53)

3 Data, untuk memasukkan data maupun menunjukan hasil dari suatu proses.

4 Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

5 Preparation, suatu simbol untuk menyediakan tempat tempat pengolahan data dalam storage.

6 Connector merupakan simbol untuki masuk dan keluarnya suatu prosedur pada lembar kertas yang sama.

7 Off-page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.

8 Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah,bawah keatas, dari kiri ke kanan atau kanan ke kiri.

9 Document, merupakan simbol untuk data yang berbentuk informasi.

10 Predefined proses, untuk menyatakan kesimpulan langkah yang ditulis sebagai prosedur

11 Display, Untuk output yang ditujukan suatu device, seperti monitor.

12 Magnetic disk, untuk menyimpan data.

(54)

Gambar 4.1 Diagram Konteks

Unduh

Tugas

Unggah dan unduh Tugas

Guru Siswa

User Administrator

Sistem Informasi Akademik SMP Negeri

Kota 7 Binjai

- Login Admin

- Info Guru - Data Siswa

- Data Berita - Mata Pelajaran - Info Profil Sekolah

- Info Kegiatan

- Info Siswa

- Data Guru

- Info Berita

- Data Galeri - Data Kegiatan - Info Galeri

(55)

4.5.1 Perancangan Flowchart Halaman Utama

Gambar 4.2 Flowchart Halaman Utama

ya

ya

Tidak Tidak Tidak Tidak

Beranda

Profil

Data Siswa

Data Guru

Mapel

Informa si

Beranda

Mapel

Data Guru

Profil

Data Siswa

E D C B A Memilih

Daftar Link Halaman Utama

Menampilkan Halaman

Utama

START

ya

ya

ya

ya Tidak

Tidak

Informasi F

ya

Galeri Galeri G

Tidak

(56)

4.5.2 Flowchart Halaman Admin

Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan isi 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 di minta untuk login kembali. Flowchart admin dapat dilihat pada gambar 4.3 di bawah ini :

Gambar 4.3 Flowchart Halaman Admin

START

Halaman Login Admin

Input Username dan Password

If True

Halaman Utama Admin

Logout

END

Salah, Login Ulang

Tidak

Tidak

ya ya

(57)

4.5.3 Flowchart Input Data Pada Admin

Pada halaman admin disediakan beberapa fitur untuk pengolahan data sistem informasi, seperti input data siswa baru, input data guru, input data mata pelajaran, input data galeri, input data berita dan input data kegiatan.

Gambar 4.4 Flowchart Input Data

4.6 Mempersiapkan Database Server

Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan di proses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan dan menampilkan isi database ke halaman website. Database terdiri atas tabel tabel yang dibuat dengan menggunakan program MySQL.

START

END Input Data

Output Data

Proses

(58)

Adapun database yang dibuat oleh penulis adalah database db_ta_jono dengan tabel-tabel sebagai berikut :

1. Tabel tbl_admin

Login Administrator adalah tahap awal untuk masuk ke halaman administrator.

Dalam login administrator yang telah penulis buat di database terdiri dari 2 (dua) field yang terdiri dari nama_pengguna dan kata_sandi. Tabel tbl_admin dapat dilihat pada tabel 4.3 berikut ini :

Tabel 4.3 Atribut tbl_admin

Field Type Size Description

nama_pengguna Varchar 20 Nama Pengguna kata_sandi Varchar 20 Kata Sandi

2. Tabel tbl_guru

Untuk memperjelas informasi data guru yang terdapat di SMP Negeri 7 Kota Binjai, penulis membuat beberapa fied yang memiliki tipe data dan size dengan ketentuan masing masing dan field nip sebagai primary key-nya.

Tabel tbl_guru dapat dilihat pada tabel 4.4 dibawah ini : Tabel Guru 4.4 Atribut tbl_guru

Field Type Size Description

nip_guru Varchar 30 NIP Guru

nama_guru Varchar 30 Nama Guru

kategori Varchar 30 Kategori

nama_pengguna_guru Varchar 30 Nama Pengguna Guru

kata_sandi_guru Varchar 30 Kata Sandi Guru

Gambar

Gambar 3.1 Struktur Organisasi SMP Negeri 7 Kota Binjai KEPALA SEKOLAH
Tabel 4.1 Simbol-simbol DFD
Tabel 4.2 Simbol-simbol Flowchart
Gambar 4.1 Diagram Konteks Unduh Tugas  Unggah dan unduh Tugas Guru  Siswa User  Administrator Sistem Informasi Akademik SMP Negeri Kota 7 Binjai - Login Admin
+7

Referensi

Dokumen terkait

Area-based LiDAR height metrics that were derived from the data belonging to the crown volume of the understory showed reasonable correlation with the density and mean height of

Saya merasa terjadi konflik antara komitmen dan tanggung jawab terhadap keluarga Banyak hal yang sebenarnya harus saya kerjakan di pekerjaan yang saya emban tetapi tidak

Dengan fenomena diatas maka judul yang peneliti angkat adalah “ Pengaruh Karakteristik Tujuan Anggaran, Sumber Daya Manusia, dan Pengadaan Barang dan Jasa Terhadap

Pada praktikum kali ini dapat disimpulkan bahwa telah dilakukan isolasi beserta identifikasi dengan kromatografi lapis tipis pada minyak atsiri dari daun sereh

[r]

Rencana Kerja REVISI ini sedang dilaksanakan pada tahun berjalan dan merupakan penjabaran rincian mengenai program, sasaran dan capaian sesuai prioritas yang disusun

Penelitian ini bertujuan untuk menguji secara empiris pengaruh penerapan sistem informasi akuntansi, komunikasi internal, dan kompensasi terhadap kinerja karyawan pada Usaha

Organisasi membutuhkan karyawan yang memperlihatkan perilaku OCB, seperti membantu individu lain dalam tim, mengajukan diri untuk melakukan pekerjaan