Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tebing-Tinggi

(1)

PERANCANGAN SISTEM INFORMASI BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

PADA SMP NEGERI 1 TEBING-TINGGI

TUGAS AKHIR

REZKI ICHAN PRATAMA SARAGIH 102406076

DEPARTEMAEN METEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2014

(2)

PERSETUJUAN

Judul : PERANCANGAN SISTEM INFORMASI

BERBASIS WEB MENGGUNAKAN PHP DAN MySQL PADA SMP NEGERI 1 TEBING TINGGI

Kategori : TUGAS AKHIR

Nama : REZKI ICHAN PRATAMA SARAGIH

Nomor Induk Mahasiswa : 102406076

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, februari 2014

Diketahui/Disetujui Oleh

Departemen Matematika FMIPA USU Pembimbing Ketua,

Prof Dr Tulus, M.Si

NIP : 19620901 198803 1 002 NIP : 196312141989031001 Drs, Marihat Situmorang, M.Kom

(3)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMP NEGERI 1 TEBING-TINGGI

TUGAS AKHIR

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

Medan, februari 2014

REZKI ICHAN PRATAMA SARAGIH 102406076

(4)

PENGHARGAAN

Puji Tuhan dan syukur penulis panjatkan kehadirat Tuhan Yesus, karena dengan limpah rahmat dan karunia-nya penulis berhasil menyelesaikan tugas akhir ini yang berjudul ”Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tebing-Tinggi“ pada waktu yang telah ditetapkan.

Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan terima kasih yang setulus-tulusnya kepada :

1. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara.

2. Bapak Prof Dr. Tulus, M.Si selaku Ketua Departemen Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatra Utara

3. Ibu Elly Rosmaini selaku Ketua Program Studi Diploma III Teknik Informatika Fakultas MIPA Universitas Sumatra Utara yang telah memberikan ilmu yang bermanfaat kepada Penulis

4. Bapak Drs. Marihat Situmorang, M.Siselaku Dosen Pembimbing Tugas Akhir Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam penyelesaian tugas akhir.

(5)

5. Seluruh Staf Pengajar Program Studi D-3 Teknik Informatika Faklutas MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya kepada penulis selama masa perkuliahan.

6. Ibu Dra. Hj. Salamah selaku Kepala Sekolah SMP Negeri 1 Tebing Tinggi yang telah memberikan kesempatan kepada penulis untuk melakukan riset dan terima kasih juga kepada seluruh guru dan pegawai SMP Negeri 1 Tebing Tinggi yang banyak membantu penulis dalam mengumpulkan data dalam pembuatan tugas akhir.

7. Teristimewa kepada kedua orang tua penulis Suyanto Saragih dan Salmah Br Karo, serta kepada adik penulis Yoki Ananda Saragih, Daniel Edigia Saragih, Kelvin Jeremia Saragih dan yang senantiasa memberikan kasih sayang, dukungan dan selalu mendoakan penulis agar lancar dalam segala urusan.

8. Buat rekan-rekan di jurusan komputer angkatan 2010dan buat teman-teman sejati saya yang selalu membantu dalam suka dan duka Kiki Satria, Sappe Herianto M, Robby A H Manurung, Wanin Witrysyah, Miabeng T, Riwandi, Ade ilhamia, Ade Irma, Nadra Kartika L.

9. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu-persatu.

Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan yang mungkin terjadi, baik itu dari segi teknik, tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran yang membangun dari pembaca dalam upaya perbaikan tugas akhir ini.

(6)

Akhir kata, Penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapapun yang membacanya. Semoga Allah SWT senantiasa memberikan rahmat dan hidayah kepada kita semua. Amin

Medan, februari 2014 Penulis

(7)

ABSTRAK

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tebing-Tinggiini bertujuan untuk mempermudah proses informasi untuk seluruh siswa dan guru SMP Negeri 1 Tebing-Tinggi, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMP Negeri 1 Tebing-Tinggi tersebut.Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil, dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

(8)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Gambar x

Bab 1 Pendahuluan 1

1.1Latar Belakang 1

1.2Identifikasi Masalah 3

1.3Batasan Masalah 3

1.4Tujuan Penelitian 4

1.5Metodologi Penelitian 4

1.6Tinjauan Pustaka 5

1.7Sistematika Penulisan 6

Bab 2 Landasan Teori 8

2.1 Konsep Dasar Data, Informasi, dan Sistem Informasi 8

2.1.1 Data 8

2.1.2 Informasi 9

2.1.3 Sistem Informasi 9

2.1.3.1 Konsep Dasar Sistem 9

2.1.3.2 Konsep Dasar Informasi 11

2.1.3.3 Konsep Dasar Sistem Informasi 12

2.2 Pengertian Komputer 13

2.3 Pengertian Internet 16

2.3.1 Network 17

2.3.2 Sekilas Mengenai Web 17

2.4 Sejarah Web 18

2.4.1 Aplikasi Web 18

2.4.2 Web Server 19

2.5 Sejarah PHP 19

2.5.1 Kelebihan PHP 21

(9)

2.5.3 Penggabungan Script PHP dan HTML 22

2.6 Sejarah MySQL 24

Bab 3 Sekilas Mengenai SMP Negeri 1 Tebing Tinggi 26

3.1 Profil SMP Negeri 1 Tebing Tinggi 26

3.2 Struktur Organisasi 27

3.3 Uraian Tugas dan Fungsi Organisasi 28

3.3.1 Kepala Sekolah 28

3.3.2 Wakil Kepala Sekolah 28

3.3.3 Tata Usaha 29

3.3.4 Komite Sekolah 29

3.3.5 Pembantu Kepala Sekolah 29

3.3.5.1 Bidang Sarana dan Prasarana 29

3.3.5.2 Bidang Kurikulum 30

3.3.5.3 Bidang Kesiswaan 30

3.3.6 Guru 30

3.3.7 Wali Kelas 31

3.3.8 Guru Pembimbing dan Konseling (BP/BK) 31

3.4 Visi dan Misi Sekolah 31

3.4.1 Visi Sekolah 31

3.4.2 Misi Sekolah 32

3.4.3 Tujuan Sekolah 32

Bab 4 Analisis dan Perancangan Sistem 33

4.1 Analisis 33

4.2 Perencanaan dan Perancangan Sistem 33

4.3 Perancangan Data Flow Diagram (DFD) 35

4.4 Perancangan Flowchart 36

4.5 Perancangan Website 42

Bab 5 Implementasi Sistem 48

5.1 Pengertian Implementasi Sistem 48

5.2 Tujuan Implementasi Sistem 48

5.3 Komponen Utama Dalam Sistem 48

5.4 Instalasi Apache, PHP, dan My SQL 49

5.4.1 Menjalankan Apache, PHP, dan MySQL 50

5.4.2 Pengujian Website di Browser 51

5.5 Memperbaharui Web 52

5.6 Demonstrasi Program 53

(10)

5.6.2 Tampilan Halaman Sarana dan Prasarana 54 5.6.3 Tampilan Halaman Struktur Organisasi 55 5.6.4 Tampilan Halaman Program Kerja 55 5.6.5 Tampilan Halaman Ekstrakulikuler 56

5.6.6 Tampilan Halaman Osis 56

5.6.7 Tampilan Halaman Penerimaan Siswa Baru 57 5.6.8 Tampilan Halaman Jadwal Ulangan 57

Bab 6 Kesimpulan dan Saran 58

6.1 Kesimpulan 58

6.2 Saran 59

Daftar Pustaka 60

(11)

ABSTRAK

(12)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Informasi merupakan salah satu kebutuhan di dalam suatu instansi, perusahaan, organisasi, lembaga serta lingkungan yang berada di luar sistem. Informasi di anggap sangat penting karena dengan adanya informasi dapat menambah pengetahuan, mengurangi ketidakpastiian dan resiko kegagalan serta dapat membantu para pemimpin dalam mengambil suatu kesimpulan dan keputusan yang efektif dan efisien.

Berbicara tentang teknologi informasi dan komunikasi, komputer merupakan suatu media elektronik yang memegang peranan yang sangat penting dalam perkembangan yang terjadi saat ini. Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki oleh seseorang, tetapi sudah menjadi suatu keperluan bahkan kebutuhan yang sangat bersifat umum, terutama bagi perusahaan dan badan instansi baik milik pemerintah atau swasta, maupun perorangan. Sehingga segala sesuatu yang dikerjakan dapat dikoordinir secara terkomputerisasi yang sifatnya jauh dari kesalahan dan lebih efisien.

Begitu halnya dengan SMP NEGERI 1 TEBING-TINGGI, Sistem pengolahan dan penyampaian data yang lebih baik merupakan suatu kebutuhan yang tidak dapat ditunda lagi. Akan tetapi, pada kenyataannya segala kegiatan yang menyangkut

(13)

informasi masih menggunakan sistem dan cara yang sangat manual. Informasi yang disampaikan atau diberikan kepada siswa, guru, pegawai maupun masyarakat lainnya, masih menggunakan kertas-kertas cetakan yang ditempelkan pada papan pengumuman maupun dari mulut ke mulut. Hal semacam ini, tak jauh bedanya dengan cara pengumpulan data yang dilakukan oleh orang-orang dalam mengumpulkan berbagai data tentang zaman sejarah maupun prasejarah dahulu.

Dari permasalahan tersebut, penulis ingin membuat solusi yang mudah-mudahan dapat membantu kinerja semua pihak, baik siswa, guru, pegawai ataupun masyarakat lain. Penulis dalam hal ini memilih SMP NEGERI 1 TEBING-TINGGI dalam melakukan risetnya, karena penulis pernah menimba ilmu di sekolah ini. Kemudian, sekolah ini sudah semakin berkembang terutama dalam sistem pendidikan, teknologi informasi dan komunikasi. Hal ini dapat dilihat dengan dilaksanakannya berbagai ekstrakulikuler.

Untuk memenuhi segala kebutuhan di atas, diperlukan adanya suatu aplikasi yang berbasis sistem informasi. Dalam hal ini, penulis menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database dan web server Apache serta aplikasi pendukung lainnya, seperti Adobe Photoshop CS untuk mendesain tampilan web.

Dengan uraian masalah tersebut, penulis berkeinginan membantu sekolah tersebut untuk mengubah sistem penyampaian informasi yang telah ada sebelumnya, sehingga mempermudah semua pihak yang membutuhkan segala informasi yang ada di SMP NEGERI 1 TEBING-TINGGI. Atas dasar inilah, penulis tertarik mengangkat judul “Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySQL Pada SMP Negeri 1 Tebing-Tinggi”.

(14)

Semoga dengan diselesaikannya sistem informasi dengan judul di atas, nantinya bermanfaat untuk memberikan informasi dengan cepat serta lebih efisien dan jangka panjangnya, mampu memanfaatkan secara lebih baik sumber daya komputer bagi siapa saja yang menggunakan dan bagi penulis tentunya.

Dalam hal ini penulis mencoba membuat sistem informasi yang terkomputerisasi yang akan diterapkan pada SMP NEGERI 1 Tebing-Tinggi, sehingga diharapakan mampu memberikan layanan yang lebih cepat dan akurat. Atas dasar itulah, penulis memilih judul ”PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMP NEGERI 1 TEBING-TINGGI”. Dalam perancangan sistem informasi ini, penulis menggunakan PHP dan

server database yang digunakan MySQL, yang keduanya adalah software open source.

1.2 Identifikasi Masalah

Dalam mempublikasikan suatu lembaga, instansi maupun perusahaan, informasi yang

up to date sungguh sangat dibutuhkan. Karena dengan adanya informasi,

perkembangan tentang lembaga tersebut dapat dijabarkan secara luas dan terperinci. Begitu juga dengan SMP Negeri 1 Tebing Tinggi yang merupakan salah satu instansi pemerintah yang ingin mempublikasikan tentang sekolahnya tersebut. Walaupun penyebaran informasi tentang sekolah tersebut telah tersebar di Kotamadya Tebing-Tinggi khususnya, penulis ingin mempublikasikan ke seluruh Indonesia. Oleh karena itu, penulis mencoba suatu sistem on line yaitu web dinamis bagi SMP Negeri 1

(15)

Tebing-Tingi untuk dapat mempublikasikan segala sesuatu tentang perkembangan sekolah yang up to datedi Kota Tebing-Tinggi Khususnya melalui media internet.

1.3 Batasan Masalah

Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat suatu batasan masalah, yaitu :

1. Sistem dirancang untuk menampilkan informasi pada SMP Negeri 1 Tebing-Tinggi.

2. Sistem ini dirancang dengan menggunakan PHP dan serverdatabase yang digunakan MySQL.

3. Sistem yang dirancang akan diupayakan sedemikian rupa sehingga dapat bekerja secara dinamis, yaitu dapat dipergunakan dari tahun ke tahun.

4. Pembahasan tidak mencakup permasalahan keamanan yang mungkin terjadi akibat serangan dari hacker atau cracker pada web server dandatabase server yang digunakan untuk tempat penyimpanan program dan data pada sistem ini.

5. Sistem yang diperuntukkan bagi publikasi.

(16)

Tujuan penelitian dilakukan adalah :

1. Membangun suatu website yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah.

2. Terbentuknya suatu media informasi dan publikasi yang berbasis website pada SMP Negeri 1 Tebing-Tinggi.

3. Mampu membuka wawasan para pengguna internet untuk dapat memanfaatkan sumber daya komputer yang ada.

4. Publikasi berbasis website diharapkan akan menjadi sarana penyampaian informasi serta berguna bagi seluruh lapisan masyarakat pada umumnya dan seluruh warga sekolah SMP Negeri 1 Tebing-Tinggi.

1.5 Metodologi Penelitian

Metode yang digunakan yaitu Penelitian lapangan dengan cara meneliti instansi/perusahaan secara langsung. Hal ini dilakukan untuk mendapatkan data-data dan keterangan-keterangan yang berhubungan dengan masalah yang sedang diteliti.

(17)

1.6 Tinjauan Pustaka

Salah satu teknologi baru yang mulai banyak dimanfaatkan untuk perkembangan web adalah PHP. PHP atau Hypertext Preprocessor adalah bahasa yang bersifat Server

Side yang memiliki kemampuan untuk dikombinasikan dengan teks, HTML, dan

komponen-komponen lain untuk membuat suatu halaman web lebih menarik, dinamis, dan interaktif. PHP dimaksudkan untuk menggantikan teknologi lama seperti CGI (Common Gateway Interface), yang juga bahasa pengembang web. Dengan pengembang halaman web menjadi mudah dan lebih cepat bekerja.

(Panduan Lengkap Menguasai Pemrograman Web dengan PHP 5, 2006)

PHP adalah bahasa pemrograman yang berjalan pada sebuah web server, atau sering disebut server-side. Oleh karena itu PHP dapat melakukan apa saja yang dapat dilakukan oleh program lain, yaitu mengolah data dengan tipe apapun, menciptakan halaman web yang dinamis, serta menerim dan menciptakan data cookies. Namun PHP mempunyai kemampuan lebih dari itu. PHP dapat berjalan pada semua jenis sistem operasi, antara lain Linux, Unix, Microsoft Windows, Mac OS, dan masih

(18)

banyak lagi. Selain itu PHP juga dapat berjalan pada beberapa jenis webserver antara lain Apache, Netscape, Xitami, Microsoft Internet Information Services, dan sebagainya.

(Rafiza H, Panduan dan Referensi Kamus Fungsi PHP 5, 2006)

PHP, sebagai bahasa pemrograman berbasis web, mempunyai lebih banyak kelebihan dibanding bahasa sejenis lainnya. Selain gratis, PHP juga mempunyai fungsi-fungsi yang cukup lengkap, multiplatform serta mampu berinteraksi dengan berbagai macam database. Pada PHP, banyak komponen atau fungsi yang dapat digunakan untuk berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses e-mail dapat pula digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan terhadap berbagai jenis webserver. Hampir semua webserver didukung oleh PHP, tetapi yang paling umum ialah penggabungan PHP dengan Apache, webserver gratis. (M.Syafii, Panduan Membuat Aplikasi Database dengan PHP 5, 2005)

Untuk membangun sebuah web page dibutuhkan sebuah bahasa pemrograman yang lebih dikenal dengan sebutan web scripting. Web scripting yang bersifat client side akan menghasilkan web page yang statis, artinya lebih menekankan pada desain format tampilan informasi. HTML (Hypertext Markup Language) adalah bahasa untuk web scripting bersifat dclient side yang memungkinkan untuk menampilkan informasi

(19)

dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar tampilan web page(hyperlink).

(Bernard Renaldy S, Agus Prijono, Rusdy Agustaf, Mudah dan Cepat Menguasai Pemrograman WEB, 2005)

1.7 Sistematika Penulisan

Adapun sistematika penulisan Tugas Akhir adalah sebagai berikut :

Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari:

BAB 1 PENDAHULUAN

Bab ini merupakan berisikan latar belakang masalah, maksud dan tujuan, serta metode penelitian.

BAB 2 LANDASAN TEORI

Di bab ini dijelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan pembahasan bahasa pemograman PHP dan MySQL sebagai databasenya.

(20)

Pada bab ini dijelaskan mengenai profil SMP Negeri 1 Tebing-Tinggi, struktur organisasi sekolah, serta uraian tugas.

BAB 4 PERANCANGAN SISTEM

Didalam bab ini dijelaskan dan diuraikan tentang pembuatan serta perancangan sistem.

BAB 5 IMPLEMENTASI SISTEM

Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah dalam implementasi sistem juga disertai dengan komponen-komponen kebutuhan sistem.

BAB 6 KESIMPULAN DAN SARAN

Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan dari uraian bab-bab sebelumnya. Dan akan akan memberikan saran-saran yang ada manfaatnya.

(21)

BAB 2

LANDASAN TEORI

2.1 Konsep Dasar Data, Informasi dan Sistem Informasi

2.1.1 Data

Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick, dkk (1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah fakta yang sudah ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk media. (Gultom et al, 2005).

Adapun definisi dari kata data adalah suatu istilah majemuk dari datum yang berarti fakta atau bagian dari kata yang mengandung arti, yang berhubungan dengan kenyataan, simbol-simbol, gambar-gambar, kata-kata angka-angka, huruf-huruf atau simbol-simbol yang menunjukkan ide, objek, kondisi atau situasi. Jelasnya data itu dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan data adalah sebagai bahan dasar yang objektif dalam proses penyusunan kebijakan dan keputusan. Dalam

(22)

kaitannya dengan pengolahan data dengan computer, pengertian data dapat dibatasi pada fakta-fakta yang dapat direkam. Dalam setiap pengolahan data, data merupakan sumber informasi yang dapat dihasilkan.

2.1.2 Informasi

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya. (Jogiyanto, 2001). Menurut George R. Terry, bahwa informasi adalah data yang penting yang memberikan pengetahuan yang berguna. Sedangkan menurut Gordon B. Davis, informasi adalah data yang telah diolah menjadi sebuah bentuk yang penting bagi penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan datang. Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur sebagai berikut:

1. Relevan artinya Informasi yang diinginkan benar-benar ada relevansi dengan

masalah yang dihadapi.

(23)

3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan

lengkap.

4. Tepat waktu artinya data yang disajikan adalah data terbaru dan mutahir.

2.1.3 Sistem Informasi

2.1.3.1 Konsep Dasar Sistem

Sistem berasal dari bahasa Yunani yaitu “systeme” yang mempunyai pengertian : 1. Suatu keseluruhan yang tersusun dari sekian banyak bagian.

2. Hubungan yang berlangsung diantara satuan-satuan atau komponen-komponen secara teratur.

Perkataan sistem dalam bahasa Indonesia adalah cara, metode atau teknik. Pengertian sistem yang lain adalah suatu kesatuan yang terdiri dari unit-unit kesatuan yang saling bekerjasama dan saling ketergantungan untuk mencapai tujuan usaha tertentu. Ciri-ciri atau sifat-sifat sistem adalah :

(24)

2. Mempunyai lingkungan luar.

3. Mempunyai interface (jalinan).

4. Terdiri dari masukan, pengolahan dan keluaran.

Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Lingkungan luar dari sistem adalah apapun diluar dari batas sistem yang mempengaruhi operasi sistem. Penghubung merupakan media penghubung antara suatu subsistem yang lainnya. Keluaran dari suatu subsistem akan menjadi masukan untuk subsistem yang lainnya dengan melalui penghubung.

Masukan adalah energi yang dimasukkan ke dalam sistem dapat berupa masukan perawatan dan masukan sinyal. Masukan perawatan dimaksudkan supaya sistem dapat beroperasi sedangkan sinyal untuk mendapatkan keluaran. Keluaran adalah hasil dari energi yang diperoleh dan diklasifikasikan menjadi keluaran yang berguna dan sisi pembuangan. Suatu sistem dapat mempunyai suatu bagian pengolahan yang akan merubah masukan menjadi keluaran. Suatu sistem pasti

(25)

mempunyai tujuan atau sasaran. Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran sari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang dihasilkan sistem. (Jogiyanto, 2001)

Dari uraian di atas dapatlah disimpulkan bahwa sistem adalah bagian-bagian yang saling berkaitan yang beroperasi bersama-sama untuk mencapai beberapa sasaran dan tujuan.

2.1.3.2 Konsep Dasar informasi

Informasi dalam sebuah organisasi sangat penting peranannya. Suatu sistem yang kurang mendapatkan informasi akan menjadi lemah dan akhirnya berakhir. Informasi itu sendiri dapat didefinisikan sebagai berikut :

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 data atau data item. Data adalah kenyataan yang menggambarkan sesuatu yang terjadi pada saat tertentu.

(26)

2.1.3.3 Konsep Dasar Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. (Jogiyanto, 2001). Menurut Simkin Mark G dalam bukunya yang berjudul “computer information system for business”. Sistem informasi adalah sekumpulan elemen yang bekerja secara bersama-sama baik secara manual ataupun berbasis komputer dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan, pemprosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi proses pengambilan keputusan.

Menurut Burch dan Strater dalam bukunya “informasi system : theory and

practice”. Sistem informasi adalah suatu kumpulan fungsi-fungsi yang bergabung

secara formal dan sistematis yaitu:

1. Melaksanakan pengolahan data transaksi operasional.

2. Menghasilkan informasi untuk mendukung manajemen dalam melaksanakan aktifitas perencanaan, pengendalian dan pengambilan keputusan.

(27)

3. Menghasilkan berbagai laporan bagi kepentingan eksternal organisasi. Komponen dari sistem informasi dapat dilihat pada gambar berikut ini :

Gambar 2.1. Lima Komponen Sistem Informasi

Dari definisi diatas terlihat bahwa sistem informasi merupakan satu kesatuan unsur (manusia dan peralatan) yang bekerjasama secara untuk melaksanakan pengolahan informasi dari mulai mengumpulkan, pengolahan, penyimpanan sampai pendistribusiannya.

2.2 Pengertian Komputer

Hardware System

Software

Data

(28)

Komputer barasal dari bahasa yunani “compute” yang kemudian diartikan ke dalam bahasa inggris yaitu “to compute” yang berarti hitung, sehingga komputer dapat diartikan sebagai alat hitung atua mesin hitung.

Bila dijabarkan, definisi dari komputer itu sendiri adalah seperangkat peralatan elektronik yang berkerja bersama-sama secara otomatis, menerima input, memproses data dan menghasilkan output secara logis, cepat dan tepat berdasarkan perintah-perintah tertentu dan komputer itu sendiri adalah bagian dari sistem komputerisasi.

Sistem komputerisasi adalah suatusistem yang berdiri atas komputer dan seluruh komponen-komponen yang menunjang terlaksananya proses pengelolahan data dan menjadikan komputer sebagai alat yang berguna.Sistem komputer memiliki beberapa komponen yaitu :

a. Perangkat keras (hardware)

Perangkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk suatu kesatuan dapat difungsikan. Berdasarkan kegungaannya, perangkat keras komputer digolongkan ke dalam tiga bagian utama, yaitu :

(29)

Alat input adalah alat untuk memasukan program maupun data yang akan diperoses oleh komputer, seperti keyboard, mause, scanner.

2. Alat proses

Alat peroses atau CPU (Central Processing Unit), merupakan alat atau unit terpanting didalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem komputer selama pengelolahan data berlangsung, seperti metherboard dan processor.

3 .Alat Ouput

Alat output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

b. Perangkat Lunak (software)

Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan komputer perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data, komponen ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai perantara bagi komputer dan pengguna komputer (user), sehingga komputer dapat digunakan.

(30)

c. Pengguna Komputer

Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu mengoperasikan komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :

1 .Sistem analis

Orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.

2. Programmer

Orang yang bertugas menterjemahkan spesifikasi yang telah dirancang oleh sistem analis ke dalam suatu bahasa pemograman tertentu.

3. Computer Operator

Orang yang bertugas menangani pengelolahan data secara langsung. 4. Data Entry Operator

(31)

Orang yang bertugas melakukan pengurusan terhadap data yang akan diolah, mulai dari pengumpulan data, perekaman data ke dalam media-media penyimpanan hingga pemeriksaan dan pengiriman informasi yang menghasilkan oleh komputer.

2.3 Pengertian 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 satu negara yang dapat menanganinya sendiri. Kenyataannya , tidak ada satu prang yang mampu memahami seluruh seluk beluk internet.

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh departemen pertahanan Amerika Serikat. Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang disebut dengan internet.

Daya guna internet itu terletak pada informasi itu sendiri, bukan pada jaringan komputer. Informasi itu ada karena beberapa orang atau beberapa kelompok memberikan waktu, usaha, dan karya mereka. Mereka mempunyai ide, menyusunnya,

(32)

menciptakan sesuatu yang berguna dan membuatnya tersedia buat pemakai intenet di seluruh dunia.

2.3.1 Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau

lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di printer komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lainnya.

2.3.2 Sekilas Mengenai Web

World Wide Web (WWW) atau biasa disebut dengan Web, merupakan salah satu

sumber daya internet yang berkembang pesat. Informasi Web diistribusikan malalui pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk membuka dokumen yang lain. Dengan pendekatan hypertext ini seseorang dapat memperoleh informasi dengan meloncat dari suatu dokumen ke dokumen yang lain.

(33)

Dokumen-dokimen yang diaksespun dapat tersebar diberbagai mesin dan bahkan di berbagai Negara.

Bagai jejaring laba-laba, jejaring Web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, Web juga banyak digunakan oleh perusahaan bisnis yang ingin mengiklankan produk atau untuk melakukan transaksi bisnisnya.

2.4 Sejarah Web

Sejarah Web dimulai pada tahun 1989 ketika tim Berner-Lee yang berkerja di laboraturium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei

European pour la Recherce Nuclaire) yang berada di genewa, swiss, mengajukan

protocol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi internet yang digunakan untuk berbagai informasi diantara para fisikawan.Protocol inilah yang selanjutnya dikenal sebagai Protocol World Wide Web dan dikembangkan oleh World

Wide Web Consortium (W3C).

(34)

Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa yang disebut HTML (HyperText Markup Language) dan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol). Pada perkembangan berikut, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain yaitu PHP.

Aplikasi Web sendiri dapat dibagi menjadi dua bagian, yaitu :

a. Web statis

b. Web dinamis

Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini

terletak pada keharusan untuk memelihara program secara terus-menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi

Web dinamis.

Dengan memperluas kemampuan HTML, yakni dengan menggunakan perangkatlunak tambahan, perubahan informasi dalam halaman – halaman Web dapat ditangani melalui perubahan data, bukan melalui perubahan program. Sebagai implementasinya, aplikasi Web dikoneksikan ke basis data. Dengan demikian

(35)

perubahan informasi dapat dilakukan oleh operator atau yang bertanggung jawab terhadap kemutakhiran data, dan tidak menjadi tanggung jawab pemograman atau

webmaster.

2.4.2 Web Server

Web Server adalah server yang melayani permintaan client terhadap halaman web. Middleware adalah perangkat lunak yang bekerja sama dengan webserver dan

berfungsi menterjemahkan kode – kode tertentu, menjalankan kode – kode tersebut dan memungkinkan berinteraksi dengan basis data. Web browser adalah perangkat lunak di sisi client yang digunakan untuk mengakses informasi web. Contoh Internet

Explorer, Netscape, dan Mozilla.

2.5 Sejarah PHP

PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses diserver. Hasilnya akan dikirim ke client, tempat pemakai menggunakan browser. Berbeda dengan Javascript, yang mana skrip diproses client.

(36)

PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff. Ini bermula saat Ramus Lerdoff membuat sejumlah skrip perl yang dapat mengamati siapa saja yang melihat – lihat daftar riwayat hidupnya . Skrip – skrip ini selanjutnya dikemas menjadi tool yang disebut “ Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal

Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.

Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 merupakan versi PHP yang paling populer di kalangan programmer

website. Alasan yang menjadikan versi 4.0 ini begitu diminati adalah kemampuannnya

untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.

Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman

(37)

berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman kearah pemograman berorientasi objek.

Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di seluruh dunia.

2.5.1 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:

1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagaimya.

2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.

(38)

3. Karena sifatnya yang open source, maka perubahan dan perkembangan

interpreter pada PHP lebih cepat dan mudah, karena banyak milis – milis

dan developer yang siap membantu pengembangannya.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.

5. PHP dapat berjalan pada 3 operating sisstem, yaitu: Linux, Unix dan

Windows serta dapat juga dijalankan secara runtime pada suatu console.

2.5.2 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya:

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya.

(39)

2.5.3 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML yaitu:

1. Embedded Script

Yakni penulisan tag PHP di sela – sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian – bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML.

Contoh penulisan Embedded Script dapat dilihat di bawah ini:

<html>

<head>

<body>

(40)

</body> </html>

2. Non Embedded Script

Yakni cara penulisan tag PHP di bagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag php digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan

script HTML sebagai bagian dari script PHP.

Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini:

echo’<html>’; echo’<head>’;

echo’<title>coba</title>’; echo’< /head ><body>’; echo’Hellow’;

echo’</body>’; echo’</html>’; ?>

(41)

MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama TcX Data Konsult AB, dan pada akhirnya berubah nama menjadi MySQL AB. Sekitar tahun 1994-1995, TcX membuat database MySQL untuk mengembangkan aplikasi

web bagi klien-nya. TcX merupakan perusahaan pengembang software dan konsultan

database.

Michael Widenius atau disebut ” Monty ” adalah pengembangan satu-satunya di TcX. Dengan berlandasan pada aplikasi UNIREG dan ISAM yang dibuat sendiri, dia memutuskan untuk mencari antarmuka SQL yang sangat tepat untuk ditempelkan di atasnya. Awalnya dia menggunakan mSQL singkatan mini SQL ( Stucture Query

Language ). Dia beranggapan bahwa mSQL merupakan satu-satunya kode database

open source yang tersedia dan cukup sederhana saat itu. Namun setelah dia melakukan uji coba, ternyata mSQL tidak cukup cepat dan fleksibel. Dan pada versi pertama mSQL tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai pembuat mSQL, namun karena David tengah sibuk dalam mengembangkan versi 2 mSQL, maka dia (Monty) memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai kebutuhan, sehingga lahirnya MySQL.

(42)

Pada bulan Mei 1996, versi 1.0 berhasil dirilis secara terbatas hanya untuk empat orang saja. Namun di bulan Oktober pada tahun yang sama versi 3.11.0 dilepas ke publik. Namun mula – mula kode ini tidak diberikan di bawah lisensi GPL (General Public License), melainkan lisensi khusus yang intinya kurang lebih seperti ini :

”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya tetapi hanya untuk kebutuhan nonkomersial. Untuk kebutuhan komersial (misal : mengemas dan menjual MySQL atau menyertakan MySQL dalam program komersial lain), anda harus bayar lisensi”.

Pada bulan Juni 2000, Mysql AB mengumumkan bahwa sejak versi 3.23.19, MySQL adalah merupakan software database yang bebas berlisensi GPL. Artinya: ”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya untuk kebutuhan apapun. Tapi jika anda memodifikasi source code, anda juga harus melepasnya dibawah lisensi yang sama, yaitu GPL”. Kini perusahaan MySQL AB yang beranggotakan 10 programmer dan 10 karyawan lain dapat memperolehpemasukan terutama dari jasa konsultasi seputar MySQL.

Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi

(43)

websederhana, namun belum memadai untuk aplikasi bisnis. Contoh kelemahannya

itu adalah:

JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING. Tipe data TIMESTAMP dan kolom auto–update, namun tidak terdapat system– generated

number (sequnce), baru diakhir tahun 1996 ditambahkan modifier kolom

AUTO_INCREMENT. Kelemahannya berikutnya, yaitu terdapat LIMIT dan GROUP BY dan ORDER BY yang masih memiliki keterbatasan.

(44)

BAB 3

SEKILAS MENGENAI SMP NEGERI 1 Tebing-Tinggi

3.1 Profil SMP NEGERI 1 Tebing-Tinggi

SMP Negeri 1 Tebing-Tinggi berdiri pada tahun 1985. Sekolah ini berlokasi di Jalan Dr Sutomo No 15 dan merupakan SMP yang sudah berstandar internasional. Kegiatan belajar mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul 07.30 sampai dengan pukul 13.45, sedangkan sore hari sekolah ini mengadakan kegiatan ekstrakurikuler seperti Pramuka, Bimbingan Belajar, Kegiatan Olahraga dan lain sebagainya.

Sekolah ini memiliki 24 ruang kelas terdiri dari 8 ruang kelas untuk kelas VII, 8 ruang kelas untuk kelas VIII, 8 ruang kelas untuk kelas IX. Untuk pelaksanaan kegiatan olah raga sekolah ini sudah di lengkapi dengan lapangan volley, lapangan basket, lapangan bola kaki, lapangan untuk lompat tinggi dan lapangan untuk lompat jauh dan lain-lain.

Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan,laboratorium komputer, laboratorium fisika, perpustakaan serta

(45)

fasilitaslainnya untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkanmoral dan ahlak siswa dengan adanya tempat ibadah seperti mushola dan kegiatan – kegiatankeagamaan seperti sholat zuhur berjamaah setiap pulang sekolah untuk siswa dan para guru.

(46)

Gambar 3.1 Struktur Organisasi

Organisasi merupakan salah satu alat untuk mencapai tujuan secara efektif dan rasional. Pembentukan organisasi dan pembagian tugas merupakan unsur utama dan alat utama untuk mencapai kontrol yang baik. Pengorganisasian berarti menetukan bagian-bagian mana yang diperlukan untuk mencapai suatu hasil dan menentukan kerja sama yang sesuai antara bagian.

Struktur organisasi adalah rangka atau bagian yang menunjukan tugas untuk mencapai tujuan organisasi, hubungan antara fungsi-fungsi, dan tanggung jawab antara setiap anggota organisasi. Dengan adanya struktur organisasi, maka pimpinan dan bawahan yang ada didalamnya akan mengetahui kegiatan-kegiatan yang harus dilakukan dan batas-batas kekuasaan yang ada padanya.

3.3. Uraian Tugas dan Fungsi Organisasi

3.3.1 Kepala Sekolah

Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator,supervisor serta pemimpin / Leader inovator.

(47)

Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan:

1. Menyusun kurikulum.

2. Mengatur segala program kesiswaan.

3. Merencanakan kebutuhan sarana dan prasarana.

4. Mengatur dan mengembangkan hubungan dengan masyarakat. 5. Mengatur dan mengawasi penyelenggaraan program pendidikan. 6. Mengatur mutasi siswa.

7. Menyusun program kegiatan ekstrakurikuler.

8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.

3.3.3 Tata Usaha

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

1. Penyusunan program kerja tata usaha sekolah. 2. Pengolahan keuangan sekolah.

3. Penyusunan administrasi perlengkapan sekolah.

(48)

3.3.4 Komite Sekolah

Membantu sekolah dalam hal: 1. Peningkatan kegiatan sekolah.

2. Peningkatan kesejahteraan guru dan pegawai.

3.3.5 Pembantu Kepala Sekolah

3.3.5.1 Bidang Sarana dan Prasarana

Tugas yang dilakukan disini adalah: 1. Pembangunan sarana dan prasarana.

2. Pengawasan dalam hal sarana dan prasarana yang ada.

3.3.5.2 Bidang Kurikulum

Membantu Kepala Sekolah dalam hal: 1. Pelaksanaan kurikulum.

(49)

2. Pemberian tugas guru.

3. Mengawas jadwal pelaksanaan KBM. 4. Administrasi kurikulum dan penelitian. 5. Konsultasi dengan Kepala Sekolah.

3.3.5.3 Bidang Kesiswaan

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

2. Koordinator pembinaan siswa.

3. Koordinator pelaksana kegiatan intra / ekstrakulikuler. 4. Koordinator kegiatan sekolah.

3.3.6 Guru

Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakankegiatan proses belajar mengajar secara efektif dan efisien.

(50)

3.3.7 Wali Kelas

Membantu kepala sekolah dalam kegiatan: 1. Pengelolaan kelas.

2. Penyelenggaraan administrasi kelas. 3. Pembuatan catatan khusus tentang siswa. 4. Penyusunan statistik bulanan siswa. 5. Penyusunan nilai siswa.

3.3.8 Guru Pembimbing dan Konseling (BP/BK)

Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaanpembimbingan dan konseling di sekolah.

3.4. Visi dan Misi Sekolah

(51)

“Mewujudkan sekolah sebagai pelaksana dan penyelenggara pendidikan yang berkualitas tinggi, handal, islami dan antusional “

Dengan indikator:

1. Terwujudnya Pengembangan Kurikulum Adaptif dan Produktif. 2. Terwujudnya Proses Pembelajaran yang Efektif & Efisiens. 3. Terwujudnya Tamatan yang Handal dan Berstandar Nasional.

4. Terwujudnya Sarana & Prasarana Pendidikan yang Sesuai Perkembangan Zaman.

5. Terwujudnya SDM Pendidikan yang Handal dan Profesional. 6. Terwujudnya Sekolah Menjadi Pusat Pembelajaran setiap Waktu.

7. Terwujudnya Partisipasi yang baik dalam Penggalangan Biaya Pendidikan.

3.4.2 Misi Sekolah

1. Melaksanakan pembelajaran dan bimbingan, sehingga dapat memotivasisiswa untuk dapat mengenali potensi dirinya dan dapat mengembangkan secara optimal dan berdaya guna.

2. Mengupayakan semangat bersaing dan bersanding mendorong siswa menumbuhkan semangat keunggulan sportif.

(52)

3. Menerapkan manajemen partisipatif dengan melibatkan seluruh warga sekolah dan masyarakat yang berpotensi untuk membantu merealisasikan visi sekolah.

4. Menumbuhkan penghayatan dan pengalaman terhadap ajaran agama dan menerapkannya dalam berbuat, bertindak dan bertingkah laku.

3.4.3 Tujuan Sekolah

1. Mengupayakan stabilitas dan membangun sarana dan prasarana sekolah yang belum ada dan yang rusak.

2. Meningkatlkan kelancaran kegiatan belajar mengajar.

3. Mengefektifkan pelaksanaan evaluasi dan program remedial bagi siswa.

4. Dapat meningkatkan mutu pendidikan dan perubahan pola piker melalui pengembangan berbagai media pembelajaran.

(53)

BAB 4

ANALISIS DAN PERANCANGAN SISTEM

4.1Analisis

Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus diperhatikan adalah tahap analisis.Tahap analisis merupakan tahap pemahaman dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir data, kamus alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui mekanisme sistem,proses–proses yang terlibat dalam sistem serta hubungan antara proses tersebut.

4.2 Perencanaan dan Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang untuk dapat mendapatkan hasil yang terbaik karena menyangkut semua elemen yang membentuk situs. Situs ini

(54)

dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai databasenya.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain: 1. Situs apa yang akan dibuat?

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut? 4. Apa target yang ingin dicapai dari pembuatan situs tersebut?

Untuk semakin memperjelas dan mempermudah dalam membangun situs, maka jawaban dari pertanyaan-pertanyaan di atas akan sangat membantu karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan-pertanyaan di atas sebagai berikut:

a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini adalah SMP Negeri 1 Tebing-Tinggi, yang menyediakan informasi-informasi tentang sekolah tersebut dan kegiatan yang dilakukan sekolah.

(55)

b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali siswa SMP Negeri 1 Tebing-Tinggi serta masyarakat luas yang ingin tahu mengenai segala sesuatu tentang sekolah ini.

c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai SMP Negeri 1 Tebing-Tinggi, mengetahui data siswa, serta informasi penting lainnya.

d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang SMP Negeri 1 Tebing-Tinggi, dan dapat memberikan kemudahan bagi para siswa, guru, maupun wali siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.

4.3Perancangan Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan diagram yang menggunakan notasi-notasi (simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data

(56)

tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:

Home Siswa

Galeri

Profil

Guru

Gambar 4.1 Diagram Konteks

Home Pengumuman

Siswa Home Desain Sistem Informasi SMP Negeri 1 Tebing-Tinggi Galeri Profil Guru Kepala Sekolah Siswa Home Galeri Profil Contact Us

(57)

Galeri

Profil

Guru Contact Us

Gambar 4.2 Diagram Konteks Level 0 (Nol)

4.4Perancangan Flowchart

Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang

Guru

Kepala Sekolah Pembuatan

Laporan

(58)

menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.

Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti berikut:

Simbol Fungsi

Terminator, untuk memulai dan mengakhiri suatu program.

Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.

Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses.

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

Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage. Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama.

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

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

Document, merupakan simbol untuk data yang berbentuk informasi.

Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur. Display, untuk output yang ditujukan suatu device, seperti monitor.

(59)

Magnetic Disk, untuk menyimpan data.

Berikut adalah flowchart dari sistem informasi SMP Negeri 1 Tebing-Tinggi yang penulis rancang:

(60)

Gambar 4.3 Aliran Informasirancangan situs Index / Halaman

Utama

Kesiswaan

Profil Guru

Sejarah

Visi Misi

Struktur Organisasi

Prestasi Guru

Program Kerja

Osis

Ekstrakulikuler

Roster Pelajaran

(61)

(62)

Start Profil Sekolah

Sejarah

Visi dan Misi

Identitas Sekolah Tampil Sejarah Tampil Visi dan Misi Tampil Identitas Fasilita SMA Perpustakaan Laboratorium Mushola Tampil Perpustaka an Tampil Laboraturiu m Tampil Mushola Personalia Stuktur Organisasi Kepala Sekolah Guru Siswa Tampil Sruktur Tampil Kepala sekolah Tampil Guru Tampil siswa Kalender Akademik Galeri Contact Us Keluar Stop Pengumuman Terbaru Tampil Pengumum an Tampil kalender Tampil Galeri Tampil Form Input Kontak Tampil Form Input Kontak

Y Y Y

T T T Y Y Y T Y T T Y Y T T Y Y T Y T Y T Y Y Y Y _Y T T T T

(63)

Gambar 4.4 Flowchart Halaman Utama

2. Flowchart Manage Kepala Sekolah

C Tampil Data Kepsek Tampil Data Kepsek Tambah data Kepsek Tampil Form Tambah data Kepsek Tampil Form Tambah data Kepsek Tambah data Kepsek Tambah? Database C1 Edit Data Kepsek Tampil form Edit Data Kepsek Tampil Form Edit Data Kepsek

Edit Data Kepsek Edit?

Database C2 Hapus Data Kepsek Hapus data Kepsekk Hapus Data Kepsek? Database C3 Keluar Ci T Y Y Y Y T Y _Y

Y y Y

Y T T T Y Y

Y Y Y Y

(64)

Gambar 4.6 Flowchart Manage Kepala Sekolah

(65)

D Tampil Data Guru Tampil Data Guru Tambah data Guru Tampil Form Tambah data Guru Tampil Form Tambah data Guru Tambah data Guru Tambah? Database D1

Edit Data Guru Tampil form Edit Data Guru

Tampil Form Edit Data Guru

Edit Data Guru Edit?

Database

Hapus Data

Guru Hapus data Guru

Hapus Data Guru? Database D3 Keluar D1 T Y Y Y Y T Y _Y

Y y Y

Y T T T Y Y

Y Y Y Y

(66)

4. Flowchart Manage Artikel F

TampilArtikel Tampil Artikel

Tambah Artikel Tampil Form Tambah Artikel

Tampil Form Tambah

Artikelk

Tambah Artikel Tambah?

Database

Edit Artikel Tampil form Edit Artikel

Tampil

Form Artikel Edit Artikel Edit?

Database

Hapus Artikel Hapus Artikel Hapus Artikel

Database F3 Keluar F1i T Y Y Y Y T Y _Y

Y y Y

Y T T T Y Y

Y Y Y Y

(67)

Gambar 4.9 Flowchart Manage Artikel

4.5MempersiapkanDatabase Server

Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman

website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.

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

Tabel 4.1 Admin

Nama Field Type Size Keterangan

username Varchar 45 primary key

password Varchar 20

Tabel 4.2 Artikel

Nama Field Type Size Keterangan

Id Integer 10 primary key

Judul Varchar 100

Gambar Varchar 100

Isi Text

link Varchar 50

(68)

Tabel 4.4 Contact

Nama Field Type Size Keterangan

Id Integer 10 primary key

Nama Varchar 30

Email Varchar 30

Pesan Text

Tabel 4.5 DBGuru

Nama Field Type Size Keterangan

Id Integer 10 primary key

Gambar Varchar 100

Link Varchar 100

Nama Varchar 100

Nip Varchar 100

Ttl Varchar 100

Jk Varchar 20

Agama Varchar 20

Pendidikan Varchar 10

Jabatan Varchar 100

gol Varchar 10

gaji Varchar 100

mulai date

Tabel 4.6 DBSiswa

Nama Field Type Size Keterangan

Id Integer 10 primary key

Nis Integer 10

Nama Varchar 20

Jk Text 10

Kelas Varchar 10

Password Varchar 10

(69)

Nama Field Type Size Keterangan

Id Integer 10 primary key

Nama Varchar 10

Gambar Varchar 10

Urutan Integer 10

Tabel 4.9 Kesiswaan

Nama Field Type Size Keterangan

Id Integer 10 primary key

nama Varchar 50

link Varchar 50

Static_content Text

Gambar Varchar 100

Publish Enum(‘Y’, ‘N’) 10

Status Enum(‘user’, ‘dmin’)

Aktif Enum(‘Y’, ‘N’)

Urutan Integer 5

Tabel 4.11 Personalia

Nama Field Type Size Keterangan

Id Integer 10 primary key

Nama Varchar 10

Link Varchar 50

Gambar Varchar 10

Urutan Integer 10

Tabel 4.12 Profil

Nama Field Type Size Keterangan

Id Integer 10 primary key

nama Varchar 50

link Varchar 50

Static_content Text

Gambar Varchar 100

Publish Enum(‘Y’, ‘N’) 10

Status Enum(‘user’, ‘dmin’)

Aktif Enum(‘Y’, ‘N’)

(70)

4.6 Perancangan Halaman Website

Adapun halaman-halaman yang dibangun oleh penulis adalah:

a. Halaman index merupakan halaman yang pertama kali muncul pada saat website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman berikutnya.

b. Halaman sejarah merupakan halaman yang berisikan sejarah tentang SMP Negeri 1 Tebing-Tinggi serta link-link menuju halaman berikutnya.

c. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMP Negeri 1 Tebing-Tinggi.

d. Halaman perpustakaan merupakan halaman yang berisikan tentang fasilitas perpustakaan.

e. Halaman laboratorium merupakan halaman yang berisikan tentang fasilitas laboratorium.

f. Halaman mushalla merupakan halaman yang berisikan tentang fasilitas mushalla.

g. Halaman struktur organisasi merupakan halaman yang berisikan tentang strukur organisasi SMP Negeri 1 Tebing-Tinggi.

(71)

h. Halaman kepala sekolah merupakan halaman yang berisikan data kepala sekolah SMP Negeri 1 Tebing-Tinggi.

i. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMP Negeri 1 Tebing-Tinggi.

j. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMP Negeri 1 Tebing-Tinggi.

k. Halaman siswa merupakan halaman yang berisikan daftar nama siswa yang terdaftar di sekolah SMP Negeri 1 Tebing-Tinggi.

l. Halaman OSIS merupakan halaman yang berisikan tentang OSIS SMP Negeri 1 Tebing-Tinggi.

m. Halaman prestasi merupakan halaman yang berisikan tentang prestasi yang pernah dicapai oleh SMP Negeri 1 Tebing-Tinggi.

n. Halaman tata tertib merupakan halaman yang berisikan tentang tata tertib di SMP Negeri 1 Tebing-Tinggi.

o. Halaman bimbingan konseling merupakan halaman yang berisikan tentang penjelasan tentang arti bimbingan konseling SMP Negeri 1 Tebing-Tinggi. p. Halaman roster pelajaran merupakan halaman yang berisikan tentang roster

pelajaran dan mendownload roster pelajaran SMP Negeri 1 Tebing-Tinggi. q. Halaman pengumuman terbaru merupakan halaman yang berisikan tentang

(72)

r. Halaman kalender akademik merupakan halaman yang berisikan tentang kalender akademik SMP Negeri 1 Tebing-Tinggi.

s. Halaman galleri photo merupakan halaman yang berisikan photo SMP Negeri 1 Tebing-Tinggi.

t. Halaman contact us merupakan halaman yang berisikan tentang contact us untuk memberikan kritik saran yang membangun kepada SMP Negeri 1 Tebing-Tinggi.

u. Halaman artikel merupakan halaman yang berisikan tentang berbagai artikel yang sedang berkembang saat ini.

Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:

1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat dilihat seperti gambar berikut ini:

(73)

Gambar 4.10 Tampilan Macromedia Dreamweaver 8

2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada

Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita

dan modul-modul lainnya di tempat yang telah ditentukan.

3. Menulis dan meletakkan skrip-skripPHP dan HTML yang diperlukanpada tempat yang sesuai yang dikerjakan di jendelaCode pada Macromedia Dreamweaver. 4. Mengerjakan halaman-halaman berikutnya.

(74)

4.7 Perancangan User Interface

Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver. Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian atas yang berisikan nama website SMP Negeri 1 Tebing-Tinggi, sedangkan bagian isi adalah merupakan bagian terpenting karena pada pada bagian ini merupakan tempat menampilkan informasi yang akan disampaikan.

(75)

BAB 5

IMPLEMENTASI SISTEM

5.1Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

5.2 Tujuan Implementasi Sistem

Tujuan Implementasi sistem adalah sebagai berikut:

1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

(76)

5.3Komponen Utama dalam Sistem

Dalam pembuatan sistem informasi SMP Negeri 1 Tebing-Tinggi yang sudah dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software), dan tenaga pelaksana (brainware).

a. Perangkat keras (hardware)

Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:

1. Prosesor 2. Harddisk 3. Memori 4. Monitor 5. Keyboard 6. Mouse 7. Dan lain-lain

b. Perangkat Lunak (software)

1. PHP, MySQL, dan Macromedia Dreamweaver 8

(77)

c. Tenaga Pelaksana (Brainware)

Yaitu orang yang memiliki keahlian yang baik dan mengerti sistem operasi komputer untuk menjalankan program.

5.4Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.

Adapun softwarenya dapat diperoleh dari situs

instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.

5.4.1 Menjalankan Apache, MySQL, dan PHP

Untuk Menjalankan ketiga software yang digunakan dapat dilakukan dengan cara sebagai berikut:

(78)

1. Untuk menjalankan Apache, Klik Start > Programs > Apache HTTP Server

5.0.55 > Control Apache Server > Monitor Apache Servers.

2. Kemudian untuk melihat Apache telah ter-installdengan baik, tuliskan

ini:

Gambar 5.1 Uji Apache

3. Uji apakah PHP telah dapat dijalankan dengan cara tuliskan script berikut pada notepad :

<?php phpinfo(); ?>

(79)

Simpan dengan nama info.phpdan letakkan di folderhtdocs pada Apache.

4. Buka internet explorer dan tulis

berhasil akan tampil sebagai berikut:

Gambar 5.2 Uji PHP

5. Uji apakah MySQL telah dapat dijalankan dengan cara jalankan command

(80)

Gambar 5.3 Uji MySQL 6. Maka Apache, MySQL dan PHP telah dijalankan.

5.4.2 Pengujian Website di Browser

Setelah selesai mengerjakan semua halaman website yang dibuat, maka website tersebut harus di uji terlebih dahulu di browser sebelum di-upload di internet. Adapun cara menguji website di browser sebagai berikut:

1. Simpan website yang telah dibuat pada folderhtdocs yang terdapat pada apache dalam folder tersendiri, misalnya C:\Program Files\Apache Group\Apache2\htdocs\sekolah

(81)

2. Buka mozilla firefox kemudian ketikan http://localhost/smpn1tebing-tinggi pada URL. Jika berhasil akan tampil seperti berikut ini:

Gambar 5.4 Halaman Index Website SMP Negeri 1 Tebing-Tinggi

5.5 Memperbarui Web

Memperbarui situs web adalah salah satu cara untuk mempertahankan situs agar tetap dikunjungi oleh pengunjung. Dalam memperbarui situs kita harus melihat dan mengetahui apa yang sekiranya dibutuhkan oleh pengunjung. Ada beberapa hal yang dapat kita lakukan dalam memperbarui web kita yaitu :

(82)

1. Memperbarui Isi Web

Suatu situs web yang baik akan selalu memperbarui isi (content) dengan baik. Dengan semakin seringnya content diperbarui (ditambah, diganti, dikoreksi) menunjukkan kepada pengunjung situs bahwa situs kita memang benar-benar terpelihara.

2. Mengubah Tampilan Desain Web

Situs dengan wajah baru dapat menyegarkan rasa bosan pengunjung terhadap situs yang telah kita buat. Mengubah desain situs web sangat disarankan terutama jika situs web kita banyak dikunjungi dan memiliki banyak artikel didalamnya.

3. Menambah Fitur-Fitur Yang Menarik

Dari berbagai teknologi web yang telah dikenal maka kita dapat membuat layanan atau fitur khusus dari situs web yang dapat menarik hati pengunjung dengan pelayanan atau fasilitas yang disediakan kemudian membuat mereka penasaran dan mengeksplorasi lebih lanjut situs web kita. Karena mungkin pengunjung akan senang dengan inovasi yang kita terapkan pada situs kita.

(83)

5.6Demonstrasi Program

Adapun tampilan program yang dirancang penulis adalah sebagai berikut:

5.6.1 Tampilan Halaman Visi dan Misi

Gambar 5.9 Halaman Visi dan Misi

(84)

Gambar 5.10 Halaman Sarana & Prasarana

(85)

Gambar 5.11 Halaman Struktur Organisasi

(86)

Gambar 5.12 Halaman Program Kerja

(87)

Gambar 5.13 Halaman Ekstrakulikuler

(88)

Gambar 5.14 Halaman Osis

(89)

Gambar 5.15 Halaman Penerimaan Siswa Baru

(90)

(91)

DAFTAR PUSTAKA

Al Bahra Bin Ladjamudin. 2005. Analisis dan Desain Sistem Informasi. Frihartono, S. 2005. PHP Dan MySQL Untuk Web. Yogyakarta : Andi

H, Rafiza. 2006. Panduan dan Referensi Kamus Fungsi PHP 5. Jakarta : Elex Media Komputindo.

Herlambang,Ferry.2006. Menggali Keajaiban Behaviors pada Dreamweaver 8. Jakarta: PT.Gramedia.

Laudon, Kenneth C. dan Jane P, Laudon. 2008. Sistem Informasi Manajemen. Terjemahan Chrishwan Sungkono dan Machmudin Eka P. Jakarta: Salemba : 4 hal. 15.

Nugroho, B. Database Relasional Dengan MySQL. Yogyakarta : Andi

RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai

Pemrograman WEB. Bandung : Informatika Bandung.

Sopyan, Y. 2006. Foto Indah dan Artistik dengan rekayasa Photoshop. Jakarta : Mediakita.

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta : Andi Offset.

(92)

Nama Mahasiswa : REZKI ICHAN PRATAMA SARAGIH

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nomor Stambuk : 102406076

Judul Tugas Akhir : Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tebing-Tinggi

Dosen Pembimbing : Drs. Marihat Situmorang M.Kom Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

∗ Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui, Disetujui,

Ketua Departemen Matematika Pembimbing Utama/

Penanggung Jawab

No. Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai, pada Bab :

Paraf Dosen Pembimbing

Keterangan

1. Pengajuan Judul

2. ACC Judul Tugas Akhir

3. Uji Program

4. Pengajuan Bab 1 – 5

5. ACC Bab 1 – 5

(93)

Prof. Dr. Tulus, M.Si Drs. Marihat Situmorang M.Kom NIP. 19620901 198803 1 002 NIP. 19631214.198903 1 001

(94)

Listing Program A. Config

1. Koneksi.php <?

$server = "localhost"; $username = "root"; $password = "12345"; $database = "dbsma";

// Koneksi dan memilih database di server

mysql_connect($server,$username,$password) or die("Koneksi gagal"); mysql_select_db($database) or die("Database tidak bisa dibuka"); ?>

2. Tanggal.php <?php

$engDate=date("l F d, Y H:i:s A"); switch (date("w")) {

case "0" : $hari="Minggu";break; case "1" : $hari="Senin";break; case "2" : $hari="Selasa break; "; case "3" : $hari="Rabu";break; case "4" : $hari="Kamis";break; case "5" : $hari="Jumat";break; case "6" : $hari="Sabtu";break; }

switch (date("m")) {

case "1" : $bulan="Januari";break; case "2" : $bulan="Februari";break; case "3" : $bulan="Maret";break; case "4" : $bulan="April";break; case "5" : $bulan="Mei";break; case "6" : $bulan="Juni";break; case "7" : $bulan="Juli";break; case "8" : $bulan="Agustus";break; case "9" : $bulan="September break; "; case "10" : $bulan="Oktober";break;

(95)

case "11" : $bulan="November";break; case "12" : $bulan="Desember";break; }

$indDate="$hari ".", ". date("d") ." $bulan". date(" Y "); echo $indDate;

3. Default.css <html> <head> <title></title>

margin: 0px; padding: 0px; }

#wrapper{ float: left; width: 1350px;

}

#wrapper-header { float: left;

background: #acadb7; width: 100%;

(96)

border-bottom: 2px solid #52585e; border-top: 3px solid #52585e; }

.img-header { float: left; width: 100%; height: 150px; }

.wrapper-title span { float: left;

font-family: arial; font-size: 20px;

margin: 10px 0px 0px 10px; color: black;

}

.wrapper { float: left;

background: #0c8; width: 100%; }

body {

margin: 0px; padding: 0px; background:white;

(97)

-webkit-box-shadow:0px 0px 17px #996; }

#wrapper-content-add { float: left; width: 410px; height: 428px ;

margin: 60px 20px 0px 100px; border-top: 2px solid #52585e; border-left: 2px solid #52585e; border-bottom: 2px solid #52585e; border-right: 2px solid #52585e; }

#wrapper-content-add ul { list-style: none; }

#wrapper-content-add li { float: left;

}

#wrapper-content-add a { float: left;

width: auto;

margin:0px 30px 0px -10px; font-family: arial;

text-decoration: none; color: black;

(98)

font-size:1em; font-weight: bold;

border-bottom: 2px solid #52585e; }

#wrapper-content-add li a:hover { color: #f7941d;

}

#wrapper-content{ float: left;

background: white; width: 1350px; height: 60px;

color: 2px solid black; margin: 0px 0px 20px 0px; }

.leftcontainer { float: left; width: 250px; height: 428px; background: white;

margin: 60px 0px 0px 30px ; border-top: 2px solid #52585e; border-left: 2px solid #52585e; border-bottom: 2px solid #52585e; border-right: 2px solid #52585e;

(99)

}

.leftcontainer a{ color: black;

text-decoration:none; }

.title {

float: left;

border-bottom: 2px solid #52585e ; border-top: 2px solid #52585e; width: 175px;

font-family: arial; font-weight: bold;

margin: 15px 0px 0px 35px; text-align: center;

font-size: 1.2em;

padding: 10px 0px 10px 5px; height: 25px;

}

.leftcontainer ul { list-style: circle;

(100)

}

.list {

margin: 70px 20px 20px 20px;

}

.list li {

margin-top: 10px; height: 10px; width: -10px;

padding: 10px 0px 10px 0px; font-size: 1em;

}

.list a:hover { color: black; }

.title2 {

float: left;

border-bottom: 2px solid #52585e ; border-top: 2px solid #52585e;

(1)

<li><a href="#">Laboratorium</a></li> <li><a href="#">Arena Olahraga</a></li> </ul>

</li> </div>

<span class="title">Info Sekolah</span> <ul class="list">

<li><a href="../sekolah/kisikisi.php">Kisi Kisi Ulangan Kelas RSBI</a></li>

<li><a href="../sekolah/jadwal.php">Jadwal Ulangan Tengah Semester</a></li>

<li><a

href="../sekolah/peneriman.php">Penerimaan Peserta Didik Baru</a></li> </ul>

<span class="title2">Materi Pelajaran Terbaru</span> <ul class="list2">

<li><a

href="../sekolah/biologi.php">Biologi</a></li>

<li><a href="../sekolah/ips.php">Ips</a></li> <li><a href="../sekolah/fisika.php">Fisika </a></li>

<li><a

href="../sekolah/bahasa.php">Bahasa</a></li> </div>

<span class="title baru">Fisika </span> </div>

</ul>

(2)

<p class="berita"> Molaritas Konsentrasi

Dalam mempelajari kinetika reaksi suatu zat, kita tidak memakai zat secara langsung tetapi biasanya dilarutkan kedalam suatu pelarut terlebih dahulu. Oleh

karena itu diperlukan besaran khusus yang disebut konsentrasi. Konsentrasi adalah pernyataan kepekatan dari suatu larutan. Dalam sub bab ini hanya akan dibahas mengenai kemolaran atau molaritas.

Molaritas yang dinotasikan dengan M menyatakan banyaknya mol zat terlarut dalam setiap liter larutan.<br>

Contoh :<br>

Larutan natrium klorida 1 M artinya dalam setiap satu liter larutannya terdapat 1

mol NaCl.<br>

Larutan asam klorida 2 M artinya dalam setiap satu liter larutannya terdapat 2 mol

HCl.<br>

Molaritas dapat dirumuskan sebagai berikut :<br> tan

( )

liter larut<br>

Molaritas M = mol zat terlarut

Jika diketahui volume dalam mililiter (mL) maka digunakan milimol (mmol), sehingga

mL mmol L

M = mol<br>

c. Rangkuman 1<br>

Konsentrasi adalah pernyataan kepekatan suatu larutan.

Molaritas atau kemolaran adalah salah satu jenis konsentrasi yang menyatakan banyaknya mol zat terlarut dalam setiap liter larutan.<br>

d. Tugas 1<br>

Siswa mencatat molaritas zat-zat kimia yang ada dilaboratorium dan menuliskan

artinya.<br>

e. Tes Formatif 1<br>

(3)

- Berapa kemolaran larutan jika pada 500 mL larutan terdapat 0,05 mol zat?<br>

- 30 gram urea (Mr = 60) dilarutkan dalam air hingga volumenya 200 mL.<br> Tentukan molaritas larutan urea!<br>

- Berapa gram glukosa (Mr = 180) yang terlarut dalam 500 mL larutan glukosa 0,3 M?<br>

f. Kunci Jawaban Formatif 1<br>

- Jawab : mol NaOH = M x L = 0,1 M x 2 L = 0,2 mol<br> - Jawab : 0,05 mol = 50 mmol<br>

M = mmol/mL = 50 mmol/500 mL = 0,1 M<br>

- Jawab : mol urea = gr/Mr = 30/60 = 0,5 mol = 500 mmol<br> M = mmol/mL = 500 mmol/200 mL = 2,5 M<br>

- Jawab : mol glukosa = L x M = 0,5 L x 0,3 M = 0,15 mol<br> massa glukosa = mol x Mr = 0,15 mol x 180 = 27 gram<br>

</p> </div> </div> </div>

</div>

</div> </body> </html> 4. Gallery.php

<h1 class='title' align='center'>Gallery<br>SMP negeri 1</h1> <br>

(4)

<tr>

<tr>

var which=0 var what=0

//Change the below variables to reference your own images. You may have as many images in the slider as you wish

photos[0]="images/1.jpg" photos[1]="images/2.jpg" photos[2]="images/3.jpg" photos[3]="images/4.jpg" photos[4]="images/5.jpg" photos[5]="images/6.jpg" photos[6]="images/7.jpg" photos[7]="images/8.jpg" photos[8]="images/9.jpg" photos[9]="images/10.jpg" photos[10]="images/11.jpg" photos[11]="images/12.jpg" photos[12]="images/13.jpg" photos[13]="images/14.jpg" photos[14]="images/15.jpg" photos[15]="images/16.jpg" photos[16]="images/17.jpg"

window.onload=new Function("document.rotater.description.value=text[0]") function backward(){

if (which>0){ window.status='' which--

(5)

what--

document.rotater.description.value=text[what]; }

}

function forward(){

if (which<photos.length-1){ which++

document.images.photoslider.src=photos[which] what++

document.rotater.description.value=text[what]; }

else window.status='End of gallery' }

function type() {

alert("This textbox will only display default comments") }

</script>

<p><input type="button" value="Kembali" name="B2"

onClick="backward()"><input type="button" value="Selanjutnya" name="B1"

onClick="forward()"><br />

<a href="#" onClick="which=1;what=1;backward();return false"><blink>Mulai Dari Awal</blink></a></p>

</center></div> </form>

</tr></td> </table>

(6)

1. Profil.php <?php //profil

$profil=mysql_query("SELECT * FROM profil ORDER BY urutan"); while($r=mysql_fetch_array($profil)){

echo "<li><a href=$r[link]> $r[nama]</a></li>"; }

2. Guru.php <?php //fasilitas

$fasilitas=mysql_query("SELECT * FROM fasilitas ORDER BY urutan"); while($r=mysql_fetch_array($fasilitas)){

echo "<li><a href=$r[link]> $r[nama]</a></li>"; }

3. Siswa.php <?php //personalia

$personalia=mysql_query("SELECT * FROM personalia ORDER BY urutan");

while($r=mysql_fetch_array($personalia)){ echo "<li><a href=$r[link]> $r[nama]</a></li>"; }

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tebing-Tinggi