Perancangan Sistem Informasi Sekolah Menengah Atas (SISMA) Pada SMA Kartika I-1 Berbasis Web

(1)

PERANCANGAN SISTEM INFORMASI SEKOLAH

MENENGAH ATAS (SISMA) PADA SMA KARTIKA I-1

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

FACHROZI FAHMI

112406144

PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(2)

PERSETUJUAN

Judul : Perancangan Sistem Informasi Sekolah Menengah Atas (SISMA) Pada SMA Kartika I-1 Berbasis Web

Kategori : Tugas Akhir

Nama : Fachrozi Fahmi

Nomor Induk Mahasiswa : 112406144

Program Studi : Diploma (D3) Teknik Informatika

Departemen : Matematika

Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di Medan, Juni 2014

Disetujui Oleh: Pembimbing,

Program Studi D3 Teknik Informatika FMIPA USU

Ketua,

Dr. Elly Rosmaini M.Si Drs. Rosman Siregar M,Si NIP. 196005201985032002 NIP. 196101071986011001

(3)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI SEKOLAH MENENGAH ATAS (SISMA) PADA SMA KARTIKA I-1 BERBASIS WEB

TUGAS AKHIR

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

Medan, Juni 2014

FACHROZI FAHMI 112406144

(4)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Sistem Informasi Sekolah Menengah Atas (SISMA) Pada SMA Kartika I-1 Berbasis Web.

Terimakasih penulis sampaikan kepada Bapak Drs. Rosman Siregar M,Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terimakasih kepada Ibu Dr. Elly Rosmaini M.Si dan Bapak Syahriol Sitorus,S.Si.M.IT selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si., dan Ibu Dr. Mardiningsih, M.Si., selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman M.Sc selaku Dekan FMIPA USU Medan, seluruh staf dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU, Sahabat satu dosen pembimbing Afrizal, Ali Syariati, Fauzan Hafiz, Komting Riki Hariandi, Anak-anak DotA Andika, Agung, Ali, Aulia, Akbar, Asnan, Adit, Agus, Pandri, Imam, Andi, dan rekan-rekan kuliah KOM C. Akhirnya tidak terlupakan kepada Bapak Syafruddin, Ibu Yuslindawati dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.

(5)

PERANCANGAN SISTEM INFORMASI SEKOLAH MENENGAH ATAS (SISMA) PADA SMA KARTIKA I-1 BERBASIS WEB

ABSTRAK

Tugas ini bertujuan untuk memberikan suatu aplikasi sistem yang dapat digunakan dengan mudah dalam melakukan pekerjaan dan untuk mendukung dalam pengambilan keputusan. Aplikasi ini dirancang sesuai dengan kebutuhan informasi yang semakin maju seiring dengan perkembangan teknologi komputer yang sangat cepat, baik dari segi perangkat keras dan perangkat lunak. Perancangan suatu sistem informasi yang memerlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan sesuai yang diinginkan. Untuk itu penulis akan membahas “PERANCANGAN SISTEM INFORMASI SEKOLAH MENENGAH ATAS (SISMA) PADA SMA KARTIKA I-1 BERBASIS WEB”. Sistem ini meliputi modul-modul masukan data yang berkaitan dengan siswa, guru, dan e-learning. Selain itu juga meliputi modul-modul keluaran data yang berkaitan dengan data masukan tersebut.

(6)

INFORMATION SYSTEM DESIGN HIGH SCHOOL (ISDHC) ON SMA KARTIKA I-1 WEB-BASED

ABSTRACT

This task aims to provide an application system that can be used easily in doing the work and to support decision making. This application is designed according to the needs of more advanced information along with the development of computer technology very quickly, both in terms of hardware and software. The design of an information system that requires accurate data and information so that the information systems are designed to meet the needs as desired. To the authors will discuss "Information System Design High School (ISDHC) On Sma Kartika I-1 Web-Based". This system includes the modules of the input data related to students, teachers, and e-learning. It also includes a data output modules associated with the input data.

(7)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Abstract v

Daftar Isi vi

Daftar Tabel

viii

Daftar Gambar ix

Bab 1. Pendahuluan

1.1. Latar Belakang 1

1.2. Identifikasi Masalah 3

1.3. Batasan Masalah 3

1.4. Tujuan 4

1.5. Kontribusi Penelitian 4

1.6. Metodologi Penelitian 5

1.7. Tinjauan Pustaka 6

1.8. Sistematika Penulisan 7

Bab 2. Tinjauan Teoritis

2.1. Pengertian Komputer 9

2.2. Pengertian Sistem Informasi 11

2.2.1. Data 11

2.2.2. Sistem 12

2.2.3. Informasi 12

2.3. Internet 13

2.3.1. Network 13

2.3.2. World Wide Web 14

2.4. Hypertext Transfer Protocol (HTTP) 16

2.4.1. Aplikasi Web 16

2.4.2. Web Server 18

2.5. Pengenalan Personal Home Page (PHP) 18

2.5.1. Sejarah PHP 19

2.5.2. Konsep Dasar PHP 20

2.6. MySQL 22

2.7. Fungsi PHP dan MySQL 23

2.8. Pengenalan HTML 24

2.8.1. Struktur Dasar HTML 25

2.9. CSS (Cascading Style Sheet) 27

(8)

2.11. Pengenalan Adobe Dreamweaver CS6 28 Bab 3. Tinjauan SMA Kartika I-1 Medan

3.1. Sejarah SMA Kartika I-1 Medan 30

3.2. Struktur Kepengurusan 34

Bab 4. Perancangan Sistem

4.1. Perancangan Struktur Website 36

4.2. Jenis File yang Digunakan 36

4.2.1. File Gambar Utama 37

4.2.2. File Halaman Website 37

4.3. Perancangan Database 39

4.4. Flowchart 44

4.4.1. Flowchart Login 46

4.4.2. Flowchart Menu Utama 47

4.4.3. Flowchart Login E-Learning 49

4.4.4. Flowchart Logout E-Learning 50

4.4.5. Flowchart Admin 51

Bab 5. Implementasi Sistem

5.1. Komponen Dalam Implementasi Sistem 52

5.1.1. Kebutuhan Perangkat Keras (Hardware) 52 5.1.2. Kebutuhan Perangkat Lunak (Software) 53

5.1.3. Kebutuhan Brainware 54

5.2. Tampilan Halaman Website 54

Bab 6. Kesimpulan dan Saran

6.1. Kesimpulan 58

6.2. Saran 59

Daftar Pustaka 60

(9)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

Tabel 4.1. User 39

Tabel 4.2. Buku Tamu 40

Tabel 4.3. Data Guru 40

Tabel 4.4. Data Siswa Kelas X-1 40

Tabel 4.5. Data Siswa Kelas X-2 41

Tabel 4.6. Data Siswa Kelas XI IPS-1 41

Tabel 4.7. Data Siswa Kelas XI IPA-1 41

Tabel 4.8. Data Siswa Kelas XII IPS-1 42

Tabel 4.9. Data Siswa Kelas XII IPA-1 42

Tabel 4.10. File 43

Tabel 4.11. Register 43

Tabel 4.12. Tstatistik 44

(10)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

Gambar 3.1. Struktur Kepengurusan Yayasan Kartika Jaya 35 Gambar 4.1. Rancangan Halaman Web Yang Dibangun 36

Gambar 4.2. Flowchart 45

Gambar 4.3. Flowchart Login 46

Gambar 4.4. Flowchart Menu Utama 47

Gambar 4.5. Flowchart Login E-Learning 49

Gambar 4.6. Flowchart Logout E-Learning 50

Gambar 4.7. Flowchart Admin 51

Gambar 5.1. Halaman Login 54

Gambar 5.2. Halaman Home 55

Gambar 5.3. Halaman Buku Tamu 55

Gambar 5.4. Halaman Login E-Learning 56

Gambar 5.5. Halaman Login Admin 56

(11)

PERANCANGAN SISTEM INFORMASI SEKOLAH MENENGAH ATAS (SISMA) PADA SMA KARTIKA I-1 BERBASIS WEB

ABSTRAK

(12)

INFORMATION SYSTEM DESIGN HIGH SCHOOL (ISDHC) ON SMA KARTIKA I-1 WEB-BASED

ABSTRACT

(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Komputer merupakan kekuatan yang dominan dalam lingkungan masyarakat. Penggunaannya terus saja berkembang dari tahun ke tahun yang mulanya hanya sebagai mesin pengolah informasi dan saat ini komputer lebih banyak penggunaannya terutama dalam dunia internet .

Teknologi informasi tidak dapat dipisahkan dengan perkembangan dunia informasi internet saat ini. Informasi merupakan salah satu kebutuhan di dalam suatu instansi, perusahaan, organisasi, lembaga serta lingkungan masyarakat.

Internet merupakan singkatan dari Interconnection Networking. Internet berasal dari bahasa latin “inter” yang berarti antara. Secara kata perkata INTERNET berarti jaringan antara atau penghubung, sehingga kesimpulan dari defenisi internet ialah merupakan hubungan antara berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya dimana

(14)

hubungan tersebut memanfaatkan kemajuan komunikasi (telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi yaitu protokol TCP/IP (Transmission Control/Internet Protocol). (Supriyanto, 2008:60).

Seiring dengan perkembangan internet, teknologi mengalami perkembangan yang sangat cepat. Banyak orang yang sudah mendengar bahkan mengetahui bagaimana membuat suatu dokumen di internet, salah satunya dengan menggunakan script HTML. Pemrograman yang digunakan adalah PHP dan database server yang digunakan MySQL, keduanya adalah software open source.

Penulis melakukan penelitian di SMA Kartika I-1 sebagai langkah awal bagi sekolah untuk meningkatkan kemampuan dan kualitas siswa. Secara umum dengan adanya website sekolah dapat membantu sekolah untuk memiliki media yang berguna menginformasikan dan mengkomunikasikan keunggulan yang dimiliki sekolah kepada masyarakat umum dan membantu sekolah untuk memiliki media komunikasi yang baik untuk kepentingan manajemen sekolah, pengajar, siswa, maupun sebagai sarana komunikasi dengan berbagai pihak lainnya. Oleh karena itu, penulis mencoba merancang suatu sistem perancangan data berbasis website di SMA Kartika I-1, dengan membangun aplikasi website dan internet sebagai media penghubungnya.

(15)

1.2 Identifikasi Masalah

Penulis mencoba mengidentifikasi masalah sebagai berikut :

a. Sejauh mana website ini dirancang semenarik mungkin agar dapat menjadi daya tarik tersendiri sehingga dapat memenuhi keingintahuan masyarakat. b. Bagaimana cara mengelola data dan informasi agar dapat mencakup seluruh potensi yang tersedia di SMA Kartika I-1 Medan dan digunakan secara efektif dan efisien, serta dapat diakses dengan baik dan benar.

1.3 Batasan Masalah

Dalam membangun sistem informasi, seorang website programmer pasti membutuhkan data serta informasi yang akurat. Sistem informasi pada SMA Kartika I-1 Medan masih belum tersebar secara luas. Penulis menyadari keterbatasan dan kemampuan dalam menyelesaikan pekerjaan yang semakin hari semakin meningkat dan rumit. Terlebih lagi dalam hal memperoleh informasi yang baik dan up to date.

Penulis memberikan batasan masalah dengan maksud untuk mencapai tujuan akhir penulisan. Batasan masalah dalam pembuatan tugas akhir ini adalah : 1. Bahasa pemrograman yang digunakan dalam perancangan website ini adalah

(16)

2. Website yang akan dibuat merupakan sebuah sistem informasi sekolah dan memiliki e-learning dalam website tersebut.

3. Penggunaan website dapat diakses dimana saja dan kapan saja.

1.4 Tujuan

Dalam penyusunan tugas akhir, tujuan yang hendak dicapai dalam website Sistem Informasi Sekolah Menengah Atas (SISMA) Pada Kartika I-1 Berbasis Web adalah :

1. Merancang sebuah website untuk membantu sekolah dalam pengolahan data dan informasi agar lebih efektif dan efesien.

1.5 Kontribusi Penelitian

Kontribusi yang dapat diberikan melalui hasil penelitian ini adalah : 1. Memberikan sistem informasi pada program SMA Kartika I-1 Medan. 2. Meningkatkan kualitas sekolah di masyarakat umum.

3. Memiliki media komunikasi yang dapat digunakan untuk berdiskusi antara siswa, guru, dan sekolah.

(17)

1.6 Metodologi Penelitian

Dalam penyelesaian tugas akhir, penulis melakukan metodologi penelitian untuk memperoleh data yang diperlukan. Adapun metode pengumpulan data yang dilakukan adalah :

1. Penelitian Lapangan (Field Research)

Penulis langsung melakukan penelitian pada objek (SMA Kartika I-1 Medan). Data dikumpulkan melalui tanya jawab secara langsung, agar dapat memberikan data dan keterangan yang dibutuhkan. Dalam hal ini penulis menggunakan 2 cara:

a. Wawancara ( Interview)

Data diperoleh dengan cara melakukan tanya jawab secara langsung kepada staff dan tenaga pengajar di SMA Kartika I-1 Medan yang berkaitan dengan masalah yang akan dikumpulkan sehingga penulis dapat memperoleh data dan keterangan yang benar-benar akurat.

b. Pengamatan (Observation)

Data yang diperoleh dengan cara penulis melakukan peninjauan secara langsung kelapangan.

2. Penelitian Kepustakaan (Library Research)

Penulis menggunakan buku dan juga media internet untuk memperoleh dan mengumpulkan data yang dibutuhkan.

(18)

1.7 Tinjauan Pustaka

Sistem dapat didefinisikan sebagai suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang berinteraksi untuk mencapai suatu tujuan. (Pengenalan Komputer, Andi Offset, Yogyakarta, 2000:183).

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan pada saat sekarang atau masa yang akan datang. Selain itu informasi juga merupakan fakta-fakta atau data yang diproses sedemikian atau mengalami proses transformasi data sehingga berubah bentuk menjadi informasi. (Analisis dan Desain Sistem Informasi Pendekatan Terstruktur Teori Praktek Aplikasi Bisnis, Yogyakarta, Jogiyanto HM, 1989:8).

Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan yang diperlukan. (Jogiyanto HM, Analisa dan Desain Sistem Informasi, Yogyakarta, 1999:11).

MySQL merupakan salah satu database server yang berkembang di lingkungan open source dan didistribusikan secara free (gratis) dibawah lisensi GPL. MySQL merupakan RDBMS (Relational Database Management System) server. RDBMS adalah program yang memungkinkan pengguna database untuk membuat, mengelola, dan menggunakan data pada suatu model relational. Dengan

(19)

demikian, tabel-tabel yang ada pada database memiliki relasi antara satu tabel dengan tabel lainnya. (Didik Dwi Prasetyo, 2004:18)

Database adalah kumpulan file-file yang saling berelasi, relasi tersebut biasa ditunjukkan dengan kunci dari tiap file yang ada. Satu database menunjukkan satu kumpulan data yang dipakai dalam satu lingkup perusahaan, instansi. Merancang database merupakan suatu hal yang sangat penting. Kesulitan utama dalam merancang database adalah bagaimana merancang sehingga dapat memuaskan keperluan saat ini dan masa mendatang (Konsep dan Perancangan Database, Harianto Kristanto, 2004).

1.8 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri atas enam bab dan beberapa lampiran. Adapun keenam bab tersebut adalah :

BAB 1 : PENDAHULUAN

Bab ini merupakan bagian yang berisi mengenai latar belakang penulisan, identifikasi dan batasan masalah, tujuan, kontribusi penelitian, metodologi penelitian, tinjauan pustaka serta sistematika penulisan.

(20)

BAB 2 : TINJAUAN TEORITIS

Bab ini merupakan bagian yang berisi mengenai pengertian komputer, sistem informasi, data, sistem, informasi, pengenalan internet, network, WWW, HTTP, aplikasi web, web server, struktur dasar HTML, pengenalan adobe dreamweaver cs6, serta uraian singkat mengenai PHP, MySQL, CSS, Javascript, dan HTML.

BAB 3 : TEMPAT RISET

Bab ini merupakan bagian yang berisi mengenai struktur organisasi tempat penulis melakukan penelitian yaitu SMA Kartika I-1 Medan.

BAB 4 : PERANCANGAN SISTEM

Bab ini menjelaskan tentang perancangan struktur database, perancangan program yang meliputi input dan output yang akan dibuat pada sistem informasi pengolahan nilai siswa

BAB 5 : IMPLEMENTASI SISTEM

Bab ini merupakan bagian yang berisi tentang pengertian dan tujuan implementasi sistem serta penjabaran-penjabaran elemen sistem baik dari segi hardware, software dan brainware.

BAB 6 : KESIMPULAN DAN SARAN

Bab ini merupakan bagian yang berisi tentang kesimpulan mengenai hasil rancangan sistem yang telah dibuat dan disertai dengan saran yang diberikan oleh penulis kepada pihak lembaga pendidikan SMA Kartika I-1 Medan.

(21)

BAB 2

TINJAUAN TEORITIS

2.1 Pengertian Komputer

Istilah komputer berasal dari bahasa latin, yaitu computare yang berarti menghitung (to compute atau to reckon). Hingga saat ini, istilah komputer telah di defenisikan dalam banyak cara, antara lain sebagai berikut.

1. Suatu alat elektronik yang mampu melakukan beberapa tugas, yaitu menerima input, memproses input sesuai dengan programnya, menyimpan perintah dan hasil dari pengolahan, menyediakan output dala bentuk informasi. (Robert H.Bilissmer, 1986).

2. Sistem elektronik untuk memanipuliasi data yang cepat dan tepat serta di rancang untung di organisasikan supaya secara otomatis menerima dan menyimpan data input, memrosesnya, dan menghasilkan output di bawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program). (Donald H.sanders, 1985).

(22)

3. Mesin penghitung elektronik yang cepat, dapat menerima informasi input digital, memrposesnya dan menghasilkan output informasi. (V.C. Hamacher et al. 1982).

4. Suatu pemroses data (data processor) yang dapat melakukan perhitungan yang besar dan cepat, termasuk perhitungan aritmatika yang besar atau operasi logika, tanpa campur tangan dari manusia yang mengoperasikan selama pemrosesan. (Wiliam M.Fuori, 1973).

5. Tipe khusus alat penghitung yang mempunyai sifat tertentu yang pasti. (Gordon B.Davis, 1981)

6. Alat elektronik yang dapa menerima input data, dapat mengolah data, dapat memberikan informasi, menggunakan suatu program yang tersimpan di memori komputer (stored program), dapat menyimpan program dan hasil pengolahan, serta bekerja secara otomatis. (jogiyanto HM, 1992).

Sementara itu, perangkat komputer bisa dibagi menjadi 3 bagian, yaitu :

1. Hardware (Perangkat Keras)

Hardware adalah perangkat komputer yang terdiri atas susunan komponen-komponen elektronik berbentuk fisik (berupa benda). Hardware atau perangkat keras adalah sebuah alat atau benda yang bisa dilihat, sentuh, pegang dan memiliki fungsi tertentu. Peralatan yang secara fisik terlihat dan bisa diraba atau dipegang. Salah satu komponen dari sebuah komputer yang sifat alat nya bisa dilihat dan diraba oleh manusia secara langsung atau yang berbentuk nyata, yang berfungsi untuk mendukung proses komputerisasi. (Rizky Dhanta, 2009:58)

(23)

2. Software (Perangkat Lunak)

Software adalah kumpulan dari program-program yang digunakan untuk menjalankan aplikasi tertentu pada komputer. (Sistem Informasi Akuntansi, Azhar Susanto, 2004:234)

3. Brainware (Pemikir)

Brainware atau sumber daya manusia (SDM) merupakan bagian terpenting dari komponen sistem informasi (SI) dalam dunia bisnis yang dikenal sebagai sistem informasi manajemen. (Sistem Informasi Manajemen Konsep dan Pengembangannya, Azhar Susanto, 2004:187)

2.2 Pengertian Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat terampil dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan. (Tata Sutabri, 2004).

2.2.1 Data

(24)

peristiwa. Data dapat didefinisikan yaitu kumpulan fakta-fakta yang berupa fisik dan bukan fisik, kejadian-kejadian dan prosedur yang belum diolah manusia atau peralatan yang digunakan oleh manusia.

Kegunaan dari data adalah sebagai bahan dasar yang sebenarnya (objektif) di dalam proses penyusunan keputusan oleh pimpinan organisasi. Data merupakan keterangan yang masih mentah (belum diolah). Agar dapat dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan keperluan yang dibutuhkan. (Kenneth C. Laudon dan Jane P. Laudon, 2008)

2.2.2 Sistem

Sistem adalah kumpulan dari sub sistem/bagian/komponen apapun baik fisik ataupun non fisik yang saling berhubungan satu sama lain dan bekerja sama secara harmonis untuk mencapai satu tujuan tertentu. (Sistem Informasi Akuntansi, Azhar Susanto , 2002:24)

2.2.3 Informasi

Informasi adalah hasil pengolahan data sehingga menjadi bentuk yang penting bagi penerimanya dan mempunyai kegunaan sebagai dasar dalam pengambilan

(25)

keputusan yang dapat dirasakan akibatnya secara langsung saat itu juga atau secara tidak langsung pada saat mendatang. (Sistem Basis Data, Edhy Sutanta, 2004:4)

Informasi merupakan salah satu kunci kesuksesan bagi instansi pemerintah, perusahaan, ataupun organisasi. Dengan menggunakan teknologi informasi, maka informasi dapat diakses dengan mudah ke seluruh penjuru dunia, seperti melalui internet.

2.3 Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang lainnya. Secara asal usul (etimologi), internet berasal dari bahasa Inggris yakni Inter yang berarti antar dan Net yang berarti jaringan sehingga Internet dapat diartikan hubungan antar jaringan. (MADCOMS, 2008)

2.3.1 Network

Network dan DDP (Distributed Data Processing) masih merupakan hal yang sulit dibedakan untuk beberapa orang. Network dan DDP memang sering berhubungan erat, tetapi berbeda konsep. Network merupakan konsep dari jaringan kerja system

(26)

komunikasi data. Network dapat melibatkan hanya sebuah system komputer saja dengan beberapa tempat di lokasi yang berbeda atau melibatkan beberapa system komputer di lokasi yang berbeda.

DDP merupakan salah satu dari bentuk system komunikasi data. Harus melibatkan dua atau lebih system komputer tetapi dapat berhubungan satu dengan yang lainnya. DDP harus terdiri dari komunikasi dua data atau lebih system komputer. Sedang network dapat terdiri dari sebuah system komputer saja dengan beberapa tempat. Network dapat berupa off-line communication system, remotejob entry system, realtime system, time sharing system ataupun DDP system. Karena semakin murahnya komputer mikro dan alat-alat input/output lainnya, maka DDP network sekarang banyak diterapkan.

Network adalah hubungan dua buah simbol (umumnya berupa komputer) atau lebih yang tujuan utamanya adalah untuk melakukan pertukaran data. Dalam prakteknya, network memungkinkan untuk melakukan berbagai perangkat lunak, perangkat keras, dan bahkan berbagai kekuatan pemrosesan. (Abdul Kadir, 2003:346)

2.3.2 World Wide Web

World Wide web (www) atau web merupakan sumber daya yang sangat popular dan dapat digunakan untuk memperoleh data atau bahkan melakukan transaksi

(27)

seperti memperoleh informasi bahkan melakukan perdagangan. Secara teknis, web adalah sebuah sistem dimana informasi dalam bentuk teks, gambar, video, suara dan lain-lain yang tersimpan dalam sebuat Internet Webmaster yang dipresentasikan dalam bentuk hypertext. Informasi dalam bentuk teks umumnya ditulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis dalam format GIF, JPG, PNG, suara dalam format AU, WAV dan objek multimedia lainnya seperti MIDI, Shockwave, Quicktime Movie, 3D World.

Sebagai dokumen hypertext, dokumen-dokumen di web dapat memiliki link dengan dokumen lain, baik yang tersimpan dalam webmaster yang sama ataupun webmaster lainnya. Link memudahkan para pengakses web berpindah dari halaman satu ke halaman lainnya, dan berkelana dari satu server ke server lainnya. Kegiatan penelusuran halaman web ini biasanya diistilahkan sebagai browsing, dan ada juga yang menyebutnya sebagai surfing.

Web dapat diakses oleh perangkat lunak web client yang secara populer disebut browser. Browser membaca halaman-halaman web yang tersimpan dalam webmaster melalui protokol yang disebut HTTP (Hypertext Transfer Protocol). Di saat perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer (IE) dan Netscape Navigator. Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai

(28)

Saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna Internet. Di antara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera dan Mozilla Firefox. Diantara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan. (Dharma Oetomo Sutedjo, 2008)

2.4 Hypertext Transfer Protocol (HTTP)

Hypertext Transfer Protocol adalah suatu protocol yang menentukan aturan yang perlu diikuti oleh web browser dalam menyediakan dokumen yang diminta browser. HTTP bekerja diatas protocol TCP (Transmission Control Protocol) yang menjamin sampainya data ditujuan dalam urutan yang benar. Bila suatu kesalahan terjadi selama proses pengiriman, pihak pengirim akan mendapat pemberitahuan bahwa telah terjadi kesalahan. (Janner Simarmata, 2009)

2.4.1 Aplikasi Web

Pada awalnya aplikasi web dibangun dengan hanya menggunakan bahasa yang disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML

(29)

seperti PHP dan ASP pada skrip dan Apllet pada objek. Aplikasi Web dapat dibagi menjadi dua jenis yaitu aplikasi web statis dan dinamis.

Web statis dibentuk dengan menggunakan HTML. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus menerus untuk mengikuti setiap perkembangan yang terjadi. Kelemahan ini diatasi oleh model aplikasi web dinamis. Pada aplikasi web dinamis, perubahan informasi dalam halaman web dilakukan tanpa perubahan program tetapi melalui perubahan data. Sebagai implementasi, aplikasi web dapat dikoneksikan ke basis data sehingga perubahan informasi dapat dilakukan oleh operator dan tidak menjadi tanggung jawab dari webmaster.

Arsitektur aplikasi web meliputi klien, web server, middleware dan basis data. Klien berinteraksi dengan web server. Secara internal, web server berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan basis data. Contoh middleware adalah PHP dan ASP. 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)

(30)

2.4.2 Web Server

Web server adalah sebuah bentuk server yang khusus digunakan untuk

menyimpan halaman website atau hompage. Komputer dapat dikatakan web server jika komputer tersebut memiliki suatu program server yang disebut Personal Web Server (PWS). PWS ini difungsikan agar halaman web yang ada didalam sebuah komputer server dapat dipangggil oleh komputer klien. Macam-macam web server antara lain adalah:

a) Apache (Open Source) b) Xitami

c) IIS d) PWS

(R. S. Rosari, 2008)

2.5 Pengenalan Personal Home Page (PHP)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan pada web server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi

(31)

server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server). (Kasiman Peranginangin, 2009)

2.5.1 Sejarah PHP

PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage-nya. Rasmus lerdorf adalah seorang pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Zuraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerjasama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus ditambah dan versi terbaru yang dikeluarkan adalah PHP 5.0.x. (Kasiman Peranginangin, 2009)

(32)

2.5.3 Konsep Dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:

1. <?

…..skrip PHP ?>

2. <?php

…..skrip PHP ?>

3. <script language=”PHP”>

…..skrip PHP </script>

4. <%

…..skrip PHP %>

Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah: /* komentar */, // komentar, # komentar. Untuk menuliskan skrip PHP ada dua cara yang sering digunakan yaitu Embedded Script dan Non-Embedded Script.

(33)

a. Embedded Script adalah script PHP yang disisipkan diantara tag-tag dokumen HTML.

Contoh penulisan dari Embedded Script: <html>

<head>

<title>Embedded Script</title> </head>

<body> <?pho

echo “Hallo, selamat menggunakan PHP”;

?> </body> </html>

b. Non-Embedded Script adalah skrip PHP murni, tag HTML yang

digunakan untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan dari Non-Embedded Script:

<?php

echo “<html>”: echo “<head>”:

echo “<title>Mengenal PHP</title>”:

echo “</head>”:

echo “<body>”:

(34)

echo “</body>”: echo “<html>”:

Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui komputer local maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan penaman dokumen HTML, pemberian nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumen HTML, begitu pula sebaiknya skrip HTML dapat diletakkan di antara skrip PHP. (Kasiman Peranginangin, 2009)

2.6 MySQL

MySQL merupakan software sistem manajemen database (Database

Management System – DBMS) yang sangat popular di kalangan pemrogram web,

terutama di lingkungan Linux dengan menggunakan skrip dan Ped.

Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system

(35)

(RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL merupakan kependekan Structured Query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database. (R.W. Rosari, 2008)

2.7 Fungsi PHP dan MySQL

Adapun fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya adalah:

a. mysql_connect()

Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database MySQL. Format fungsinya adalah:

mysql_connect(string hostname, string username, string password); b. mysql_select_db

Setelah terhubung ke database MySQL dengan menggunakan mysql_connect, langkah selanjutnya adalah memilihi database yang akan digunakan. Fungsi mysql_connect_db digunakan untuk memilih database. Format fungsinya adalah:

(36)

mysql_select_db(string database, koneksi); c. mysql_query

Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah:

int mysql_query(string query, int[link_identifier]); d. mysql_num_rows

Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format penulisannya adalah:

int mysql_num_rows(int result); e. mysql_fetch-array

Fungsi ini digunakan untuk menampilkan data. Dalam fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah:

Array mysql_fetch_array(int result, int [result_type]); (Kasiman Peranginangin, 2009)

2.8 Pengenalan HTML

Hypertext Markup Language merupakan kepanjangan dari kata HTML. HTML adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat intenet. HTML juga merupakan file teks murni yang dapat dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan

(37)

dalam web browser. Dokumen ini umumnya berisi informasi atau interface aplikasi didalam internet.

HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai program seperti : windows, Linux, Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam elemen HTML.

Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda lebih kecil (<) dan tanda lebih besar (>) yang disebut dengan tag. Misalnya hendak menampilkan teks yang tercetak miring, maka mark up yang digunakan adalah sebagai berikut :

<i> Teks ini akan dicetak miring </i>

(MADCOMS, 2008)

2.8.1 Struktur dasar HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini :

(38)

<html>

<head>

<title>Judul Halaman</title> </head>

<body>

…isi dari halaman web…

</body> </html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan script pemrograman web seperti Javascript, VBscript atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen-elemen <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti : <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode-kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk mengatur dokumen HTML. Secara

(39)

garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img> dan lain-lain. (MADCOMS, 2008)

2.9 CSS (Cascading Style Sheet)

CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda jika ditampilkan pada menu browser yang berbeda. (Diar Puji Oktavian, 2010)

(40)

2.10 Javascript

Javascipt merupakan scripting language yang terintegrasi dengan web browser untuk memberikan kemudahan tambahan bagi programmer untuk mengontrol elemen-elemen dalam halaman web. Aplikasi javascript sebenarnya cukup luas namun pada aplikasi yang dirancang, digunakan javascript yang dibatasi untuk DHTML (Dinamic HyperText Markup Language), yaitu javascript yang digunakan untuk mengakses property, method, dan event handler yang disediakan oleh DOM dan CSS.

Property didefinisikan sebagai setting nilai suatu objek tertentu. Contohnya adalah warna suatu teks, action untuk suatu form, nama file untuk suatu gambar, dll. Method adalah fungsi-fungsi yang dapat diterapkan dalam suatu objek. Misalnya maximize untuk window. Event handler menjelaskan bagaimana suatu objek merespon terhadap suatu kejadian, misalnya suatu button di klik, window di resize, dan lain-lain. (Diar Puji Oktavian, 2010)

2.11 Pengenalan Adobe Dreamweaver CS6

Adobe Dreamweaver merupakan program penyunting halaman web dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dari Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang lengkap serta kemudahan dalam penggunaannya. Versi terakhir Macromedia

(41)

Kemudian setelah dibeli oleh Adobe Systems berkembang ke Versi selanjutnya yakni versi 9 (CS3) versi 10 yang ada dalam Adobe Creative Suite 4 (CS4) dan versi terbarunya yaitu CS6.

Sebagai editor web yang handal, Adobe Dreamweaver tentunya dilengkapi dengan kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam sebuah situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, termasuk tag-tag HTML dan CSS.

Adobe Dreamweaver memiliki banyak tools yang memudahkan seorang

web design untuk mengedit dan membuat kode-kode dalam halaman web.

Fasilitas yang terdapat didalamnya antara lain: Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor yang mengizinkan kita mengedit kode Javascript, XML, HTML, CSS, TEMPLATING dan dokumen teks lain secara langsung. Teknologi Roundtrip HTML yang dimilikinya mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML tanpa susah payah.

Dengan fitur yang lengkap, kemudahan penggunaan, dukungan extention dan Plug-In yang banyak, Adobe Dreamweaver dapat membantu seorang web design bekerja lebih cepat dan efisien tanpa kesulitan yang berarti, bahkan untuk seorang pemula sekalipun yang belum banyak mengenal seputar coding HTML

(42)

BAB 3

TINJAUAN SMA KARTIKA I-1 MEDAN

3.1 Sejarah SMA Kartika I-1 Medan

Yayasan SMA Kartika I-1 Medan adalah salah satu SMA unggulan di Medan yang berdiri sejak tahun 1970 dengan nama Yayasan Tunas Kartika. Semangat untuk memberikan nilai tambah bagi organisasi dengan kelahiran yayasan saat itu sangatlah besar, meskipun kelahiran Yayasan Tunas Kartika pada saat itu masih dikukuhkan dalam kalangan sendiri, dalam arti belum berbentuk sebagai sebuah badan hukum yang disahkan oleh notaris. Keadaannya untuk menuju pengukuhan sebagai badan hukum masih dalam proses pemikiran yang memerlukan waktu. Pada saat itu dalam lingkungan kepengurusan yayasan bisa dikatakan sedang berada pada tahap belajar.

Sebuah yayasan masih merupakan pengalaman pertama. Pada organisasi sendiri, yaitu Persit Pengurus Pusat, keberadaan yayasan bisa dikatakan masih baru, dihitung sejak diresmikan oleh almarhumah Nyonya Siti Hartinah, selaku Ketua Umum Dewan Pimpinan Pusat Persit Kartika periode 1966 sampai 1968.

(43)

Sewaktu diresmikan, Yayasan Tunas Kartika mengelola 15 sekolah yang rinciannya sebagai berikut : 8 Taman Kanak-kanak (TK), 3 Sekolah Dasar (SD), 2 Sekolah Lanjutan (SMP), kemudian 1 Sekolah Menengah Umum (saat itu SMA) dan 1 Sekolah Kesejahteraan Keluarga Atas (SKKA).

Setelah menerima tanggung jawab sabagai Ketua Yayasan Kartika Jaya Daerah I/Bukit Barisan dari Ibu Vina Arie J Kumaat pada tanggal 19 September 1995, Ibu Sedaryanto langsung melakasanakan tugasnya dengan penuh semangat. Beliau mulai mengadakan konsulidasi dan kemudian melanjutkan kebijakan para pendahulu.

Pada awal masa tugas beliau, tepatnya pada tanggal 13 Desember 1995, di tingkat kepengurusan pusat mengadakan Rakorpus (Rapat Koordinasi Pengurus Pusat) ke I di Balai Kartini Jakarta, yang membahas masalah yayasan. Beliau ikut hadir dengan didampingi Wakil Ketua Yayasan Tunas Kartika, Ketua Harian, dan Ketua Bidang Pendidikan. Hasil rapat tersebut, yang paling penting adalah, memutuskan membubarkan yayasan di lingkungan Persit Kartika Chandra Kirana Pengurus Daerah, Pengurus Gabungan, Pengurus Cabang RS. Untuk kemudian dijadikan di bawah satu naungan (peleburan) menjadi Yayasan Kartika Jaya. Pembubaran dan peleburan itu kemudian diikuti dengan dikeluarkannya surat resmi dari Ketua Umum Persit Kartika Chandra Kirana Nomor : Skep/48/XII/1995 tanggal 11 Desember 1995 yang disertai pula oleh Anggaran Dasar dan Anggran Rumah Tangga yang baru.

(44)

Menyesuaikan dengan keputusan tersebut dan berdasarkan anggaran dasar dan anggaran rumah tangga yang baru, maka dalam lingkup kerja kepengurusan Persit Kartika Chandra Kirana Daerah I/Bukit Barisan, yayasan kita kemudian menjadi “Yayasan Kartika Jaya Perwakilan I Daerah Bukti Barisan” .

Para pengurus melaksanakan tahapan – tahapan pembubaran dan peleburan menjadi Yayasan Kartika Jaya Perwakilan I Daerah Bukit Barisan dengan lebih dahulu mengadakan Rakorda (Rapat Koordinasi Daerah) pada tanggal 28 Desember 1995.

Kemudian mengadakan pemeriksaan keuangan, mengadakan konsultasi dengan notaris dalam rangka pembuatan akte pembubaran dan seterusnya. Termasuk juga mengadakan perubahan struktur organisasi, sekaligus mengubah susunan pengurus dan penggantian nama – nama sekolah sesuai dengan tingkat kepengurusan Persit Kartika Chandra Kirana dan Yayasan Kartika Jaya seperti yang tertuang dalam Skep/57/VII/1996 tentang penetapan nama sekolah. Misalnya saja, untuk wilayah Kepengurusan Daerah I yang berkedudukan di Medan, SMU Tunas Kartika I berubah nama menjadi SMU Kartika I – 1, kemudian SMU Tunas Kartika II menjadi SMU Kartika I – 2 dan seterusnya sampai pada tingkatan Koorcab dan Cabang yang berdiri sendiri.

Setelah semua tahapan selesai dilaksanakn, dilanjutkan dengan pengesahan Akte Notaris yang dilakukan tanggal 6 Februari 1996. Akte bernomor

(45)

11 ini, kemudian dikenal dengan “Akte Pembubaran dan Peleburan”, dikeluarkan

oleh Notaris Supriyatno SH pengganti sementara dari Notaris Djaidir SH.

Sekarang ini, menjelang Ulang Tahunnya yang ke 27 – jika dihitung berdasarkan Akte Notaris bernomor 14 yang dikeluarkan oleh notaries Kusmulyanto Ongko pada tanggal 14 Oktober 1980, sekolah – sekolah yang dikelola Yayasan Kartika Jaya Perwakilan I Daerah Bukit Barisan berjumlah : 89 sekolah, dengan rincian sebagai berikut : Taman Kanak–Kanak (TK) sebanyak 64 sekolah, Sekolah Dasar (SD) 12 sekolah, Sekolah Menengah Tingkat Pertama (SMTP) 7 sekolah dan Sekolah Menengah Umum (SMU) 5 sekolah, serta 1 (satu) sekolah kejuruan (STM). Dengan jumlah siswa diperkirakan 14.410 anak didik.

Sementara yayasan didukung 1.081 personil terdiri dari 89 Kepala Sekolah TK, SD, SMTP, SMU dan STM. Kemudian 735 guru TK, SD, SMTP, SMU, dan STM, 114 karyawan sekolah (Tata Usaha) dan 80 karyawan yayasan.

Mengenai dukungan dana untuk terselenggaranya proses belajar-mengajar, sekolah-sekolah tersebut memperoleh bantuan rutin dari yayasan yang berasal dari sumbangan pokok para murid (SPP), kemudian bunga deposito, bantuan dari Persit Kartika Chandra Pengurus Pusat dan Daerah, bantuan rutin dari Depdikbud, serta hasil dari bidang usaha, seperti yang telah diutarakan sebelumnya, bahwa seksi usaha mendapat dana dari hasil penjualan keperluan para pelajar (seragam, alat-alat tulis dan lain-lain), penyewaan kantin, penyewaan gedung sekolah (sore hari), penyewaan aula Persit di jalan Binjai dan Aula di

(46)

Gaperta yang dibangun oleh Zidam Kodam I/Bukit Barisan, dan sumber dana lainnya yang sifatnya tidak tetap dan tidak mengikat. (Sumber : SMA Kartika I-1 Medan)

3.2 STRUKTUR KEPENGURUSAN

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

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

(47)

STRUKTUR KEPENGURUSAN YAYASAN KARTIKA JAYA PERWAKILAN / CABANG

Gambar 3.1 Struktur Kepengurusan Yayasan Kartika Jaya Sumber : SMA Kartika I-1 Medan

PELINDUNG KETUA WAKIL BIDANG PENDIDIKAN BP BP UR.BEA SISWA SET BIDANG ORGANISASI BADAN PENGAWAS PENASEHAT BENDAHARA URBAN SOS &KES SEKRETARIS BIDANG SOSIAL BIDANG USAHA URDIK FORMA L BEN SET SET UR USAHA SET BEN SET SET BP URDIK NON FORMA L BANTU UR. TK SET BEN SET SET BANTU UR. SLTP BANTU UR. PT BANTU UR. SD BANTU UR. SLTA

(48)

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Struktur Website

Adapun perancangan halaman-halaman dalam website ini dibagi atas tiga macam yaitu bagi admin, member maupun pengunjung biasa. Rancangan ini dapat dilihat pada gambar di bawah ini :

Gambar 4.1 Rancangan Halaman Web Yang Dibangun

4.2 Jenis File Yang Digunakan

Dalam perancangan website, penulis mempersiapkan file –file yang digunakan

–

WEBSITE SMA KARTIKA I-1

MEDAN

(49)

4.2.1 File Gambar Utama

File ini merupakan file gambar yang merupakan materi penunjang dalam pembangunan website, agar website memiliki tanpilan yang menarik. File – file tersebut akan diatur dalm file gambar yang berekstensi .jpg, .png, yang dihasilkan dari adobe phptpshop cs4.

4.2.2 File Halaman Website

File halaman website secara berekstensi .php. Hal ini dikarenakan seluruh file halaman website menggunakan bahasa pemrograman PHP dan berkomunikasi dengan MySQL sebagai tempat penyimpanan data atau sebagai database-nya. Penjelasan terhadap file halaman website sebagai berikut:

1. home.php

Halaman home.php merupakan penggabungan antara tag – tag HTML dan pemrograman PHP. File ini adalah halaman utama pada website. Jika browser dijalankan maka user akan melihat gambar sekolah SMA Kartika I-1 Medan, dan berita terbaru yang bisa dibaca oleh user sebagai tambahan informasi. Dalam tampilan website, halaman ini diberi judul Selamat Datang di SMA Kartika I-1 Medan. Jika ingin melihat tampilan home.php, cukup menekan button yang diberi nama home.

(50)

2. profil.php

Halaman profil.php disusun dengan tag – tag HTML yang nerupakan isi web yang statis. Dalam halaman ini, ditampilkan sejarah SMA Kartika I-1 Medan, visi & misi, logo & motto, dan tata tertib.

3. kegiatan.php

Halaman kegiatan.php disusun dengan tag – tag HTML yang nerupakan isi web yang statis. Dalam halaman ini, ditampilkan keorganisasian SMA Kartika I-1 Medan, dan ekstrakulikuler.

4. personalia.php

Halaman personalia.php disusun dengan tag – tag HTML yang nerupakan isi web yang statis. Dalam halaman ini, ditampilkan staff pemimpin SMA Kartika I-1 Medan, dan staff pengajar.

5. kesiswaan.php

Halaman kesiswaan.php disusun dengan tag – tag HTML yang nerupakan isi web yang statis. Dalam halaman ini, ditampilkan siswa kelas x-1 SMA Kartika I-1 Medan, siswa kelas x-2, siswa kelas xi ips-1, siswa kelas xi ipa-1, siswa kelas xii ips-1, dan siswa kelas xii ipa-1.

6. fitur.php

Halaman kesiswaan.php disusun dengan tag – tag HTML yang nerupakan isi web yang statis. Dalam halaman ini, ditampilkan buku tamu 1 SMA

(51)

4.3 Perancangan Database

Database dapat dimisalkan sebagai tempat penyimpanan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal penbuatan aplikasi, termasuk aplikasi yang akan dibuat disini.

Dalam perancangan website PERANCANGAN DATA BERBASIS WEB PADA SMA KARTIKA I-1 MEDAN, penulis membuat 12 tabel dalam database yang diberi nama tugas_akhir. Tabel - tabel tersebut terdiri dari tabel admin, table,user, tabel buku tamu, tabel data guru, tabel data siswa kelas x-1, tabel data siswa kelas x-2, tabel data siswa kelas xi ips-1, tabel data siswa kelas xi ipa-1, tabel data siswa kelas xii ips-1, tabel data siswa kelas xii ipa-1, tabel register, tabel file, dan tabel tstatistik. Dibawah ini adalah gambaran isi dari masing – masing tabel:

1. Table User

Tabel 4.1 Table User

Field Type Null Key Extra

username varchar(50) No PRI

password varchar(32) No

nama varchar(50) No

(52)

2. Tabel Buku Tamu

Tabel 4.2 Buku Tamu

Field Type Null Key Extra

Email varchar(50) No PRI

Nama varchar(50) No

Komentar text No

3. Tabel Data Guru

Tabel 4.3 Data Guru

Field Type Null Key Extra

Nama varchar(50) No

Agama varchar(10) No Jabatan varchar(10) No Ijazah varchar(10) No Jurusan varchar(50) No

4. Tabel Data Siswa Kelas X-1

Tabel 4.4 Data Siswa Kelas X-1

Field Type Null Key Extra

Induk int(6) No

Nama varchar(50) No

Agama varchar(10) No Kelamin varchar(10) No Lahir varchar(20) No

(53)

5. Tabel Data Siswa Kelas X-2

Tabel 4.5 Data Siswa Kelas X-2

Field Type Null Key Extra

Induk int(6) No

Nama varchar(50) No

Agama varchar(10) No Kelamin varchar(10) No Lahir varchar(20) No

6. Tabel Data Siswa Kelas XI IPS-1

Tabel 4.6 Data Siswa Kelas XI IPS-1

Field Type Null Key Extra

Induk int(6) No

Nama varchar(50) No

Agama varchar(10) No Kelamin varchar(10) No Lahir varchar(20) No

7. Tabel Data Siswa Kelas XI IPA-1

Tabel 4.7 Data Siswa Kelas XI IPA-1

Field Type Null Key Extra

Induk int(6) No

Nama varchar(50) No

(54)

Kelamin varchar(10) No Lahir varchar(20) No

8. Tabel Data Siswa Kelas XII IPS-1

Tabel 4.8 Data Siswa Kelas XII IPS-1

Field Type Null Key Extra

Induk int(6) No

Nama varchar(50) No

Agama varchar(10) No Kelamin varchar(10) No Lahir varchar(20) No

9. Tabel Data Siswa Kelas XII IPA-1

Tabel 4.9 Data Siswa Kelas XII IPA-1

Field Type Null Key Extra

Induk int(6) No

Nama varchar(50) No

Agama varchar(10) No Kelamin varchar(10) No Lahir varchar(20) No

(55)

10. Tabel File

Tabel 4.10 File

Field Type Null Key Extra

id_file int(10) No PRI auto_increment

nama_file varchar(50) No

Tipe varchar(50) No

Username varchar(50) No

tgl_upload date No

11. Tabel register

Tabel 4.10 register

Field Type Null Key Extra

Id int(10) No PRI auto_increment

User Varchar(50) No

Pass varchar(50) No

Nama varchar(50) No

Agama enum(„Islam‟,‟Protestan‟

Khatolik‟,‟Hindu‟,‟Budha‟)

Kelamin enum(„Laki

-Laki‟,‟Perempuan‟)

Ttl date No

(56)

12. Tabel Tsatistik

Tabel 4.12 Tstatistik

Field Type Null Key Extra

Ip Varchar(20) No

Tanggal Date No

Hits Int(11) No

Online varchar(50) No

13. Tabel Admin

Tabel 4.13 Admin

Field Type Null Key Extra

Nama Varchar(50) No PRI

Pass Varchar(50) No

4.4 Flowchart

Bagan alir program ini (Program Flow Chart) adalah suatu bagan yang menggambarkan arus logika dari data dalam suatu program dari awal sampai akhir. Bagan alir program merupakan alat yang berguna bagi programmer untuk mempersiapkan program yang rumit. Bagan alir terdiri dari simbol-simbol yang memiliki fungsi-fungsi langkah program dari garis alir (flow line) menunjukkan urutan dari simbol yang akan dikerjakan.

(57)

Menurut Drs Suarga (2006:23), Flowchart adalah unit simbol gambar (chart) yang menunjukan aliran (flow) dari proses terhadap data.

Menurut Abdul kadir (2004:5), Menyatakan bahwa Flowchart atau diagram alir adalah suatu gambar yang menjelaskan urutan pembacaan data, pemrosesan data, pengambilan keputusan akhir dan penyajian hasil pemerosotan data.

(58)

4.4.1 Flowchart Login

Gambar 4.3 Flowchart Login Start

Masuk

Selesai T

Input Username dan

Password

Proses

Form Pendaftaran

Username atau password salah Silahkan coba

lagi T

Input Data Proses

T Input Data

Salah Menu Utama Selamat Datang

di Webasite SMA Kartika I-1

Medan

(59)

4.4.2 Flowchart Menu Utama Start Menu Utama Home Profil Kegiatan Personalia Proses Y Proses Sejarah Singkat Sejarah Singkat

Visi & Misi Visi & Misi

T T

Keorganisasian

Ekstrakulikuler Logo & Motto

Tata Tertib

Logo & Motto

Tata Tertib T

Ekstrakulikuler

Proses _{Staff Pemimpin}

Staff Pengajar Staff Pemimpin Staff Pengajar Kesiswaan T T T T Y Y Y Y

(60)

Gambar 4.4 Flowchart Menu Utama Kesiswaan

Fitur

Logout

Selesai

Proses _{Siswa Kelas X-1}

Siswa Kelas X-2 Siswa Kelas XI IPS-1 Kesiswaan

Siswa Kelas XII IPA-1 Siswa Kelas XII IPS-1 Siswa Kelas XI IPA-1

Siswa Kelas X-1

Siswa Kelas X-2

Siswa Kelas XI IPS-1

Siswa Kelas XII IPA-1 Siswa Kelas

XI IPA-1

Siswa Kelas XII IPS-1

T T T

Proses _Fitur Fitur

T Y

Y Y

(61)

4.4.3 Flowchart Login E-Learning

Gambar 4.5 Flowchart Login E-Learning Start

Input Username dan Password

Proses Y

T Username atau Password

Silah Silahkan

Logout

Selesai

(62)

4.4.4 Flowchart Logout E-Learning

Gambar 4.6 Logout E-Learning Start

E-Learning _Komisaris

Admin

Siswa

Beranda

Manajemen User

Manajemen File

Beranda

Upload File

Beranda

Logout

(63)

4.4.5 Flowchart Admin

Gambar 4.7 Flowchart Admin Start

T Username dan Password

Salah

Menu Admin

Home

Lihat Data Logout

(64)

BAB 5

IMPLEMENTASI SISTEM

5.1 Komponen Dalam Implementasi Sistem

Perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen utama yang mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware).

5.1.1 Kebutuhan Perangkat Keras (Hardware)

Perangkat keras (hardware) merupakan komponen-komponen peralatan yang membentuk suatu sistem komputer dan peralatan-peralatan tambahan lainnya yang mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU (Centra Processing Unit), printer, keyboard, dan mouse.

(65)

Spesifikasi perangkat keras komputer yang di gunakan dalam pembuatan website ini adalah :

1. Personal Computer dengan Processor I5 2. Memory 4Gb

3. Monitor W 15”6 resolution 1024x768 4. Hardisk 750Gb

5. DVDR/W

5.1.2 Kebutuhan Perangkat Lunak (Software)

Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software merupakan komponen di dalam sistem data berupa program atau instruksi untuk mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan perangkat kerasnya adalah:

1. Windows XP Professional 2. Adobe Dreamweaver CS6 3. Apache

4. MySQL 5. Browser

6. Adobe Phptpshop CS4

(66)

5.1.3 Kebutuhan Brainware

Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi menjadi 3 yaitu :

1. Administrator 2. Operator

3. Pengunjung (user)

5.2 Tampilan Halaman Web_site

Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan web browser Mozilla Firefox, setelah web browser jalan, ketikkan pada addres bar http://localhost/TA2/login.php untuk pengetesan halaman utama. Penulisan TA2 setelah localhost menunjukkan folder tempat penyimpanan file-file script aplikasi.

(67)

Gambar 5.2 Halaman Home

(68)

Gambar 5.4 Halaman Login E-Learning

(69)

Gambar 5.6 Halaman Admin

(70)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Pembahasan mengenai perancangan data berbasis web pada SMA Kartika 1-1 Medan, maka penulis menyimpulkan bahwa :

1. Dengan adanya perancangan data berbasis web yang akan datang, dapat dilakukan dengan cepat, tepat dan akurat.

2. Perancangan data yang baik akan memudahkan dalam hal pengambilan keputusan sehingga dapat meningkatkan kinerja sekolah.

3. Pembuatan program dengan menggunakan PHP dan MySQL lebih memudahkan dalam hal perancangan maupun untuk hasil akhirnya (output) dan lebih mudah dimengerti oleh pemakai.

(71)

6.2 Saran

Dalam hal ini, penulis memberikan saran yang bermanfaat untuk kemajuan SMA Kartika 1-1 Medan, yaitu :

1. SMA Kartika 1-1 Medan disarankan menggunakan jasa komputer dengan memakai sistem informasi yang telah dirancang untuk meningkatkan efisiensi kerja.

2. Penulis berharap pada masa yang akan datang, instansi mempunyai sistem aplikasi perancangan data yang lengkap dibagian tata usaha yang berbasis komputer.

(72)

DAFTAR PUSTAKA

Ladjamudin, bin Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Tangerang: Graha Ilmu.

Madcoms. 2008. PHP dan MySQL untuk Pemula. Yogyakarta: Andi; Madiun: Madcoms.

Nugroho, Bunafit. 2009. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Yogyakarta: Gava Media.

Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Andi.

Sugiri. dan Saputro, Haris. 2008. Pengelolaan Database MySQL dengan PHP MyAdmin. Yogyakarta. Graha Ilmu.

(73)

LISTING PROGRAM

1. Home.php

<?php

session_start();

$pengguna = $_SESSION["pengguna"]; if($pengguna==""){ header("location: login.php"); } else{ ?> <html>

<?php include"modul/head.php" ?> <body>

<?php include"modul/menu.php" ?>

<?php include"modul/slider.php" ?>

<?php include"modul/marquee.php" ?>

<?php

error_reporting(0); include"jump.php"; ?></div>

<?php include"modul/footer.php" ?> </div></div>

</body> </html>

(74)

<?php } ?> 2. Jump.php <?php session_start(); if($_GET[menu]=="home"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="profil"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="sejarah"){ include"readmore/profil_sejarah_singkat.php";} elseif($_GET[menu]=="visi_misi"){ include"readmore/profil_visi_misi.php";} elseif($_GET[menu]=="motto"){ include"readmore/profil_motto.php";} elseif($_GET[menu]=="tata"){ include"readmore/profil_tata_tertib.php";} elseif($_GET[menu]=="kegiatan"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="keorganisasian"){ include"readmore/kegiatan_keorganisasian.php";} elseif($_GET[menu]=="ekstrakulikuler"){ include"readmore/kegiatan_ekstrakulikuler.php";} elseif($_GET[menu]=="personalia"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="pemimpin"){ include"readmore/personalia_pemimpin.php";} elseif($_GET[menu]=="pengajar"){ include"readmore/personalia_pengajar.php";} elseif($_GET[menu]=="kesiswaan"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="siswa"){ include"readmore/kesiswaan_siswa.php";} elseif($_GET[menu]=="siswa1"){ include"readmore/kesiswaan_siswa1.php";} elseif($_GET[menu]=="siswa2"){ include"readmore/kesiswaan_siswa2.php";} elseif($_GET[menu]=="siswa3"){ include"readmore/kesiswaan_siswa3.php";} elseif($_GET[menu]=="siswa4"){ include"readmore/kesiswaan_siswa4.php";} elseif($_GET[menu]=="siswa5"){

(75)

include"readmore/kesiswaan_siswa5.php";} elseif($_GET[menu]=="fitur"){

include"isi-content/halaman1/halaman1.php";} elseif ($_GET[menu]=="halaman1") {

include"isi-content/halaman1/halaman1.php";} elseif ($_GET[menu]=="halaman2") {

include"isi-content/halaman2/halaman2.php";} elseif ($_GET[menu]=="halaman3") {

include"isi-content/halaman3/halaman3.php";} elseif ($_GET[menu]=="halaman4") {

include"isi-content/halaman4/halaman4.php";} elseif ($_GET[menu]=="page1") {

include"readmore/Sarjana_Mendidik_Kelak_Jadi_Dasar_Pen gangkatan_Guru.php";}

elseif ($_GET[menu]=="page1-1") {

include"readmore/Mendikbud_Belajar_Jangan_Selalu_di_Ke las.php";}

elseif ($_GET[menu]=="page1-2") {

include"readmore/Jokowi_Pendidikan_Kunci_Majunya_Sebua h_Daerah.php";}

elseif ($_GET[menu]=="page2") {

include"readmore/Dituding_Manfaatkan_Soal_UN_Jokowi_M_ Nuh_Dipikir_Saya_Senang.php";}

elseif ($_GET[menu]=="page2-1") {

include"readmore/SBY_Seluruh_Anak_Indonesia_Berhak_Dap at_Pendidikan.php";}

elseif ($_GET[menu]=="page2-2") {

include"readmore/Potret_Pendidikan_Daerah_Terpencil.ph p";}

elseif ($_GET[menu]=="pengantar") { include"readmore/pengantar.php";} elseif ($_GET[menu]=="logout") {

include"logout.php";} ?>

3. Koneksi.php

<?php

$conn = mysql_connect("localhost","root","");

$db = mysql_select_db("tugas_akhir",$conn);

4. Login.php

<?php

(76)

session_start();

unset($_SESSION["pengguna"]); ?>

" Welcome to Login "</div> <div class="margin"></div>

<input type="text" name="user"

class="inputusername" placeholder="Username" /><br /> <input type="password" name="pass"

class="inputpassword" placeholder="Password" /><br><br> <input type="submit" name="submit" class="sign_in" value="SIGN IN">

</form></div>

<a href="register.php" style="font-size: 16px; font-family: 'Times New Roman', Times, serif";>Create a new

Account</a></div>

<div class="footer"><a href="">copyright © Fachrozi Fahmi</a></div> </body> </center> </html> 5. Logout <?php session_start(); session_destroy(); header('location: login.php'); ?> 6. Proses_Login.php

(77)

<?php

error_reporting(0); $user = $_POST['user']; $pass = $_POST['pass'];

mysql_connect("localhost","root",""); mysql_select_db("tugas_akhir");

$sql = mysql_query("select * from register where user = '$user' && pass = '$pass'");

$query = mysql_num_rows($sql); if($query!=1){

session_start();

$_SESSION["pengguna"]=$user; header("location: login.php");

echo "<br> *Data Yang Anda Masukkan Salah"; } else{ session_start(); $_SESSION["pengguna"]=$user; header("location: home.php?menu=home");} ?> 7. Proses_Register.php <?php error_reporting(0); include"koneksi.php"; $id = $_POST['id']; $user = $_POST['user']; $pass = $_POST['pass']; $nama = $_POST['nama']; $agama = $_POST['agama']; $kelamin = $_POST['kelamin']; $ttl = $_POST['ttl'];

$sekolah = $_POST['sekolah'];

$sql = mysql_query("insert into register

values('$id','$user','$pass','$nama','$agama','$kelamin','$t tl','$sekolah')"); if($sql){ header("location: login.php");} else{ header("location: register.php");} ?>

(78)

8. Register.php <? include("koneksi.php"); ?> <html> <head> <style> body{background:url(img_login/register.jpg); background-size:cover; padding-top: 350px;}

.daftar{borderradius: 4px; backgroundimage: -moz-linear-gradient( -

90deg, rgb(166,202,113) 0%, rgb(255,255,255) 100%);

backgroundimage: -webkit-linear-gradient( -90deg,

rgb(166,202,113) 0%, rgb(255,255,255) 100%); background

image: -ms-linear-gradient( -90deg, rgb(166,202,113) 0%,

rgb(255,255,255) 100%); opacity: 0.902; width: 112px; height:

50px; z-index: 5; float:right; color:#40740C; padding:10px; font-

size:25px; margin-right:0px; text-align:center; color:#4B8F01;

font-size:22px; text-decoration:none; margin-top:0px;}

.daftar:hover{text-decoration:none; color:#40740C; opacity: 1;}

</style> </head> <body>

<table width="500" border="0"

align="center" cellpadding="0" cellspacing="5">

<tr style="background-color:rgb(11,64,11)"> <td colspan="2"><div align="center" style="color:white;">Please Register</div></td></tr> <tr> <td width="168"

(79)

<input name="user" type="text"

id="user" size="30" maxlength="20" /></td></tr>

<tr> <td bgcolor="#FFFFCC"><div align="right">Password :</div></td> <td bgcolor="#FFFFCC"><label for="pass"></label> <input name="pass"

type="password" id="pass" size="30" maxlength="20" /></td></tr>

<tr>

<td bgcolor="#FFFFCC"><div

align="right">Nama Lengkap :</div></td>

<td bgcolor="#FFFFCC"><label

for="nama"></label>

<input name="nama" type="text"

id="nama" size="30" maxlength="50" /></td></tr>

<tr>

<td bgcolor="#FFFFCC"><div align="right">Agama :</div></td>

<td bgcolor="#FFFFCC"><select name="agama"> <option value="" selected="selected">Pilih</option> <option value="Islam">Islam</option> <option value="Protestan">Protestan</option> <option value="Khatolik">Khatolik</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> </select></td> </tr>

<tr>

<td bgcolor="#FFFFCC"><div align="right">Jenis Kelamin :</div></td> <td bgcolor="#FFFFCC"><select name="kelamin"> <option value="" selected="selected">Pilih</option> <option value="Laki-Laki">Laki-Laki</option> <option value="Perempuan">Perempuan</option> </select></td> </tr> <tr>

(1)

} }

?> </body>

</html>

14. Tables_Siswa_XI_IPS_1.Php <html>

<head>

<title>Data Tables</title> </head>

<body>

<br><h3>Data Siswa<small></h3><hr style="border:1px solid black;"><br>

<?php

mysql_connect('localhost','root','') or die ("koneksi gagal");

mysql_select_db('tugas_akhir')or die ("database tidak ditemukan");

?> <?php

$limit = 10;

if(isset($_GET['offset'])){ $offset = $_GET['offset']; }else{

$offset = 0; }

$no = $offset + 1;

$users = mysql_query("SELECT * FROM data_siswa_xi_ips_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error());

if(mysql_num_rows($users) == 0 ){ echo '<h1>Tidak ada data yang bisa ditampilkan.</h1>';

}else{

echo "<table width='700'

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr

align='center'><td>No</td><td>No

Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>";

(2)

echo "<tr><td

align='center'>$no</td><td>$user->induk</td><td>$user-

>nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++;

}

echo "</table>"; }

$banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_xi_ips_1") );

$banyak_halaman = ceil($banyak_content/$limit);

//pilih data dari tabel siswa

$x1="select * from data_siswa_xi_ips_1";

//ambil query tampilkan $hitung=mysql_query($x1);

//tampilkan data dalam bentuk array di tabel

$jumlah=mysql_num_rows($hitung); ?>

<tr>

<td bgcolor="#8FB793" colspan="4"><div

align="center"><strong>Jumlah siswa saat ini adalah</strong> </div></td>

<td bgcolor="#8FB793" colspan="3"

align="center"><div align="center"><b><? echo $jumlah; ?> orang</b></div></td>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){

$link = ( $i - 1 ) * $limit; if($offset == $link){

echo $i; }else{

echo " <a href='?menu=siswa&offset=".$link."'>$i</a> ";

} }

?> </body>

(3)

15. Tables_Siswa_XII_IPA_1.php <html>

<head>

<title>Data Tables</title> </head>

<body>

<br><h3>Data Siswa<small></h3><hr style="border:1px solid black;"><br>

<?php

mysql_connect('localhost','root','') or die ("koneksi gagal");

mysql_select_db('tugas_akhir')or die ("database tidak ditemukan");

<?php

$limit = 10;

if(isset($_GET['offset'])){ $offset = $_GET['offset']; }else{

$offset = 0; }

$no = $offset + 1;

$users = mysql_query("SELECT * FROM data_siswa_xii_ipa_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error());

if(mysql_num_rows($users) == 0 ){ echo '<h1>Tidak ada data yang bisa ditampilkan.</h1>';

}else{

echo "<table width='700'

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr

align='center'><td>No</td><td>No

Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>";

while($user=mysql_fetch_object($users)){ echo "<tr><td

align='center'>$no</td><td>$user->induk</td><td>$user-

>nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++;

}

(4)

}

$banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_xii_ipa_1") );

$banyak_halaman = ceil($banyak_content/$limit);

//pilih data dari tabel siswa

$x1="select * from data_siswa_xii_ipa_1";

//ambil query tampilkan $hitung=mysql_query($x1);

//tampilkan data dalam bentuk array di tabel

$jumlah=mysql_num_rows($hitung); ?>

<tr>

<td bgcolor="#8FB793" colspan="4"><div

align="center"><strong>Jumlah siswa saat ini adalah</strong> </div></td>

<td bgcolor="#8FB793" colspan="3"

align="center"><div align="center"><b><? echo $jumlah; ?> orang</b></div></td>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){

$link = ( $i - 1 ) * $limit; if($offset == $link){

echo $i; }else{

echo " <a href='?menu=siswa&offset=".$link."'>$i</a> ";

} }

?> </body> </html>

16. Tables_Siswa_XII_IPS_1.Php <html>

<head>

<title>Data Tables</title> </head>

(5)

<br><h3>Data Siswa<small></h3><hr style="border:1px solid black;"><br>

<?php

mysql_connect('localhost','root','') or die ("koneksi gagal");

mysql_select_db('tugas_akhir')or die ("database tidak ditemukan");

<?php

$limit = 10;

if(isset($_GET['offset'])){ $offset = $_GET['offset']; }else{

$offset = 0; }

$no = $offset + 1;

$users = mysql_query("SELECT * FROM data_siswa_xii_ips_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error());

if(mysql_num_rows($users) == 0 ){ echo '<h1>Tidak ada data yang bisa ditampilkan.</h1>';

}else{

echo "<table width='700'

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr

align='center'><td>No</td><td>No

Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>";

while($user=mysql_fetch_object($users)){ echo "<tr><td

align='center'>$no</td><td>$user->induk</td><td>$user-

>nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++;

}

echo "</table>"; }

$banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_xii_ips_1") );

$banyak_halaman = ceil($banyak_content/$limit);

(6)

$x1="select * from data_siswa_xii_ips_1";

//ambil query tampilkan $hitung=mysql_query($x1);

//tampilkan data dalam bentuk array di tabel

$jumlah=mysql_num_rows($hitung); ?>

<tr>

<td bgcolor="#8FB793" colspan="4"><div

align="center"><strong>Jumlah siswa saat ini adalah</strong> </div></td>

<td bgcolor="#8FB793" colspan="3"

align="center"><div align="center"><b><? echo $jumlah; ?> orang</b></div></td>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){

$link = ( $i - 1 ) * $limit; if($offset == $link){

echo $i; }else{

echo " <a href='?menu=siswa&offset=".$link."'>$i</a> ";

} }

?> </body>

Perancangan Sistem Informasi Sekolah Menengah Atas (SISMA) Pada SMA Kartika I-1 Berbasis Web