Sistem Informasi Akademik pada SMA Hang Tuah Belawan

(1)

SISTEM INFORMASI AKADEMIK PADA SMA HANG TUAH

BELAWAN

TUGAS AKHIR

DINI SYAHRONI TANJUNG

092406181

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2012

(2)

PERNYATAAN

SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMA HANG TUAH BELAWAN

TUGAS AKHIR

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

(3)

Medan, Juli 2012

DINI SYAHRONI TANJUNG

(4)

PENGHARGAAN

Bismillahirrahmanirrahim

Puji dan syukur penulis panjatkan kehadirat Allah SWT, karena dengan limpah rahmat dan karunia-nya penulis berhasil menyelesaikan tugas akhir yang berjudul ”SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMA HANG TUAH BELAWAN“ ini pada waktu yang telah ditetapkan. Tidak lupa shalawat serta salam kepada junjungan Nabi Besar Muhammad SAW dan para sahabatNya yang telah membawa kita dari alam ke gelapan ke alam yang terang benderang yang penuh ilmu pengetahuan seperti yang kita rasakan sekarang ini.

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 Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Ibu Dr. Marpongahrun, M.Sc selaku Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

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

4. Bapak Syahril Effendi, S.Si, M.TI selaku Ketua Jurusan Program Studi Teknik Informatika Fakultas Matematik dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Bapak Drs. Suwarno Ariswoyo, M.Si selaku Dosen Pembimbing Tugas Akhir Program Studi Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini dalam penyelesaian tugas akhir.

(5)

6. Seluruh staff pengajar Program Studi Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya selama masa perkuliahan

7. Bapak Akbar, SS selaku Kepala Sekolah SMA HANG TUAH BELAWAN dan guru serta pegawai yang telah memberikan kesempatan untuk melakukan riset SMA HANG TUAH BELAWAN yang banyak membantu dalam mengumpulkan data dalam pembuatan tugas akhir.

8. Ayahanda Hamdan Sukri Tanjung dan Ibunda Rohani Batubara tercinta yang telah memberikan bantuan berupa dukungan moril dan materil yang sangat membantu dalam menyelesaikan tugas akhir ini.

9. Kakak saya Rosdina Sari Tanjung dan adik saya Ramadhoni Akmal Tanjung yang senantiasa menemani, mendukung dan memberi motivasi.

10.Teristimewa kepada kedua orang tua PUTUT HENDRO PRIYATNO dan SALMAH HARAHAP yang senantiasa memberikan kasih sayang, doa, dan dukungan agar lancar dalam segala urusan.

11.Sahabat-sahabat terbaik dan seperjuangan saya Aishah Risma Sari Lubis, , Indah Dwi Astuti, dan Syahridayanti Harahap yang selalu menemani dalam suka dan duka, teman-teman rekan sesama mahasiswa komputer 09.

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

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.

(6)

Medan, Juli 2011 Penulis

(7)

DAFTAR ISI

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 3

1.4 Maksud dan Tujuan 3

1.5 Metodologi Penelitian 5

1.6 Sistematika Penulisan 6

Bab 2 Landasan Teori 5

2.1 Pengertian Komputer 5

2.1.1 Generasi Komputer 6

2.1.2 Sistem Komputer 14

2.1.3 Pengertian Informasi 15

2.1.4 Sistem Informasi 17

(8)

2.2.1 Pengertian Internet 19

2.2.2 Sejarah Internet 19

2.2.3 Manfaat Internet 19

2.3 Jaringan 21

2.3.1 Pengertian Jaringan 22

2.3.2 Jenis-jenis Jaringan Berdasarkan Jangkauan 22

2.3.3 Topologi Jaringan 23

2.4 Website atau Situs 24

2.4.1 Pengertian Website atau Situs 25

2.4.2 Pemeliharaan Website atau Situs 25

2.5 PHP 25

2.5.1 Pengertian PHP 26

2.5.2 Sejarah PHP 26

2.5.3 Kelebihan PHP Dari Bahasa Pemrograman Lain 27

2.6 MySQL 28

2.6.1 Sejarah MySQL 28

2.6.2 Keistimewaan MySQL 29

2.7 Apache 32

2.8 Cascading Style Sheet(CSS) 33

Bab 3 Perancangan Sistem 34

3.1 Perencanaan dan Perancangan 34

3.2 Perancangan Halaman Sistem Informasi 35

3.2.1 Halaman Home 35

3.2.2 Halaman Profile 36

3.2.3 Halaman Buku Tamu 36

(9)

3.3 Perancangan Data Flow Diagram (DFD) 36

3.4 Perancangan Database 38

3.5 Perancangan Diagram Alir (flowchart) 39

3.5.1 Flowchart Menu Utama 39

3.5.2 Flowchart Admin 40

Bab 4 Implementasi Sistem 42

4.1 Komponen-komponen Utama Implementasi Sistem 42

4.1.1 Perangkat Keras (hardware) 42

4.1.2 Perangkat Lunak (software) 43

4.1.3 Unsur Manusia (brainware) 45

4.2 Instalasi Software 45

4.3 Gambaran Umum Sistem Informasi 51

4.3.1 Halaman Home 51

4.3.2 Halaman Profile 52

4.3.3 Halaman Pegawai 52

4.3.4 Halaman Prestasi 53

4.3.5 Halaman Administrator 54

Bab 5 Kesimpulan dan Saran 56

5.1 Kesimpulan 56

5.2 Saran 57

Daftar Pustaka 58

(10)

DAFTAR GAMBAR

Gambar 3.1 Struktur Sistem Informasi 35

Gambar 3.2 Diagram Konteks Website 37

Gambar 3.3 Flowchart Menu Utama 40

Gambar 3.4 Flowchart Admin 41

Gambar 4.1 Instalasi XAMPP 46

Gambar 4.2 Setup Wizard 46

Gambar 4.3 Setup XAMPP 47

Gambar 4.4 Pilih Lokasi Instalasi 48

Gambar 4.5 Loading Instalasi XAMPP 48

Gambar 4.6 Instalasi Selesai 49

Gambar 4.7 Menjalankan XAMPP 50

Gambar 4.8 Tampilan XAMPP Di Browser 50

Gambar 4.8 Tampilan Halaman Home 51

Gambar 4.10 Tampilan Halaman Profile 52

Gambar 4.11 Tampilan Halaman Guru 53

Gambar 4.12 Tampilan Halaman Fasilitas 53

Gambar 4.13 Tampilan Halaman Login Administrator 54

(11)

DAFTAR TABEL

Tabel 3.1 Tabel User

Tabel 3.2 Tabel Guru

Tabel 3.3 Tabel Buku Tamu

(12)

ABSTRAK

Informasi yang disampaikan oleh SMA HANG TUAH BELAWAN selama ini disebarkan melalui brosur dan cara yang seperti itu kurang efektif. Oleh karena itu dibuatlah sistem informasi akademik ini agar penyampaian informasinya lebih efektif dan efisien.

(13)

ABSTRAK

(14)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Informasi merupakan salah satu kunci pada jaman ini. Semua kegiatan manusia memerlukan informasi. Untuk mendapatkan dan menghasilkan informasi, komputer dan teknologinya adalah salah satu alat bantu yang saling tepat. Penggunaan komputer pada berbagai bidang, kalangan dan usia selalu kita jumpai sekarang ini. Tuntutan kebutuhan akan informasi dan penggunaan komputer yang semakin banyak mendorong terbentuknya sebuah jaringan komputer yang mampu melayani kebutuhan tertentu. Dengan adanya jaringan komputer, pengelolaan informasi dapat berlangsung lebih baik lagi.

Informasi yang bisa kita dapatkan dari pengembangan teknologi ini yaitu dengan menggunakan internet, dimana batasan waktu dan jarak tidak begitu berarti lagi disini. Keunggulan internet sendiri ialah dapat menyampaikan sistem informasi yang ada di sebuah perusahaan atau instalasi tertentu. Melalui internetlah keunggulan dan segala sesuatu tentang perusahaan maupun instalasi tersebut dapat dipublikasikan ke masyarakat.

Bagi dunia pendidikan khususnya Sekolah Menengah Atas (SMA), sistem informasi akademik sangat dibutuhkan oleh siswa, guru dan administrasi pendidikan lainnya. Begitu juga dengan SMA Hang Tuah Belawan yang membutuhkan suatu sistem informasi untuk memenuhi kebutuhan siswa/siswi dalam mempermudah mendapatkan informasi.

Atas dasar pertimbangan itu, maka penulis tertarik membaut suatu website pendidikan (sekolah) dengan judul: “SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMA HANG TUAH BELAWAN”.

(15)

Untuk mewujudkan harapan tersebut, dibutuhkan dukungan baik dari pihak sekolah maupun dari sistem yang dipakai saat ini. Sistem yang dipakai saat ini adalah sistem manual yang dalam prosesnya dibutuhkan waktu yang sangat lambat dan membutuhkan biaya yang tidak sedikit. Hal ini tentu saja merupakan kendala sendiri bagi pihak sekolah serta tidak sesuai lagi dengan perkembangan teknologi yang sedang berkembang pesat. Diharapkan dengan adanya pembangunan sistem berbasis web, semua kegiatan pengaksesa informasi dapat dilakukan dengan efisien dan efektif serta mempermudah masyarakat mendapat informasi tentang sekolah tersebut.

Penulis berharap semoga penulisan tugas akhir ini dapat memberikan kemudahan bagi seluruh masyarakat terutama siswa/siswi SMA HANGTUAH BELAWAN melalui sebuah website online di internet yang dapat diakses bagi masyarakat yang ingin mengetahui informasi tentang sekolah tersebut kapanpun dan dimanapun.

1.2 Rumusan Masalah

Informasi yang diberikan di SMA Hang Tuah Belawan selama ini disampaikan melalui brosur, penyampaian dengan cara tersebut tidaklah efektif karena lambat. Oleh karena itu diperlukan suatu sistem agar mempermudah penyampaian informasi disekolah tersebut.

(16)

1.3 Batasan Masalah

Dalam Tugas Akhir ini diberikan batasan-batasan sebagai berikut : a. Penelitian dilakukan di SMA Hang Tuah Belawan

b. Perangkat lunak yang dibuat hanya berisi tentang informasi akademik.

c. Dalam merancang aplikasi ini menggunakan bahasa pemrograman PHP, MySQL, PhpMyadmin Database Manager, CSS dan browser Mozilla Firefox.

1.4 Maksud dan Tujuan

Adapun maksud dari Tugas Akhir ini adalah :

a. Mendapatkan informasi secara akurat, cepat dan tepat bagi siswa.

b. Menyediakan perangkat lunak Sistem Informasi Akademik pada Sekolah Menengah Atas.

c. Mengaplikasikan bahasa pemrograman PHP dan database MySQL.

1.5 Metodologi Penelitian

Metodologi penelitian adalah langkah-langkah sistematik yang digunakan untuk mengejakan atau menyelesaikan suatu masalah. Metode penelitian digunakan sebagai pedoman dalam melaksanakan penelitian agar hasil yang dicapai tidka menyimpang dari tujuan yang ditentukan sebelumnya. Metode penelitian yang digunakan dalam penelitian ini antara lain:

(17)

a. Perancangan pembuatan Sistem Informasi SMA Hang Tuah Belawan berbasis Web.

b. Perancangan design Sistem Informasi.

c. Perancangan Database dari Sistem Informasi. d. Perancangan Diagram Alir (Flowchart). e. Uji Program.

(18)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

dirumuskan. Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan pe arti kata ini kemudian dipindahkan kepada pengolahan informasi hampir eksklusif berhubungan dengan masala tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan

Secara luas, Komputer dapat didefinisikan sebagai suatu peralatan elektronik yang terdiri dari beberapa komponen, yang dapat bekerja sama antara komponen satu dengan yang lain untuk menghasilkan suatu informasi berdasarkan program dan data yang ada. Adapun komponen komputer adalah meliputi : Layar Monitor, CPU, Keyboard, Mouse dan Printer (sbg pelengkap). Tanpa printer komputer tetap dapat melakukan tugasnya

sebagai pengolah data, namun sebatas terlihat dilayar monitor belum dalam bentuk print out (kertas).

(19)

Dalam definisi seperti itu terdapat alat seperti "yang me

Saat ini, komputer sudah semakin canggih. Tetapi, sebelumnya komputer tidak sekecil, secanggih, sekeren dan seringan sekarang. Dalam sejarah komputer, ada 5 generasi dalam sejarah komputer.

2.1.1 Generasi Komputer

Dengan terjadinya Perang Dunia Kedua, negara-negara yang terlibat dalam perang tersebut berusaha mengembangkan komputer untuk mengeksploit potensi strategis yang dimiliki komputer. Hal ini meningkatkan pendanaan pengembangan komputer serta mempercepat kemajuan teknik komputer. Pada tahun 1941, Konrad Zuse, seorang insinyur Jerman membangun sebuah komputer, Z3, untuk mendesain pesawat terbang dan peluru kendali.

Pihak sekutu juga membuat kemajuan lain dalam pengembangan kekuatan komputer. Tahun 1943, pihak Inggris menyelesaikan komputer pemecah kode rahasia yang dinamakan Colossus untuk memecahkan kode rahasia yang digunakan Jerman. Dampak pembuatan Colossus tidak terlalu memengaruhi perkembangan industri komputer dikarenakan dua alasan. Pertama, Colossus bukan merupakan komputer serbaguna(general-purpose computer), ia hanya didesain untuk memecahkan kode

(20)

rahasia. Kedua, keberadaan mesin ini dijaga kerahasiaannya hingga satu dekade setelah perang berakhir.

Usaha yang dilakukan oleh pihak Amerika pada saat itu menghasilkan suatu kemajuan lain. Howard H. Aiken (1900-1973), seorang insinyur Harvard yang bekerja dengan IBM, berhasil memproduksi kalkulator elektronik untuk US Navy. Kalkulator tersebut berukuran panjang setengah lapangan bola kaki dan memiliki rentang kabel sepanjang 500 mil. The Harvard-IBM Automatic Sequence Controlled Calculator, atau Mark I, merupakan komputer relai elektronik. Ia menggunakan sinyal elektromagnetik untuk menggerakkan komponen mekanik. Mesin tersebut beropreasi dengan lambat (ia membutuhkan 3-5 detik untuk setiap perhitungan) dan tidak fleksibel (urutan kalkulasi tidak dapat diubah). Kalkulator tersebut dapat melakukan perhitungan aritmatik dasar dan persamaan yang lebih kompleks.

Perkembangan komputer lain pada masa kini adalah Electronic Numerical Integrator and Computer (ENIAC), yang dibuat oleh kerjasama antara pemerintah Amerika Serikat dan University of Pennsylvania. Terdiri dari 18.000 tabung vakum, 70.000 resistor, dan 5 juta titik solder, komputer tersebut merupakan mesin yang sangat besar yang mengonsumsi daya sebesar 160kW.

Komputer ini dirancang oleh John Presper Eckert (1919-1995) dan John W. Mauchly (1907-1980), ENIAC merupakan komputer serbaguna (general purpose computer) yang bekerja 1000 kali lebih cepat dibandingkan Mark I.

Pada pertengahan 1940-an, John von Neumann (1903-1957) bergabung dengan tim University of Pennsylvania dalam usaha membangun konsep desain komputer yang hingga 40 tahun mendatang masih dipakai dalam teknik komputer.

(21)

Von Neumann mendesain Electronic Discrete Variable Automatic Computer (EDVAC) pada tahun 1945 dengan sebuah memori untuk menampung baik program ataupun data. Teknik ini memungkinkan komputer untuk berhenti pada suatu saat dan kemudian melanjutkan pekerjaannya kembali. Kunci utama arsitektur von Neumann adalah unit pemrosesan sentral (CPU), yang memungkinkan seluruh fungsi komputer untuk dikoordinasikan melalui satu sumber tunggal. Tahun 1951, UNIVAC I (Universal Automatic Computer I) yang dibuat oleh Remington Rand, menjadi komputer komersial pertama yang memanfaatkan model arsitektur Von Neumann tersebut.

Baik Badan Sensus Amerika Serikat dan General Electric memiliki UNIVAC. Salah satu hasil mengesankan yang dicapai oleh UNIVAC dalah keberhasilannya dalam memprediksi kemenangan Dwilight D. Eisenhower dalam pemilihan presiden tahun 1952.

Komputer Generasi pertama dikarakteristik dengan fakta bahwa instruksi operasi dibuat secara spesifik untuk suatu tugas tertentu. Setiap komputer memiliki program kode biner yang berbeda yang disebut Hal ini menyebabkan komputer sulit untuk diprogram dan membatasi kecepatannya. Ciri lain komputer generasi pertama adalah penggunaa komputer pada masa tersebut berukuran sangat besar) dan penyimpanan data.

Pada tahun 1948, penemuan transistor sangat memengaruhi perkembangan komputer. Transistor menggantikan tube vakum di televisi, radio, dan komputer. Akibatnya, ukuran mesin-mesin elektrik berkurang drastis.

(22)

Transistor mulai digunakan di dalam komputer mulai pada tahun 1956. Penemuan lain yang berupa pengembangan memori inti-magnetik membantu pengembangan komputer generasi kedua yang lebih kecil, lebih cepat, lebih dapat diandalkan, dan lebih hemat energi dibanding para pendahulunya. Mesin pertama yang memanfaatkan teknologi baru ini adalah superkomputer. IBM membuat superkomputer bernama Stretch, dan Sprery-Rand membuat komputer bernama LARC. Komputer-komputer ini, yang dikembangkan untuk laboratorium energi atom, dapat menangani sejumlah besar data, sebuah kemampuan yang sangat dibutuhkan oleh peneliti atom. Mesin tersebut sangat mahal dan cenderung terlalu kompleks untuk kebutuhan komputasi bisnis, sehingga membatasi kepopulerannya. Hanya ada dua LARC yang pernah dipasang dan digunakan: satu di Lawrence Radiation Labs di Livermore, California, dan yang lainnya di US Navy Research and Development Center di Washington D.C. Komputer generasi kedua menggantikan bahasa mesin dengan bahasa assembly. Bahasa assembly adalah bahasa yang menggunakan singkatan-singakatan untuk menggantikan kode biner.

Pada awal 1960-an, mulai bermunculan komputer generasi kedua yang sukses di bidang bisnis, di universitas, dan di pemerintahan. Komputer-komputer generasi kedua ini merupakan komputer yang sepenuhnya menggunakan transistor. Mereka juga memiliki komponen-komponen yang dapat diasosiasikan dengan komputer pada saat ini: printer, penyimpanan dalam disket, memory, sistem operasi, dan program.

Salah satu contoh penting komputer pada masa ini adalah 1401 yang diterima secara luas di kalangan industri. Pada tahun 1965, hampir seluruh bisnis-bisnis besar menggunakan komputer generasi kedua untuk memprosesinformasi keuangan.

(23)

Program yang tersimpan di dalam komputer dan bahasa pemrograman yang ada di dalamnya memberikan fleksibilitas kepada komputer. Fleksibilitas ini meningkatkan kinerja dengan harga yang pantas bagi penggunaan bisnis. Dengan konsep ini, komputer dapat mencetak faktur pembelian konsumen dan kemudian menjalankan desain produk atau menghitung daftar gaji. Beberapa bahasa pemrograman mulai bermunculan pada saat itu. Bahasa pemrograman Common Business-Oriented Language (COBOL) dan Formula Translator (FORTRAN) mulai umum digunakan. Bahasa pemrograman ini menggantikan kode mesin yang rumit dengan kata-kata, kalimat, dan formula matematika yang lebih mudah dipahami oleh manusia. Hal ini memudahkan seseorang untuk memprogram dan mengatur komputer. Berbagai macam karier baru bermunculan (programmer, analis sistem, dan ahli sistem komputer). Industr piranti lunak juga mulai bermunculan dan berkembang pada masa komputer generasi kedua ini.

Walaupun transistor dalam banyak hal mengungguli tube vakum, namun transistor menghasilkan panas yang cukup besar, yang dapat berpotensi merusak bagian-bagian internal komputer. Batu kuarsa (quartz rock) menghilangkan masalah ini. Jack Kilby, seorang insinyur di Texas Instrument, mengembangkan sirkuit terintegrasi (IC : integrated circuit) di tahun 1958. IC mengkombinasikan tiga komponen elektronik dalam sebuah piringan silikon kecil yang terbuat dari pasir kuarsa. Pada ilmuwan kemudian berhasil memasukkan lebih banyak komponen-komponen ke dalam suatu chip tunggal yang disebut semikonduktor. Hasilnya, komputer menjadi semakin kecil karena komponen-komponen dapat dipadatkan dalam chip. Kemajuan komputer generasi ketiga lainnya adalah penggunaan sistem operasi (operating system) yang memungkinkan mesin untuk menjalankan berbagai

(24)

program yang berbeda secara serentak dengan sebuah program utama yang memonitor dan mengkoordinasi memori komputer.

Setelah IC, tujuan pengembangan menjadi lebih jelas: mengecilkan ukuran sirkuit dan komponen-komponen elektrik. Large Scale Integration (LSI) dapat memuat ratusan komponen dalam sebuah chip. Pada tahun 1980-an, Very Large Scale Integration (VLSI) memuat ribuan komponen dalam sebuah chip tunggal.

Ultra-Large Scale Integration (ULSI) meningkatkan jumlah tersebut menjadi jutaan. Kemampuan untuk memasang sedemikian banyak komponen dalam suatu keping yang berukurang setengah keping uang logam mendorong turunnya harga dan ukuran komputer. Hal tersebut juga meningkatkan daya kerja, efisiensi dan keterandalan komputer. Chip Intel 4004 yang dibuat pada tahun 1971membawa kemajuan pada IC dengan meletakkan seluruh komponen dari sebuah komputer (central processing unit, memori, dan kendali input/output) dalam sebuah chip yang sangat kecil. Sebelumnya, IC dibuat untuk mengerjakan suatu tugas tertentu yang spesifik. Sekarang, sebuah mikroprosesor dapat diproduksi dan kemudian diprogram untuk memenuhi seluruh kebutuhan yang diinginkan. Tidak lama kemudian, setiap piranti rumah tangga seperti microwave, oven, televisi, dan mobil dengan electronic fuel injection (EFI) dilengkapi dengan mikroprosesor.

Perkembangan yang demikian memungkinkan orang-orang biasa untuk menggunakan komputer biasa. Komputer tidak lagi menjadi dominasi perusahaan-perusahaan besar atau lembaga pemerintah. Pada pertengahan tahun 1970-an, perakit komputer menawarkan produk komputer mereka ke masyarakat umum. Komputer-komputer ini, yang disebut miniKomputer-komputer, dijual dengan paket piranti lunak yang

(25)

mudah digunakan oleh kalangan awam. Piranti lunak yang paling populer pada saat itu adalah program word processing dan spreadsheet. Pada awal 1980-an, video game seperti Atari 2600 menarik perhatian konsumen pada komputer rumahan yang lebih canggih dan dapat diprogram.

Pada tahun 1981, IBM memperkenalkan penggunaan Personal Computer (PC) untuk penggunaan di rumah, kantor, dan sekolah. Jumlah PC yang digunakan melonjak dari 2 juta unit di tahun 1981 menjadi 5,5 juta unit di tahun 1982. Sepuluh tahun kemudian, 65 juta PC digunakan. Komputer melanjutkan evolusinya menuju ukuran yang lebih kecil, dari komputer yang berada di atas meja (desktop computer) menjadi komputer yang dapat dimasukkan ke dalam tas (laptop), atau bahkan komputer yang dapat digenggam (palmtop).

IBM PC bersaing dengan Apple Macintosh dalam memperebutkan pasar komputer. Apple Macintosh menjadi terkenal karena memopulerkan sistem grafis pada komputernya, sementara saingannya masih menggunakan komputer yang berbasis teks. Macintosh juga memopulerkan penggunaan piranti mouse.

Pada masa sekarang, kita mengenal perjalanan IBM compatible dengan pemakaian CPU: IBM PC/486, Pentium, Pentium II, Pentium III, Pentium IV (Serial dari CPU buatan Intel). Juga kita kenal AMD k6, Athlon, dsb. Ini semua masuk dalam golongan komputer generasi keempat.

Seiring dengan menjamurnya penggunaan komputer di tempat kerja, cara-cara baru untuk menggali potensial terus dikembangkan. Seiring dengan bertambah kuatnya suatu komputer kecil, komputer-komputer tersebut dapat dihubungkan secara bersamaan dalam suatu jaringan untuk saling berbagi memori, piranti lunak,

(26)

informasi, dan juga untuk dapat saling berkomunikasi satu dengan yang lainnya. Jaringan komputer memungkinkan komputer tunggal untuk membentuk kerjasama elektronik untuk menyelesaikan suatu proses tugas. Dengan menggunakan perkabelan langsung (disebut juga Local Area Network atau LAN), atau [kabel telepon, jaringan ini dapat berkembang menjadi sangat besar.

Mendefinisikan komputer generasi kelima menjadi cukup sulit karena tahap ini masih sangat muda. Contoh imajinatif komputer generasi kelima adalah komputer fiksi HAL9000 dari novel karya Arthur C. Clarke berjudul 2001: Space Odyssey. HAL menampilkan seluruh fungsi yang diinginkan dari sebuah komputer generasi kelima. Dengan kecerdasan buatan (artificial intelligence atau AI), HAL dapat cukup memiliki nalar untuk melakukan percapakan dengan manusia, menggunakan masukan visual, dan belajar dari pengalamannya sendiri.

Walaupun mungkin realisasi HAL9000 masih jauh dari kenyataan, banyak fungsi-fungsi yang dimilikinya sudah terwujud. Beberapa komputer dapat menerima instruksi secara lisan dan mampu meniru nalar manusia. Kemampuan untuk menterjemahkan bahasa asing juga menjadi mungkin. Fasilitas ini tampak sederhana. Namun fasilitas tersebut menjadi jauh lebih rumit dari yang diduga ketika programmer menyadari bahwa pengertian manusia sangat bergantung pada konteks dan pengertian ketimbang sekedar menterjemahkan kata-kata secara langsung.

Banyak kemajuan di bidang desain komputer dan teknologi yang semakin memungkinkan pembuatan komputer generasi kelima. Dua kemajuan rekayasa yang terutama adalah kemampuan pemrosesan paralel, yang akan menggantikan model non Neumann. Model non Neumann akan digantikan dengan sistem yang mampu

(27)

mengkoordinasikan banyak CPU untuk bekerja secara serempak. Kemajuan lain adalah teknologi superkonduktor yang memungkinkan aliran elektrik tanpa ada hambatan apapun, yang nantinya dapat mempercepat kecepatan informasi.

komputer generasi kelima. Lembaga ICOT (Institute for new Computer Technology) juga dibentuk untuk merealisasikannya. Banyak kabar yang menyatakan bahwa proyek ini telah gagal, namun beberapa informasi lain bahwa keberhasilan proyek komputer generasi kelima ini akan membawa perubahan baru paradigma komputerisasi di dunia.

Sistem komputer adalah suatu jaringan elektronik yang terdiri dari

dan input, memproses

input, menyimpan perintah-perintah, dan menyediakan output dalam bentuk informasi). Selain itu dapat pula diartikan sebagai elemen-elemen yang terkait untuk menjalankan suatu aktivitas dengan menggunakan komputer.

Komputer dapat membantu manusia dalam pekerjaan sehari-harinya, pekerjaan itu seperti: pengolahan kata, pengolahan angka, dan pengolahan gambar.

Elemen dari sistem komputer terdiri dari manusianya (brainware), perangkat lunak (software), set instruksi (instruction set), dan perangkat keras (hardware). Dengan demikian komponen tersebut merupakan elemen yang terlibat dalam suatu

(28)

sistem komputer. Tentu saja hardware tidak berarti apa-apa jika tidak ada salah satu dari dua lainnya (software dan brainware).

Di dalam pengolahan sistem pada akhirnya menghasilkan suatu informasi, untuk itu pendefenisian informasi diperlukan untuk menunjang berhasilnya pengembangan sistem yang akan dirancang. Defenisi umum untuk informasi dalam sistem informasi menurut Jogiyanto H.M (1990; 11) :“Informasi adalah data yang dapat diolah yang lebih berguna dan berarti bagi yang menerimanya”. Menurut RobertG.Murdik (1973; 12) :“Informasi adalah data yang telah diolah menjadi suatu bentuk yang berarti bagi penerimanya dan bermanfaan dalam pengambilan keputusan saat ini atau mendatang”. Jadi Informasi adalah data yang diproses kedalam bentuk yang lebih berarti bagi penerima dan berguna dalam pengambilan keputusan, sekarang atau untuk masa yang akan datang. Informasi dalam suatu lingkungan sistem informasi memiliki beberapa

ciri-ciri yaitu :

a. Benar atau salah, Ini dapat berhubungan dengan realitas atau tidak bila penerimaan informasi yang salah dipercayai mengakibatkan sama seperti benar.

b. Baru, Informasi dapat sama sekali baru dan segar bagi penerimanya.

c. Tambahan, Informasi dapat memperbaharui atau memberikan tambahan baru pada informasi yang talah ada.

(29)

e. Penegas, Informasi dapat mempertegas informasi yang telah ada, ini berguna karena meningkatkan persepsi penerimanya atau kebenaran informasi tersebut.

Informasi dapat dikatakan berkualitas apabila telah memenuhi kriteria-kriteria sebagai berikut :

a. Informasi harus akurat dan jelas, Yaitu informasi yang tidak mengandung keraguan-keraguan, sama maksudnya yang disampaikan dengan yang menerima, bebas dari kesalahan-kesalahan dan tidak menyesatkan, harus menjelaskan dan mencerminkan maksudnya atau dengan kata lain tidak menimbulkan pertanyaan bagi penerima informasi tersebut.

b. Up to date (Tepat waktu), Yaitu informasi tersebut datang ke penerima tidak terlambat karena informasi yang tidak tepat waktu sudah tidak mempinyai nilai.

c. Informasi harus relevan, Yaitu informasi itu diterima bagi orang yang membutuhkan atau bermanfaat bagi yang menerimanya.

Jhon Burch (1986; 3) mengemukakan suatu bentuk siklus informasi (Information Cycle) seperti terlihat pada gambar berikut:

(30)

Data yang diolah melalui suatu model menjadi suatu informasi, kemudian user menerima informasi tersebut, membuat suatu keputusan dam melakukan tindakan yang berarti menghasilkan suatu tindakan yang lain akan membuat sejumlah data kembali, data tersebut akan ditangkap sebagai input untuk diproses selanjutnya.

2.1.4 Sistem Informasi

Sistem Informasi (SI) adalah kombinasi dari yang menggunakan teknologi itu untuk mendukung operasi dan manajemen. Dalam arti yang sangat luas, istilah sistem informasi yang sering digunakan merujuk kepada interaksi antara orang, proses algoritmik, data, dan teknologi. Dalam pengertian ini,

(31)

istilah ini digunakan untuk merujuk tidak hanya pada penggunaan organisasi dengan teknologi ini dalam mendukung proses bisnis.

Ada yang membuat perbedaan yang jelas antara sistem informasi, dan komputer sistem TIK, dan proses bisnis. Sistem informasi yang berbeda dari teknologi informasi dalam sistem informasi biasanya terlihat seperti memiliki komponen TIK. Hal ini terutama berkaitan dengan tujuan pemanfaatan teknologi informasi. Sistem informasi juga berbeda dari proses bisnis. Sistem informasi membantu untuk mengontrol kinerja proses bisnis.

Alter berpendapat untuk sistem informasi sebagai tipe khusus dari sistem kerja. Sistem kerja adalah suatu sistem di mana manusia dan/atau mesin melakukan pekerjaan dengan menggunakan sumber daya untuk memproduksi produk tertentu dan/atau jasa bagi pelanggan. Sistem informasi adalah suatu sistem kerja yang kegiatannya ditujukan untuk pengolahan (menangkap, transmisi, menyimpan, mengambil, memanipulasi dan menampilkan) informasi.

Dengan demikian, sistem informasi antar-berhubungan denga satu sisi dan sistem aktivitas di sisi lain. Sistem informasi adalah suatu bentuk memori sosial. Sistem informasi juga dapat dianggap sebagai bahasa semi formal yang mendukung manusia dalam

Sistem informasi merupakan fokus utama dari studi unt da

(32)

2.2 Internet

2.2.1 Pengertian Internet

Internet dapat diartikan sebagai jaringan komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber daya informasi dari mulai yang statis hingga yang dinamis dan interaktif.

2.2.2 Sejarah Internet

a. Berikut sejarah kemunculan dan perkembangan internet. Sejarah intenet dimulai pada 1969 ketika Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency(DARPA) memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.

b. Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon @juga diperkenalkan sebagai lambang penting yang menunjukkan "at" atau "pada". Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika Serikat. Komputer University College di London merupakan

(33)

komputer pertama yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex.

c. Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan telpon televisi pertama, dimana orang bisa saling menelpon sambil berhubungan dengan video link.

d. Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan. Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan Internet Protokol atau IP yang kita kenal semua. Sementara itu di Eropa muncul jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET.

Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer yang tersambung dengan jaringan

(34)

yang ada sudah melebihi 1000 komputer lebih. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat manjadi 10.000 lebih. e. Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligus

memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang bisa menjelajah antara satu komputer dengan komputer yang lainnya, yang membentuk jaringan itu. Program inilah yang disebut www, atau Worl Wide Web. Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer, dan di tahun yang sama muncul istilah surfing the internet. Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di internet. Dunia langsung berubah. Di tahun yang sama Yahoo! didirikan, yang juga sekaligus kelahiran Netscape Navigator 1.0.

2.2.3 Manfaat Internet

Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang mempunyai akses ke internet .Berikut ini sebagian dari apa yang tersedia di internet: 1. Informasi untuk kehidupan pribadi :kesehatan, rekreasi, hobby, pengembangan pribadi, rohani, sosial. 2. Informasi untuk kehidupan profesional/pekerja :sains, teknologi,

(35)

perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi bisnis, berbagai forum komunikasi.

Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal batas negara, ras, kelas ekonomi, ideologi atau faktor faktor lain yang biasanya dapat menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi atau kelompok tanpa mengenal batas jarak dan waktu.

Untuk lebih meningkatkan kualitas sumber daya manusia di Indonesia, sudah waktunya para profesional Indonesia memanfaatkan jaringan internet dan menjadi bagian dari masyarakat informasi dunia.

2.3 Jaringan

2.3.1 Pengertian Jaringan

Jaringan adalah sebuah himpunan komputer yang dihubungkan dengan kabel sehingga komputer satu dengan komputer lainnya dapat saling komunikasi, bertukar informasi sharing file, printer, dll.

Jaringan dibagi menjadi 2 yaitu :

a. Standalone b. Network

(36)

2.3.2 Jenis – Jenis Jaringan Berdasarkan Jangkauan

a. Local Area Networking (LAN)

Yaitu Jaringan yang dibatasi oleh area yang relative kecil, umumnya dibatasi oleh area lingkungan seperti sebuah perkantoran di sebuah gedung, atau sebuah sekolah, dan biasanya tidak jauh dari sekitar 1 km persegi.

b. Metropolitan Area Networking (MAN)

Yaitu Jaringan yang lebih luas dari LAN, MAN biasanya meliputi area yang lebih besar seperti area propinsi, antar gedung. Mengapa MAN itu dikatakan lebih luas dari LAN?, Yah, karena jaringan MAN itu terhubung dari beberapa jaringan LAN yang dihubungkan melalui switch lagi.

c. Wide Area Networking (WAN)

Yaitu Jaringan yang lingkupnya biasanya sudah menggunakan sarana Satelit ataupun kabel bawah laut sebagai contoh keseluruhan jaringan BANK BNI yang ada di Indonesia ataupun yang ada di Negara-negara lain. Menggunakan sarana WAN, Sebuah Bank yang ada di Bandung bisa menghubungi kantor cabangnya yang ada di Hongkong, hanya dalam beberapa menit. Biasanya WAN agak rumit dan sangat kompleks, menggunakan banyak sarana untuk menghubungkan antara LAN dan WAN ke dalam Komunikasi Global seperti Internet.

(37)

2.3.2 Topologi Jaringan

Topologi Jaringan adalah struktur atau bentuk jaringan.

Jenis – jenis topologi jaringan

a. Topologi Ring

Topologi Ring adalah topologi yang terkoneksi ke dua landcard. Jadi pengiriman datanya berbentuk arah jarum jam dan berlawanan arah jarum jam. Sehingga pengiriman data sering tidak sampai ke komputer yang dituju karena harus melewati komputer yang lain dahulu.

b. Topologi Star

Topologi Star adalah topologi yang mengunakan switch sebagai penghubungan antar kabel jaringa. Jadi, Topologi ini lebih sering digunakan ketimbang topologi yang karena biaya lebih murah dan trasperdata lebih cepat. Karena swicth yang mengatur lajunya data.

c. Topologi Bus

Topologi Bus adalah topologi yang memiki satu kabel yang terhubung ke server jadi komputer yang ingin masuk ke topologi bus harus menyambungkan kabel BNCnya ke kabel BNC server. Karena topologi ini menggunakan kabel BNC.

d. Topologi Mesh e. Topologi Pohon

(38)

2.4 Web Site atau Situs

2.4.1 Pengertian Web Site atau Situs

Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link.

2.4.2 Pemeliharaan Web Site atau Situs

Untuk mendukung kelanjutan dari situs diperlukan pemeliharaan setiap waktu sesuai yang diinginkan seperti penambahan informasi, berita, artikel, link, gambar atau lain sebagainya. Tanpa pemeliharaan yang baik situs akan terkesan membosankan atau monoton juga akan segera ditinggal pengunjung.

Pemeliharaan situs dapat dilakukan per periode tertentu seperti tiap hari, tiap minggu atau tiap bulan sekali secara rutin atau secara periodik saja tergantung kebutuhan(tidak rutin). Pemeliharaan rutin biasanya dipakai oleh situs-situs berita, penyedia artikel, organisasi atau lembaga pemerintah. Sedangkan pemeliharaan periodik bisanya untuk situs-situs pribadi, penjualan/e-commerce, dan lain sebagainya.

(39)

2.5 PHP

2.5.1 Pengertian PHP

PHP adal

PHP banyak dipakai untuk memrogram untuk membangun sebua

2.5.2 Sejarah PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat ole itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya maka banya

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini diimplementasikan dalam program ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut

(40)

sebagai PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.

Pada PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman ke arah paradigma berorientasi objek.

2.5.3 Kelebihan PHP Dari Bahasa Pemrograman Lain

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:

a. 'Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.'

b. 'Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.' c. 'Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan

developer yang siap membantu dalam pengembangan.'

d. 'Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.'

(41)

e. 'PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.

2.6 MySQL

2.6.1 Sejarah MySQL

MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembang software dan konsultan database bernama MYSQL AB yang berada di Swedia. Waktu itu perusahaan tersebut masih bernama TcX DataKonsult AB, dan tujuan awal dikembangkannya MySQL adalah untuk mengembangkan aplikasi berbasis web pada client. Awalnya Michael “Monty” Widenius, pengembang satu-satunya di TcX memiliki sebuah aplikasi UNIREG dan rutin ISAM buatannya sendiri dan sedang mencari antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya. Mula-mula Monty memakai miniSQL (mSQL) pada eksperimennya itu, namun SQL dirasa kurang sesuai, karena terlalu lambat dalam pemrosesan query. Akhirnya Monty menghubungi David Hughes, pembuat mSQL yang sedang merilis versi kedua dari mSQL. Kemudian Monty mencoba membuat sendiri mesin SQL yang memiliki antarmuka mirip dengan SQL, tetapi dengan kemampuan yang lebih sesuai sehingga lahirlah MySQL. Tentang pengambilan nama MySQL, sampai saat ini masih belum jelas asal usulnya. Ada yang berpendapat nama My diambil dari huruf depan dan belakang Monty, tetapi versi lain mengatakan nama itu diambil dari putri Monty yang kebetulan juga bernama My.

(42)

2.6.2 Keistimewaan MySQL

Sebagai database server yang memiliki konsep database modern, MySQL memiliki banyak sekali keistimewaan. Berikut ini beberapa keistimewaan yang dimiliki oleh MySQL:

a. Portability

MySQL dapat berjalan stabil pada berbagai OS seperti Windows, Linux, Unix, Mac OS, Solaris, Unix, Amiga, HP-UX, Symbian.

b. Open Source “limited”

Dahulu MySQL didistribusikan secara open source (gratis), dibawah lisensi GPL sehingga kita dapat menggunakannya secara cuma-cuma tanpa dipungut biaya. Namun, saat ini karena MySQL telah dibeli oleh SUN, maka kita tidak dapat lagi menikmati fitur-fitur baru yang ada di MySQL, karena SUN akan membatasi fitur-fitur baru ini hanya untuk user yang membeli lisensinya. Sehingga MySQL tidak lagi sebuah opensource yang benar-benar gratis lagi. MySQL sekarang hanya menyediakan fitur-fitur “dasar” saja yang saat ini sudah menggunakan versi 5.1. Untuk mendownloadnya silahkan download di sini dan dicari versi MySQL dengan OS kita.

c. Multiuser

MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami konflik. Hal ini memungkinkan sebuah database server MySQL dapat diakses klien secara bersamaan.

(43)

d. Performance Tuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

e. Column Types

MySQL memiliki tipe kolom yang sangat kompleks, seperti signed/unsigned integer, float, double, char, varchar, text, blob, date, time, datetime, timestamp, year, set serta enum.

f. Command dan Functions

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah SELECT dan WHERE dalam query.

g. Security

MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta password terenkripsi.

h. Scalability dan Limits

MySQL ammpu menangani database dalam skala besar dengan jumlah records lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris. Selain itu, batas index yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

(44)

i. Connectivity

MySQL dapat melakukan koneksi dengan klien menggunakan TCP/IP, Unix soket (Unix), atau Named Pipes (NT).

j. Localisation

MySQL dapat mendeteksi pesan kesalahan (error code) pada klien dengan menggunakan lebih dari dua puluh bahasa.

k. Interface

MySQL memiliki interface terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

l. Clients dan Tools

MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online.

m. Struktur Tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE dibandingkan database lainnya.

(45)

2.7 Apache

Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail(kegunaan basicnya). Selain itu, Apache juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari. Kesimpulan ini bisa didapatkan dari jumlah pengguna yang jauh melebihi para pesaingnya. Sesuai hasil survai yang dilakukan oleh Netcraft, bulan Januari 2005 saja jumlahnya tidak kurang dari 68% pangsa web server yang berjalan di Internet. Ini berarti jika semua web server selain Apache digabung, masih belum bisa mengalahkan jumlah Apache.

Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.

Saat ini ada dua versi Apache yang bisa dipakai untuk server produksi, yaitu versi mayor 2.0 dan versi mayor 1.3. Apache merupakan webserver yang paling banyak digunakan saat ini. Hal ini disebabkan oleh beberapa sebab, di antaranya adalah karena sifatnya yang opensource dan mudahnya mengkostumisasikannya. diantaranya dengan menambahkan support secure protocol melalui ssl dan konektifitasnya dengan database server melalui bahasa scripting PHP .

(46)

2.8 Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) merupakan salah sat mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Sama halnya styles dalam

yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer,

images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa

berka

yang dibuat denga

CSS dapat mengendalika

warn, spasi

antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter

lainnya

dokume

(47)

BAB 3

PERANCANGAN SISTEM

3.1 Perencanaan dan Perancangan

Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun Sistem Informasi ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari sistem informasi yang akan dibangun. Sistem informasi ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai databasenya, Apache sebagai servernya, dan

Deameamweaver 8 sebagai media untuk membuat layout dari situs yang akan dirancang.

Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain :

a. Sistem informasi apa yang akan dibangun ?

b. Siapa saja pengunjung yang akan diharapkan ke sistem informasi tersebut ?

c. Apa saja aktivitas yang dapat dilakukan pengunjung dalam sistem informasi ?

d. Apa saja yang ingin dicapai dari pembuatan sistem informasi tersebut ?

Dengan menjawab beberapa pertanyaan di atas, maka akan semakin membantu dan mempermudah dalam membangun sistem infromasi ini karena dengan

(48)

pertanyaan-pertanyaan tersebut akan terbentuk kata kunci untuk membangun dan mengembangkan sistem informasi ke arah yang lebih lanjut.

Berkaitan dengan sistem informasi yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut :

a. Sistem informasi yang akan dibangun adalah sistem informasi berbasis web, yang menyediakan informasi yang menyangkut pendidikan dan kegiatan yang dilakukan oleh SMA Hang Tuah Belawan.

b. Pengunjung situs tersebut adalah para siswa SMA Hang Tuah Belawan, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMA Hang Tuah Belawan.

c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai profil serta pengajar di sekolah tersebut.

d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.

Tahap selanjutnya adalah tahap pembuatan bagan atau sruktur dari sistem informasi tersebut. Struktur sistem informasi tersebut menampilkan isi halaman per halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman situs dan navigasi antar halaman.

(49)

Struktur dari sistem informasi yang penulis buat ditunjukkan pada gambar sebagai berikut :

Gambar 3.1 Struktur Sistem Informasi

3.2 Perancangan Halaman Sistem Informasi

3.2.1 Halaman Home

Halaman ini merupakan halaman utama dari sistem informasi. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman-halaman lainnya.

3.2.2 Halaman Profil

Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link yang menghubungkan ke halaman profil tentang sekolah.

Profil

Visi dan Misi

Admin

Edit Data

Pegawai Fasilitas

(50)

3.2.3 Halaman Buku Tamu

Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah. Isi pesan tersebut hanya dapat dilihat oleh pengirim pesan dan administrator website.

3.2.4 Halaman Admin

Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.

3.2.5 Halaman Fasilitas

Halaman Fasilitas berisikan fasilitas-fasilitas yang dimiliki dari SMA Hang Tuah Belawan beserta foto-fotonya.

3.3 Perancangan Data Flow Diagram (DFD)

Data flow diagram menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini adalah bentuk Data FlowDiagram dari website SMA Hang Tuah Belawan.

- Info Lokasi Sekolah - Login Administrator - Info Visi Misi - Info Fasilitas

(51)

- Info Data Pegawai - Info Buku Tamu

Gambar 3.2 Diagram Konteks Website

3.4 Perancangan Database

Database merupakan kumpulan data yang saling berhubungan satu dengan lainnya, tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam

Pengunjung Administrator

Sistem Informasi pada SMA Hang Tuah Belawan

Berbasis Web

Siswa Kepala Sekolah

(52)

sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya. Berikut rancangan tabel yang digunakan dalam membangun aplikasi web ini:

Tabel 3.1 Tabel User

Field Name Type Width Description

Id* Integer 4 Id

Nama Varchar 25 Nama

Password Varchar 10 Password

Tabel 3.2 Tabel Guru

Field Name Type Width Description

Id* Integer 4 Id

Nama Varchar 25 Nama

Ttl Varchar 15 Tempat Tgl Lhr

Bidstudi Varchar 15 Bidang Studi

Jk Char 10 Jenis kelamin

Tabel 3.3 Tabel Buku Tamu

Field name Type Width Description

(53)

Nama Varchar 25 Nama pengirim

Email Varchar 30 Email pengirim

Pesan Varchar 250 Pesan

3.5 Perancangan Diagram Alir (flowchart) Website

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan disuatu algoritma.

Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari sistem informasi SMA Hang Tuah Belawan.

3.5.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMA Hang Tuah Belawan dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart

menu utama dapat dilihat pada gambar 3.3 di bawah ini :

START

(54)

Gambar 3.3 Flowchart Menu Utama

3.5.2 Flowchart Admin

Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka admin akan masuk ke halaman administrator dan jika username atau password

salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart

admin dapat dilihat pada gambar 3.4 di bawah ini. YA

HOME TAMPILAN HALAMAN HOME

PROFIL TAMPILAN HALAMAN PROFIL

VISI DAN

MISI TAMPILAN VISI DAN MISI

PEGAWAI TAMPILAN PEGAWAI

BUKU TAMU TAMPILAN BUKU TAMU

ADMIN TAMPILAN ADMIN

KELUAR END

YA YA YA YA YA YA TIDAK TIDAK TIDAK TIDAK TIDAK TIDAK TIDAK

(55)

Gambar 3.4 Flowchart Admin START HALAMAN ADMIN INPUT USERNAME DAN PASSWORD CEK USERNAME DAN PASSWORD TIDAK USERNAME DAN PASSWORD SALAH YA TAMPILAN MENU ADMIN HALAMAN DATA PEGAWAI

TAMPILAN HALAMAN PEGAWAI

YA HALAMAN DATA BUKU TAMU TIDAK YA

TAMPILAN HALAMAN BUKU TAMU

LOGOUT TIDAK

(56)

BAB 4

IMPLEMENTASI SISTEM

4.1 Komponen-komponen Utama Implementasi Sistem

Agar ingormasi yang telah dikerjakan dapat berjalan dengan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen untam mencakup perangkat keras (hardware), perangkat lunak (software) dan perangkat manusia (brainware). Pada website Siatem Informasi Akademik SMA Hang Tuah Belawan ini dibutuhkan komponen-komponen yang mencakup sebagai berikut:

4.1.1 Perangkat Keras (Hardware)

Merupakan peralatan fisik dari komputer yang dapat kita lihat dan rasakan. Hardware ini terdiri dari;

BAB 4

(57)

4.1 Komponen-komponen Utama Implementasi Sistem

4.1.1 Perangkat Keras (Hardware)

Merupakan peralatan fisik dari komputer yang dapat kita lihat dan rasakan. Hardware ini terdiri dari;

a. Storage Device (perangkat penyimpanan) mmarepakan media untuk menyimpan data seperti disket, hard disk, CD-I, flash disk dll.

(58)

b. Monitor/Screen Monitor merupakan sarana untuk menampilkan apa yang kita ketikkan pada papan keyboard setelah diolah oleh prosesor. Monitor disebut juga dengan Visual Display Unit (VDO).

c. Cassing Unit adalah tempat dari semua peralatan komputer, baik itu mother board, card, peripheral lain dan Central Procesing Unit (CPU). Cesing Unit ini disebut juga dengan System Unit.

d. Central Processing Unit (CPU) adalah salah satu bagian komputer yang paling penting, karena jenis prosesor menentukan pula jenis komputer. Baik tidaknya suatu komputer, jenis komputer, harga komputer, ditentukan terutama oleh jenis prosesornya. Semakin canggiah prosesor komputer, maka

kemampuannya akan semakin baik dan biasanya harganya akan semakin mahal.

4.1.2 Perangkat Lunak (Software)

Merupakan program-program komputer yang berguna untuk menjalankan suatu pekerjaan sesuai dengan yang dikehendaki. Program tersebut ditulis dengan bahasa khusus yang imengerti oleh komputer. Software terdiri dari beberapa jenis, yaitu;

a. Sistem Operasi, seperti DOS, Unix, Linux, Novell.OS/2,Windows, adalah software yang berfungsi untuk mengaktifkan seluruh perangkat yang terpasang pada komputer sehingga masing-masingnya dapat saling berkomunikasi. Tanpa ada sistem operasi maka komputer tak dapat difungsikan sama sekali. b. Program Utility, seperti Norton Utility, Scandisk, PC Tools, dll. Program

(59)

system operasi, misalnya PC Tools dapat melakukan perintaah format

sebagaimana DOS, tapi PC Tools mampu memberikan keterangan dan animasi yang bagus dalam proses pemformatan. File yang telah di hapus oleh DOS tidak dapat dikembalikan lagi tapi dengan program bantu hal ini dapat dilakukan.

c. Program Aplikasi, seperti GL,MYOB,Payroll dll. Merupakan program yang khusus melakukan suatu pekerjaan tertentu, seperti program gaji pada suatu perusahaan. Maka program ini hanya digunakan oleh bagian keuangan saja tidak dapat digunakan oleh departemen yang lain. Biasanya program aplikasi ini dibuat oleh seorang programmer komputer sesuai dengan

permintaan/kebutuhan seseorang/lembaga/perusahaan guna keperluan interennya.

d. Program Paket, seperti Microsoft office, Adobe fotoshop, macromedia studio, open office dll Adalah program yang disusun sedemikian rupa sehingga dapat digunakan oleh banyak orang dengan berbagai kepentingan. Seperti MS-office, dapat digunakan oleh departemen keuangan untuk membuat nota, atau bagian adminstrasi untuk membuat surat penawaran dan lain sebagainya.

e. Bahasa Pemrograman, PHP, ASP, dBase, Visual Basic dll. Merupakan software yang khusus digunakan untuk membuat program komputer, apakah itu sistem operasi, program paket dll.

(60)

Brainware merupakan faktor manusia yang menangani fasilitas computer yang ada. Faktor manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia yang meliputi:

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

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

c. Operator (Administrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan oleh computer dalam menghasilkan informasi dan sebagainya.

d. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.

4.2 Instalasi Software

Dalam menginstalasi Apache, PHP, MySQL dan XAMPP dapat didownload secara

gratis dari situsuntuk software apache

untuk softwate PHPuntuk software MySQL dan

untuk XAMPP.

Dengan menggunakan XAMPP, kita tidak perlu lagi repot menginstall ketiga software itu secara terpisah. Adapun tahap-tahap instalasi XAMPP adalah sebagai barikut:

(61)

2. Kemudian akan tampil pilihan untuk memilih bahasa ketika proses instalasi berjalan. Silakan pilih bahasa Indonesian atau English. Pada contoh ini penulis memilih bahasa Indonesian.

Gambar 4.1 Instalasi XAMPP

3. Proses instalasi akan dimulai. Klik Maju untuk memulainya.

Gambar 4.2 Setup Wizard

4. Akan muncul lisensi software. Silahkan membacanya jika anda mau, tetapi saya lebih suka untuk tidak membacanya karena terlalu banyak. Klik Saya Setuju untuk melanjutkan.

(62)

Gambar 4.3 Setup XAMPP

5. Selanjutnya silakan anda pilih lokasi install untuk install

(63)

Gambar 4.4 Pilih Lokasi Instalasi

6. Tunggu beberapa saat sampai proses instalasi selesai.

Gambar 4.5 Loading Instalasi XAMPP

(64)

Gambar 4.6 Instalasi Selesai

8. Sampai tahap ini, berarti kita sudah menginstal XAMPP. Itu berarti kita sudah selesai menginstall PHP, APACHE dan MYSQL. Langkah selanjutnya adalah menjalankan servicenya.

9. Jalankan XAMPP Control Panel yang ada di desktop. Atau anda juga dapat menjalankan XAMPP Control Panel dari menu Start -> All Programs -> apachefriends -> xampp -> xampp control panel.

(65)

Gambar 4.7 Menjalankan XAMPP

10.Nyalakan Apache dan Mysql dengan mengklik tombol Start. Buka web

browser anda, lalu ketikka Jika tampilannya seperti di bawah ini, maka apache sudah terinstall dengan benar.

Gambar 4.8 Tampilan XAMPP di Browser

(66)

Sistem yang dibuat dalam situs ini bekerja dalam sebuah webserver dan dapat diakses melalui jaringan interanet dan internet. Karena program ini berjalan dalam sebuah jaringan intranet dan internet, maka dapat dijalankan dengan multiuser, dapat diakses oleh banyak pengguna secara bersamaan dari komputer yang berbeda.

4.3.1 Halaman Home

Halaman home adalah halaman pembuka yang merupakan halaman yang akan tampil setelah masuk ke dalam situs SMA Hang Tuah Belawan. Tampilan tersebut adalah sebagai berikut :

(67)

4.3.2 Halaman Profile

Halaman profile adalah halaman yang menjelaskan profile dari SMA Hang Tuah Belawan ini. Di sini akan dijelaskan tingkat sekolah, jenis, alamat, serta telpon dan email.

Gambar 4.10 Tampilan Halaman Profile

4.3.3. Halaman Guru

(68)

Gambar 4.11 Tampilan Halaman Pengajar

4.3.4 Halaman Fasilitas

Halaman fasilitas adalah halaman yang menampilkan fasilitas yang ada di SMA Hang Tuah Belawan.

(69)

Gambar 4.12 Tampilan halaman Fasilitas 4.3.5 Halaman Administrator

Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin pengguna harus melakukan login terlebih dahulu dengan username : admin dan

password : rahasia.

Gambar 4.13 Tampilan Halaman Login Administrator

Pada halaman administrator website SMA Hang Tuah Belawan terdapat 6 (2) menu utama, yaitu Tambah Guru dan Edit Guru. Tampilan halaman Administrator dapat dilihat pada gambar berikut ini :

(70)

Gambar 4.14 Tampilan Halaman Administrator

(71)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari hasil penelitian penulis, dapat disimpulkan sebagai berikut :

1. Sistem informasi ini menampilkan identitas pengajar dari SMA Hang Tuah Belawan. 2. Dengan adanya Sistem informasi pada SMA Hang Tuah Belawan, maka informasi dapat

diakses dan mengakses via internet.

3. Sistem informasi pada SMA Hang Tuah Belawan yang tercipta, maka waktu untuk mengakses dan diakses dapat di minimumkan.

4. Sistem informasi yang dibuat tidak menampilkan identitas siswa-siswi yang bersekolah di SMA Hang Tuah Belawan.

5. Sistem informasi ini merupakan sarana informasi online yang dapat diakses oleh siapapun yang bukan hanya para siswa-siswi maupun pengajar dari SMA Hang Tuah Belawan. 5.2 Saran

(72)

1. Dengan adanya sistem informasi ini dapat memotivasi siswa SMA Hang Tuah Belawan dalam berprestasi dan terus meningkatkan ilmu pengetahuannya khususnya dalam bidang Teknologi Informasi.

2. Aplikasi ini masih dapat dikembangkan, terutama dalam pengolahan nilai. Untuk kedepannya, sistem informasi ini dapat menampilkan identitas siswa-siswinya.

(73)

DAFTAR PUSTAKA

Hakim, Lukmanul. 2008. Membongkar Trik Rahasia Para Master php. Yogyakartata: Lokomedia.

Hakim, Lukmanul.2009.Jalan Pintas Menjadi Para Master php.Yogyakarta: Lokomedia.

Kerjasama Penerbit Madcoms dan Andi.2009. Aplikasi Program PHP & MySQL Untuk Membuat Website Interaktif. Yogyakarta: Andi.

(74)

Listing Program

style.css body {

text-align: justify;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: small;

text-align: justify; color: #555E4F;

background-color: #A7ADF5; }

h1, h2, h3, h4, h5 { margin: 0; }

#header {

width:800px; height:150px; margin: auto; padding: 0;

border: 10px solid #3366CC; border-bottom:5px solid #0066FF ; background: #788770;

}

#header h1 { float: left;

margin: 20px 0 0 20px; font-size: 50px;

letter-spacing: -7px; color: #323B2E;

(75)

}

#header h2 { float: right;

margin: 40px 20px 0 0; font-size: 18px;

letter-spacing: -2px; }

a {

color: #323B2E; text-decoration: none; }

a:hover {

color: #555E4F; text-decoration: none; }

#menu1 {

float: left; width: 100px; margin: 0px auto; padding-bottom: 20px; text-transform: uppercase; font-weight: bold;

font-size: 14px; color: #323B2E; }

#menu1 ul {

margin: 0px; list-style: none;

(76)

padding: 0px; }

#menu1 li { }

#menu1 a {

display: block; width: 190px; padding: 12px 0px;

background-color: #5364D7; border-top: 1px solid #323B2E; border-bottom: 1px solid #788770; text-align: center;

text-decoration: none; text-transform: uppercase; font-weight: bold;

color: #FFFFFF; }

#menu1 a:hover {

background-color: #B0C0F9; border-top: 1px solid #000099; border-bottom: 1px solid #000099; }

#content {

width: 800px; margin: 0 auto;

border: 10px solid #3366CC; border-top:5px solid #0066FF; background: #97ABFB;

(77)

#colOne {

float: left; width: 190px; margin-top: 20px; padding: 0 10px 0 20px; }

#colTwo {

float: right; margin-top: 20px; width: 440px;

padding: 0 20px 0 20px; }

#content h2 {

margin-bottom: 20px; font-size: 18px; letter-spacing: -2px; }

table{

border: 1px solid #000000; font-size:12px;

}

#footer {

width: 800px; margin: 0 auto; padding-top: 20px; }

#footer p {

text-align: center; padding: 0;

(78)

font-size: 10px; }

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--

Design by Free CSS Templates http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License -->

<!--

.style1 {color: #333333} -->

</style> </head> <body>

</div>

(79)

<ul>

<li id="menu-01"><a href="home1.php">Home</a></li> <li id="menu-02"><a href="profil.php">Profil</a></li> <li id="menu-03"><a href="visi.php">visi misi </a></li>

<li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">Fasilitas</a></li>

<li id="menu-05"><a href="admin1/formlogin.php">ADMINISTRATOR </a></li> <li></li>

</ul>

<?php

include "kalender.php"; ?>

</p> </div>

</div>

</div> </div>

<p>

<?php

(80)

include "./home.php"; }

else{

include "./$hal.php"; }

?> </p>

</div> </div>

</div> </body> </html>

home.php

.style1 {

font-family: "Times New Roman", Times, serif; font-size: 16px;

}

.style3 {font-size: 16px} .style6 {font-size: 12px}

(81)

--> </style> <p> <p> <p>

<h3 class="style8"> Selamat Datang di Website SMA Hang Tuah Belawan </h3> </p>

Website SMA Hang Tuah ini merupakan sebuah inovasi sekolah dalam menghadapi era teknologi informasi yang semakin pesat. Dimana melalui website ini diharapkan bisa menjadi sarana atau media untuk mempublikasikan informasi-informasi tentang SMA Hang Tuah Belawan. Situs ini diperuntukkan bagi siapa saja yang ingin memperoleh informasi tentang sekolah ini. </span></h6>

<h6 align="justify" class="style1 style6">Saran dan masukan dari semua pihak akan selalu kami terima dengan senang hati. Terima kasih.</h6>

<h6 align="right" class="style7 style1 style6">Kepala SMA Hang Tuah Medan,</h6> <p align="right" class="style7 style1 style6"> </p>

<h6 align="right" class="style7 style1 style6">Akbar, SS.</h6> </p>

</h6>

profil.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--

Design by Free CSS Templates http://www.freecsstemplates.org

(82)

Released for free under a Creative Commons Attribution 2.5 License -->

<!-- .style1 {

font-size: 18px; font-weight: bold; }

--> </style> </head> <body>

</div>

<li id="menu-01"><a href="home1.php">Home</a></li> <li id="menu-02"><a href="profil.php">Profil</a></li>

(83)

<li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li>

<li id="menu-05"><a href="admin1/formlogin.php">ADMINISTRATOR </a></li>

</ul> </div>

</div> </div>

<h3>ID Sekolah SMA Hang Tuah Belawan </h3> <hr size= 5 noshade width=53% align=left /> </p>

</p>

<th width="163" scope="row">No.Statistik</th>

<tr>

<th scope="row">Nama Sekolah </th>

<td><div align="center">SMA Hang Tuah Belawan </div></td> </tr>

(84)

<th scope="row">Tingkat Sekolah </th> <td><div align="center">SMA</div></td> </tr>

<tr>

<th scope="row">Status Sekolah </th>

<td><div align="center">Disamakan</div></td> </tr>

<tr>

<th scope="row">Jenis Sekolah </th>

<td><div align="center">Sekolah Menengah Umum </div></td> </tr>

<tr>

<th scope="row">Alamat</th>

<td><div align="center">Jl.Raden Sullian Belawan</div></td> </tr>

<tr>

<td><div align="center">Medan</div></td> </tr>

<tr>

<th scope="row">Kecamatan</th>

<td><div align="center">Medan Belawan </div></td> </tr>

<tr>

<th scope="row">Provinsi </th>

<td><div align="center">Sumatera Utara </div></td> </tr>

<tr>

(85)

</table>

</div>

</div> </body> </html>

struktur.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--

Design by Free CSS Templates http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License -->

(86)

<title>SMA Hang Tuah Belawan</title> <meta name="Keywords" content="" /> <meta name="Description" content="" />

<!-- .style1 {

font-size: 18px; font-weight: bold; }

--> </style> </head> <body>

</div>

<li id="menu-01"><a href="home1.php">Home</a></li> <li id="menu-02"><a href="profil.php">Profil</a></li> <li id="menu-03"><a href="visi.php">visi misi </a></li>

<li id="menu-04"><a href="struktur.php">struktur organisasi </a></li> <li id="menu-05"><a href="menampilkanguru.php">guru</a></li> <li id="menu-05"><a href="fas.php">fasilitas</a></li>

(1)

-->

<!--

.style1 {color: #333333} -->

</style> </head> <body>

</div>

<ul>

<li id="menu-01"><a href="guru_add.php">Tambah Guru</a></li>

<li id="menu-01"><a href="logout.php">Logout</a></li>

(2)

</div>

</div> </div>

<?php

include "koneksi.php";

$edit="Select * from guru where no='$_GET[id]'"; $hasil=mysql_query($edit);

while ($data=mysql_fetch_array($hasil)) {

(3)

</tr> <tr>

<td>Tempat Tgl Lhr</td>

</tr> <tr>

<td>Bidang Studi</td>

</tr> <tr>

<td>Jenis Kelamin</td> <td><select name="jk">

<option value="Pria">Pria</option> <option value="Wanita">Wanita</option> </select></td>

</tr> <tr>

</tr>

<?php } ?> </table>

</form> </body> </p>

(4)

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

</div> </body> </html>

kirim_data.php <?

include"connect.php";

if($nama==""||$alamat==""||$kota==""||$email==""||$pesan==""){ $pesan="formulir belum lengkap";

}elseif(!ereg("[a-zA-Z]",$kota)){ $pesan="penulisan kota tidak benar";

}elseif($email && ereg("^.+@.+\\.+"$,$email)){ $pesan='Penulisan Email Tidak Benar;

}else{

$tanggal=date("d M Y");

$baca=mysql_query("select*from smahangtuah where pesan='$pesan'"); $t=mysql_num_rows($baca);

(5)

if($t==0){

$pesan=str_replace(" ","<br>",$pesan);

$pesan=str_replace("\\","",pesan); $nama=str_replace("\\","",$nama); $alamat=str_replace("\\","",$alamat); $kota=str_replace("\\","",$kota); $kota=ucfirst($kota);

$add=mysql_query("insert into data_tamu(tanggal, nama, alamat, kota, email, pesan) values('$tanggal','$alamat','$kota','$email','$pesan')");

$pesan="beres";

header("location:./data_tamu.php?p=0"); }else{

$pesan="data sudah dimasukkan"; }

}

echo"$pesan"; ?>

(6)

Sistem Informasi Akademik pada SMA Hang Tuah Belawan