Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP & MySQL

(1)

PERANCANGAN SISTEM INFORMASI SMA DHARMA PANCASILA BERBASIS WEB MENGGUNAKAN PHP & MYSQL

TUGAS AKHIR

ABDUL MANAN BRUTU 092406131

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGATAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2012

(2)

PERANCANGAN SISTEM INFORMASI SMA DHARMA PANCASILA BERBASIS WEB MENGGUNAKAN PHP & MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

ABDUL MANAN BRUTU 092406131

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGATAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2012

(3)

PERSETUJUAN

Judul : PERANCANGAN SISTEM INFORMASI SMA

DHARMA PANCASILA BERBASIS WEB MENGGUNAKAN PHP & MySQL

Kategori : TUGAS AKHIR

Nama : ABDUL MANAN BRUTU

Nomor Induk Mahasiswa : 092406131 Program Studi : D3 KOMPUTER

Depertemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, 2012

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Dosen Pembimbing

Prof. Drs. Tulus, Vordipl. Math., M. Si., Ph. D. Drs. Sawaluddin, M. IT NIP. 196209011988031002 NIP. 195912311998021001

(4)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI SMA DHARMA PANCASILA BERBASIS WEB MENGUNAKAN PHP & MYSQL

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya

Medan, Mei 2012

ABDUL MANAN BRUTU 092406131

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT, serta shalawat dan salam kepada junjungan kita nabi Muhammad SAW, karena atas berkah dan rahmatNya lah, akhirnya penulis dapat menyelesaikan dan merampungkan tugas akhir ini dalam waktu yang telah ditetapkan.Tugas Akhir ini disusun guna memenuhi salah satu syarat kelulusanProgram Studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan AlamUniversitas Sumatera Utara.

Dalam penulisan Tugas Akhir ini penulis banyak mendapatkan bimbingan,bantuan, dan dukungan baik secara material maupun moril yang sangat berharga,maka dengan kerendahan hati penulis ingin mengucapkan rasa berterima kasih yang

sebesar-besarnya kepada :

1. Bapak Drs. Sawaluddin, M. IT., selaku Dosen Pembimbing penulis yang telah memberikan bimbingan serta arahan kepada penulis selama menyelesaikan Tugas Akhir.

2. Bapak Dr. Sutarman, M. Sc., selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Ibu Dr. Marpongahtun, M. Sc., selaku Pembantu Dekan 1 Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

(6)

4. Bapak Prof. Drs. Tulus, Vordipl. Math., M. Si., Ph. D., selaku Ketua Departemen Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Bapak Syahril Efendi, S. Si., M. IT., selaku ketua Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

6. Bapak Drs. James Piter Marbun, M. Kom., selaku Dosen Pembimbing Akademik penulis.

7. Seluruh staf pengajar D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

8. J.Berutu ayahanda penulis dan ibunda R.sitohang atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan kepada penulis serta dukungan moril maupun materiil sehingga penulis dapat menyelesaikan tugas akhir ini. 9. Kelima Abang penulis Kasiman, Rahmat, Elok, Samudera, Rahim yang

merupakan keluarga terbaik penulis yang selalu memberikan dukungan semangat dan doa.

10.Teman-teman Program Studi D3 Teknik Informatika atas dukungannya dalam penyelesaian Tugas Akhir ini.

Namun, penulis menyadari bahwa masih banyak kekurangan dalam penyusunan Tugas Akhir ini, karena keterbatasan kemampuan yang dimiliki oleh penulis. Untuk itu, penulis mengharapkan kritik dan saran yang membangun demi perbaikan selanjutnya.

(7)

Akhir kata, penulis memohon maaf atas kekurangan dalam penulisan Tugas Akhir ini dan penulis berharap semoga Tugas Akhir ini dapat berguna bagi pembaca secara umum dan penulis secara khusus. Akhir kata penulis ucapkan banyak terima kasih.

Medan, 2012 Penulis

Abdul Manan Brutu 092406131

(8)

ABSTRAK

Tugas Akhir ini bertujuan membangun sebuah web yang dinamis. Sistem perancangan dalam membangun web SMA Dharma Pancasila ini dikembangkan dengan menggunakan sebuah software yakni PHP, MySQL,Adobe Photoshop CS, Adobe Dreamweaver CS5, Xampp Web Server dan browser Mozilla Firefox. Tujuan aplikasi web ini adalah untuk memudahkan pihak sekolah dalam penerimaan siswa baru secara online dan menyebarkan informasi kepada user/pengguna dengan baik dan dapat meng-update isi dari informasi yang terdapat pada web tersebut dengan mudah pada waktu yang diinginkan.

(9)

DAFTAR ISI

Halaman

Halaman Judul i

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vii

Daftar Isi viii

Daftar Gambar x

BAB 1 PENDAHULUAN

1.1Latar Belakang 1

1.2Batasan Masalah 2

1.3Maksud dan Tujuan 2

1.4Tinjauan Pustaka 3

1.5Metodologi Penelitian 4

1.6Sistematika Penulisan 5

BAB 2 LANDASAN TEORI

2.1 Sejarah Internet 7

2.2 Pegertian Internet 8

2.3World Wide Web (WWW) 9

2.3.1 Lahirnya Web 10

2.3.2 Browser Web 11

2.3.3 Server Web 11

(10)

2.4HTML(Hipertext Markup Language) 13

2.4.1 Dukomen HTML 13

2.5PHP (Hypertext preprocecor) 16

2.5.1 Sejarah PHP 17

2.5.2 Pengertian PHP 18

2.5.3 Skrip PHP 19

2.5.4 Integrasi PHP Dengan Database 20

2.6 MySQL

2.6.1 Sejarah MySQL 22

2.6.2 Pengertian MySQL 22

2.6.3 Kelebihan-Kelebihan MySQL 22

2.7 Adobe Dremweaver CS5 24

BAB 3 DESKRIPSI SINGKAT SMA DHARMA PANCASILA

3.1 Visi, Misi dan Tujuan Sekolah 25

3.2 Identitas Sekolah 26

BAB 4 PERANCANGAN SISTEM

4.1Perencanaan dan Perancangan Sistem 27

4.2Mempersiapkan Database Server 28

4.3Membangun Halaman Sistem 30

4.4Flowchart Situs 32

4.5Algoritma Program 35

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 37

5.2 Tujuan Implementasi Sistem 37

5.3 Komponen Dalam Inplementasi Sistem 38

5.3.1 Hardware 38

5.3.2 Software 39

5.3.3 Instalasi Xampp-win32-1.7.7 40

(11)

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 49

6.2 Saran 50

DAFTAR PUSTAKA 51

(12)

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Admin 28

Tabel 4.2 Tabel Buku Tamu 29

(13)

DAFTAR GAMBAR

Halaman

Gambar 4.1Tampilan Adobe Dremweaver CS5 31

Gambar 4.2 Flowchart rancangan aplikasi web (situs) 32

Gambar 4.3 Alur Flowchart Menu Utama 33

Gambar 4.4 Alur Flowchart Administrator 34

Gambar 5.1 Setup Wizard 40

Gambar 5.2 Chose Install Location 41

Gambar 5.3 Instal Options 41

Gambar 5.4 Installing 42

Gambar 5.5 Pengistalan Xampp Berhasil 42

Gambar 5.6 Xampp di Mozilla Firefox 43

Gambar 5.7 Tampilan phpMyadmin 43

Gambar 5.8 Halaman Utama 44

Gambar 5.9 Halaman Profil 45

Gambar 5.10 Halaman Informasi 46

Gambar 5.11 Halaman Fasilitas 46

Gambar 5.12 Halaman Stuktur 47

Gambar 5.13 Halaman Gallery 47

Gambar 5.14 Halaman Buku Tamu 48

(14)

ABSTRAK

(15)

BAB 1

PEDAHULUAN

1.1 Latar Belakang

Sekolah merupakan salah satu sarana belajar–mengajar yang diwajibkan Pemerintah. Dalam mendukung aspek- aspek kegiatan sekolah penulis ingin merancang suatu sistem informasi. Sistem informasi dapat diakses melalui jaringan internet.

Sistem informasi dapat digunakan untuk mempublikasi sekolah kepada masyarakat luas seperti mempromosikan keunggulan sekolah, kegiatan yang menarik dari sekolah, profil pengajar-pengajarnya dan segala sesuatu mengenai sekolah tersebut melalui internet.

Kehadiran internet dalam kehidupan manusia ternyata telah mengubah sebagian besar kebiasaan orang dalam berkomunikasi dengan orang lain, mulai dari sekedar menyampaikan pesan sampai aktifitas sehari-hari. Perkembangan internet yang semakin pesat dan semakin akrab menyentuh kehidupan manusia.

(16)

Dalam membangun sebuah sistem informasi yang terkoneksi melalui internet yang disebut website yang terhubung dengan web server. Web server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP dari klien yang dikenal dengan web browser dan mengirim kembali hasilnya dalam bentuk halamanhalaman web yang umumnya berbentuk dokumen HTML

Berdasarkan latar belakang tersebut, maka penulis tertarik mengajukan judul “PERANCANGAN SISTEM INFORMASI SMA DHARMA PANCASILA BERBASIS WEB MENGGUNAKAN PHP & MYSQL”,

1.2 Batasan Masalah

Agar tidak menyimpang dari pembahasan yang tersebut diatas, maka dalam penyusunan tugas akhir ini, penulis hanya membatasi mulai dari pendaftaran atau registrasi siswa sampai dengan informasi tentang SMA Dharma Pancasila.

1.3 Maksud dan Tujuan

1.3.1 Maksud

Penulis bermaksud untuk membuat suatu aplikasi sistem informasi berbasis Web yang mudah digunakan dan user interface. Selain itu juga untuk menemukan suatu cara dalam mempublikasikan SMA Dharma Pancasila kepada masyarakat melalui internet.

(17)

1.3.2 Tujuan

1. Merancang web yang menyediakan informasi tentang SMA Dharma Pancasila. 2. Membantu pihak sekolah dalam memperkenalkan SMA Dharma Pancasila

kepada masyarakat melalu internet.

3. Media internet kepada pihak sekolah untuk membantu kegiatan sekolah. 4. Memudahkan pihak sekolah dalam menerima murid baru secara online.

1.4 Tinjauan Pustaka

Sistem informasi adalah sekumpulan komponen yang saling berhubungan, mengumpulkan, memproses, menyimpan dan mendistribusikan informasi untukpengambilan keputusan dan pengawasan dalam suatu informasi. Sistem informasi mencakup data dan informasi”

PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server.

Dewasa ini MySQL merupakan standar yang digunakan untuk mengakses

database relasional. Banyak DBMS (Data BaseManagement System) yang mendukung MySQL untuk mengakses database. Database dapat dianggap sebagai

(18)

suatu penyusunan data yang terstruktur yang disimpan dalam media penyimpanan (hard disk) yang tujuannya adalah agar data tersebut dapat diakses dengan mudah dan cepat.

1.6 Metodologi Penelitian

Untuk mendapatkan keterangan-keterangan dan data yang diperlukan guna memperoleh suatu kebenaran ilmiah, maka penulis melakukan penelitian dengan beberapa metode, sebagai berikut :

a. Penelitian lapangan (Field research), penelitian ini dilakukan penulis di lapangan. Dalam hal ini penulis langsung meneliti di SMA Dharma Pancasila sebagai objek penelitian.

b. Wawancara (Interview), data yang dikumpulkan penulis dengan melakukan tanya jawab langsung kepada pegawai dan guru SMA Dharma Pancasila yang berkaitan dengan masalah yang akan dipecahkan sehingga penulis dapat memperoleh data dan informasi yang akurat.

c. Pengamatan (Observation), data yang dikumpulkan dengan melakukan peninjauan secara langsung ke lapangan.

d. Penelitian Kepustakaan, penulis menggunakan buku-buku yang berhubungan dengan masalah untuk dapat memperoleh data yang dibutuhkan.

(19)

Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut:

BAB 1: PENDAHULUAN

Dalam bab ini penulis menguraikan Latar Belakang, Identifikasi Masalah, Batasan Masalah, Maksud dan Tujuan, Tinjauan Pustaka, Metodologi Penelitian, Sistematika Penelitian

BAB 2: LANDASAN TEORI

Dalam bab ini penulis menjelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan bahasa pemrograman dan software-software yang digunakan oleh penulis.

BAB 3: SEKILAS GAMBARAN DHARMA PANCASILA

Dalam bab ini penulis menyajikan gambaran tentang SMA Dharma Pancasila yang terdiri dari profil sekolah, struktur organisasi sekolah

BAB 4: PERANCANGAN SISTEM

Dalam bab ini berisikan pembahasan mengenai sistem yang dirancang, perancangan database dan penggunaan Mysql sebagai database

(20)

Dalam bab ini berisikan pengertian implementasi sistem, Tujuan implementasi sistem, Komponen sistem dan Instalasi xampp-win32-1.7.7.

BAB 6: KESIMPULAN DAN SARAN

Dalam bab ini penulis menguraikan tentang beberapa kesimpulan dari uraian bab-bab sebelumnya dan juga memberikan saran yang mungkin dapat bermanfaat.

(21)

BAB 2

LANDASAN TEORI

2.1 Sejarah Internet

Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya.

Sejarah terciptanya internet dimulai di Amerika, saat itu dalam keadaan perang. ARPAnet (US Defense Advanced Research Projects Agency) atau Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan. Jadi bila satu bagian dari sambungan jaringan terganggu dari serangan musuh, jalur yang melalui sambungan itu secara otomatis dipindahkan ke sambungan lainnya.

(22)

Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer, salah satunya adalah

Universitas of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan di universitas-universitas di Amerika dan berkembang pesat sampai saat ini. Selanjutnya, pemerintah Amerika Serikat memberikan izin kearah komersial pada awal tahun 1990. Agar para pengguna komputer dengan merek dan tipe berlainan dapat saling berhubungan, maka para ahli membuat sebuah protokol (semacam bahasa) yang sama untuk dipakai di internet. Namanya TCP (Transmission Control Protocol, bahasa Indonesianya Protokol Pengendali Transmisi) dan IP (Internet Protocol).

2.2 Pengertian Internet

Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan komputer global) dengan melalui jalur telekomunikasi seperti telepon, radio link, satelit dan lainnya.

Secara etimologis, internet berasal dari bahasa Inggris, yakni inter berarti antar dan net berarti jaringan sehingga dapat diartikan sebagai hubungan antarjaringan.

Dalam mengatur integrasi dan komunikasi jaringan komputer digunakan protokol yaitu TCP/IP. TCP (Transmission Control Protocol) bertugas memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang

(23)

mentransmisikan data dari satu komputer ke komputer lain. TCP/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat digunakan, mengatur dan mengirimkan paket-paket pengiriman data. 2.3 World Wide Web (WWW)

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

Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam

browser web.

Kini internet identik dengan web, karena kepopuleran web sebagai standar

interface pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri (informasi) di internet.

Selain itu web telah diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi informasinya, karena beberapa alasan:

(24)

b. Setup server lebih mudah.

c. Informasi mudah didistribusikan.

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

2.3.1 Lahirnya Web

Tahun 1989, Timothy Berners-Lee seorang ahli komputer dari Inggris dan peneliti lain di European Particle Physics Lab (Consei European pour la Recherche Nucleaire, atau CERN) di Geneva, Swiss, mengembangkan suatu cara untuk men-share data antarkoleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di

CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru.

Kode-kode khusus disisipkan ke dalam dokumen elektronik ini,memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.

Kemampuan internet dimasukkan ke dalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat melompat ke dokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari

(25)

yang disebut sekarang dengan Word Wide Web dan berikut server dan browser webnya (sekarang di maintenance oleh World Wide Web Consortium).

2.3.2 Browser Web

Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface

grafis, sehingga pemakai dapat dengan mudah melakukan ‘point dan click’ untuk pindah antardokumen.

Di saat perkembangan WWW ada dua browser web yang populer yaitu

Internet Explorer (IE) dan Netscape Navigator. Namun 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. Google Chrome, Rocketmelt, Safari dan Mozilla Firefox. Diantara

browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan.

2.3.3 Server Web

Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen

web, komputer ini akan melayani permintaan dokumen web dari kliennya. Macam-Macam Server Web:

(26)

2. Xampp 3. Wamp 4. Xitami 5. IIS 6. Appserv 7. PWS

2.3.4 Istilah-Istilah Umum Yang Harus Diketahui

Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui antara lain:

a. Protokol; Secara definisi adalah standar pemrosesan informasi yang diterima secara umum. Protokol TCP/IP merupakan protokol yang digunakan dalam komunikasi dalam internet.

b. URL (Universal Resource Locator); URL digunakan sebagi penunjuk lokasi pada internet. URL adalah konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan nama filenya, tetapi juga nama mesinnya dalam jaringan. Jika suatu situs tidak mempunyai URL, maka situs web tersebut tidak dapat dikunjungi.

c. HTTP (HyperText Transfer Protocol); HTTP adalah protocol yang sering digunakan untuk berkomunikasi antara browser dan web server melalui jaringan internet. HTTP umumnya digunakan untuk melayani dokumen

(27)

sehingga pada kenyataan navigasi informasi dapat ditambahkan langsung ke dalam dokumen dengan demikian protokolnya sendiri tidak harus mendukung navigasi secara penuh.

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

e. Browser / Surfer; Browser adalah sebuah program yang digunakan untuk menampilkan halaman web.

2.4 HTML (HyperText Markup Language)

2.4.1 Dokumen HTML

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

Ada dua cara untuk membuat sebuah web page yaitu dengan web editor

(misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa (misalnya notepad atau editplus).

(28)

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html” (tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dengan huruf kecil). Nama dokumen yang sama tetapi dituliskan dengan case

yang berbeda akan dianggap sebagai dokumen yang berbeda.

2.4.1.2 Elemen Dan Tag HTML

Dokumen HTML disusun oleh elemen-elemen. “Elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1>dengan

</H1>), tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag

yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.

Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen di dalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut diantaranya adalah:

(29)

a. Paragraf dengan tag <p>.

b. Ganti baris – line break dengan tag <br>. c. Garis datar – horizontal rule dengan tag <hr>. d. List item dengan tag <li>.

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan

tagnya, dituliskan : <namatag> _ </namatag>. Penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.

Tag mark up ini digunakan sebenarnya memberi tahu browser web bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.

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

link, grafik, paragraf dan elemen lainnya.

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

(30)

<html> <head>

… informasi tentang dokumen HTML </head>

<body>

… informasi yang ditampilkan dalam browser web </body>

</html>

Setiap dokumen HTML harus diawali dengan menuliskan tag <html>dan tag </html>di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.

Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen head

ditandai dengan tag <head>di awal, dan tag </head>di akhir. Section ini berisi informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalamelemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag <title>dan diakhiri dengan </title>.

Section atau elemen body ditandai dengan tag <body>di awal, dan tag </body>di akhir. Section body merupakan elemen terbesar di dalam dokumen HTML. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraf, grafik, link, tabel, dan sebagainya.

(31)

2.5 PHP (HyperText Preprocessor)

2.5.1Sejarah PHP

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga

(32)

dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemrograman berorientasi objek.

2.5.2 Pengertian PHP

PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server.

2.5.2.1 Kelebihan-kelebihan PHP

1. Program dapat running di semua OS, PHP MySQL berjalan secara web base, itu artinya semua operating system yang memiliki web browser dapat menggunakan aplikasi ini, dan semua OS tentu saja selalu memiliki web browser, Windows dengan internet explorer, Linux dengan Mozilla, Macintosh dengan Safari, dan Handphone dengan Opera Mini. Sangat mobile dan fleksible.

2. Sangat cocok dan mudah diterapkan pada komputer berjaringan, program PHP MySQL cukup diinstall disalahsatu komputer pada jaringan

(33)

yang dalam hal ini adalah komputer server, pada komputer client, kita tidak usah menginstalasikan program apapun lagi. Pada komputer client kita cukup mengarahkan web browser ke komputer server dan program dapat langsung running, apabila program error (walau kemungkinan sangat kecil sekali) program cukup di maintenance di pihak komputer server yang terinstalasikan program tanpa harus memaintenance komputer client juga. sangat mudah dan simple.

3. Tidak ada virus yang menginfeksi program PHP, sampai saat ini, progrm php belum dapat diinfeksi virus, kebanyakan virus menginfeksi file berekstensi *.exe dan *.dll, sangat awet dan aman.

4. Sangat stabil di semua operating sistem, program PHP walaupun dipakai dalam waktu yang sangat lama tidak akan memberatkan sistem dan tidak akan mempengaruhi komputer untuk berjalan sangat lambat, sangat cocok diterapkan pada komputer yang selalu nyala 24 jam.

5. Sangat multi user, program php tidak akan bentrok dengan pengguna lain yang sama-sama menggunakan program dalam satu jaringan.

2.5.3 Skrip PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP:

(34)

b. <? . . . ?>

c. <script language=”PHP”> . . . </script> d. <% … %>

Skrip yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya: contoh.php. Bila skrip PHP diakses melalui komputer lokal maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan penamaan dokumen HTML, pemberian nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip PHP

dapat disisipkan di bagian manapun dalam dokumen HTML, begitu pula sebaliknya skrip HTML dapat diletakkan di antara skrip PHP.

2.5.4 Integrasi dengan Database

PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan dengan database yang reliabel, gratis dan mudah diinstalasi. Terdapat 2 (dua) jenis

database yang memenuhi yaitu MySQL dan PostgreSQL. Kedua jenis database ini dipergunakan karena kinerja yang bagus

PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar 48 fungsi yang didukung PHP dalam mengakses MySQL dalam membuat aplikasi.

Adapun yang biasa digunakan diantaranya adalah :

a. mysql_connect()

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

(35)

mysql_connect (string hostname, string username, string password);

b. mysql_select_db

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

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

memberiperintah 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 fungsinya adalah:

int mysql_num_rows(int result);

e. mysql_fetch_array

Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data, digunakan fungsi mysql_fetch_array. Dengan fungsi ini, hasil query

(36)

array mysql_fetch_array(int result, int [result_type] );

2.6 MySQL

2.6.1 Sejarah MySQL

Pada awalnya, para pencipta MySQL mencoba suatu database server yaitu mSQL(mini Structure Query Language) untuk menghubungkan tabel-tabel dengan menggunakan fast-low level ( ISAM ) routine mereka sendiri. Setelah beberapa test yang mereka lakukan, mereka berkesimpulan bahwa mSQL tidak begitu cepat dan tidak begitu fleksibel bagi kebutuhan mereka. Hal ini membuat mereka untuk dapat membuat suatu interface SQL baru yang sesuai dengan kebutuhan mereka dengan cara menambahkan atau memodifikasi dari mSQL dan mereka namakan MySQL. Adapun alasan mereka menambahkan kata ‘My’ pada MySQL sebenarnya masih sebuah misteri bagi mereka sendiri tapi hampir semua libraries dan tools pada direktori mereka memiliki awalan ‘My’. Juga nama adiknya ‘Monty’ (salah satu pencipta MySQL) diberi nama ‘My’.

2.6.2 Pengertian MySQL

MySQL adalah database manangement system untuk relational database atau RDBMS. Database secara ringkas adalah kumpulan data yang mungkin bisa text, bilangan, binari file, yang disimpan dan diorganisir oleh DBMS. MySQL adalah

(37)

RDBMS gratis yang merupakan saingan dari RDBMS yang berbayar seperti Oracle dan Microsoft SQL Server.

2.6.3 Kelebihan–Kelebihan MySQL

Selain karena Open Source program, MySQL juga memiliki kelebihan-kelebihan yang tak kalah bagusnya dengan Database Server lainnya, seperti SQL server, Sybase bahkan Oracle. Kelebihan-kelebihan itu antara lain :

a. Dapat bekerja di beberapa platform yang berbeda, seperti LINUX, Windows,MacOS dan lain lain.

b. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.

c. Memiliki lebih banyak type data seperti : signed/unsigned integer yang memiliki panjang data sebesar 1,2,3,4 dan 8 byte, FLOAT, DOUBLE, CHAR, VARCHAR, TEXT, BLOB, DATE, TIME, DATETIME, TIMESTAMP, YEAR, SET dan tipe ENUM.

d. Mendukung penuh terhadap kalimat SQL GROUP BY dan ORDER BY. Mendukung terhadap fungsi penuh ( COUNT ( ),COUNT (DISTINCT), AVG ( ), STD ( ), SUM ( ), MAX ( ) AND MIN ( ) ).

e. Mendukung terhadap LEFT OUTHER JOIN dengan ANSI SQL dan sintak ODBC.

f. Mendukung ODBC for Windows 95 (dengan source program). Semua fungsi ODBC 2.5 dan sebagainya. Sebagai contoh kita dapat menggunakan Access

(38)

untuk connect ke MySQL server.

g. Menggunakn GNU automake, autoconf, dan LIBTOOL untuk portabilitas.

h. Kita dapat menggabungkan beberapa tabel dari database yang berbeda dalamquery yang sama.

i. Ditulis dengan menggunakan bahasa C dan C++. Diuji oleh compiler yang sangat jauh berbeda.

j. Privilege (hak) dan password sangat fleksibel dan aman serta mengujinkan ‘Host- Based’ Verifikasi.

2.7 Adobe Dreamweaver CS 5

Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu perusahaan yang bernama Adobe. membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver. Dreamweaver merupakan editor HTML yang professional untuk mendesain, menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaannya,

Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (Mode Split). Dreamweaver juga menyediakan alat-alat bantu untuk mengembangkan kreativitas pembuatan web. Adobe Dreamweaver Cs 5 mendukung program Script Side yang terkenal, yaitu Java Scipt, seperti Personal

(39)

Home Page (PHP), Active Server Page (ASP), ASP.NET, ColdFusion dan Java Server Page (JSP). Fasilitas terbaru dari Adobe Dreamweaver Cs 5 adalah code hinting, live code, live view, multi secren.

(40)

BAB 3

DESKRIPSI SINGKAT SMA DHARMA PANCASILA

3.1 Visi, Misi dan Tujuan Sekolah

3.1.1 Visi

Menjadikan SMA Dharma Pancasila sebagai sekolah unggul dalam prestasi, menguasai IPTEK dan memiliki IMTAQ

3.1.2 Misi

1. Melaksanakan proses belajar mengajar dan bimbingan secara efektif,efisien, menarik dan menyenangkan .

2. Menyelenggarakan pendidikan yang membekali life skill 3. meningkat mutu sumber daya manusia

4. meningkatkan kegiatan bimbingan belajar, kelompok belajar untuk menghadapikegiatan olimpiade Matematika, Biologi, Fisika, Kimia, Komputer. 5. menyediakan sarana dan prasarana yang memadai.

6. meningkatkan kegiatan ekstra kurikuler.

(41)

sekolah.

8. meningkatkan kerjsama dengan alumni, instansi terkait dan masyarakat./.

9. membudayakan motto “ SMA Dharma Pancasila “ yaitu ,disiplin, hemat, rajin, pandai, mandiri, dan cinta setia pada pelajaran

3.1.3 Tujuan Sekolah

1. Lulus UN 100%

2. Lulusan yang masuk Perguruan Tinggi Negeri (>80 %) tiap tahun

3. Menciptakan ruangan sebagai tempat belajar yang nyaman dan menyenangkan.

4. Diraihnya Prestasi akademik yang baik oleh alumni SMA Dharma Pancasila selama Belajar di perguruan tinggi.

3.2. Identitas Sekolah

1. Nama Sekolah : SMA DHARMA PANCASILA 2. Alamat Sekolah : Jl.Dr.Mansyur No.71C – Medan 3. Kecamatan : Medan

4. Kab./ Kota : Kota Medan

9. Jenjang Akreditasi : AKREDITASI A (AMAT BAIK) 10. Nama Yayasan Pendiri : Yayasan Dharma Wanita

(42)

BAB 4

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Maka terlebih dahulu harus dipikirkan bagaimana bentuk tampilannya agar kelihatan lebih menarik, dan link-link apa saja yang akan dirancang serta informasi apa saja yang akan disajikan dalam sebuah website. Dalam perancangan website ini lebih ditujukan pada informasi dan pendaftaran bagi calon siswa baru secara online.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:

1. Situs yang akan dibuat adalah situs lembaga pendidikan, dalam hal ini adalah SMA Dharma Pancasila, yang menyediakan informasi-informasi mengenai sekolah tersebut.

2. Pengunjungnya adalah dari pihak sekolah sendiri dan masyarakat awam yang ingin mengetahui informasi seputar SMA Dharma Pancasila.

(43)

3. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai sekolah tersebut, mengisi buku tamu dan melakukan pendaftaran secara online.

4. Target yang akan dicapai dari situs tersebut adalah pengujung mendapatkan informasi lengkap tetang SMA Dharma Pancasila dan membantu sekolah dalam peneriamaan siswa baru secara online.

4.2 Mempersiapkan Database Server

Database dapat diumpamakan sebagai sebuah tempat penyimpanan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Database terdiri atas tabeltabel yang dibuat dengan menggunakan program MySQL. Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nanti akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan dan menampilkan isi database ke halaman web.

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

1. Tabel 4.1 admin terdiri dari:

Field Jenis

id Int(5)

(44)

passid Varchar(100)

2. Tabel 4.2 Buku Tamu

Field Jenis

id Int(5)

nama Varchar(20)

email Varchar(30)

isi Text

3. Tabel 4.3 Informasi PSB

Field Jenis

No_pdr Int(15)

nama Varchar(30)

Tempat_lhr Varchar(20)

jk Varchar(1)

agama1 Varchar(10)

alamat1 Varchar(100)

bertempat Varchar(50)

asal_sklh Varchar(50)

alamat2 Varchar(100)

thn_lls Varchar(10)

nama_ortu Varchar(20)

pekerjaan Varchar(50)

(45)

alamat3 Varchar(10)

agama2 Varchar(20)

4.3 Membangun Halaman Situs

Adapun halaman-halaman yang dibangun oleh penulis adalah:

a. Halaman index.php, merupakan halaman utama yang akan diakses pertama kali situs dibuka. Halaman ini berisikan artikel secara singkat dan link-link

menuju halaman berikutnya

b. Halaman profil.php, merupakan halaman yang memberikan informasi tentang visi,misi.

c. Halaman informasi.php, merupakan halaman yang memberikan informasi berita kegiatan.

d. Halaman fasilitas.php, merupakan halaman yang memberikan informasi fasilitas yang dimiliki SMA Dharma Pancasila.

e. Halaman stuktur.php, merupakan halaman yang menampilkan gambaran stuktur organisasi.

f. Halaman gallery.php, merupakan halaman menampilkan foto-foto kegiatan.

g. Halaman admin.php, merupakan halaman yang khusus diakses oleh admin untuk melakukan pengaturan seperti, menghapus atau mengubah buku tamu

(46)

dan psb.

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

1. Membuka software Adobe Dreamweaver CS5 sebagai software pengatur letaklayout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannyadapat dilihat seperti gambar berikut ini:

Gambar 4.1 Tampilan Adobe Dreamweaver CS5

2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Adobe Dreamweaver yaitu dengan meletakkan link-link dan modul-modul lainnya di tempat yang telah ditentukan.

3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai yang dikerjakan di jendela Code pada Adobe Dreamweaver.

(47)

4. Menulis skrip CSS untuk memperindah tampilan situs dan skrip javascript

untuk melakukan peringatan (alert) pada pengisian form. 5. Mengerjakan halaman-halaman berikutnya.

4.4 Flowchart Situs

Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang. Dengan adanya

flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana flowchart dalam membangun situs ini dapat dilihat pada gambar di bawah ini:

Gambar 4.2 Flowchart rancangan aplikasi web (situs)

Index

PSB Profil Inform

asi

Fasilit as

Stuktu r

Galler y

Buku Tamu

Bera nda

(48)

Di dalam website Dharma Pancasila terdapat alur-alur aktivitas yang dapat kita gambarkan dalam bentuk flowchart. Dibawah ini adalah bentuk-bentuk flowchart yang didapat dari website Dharma Pancasila.

a. Flowchart Menu Utama

Seorang pengunjung dapat mengakses website SMA Dharma Pancasila dan dapat berpindah halaman web menuju halaman lain. Terdiri dari 7 halaman utama yakni halaman beranda, profil, informasi, fasilitas, stuktur, gallery, buku tamu, dan informasipsb. Masing–masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung kecuali halaman buku

tamu. Flowchart Menu Utama dapat dilihat pada gambar dibawah ini:

Gambar 4.3 Alur Flowchart Menu Utama

Start

Tampilan Web

Pilih link pada

Beran Profil Informa Fasilitas Stuktur Gallery Buku PSB

Index

(49)

b.Flowchart Administrator

Halaman administrator hanya diakses oleh seorang yang berhak mengaksesnya. Data login dan password dari seorang administrator harus sesuai dengan data yang ada pada tabel administrator. Jika data login dan password sesuai, maka admin diantarkan menuju tampilan halaman administrator, jika proses login gagal, maka kembali lagi ke halaman form administrator. Dapat kita lihat Gambar adalah flowchart administrator.

Gambar 4.4 Alur Flowchart Administrator Status =

Administrator A

Buka Halaman Administrator

Input Login & Password

Index

User Name & Password Salah

A Tampilan Halaman Administrator

(50)

4.5 Algoritma Program

Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antara lain yaitu: Algoritma Homepage Berfungsi menampilkan tampilan utama website SMA Dharma Pancasila, dengan menu pilihan antara lain : Beranda, Profil, Informasi, Fasilitas, Stuktur, Gallery, Buku Tamu, Informasi PSB

1. Algoritma Profil

Langkah 1 : Klik menu profil.

Langkah 2 : Maka akan tampil halaman visi & misi

2. Algoritma Informasi

Langkah 1 : Klik menu Informasi

Langkah 2 : Maka akan menampilkan beberapa Informasi terbaru.

3. Algoritma Fasilitas

Langkah 1 : Klik menu Fasilitas

Langkah 2 : Maka akan menampilkan fasilitas yang dimiliki SMA Dharma Pancasila.

(51)

Langkah 1 : Klik menu Stuktur

Langkah 2 : Maka akan menampilkan stuktur organisasi

5. Algoritma Gallery

Langkah 1 : Klik menu Gallery

Langkah 2 : Maka akan menampilkan halaman gallery.

6. Algoritma Buku Tamu

Langkah 1: Jika Klik menu Buku Tamu maka lakukan pengisian buku tamu, jika data selesai diinput maka klik tombol kirim untuk melakukan penyimpanan data.

Langkah 2 : Jika Klik link Disini maka akan terlihat data yang sudah tersimpan.

7. Algoritma Informasi PSB

Langkah 1 : Klik menu Informasi PSB

Langkah 2 : Maka akan menampilkan Formulir pendaftaran siswa baru. Langkah 3 : Isi Formulir yang telah disediakan

Langkah 4 : Klik simpan untuk melakukan penyimpanan data

(52)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

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

Adapun langkah-langkah yang yang dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancangwebsite.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

(53)

5.2 Tujuan Implementasi Sistem

1. Adapun tujuan dari implementasi sistem ini adalah sebagai berikut: 2. Menyelesaikan desain sistem yang telah disetujui sebelumnya.

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

5. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana

6. mengontrol dan melakukan instalasi baru secara benar.

5.3 Komponen Dalam Implementasi Sistem

Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware). Pada Website SMA Dharma Pancasila ini dibutuhkan komponen-komponen yang mencakup seperti yang diatas.

5.3.1 Hardware

Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:

(54)

a. Monitor Super VGA.

b. CPU (Central Proccessing Unit). c. Kapasitas Hardisk minimal 10 GB. d. Memori minimal 128 MB.

e. Keyboard dan Mouse.

5.3.2 Software

Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah:

1. Sistem Operasi Windows 7. Penulis menggunakan sistem operasi Windows 7. 2. Mozilla Firefox, Internet Explorer, Google Chrome sebagai browser.

3. Web Server Xampp –win32 -1.7.7 yang didalamnya telah terdapat :

a. program PHP yang merupakan script untuk mengolah data dan memproses data secara interaktif dan dinamis.

b. MySQL merupakan database server yang digunakan untuk menyimpan data.

4. Adobe Dreamweaver Cs 5 merupakan software yang digunakan untuk mengatur tata letak (layout) halaman web.

5.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi.

(55)

Brainware dalam sistem informasi ini terbagi atas:

a. Sistem analis: orang yang menganalisa sistem dengan mempelajari masalahp-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.

b. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasainya.

c. Operator: orang yang memakai sistem.

5.3.3 Instalasi Xampp-win32-1.7.7

1. Jika Software Xampp-win32-1.7.7 telah ada, maka double klik software

tersebut, sehingga muncul gambar setup wizard seperti di bawah ini :

Gambar 5.1 Setup Wizard

(56)

berarti anda dapat menentukan tempat di mana software di-instal

Gambar 5.2 Chose Install Location

3. Setelah itu klik next sehingga akan tampil seperti gambar di bawah ini dan kemudian klik semua pilihan yang ada

(57)

Gambar 5.3 Instal Options

4. Kemudian Klik install dan proses pengistallan akan segera dimulai seperti gambar di bawah ini:

Gambar 5.4 Installing 5. Pengistallan Selesai

(58)

Gambar 5.5 Pengistalan Xampp Berhasil

6. Setelah pengistalan selesai, coba apakah Xampp dapat dibuka dari localhost, dengan membukan browser Mozilla Firefox dan ketik localhost pada alamat URL

Gambar 5.6 Xampp di Mozilla Firefox

7. Kemudian klik phpMyadmin maka akan tampil seperti gambar di bawah ini.

(59)

Gambar 5.7 Demonstrasi Program

Halaman utama (index.php)

(60)

Halaman Profil (profil.php)

Gambar 5.9 Halaman Profil

(61)

Gambar 5.10 Halaman Informasi Halaman Fasilitas (fasilitas.php)

5.11 Halaman Fasilitas

(62)

Gambar 5.12 Halaman Stuktur Halaman Gallery (gallery.php)

Gambar 5.13 Halaman Gallery

(63)

Gambar 5.14 Halaman Buku Tamu

Halaman Informasi PSB(informasipsb.php)

(64)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

1. Situs SMA Dharma Pancasila ini adalah sarana informasi online yang bisa diakses oleh siapapun juga, baik dari pihak sekolah maupun para pengunjung yang mengunjungi situsnya.

2. Pembuatan suatu aplikasi web dapat dilakukan di komputer lokal tanpa terkoneksi ke internet. Koneksi internet diperlukan ketika proses upload file

dan pengaksesan situs.

3. Untuk menarik minat pengunjung, perlu dibuat rancangan layout/template

dengan gambar dan animasi yang menarik.

4. Penyajian informasi yang baik dapat dilakukan dengan meng-update isi dari situs tersebut secara berkala.

(65)

enginge dan menggunakan software pendaftar alamat situs otomatis.

6. Penggunaan dan pemanfaatan aplikasi sistem informai memberikan kemudahan bagi pihak sekolah dalam menerima siswa baru

6.2 Saran

1. Isi situs web seharusnya di-update oleh admin secara berkala guna memberikan informasi yang teraktual.

2. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.

3. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan software-software yang banyak memakan sumber daya komputer seperti memori dan kapasitas hardisk.

4. Dalam membuat suatu situs, perlu diberikan fasilitas download file kepada pengunjung sehingga dapat menambah pengetahuan pengunjung dengan membaca artikel atau berita yang di-download.

5. Diharapkan agar ada partisipasi dari pihak sekolah dalam memelihara dan memperbarui web SMA Dharma Pancasila.

(66)

DAFTAR PUSTAKA

NugrohoBunafit. 2009. Membuat Wesite Sendiri dengan PHP-MySl.. Cianjur: Media Kita.

Sutarman. 2003. Membangun Aplikasi web dengan PHP dan MySQL. Yogyakarta: Graha Ilmu.

Kurniawan, Rulianto. 2008. Membangun Situs dengan PHP untuk Orang Awam. Palembang: Maxsikom.

(67)

LISTING PROGRAM

Halaman index.php <?php

include ("koneksi.php"); ?>

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

<title>Sma Dharma Pancasila</title>

<style type="text/css"> body { background-image: url(images/back2.jpg); background-color: #FFFFFF; } </style> </head> <body id="top">

<h1><a href="index.html">SMA DHARMA PANCASILA </a></h1> <p>SEKOLAH UNGGULAN </p>

</div>

<li><a href="#">Contact Us</a></li> <li><a href="#">Student Login</a></li> </ul>

(68)

<input type="text" value="Search Our Website…"

onfocus="this.value=(this.value=='Search Our Website…')? '' : this.value ;" /> <input type="image" src="images/search.gif" id="search" alt="Search" />

</fieldset> </form> </div> </div> </div>  <div class="wrapper">

</div>

<li><a href="#fc1">Paskibraka</a></li> <li><a href="#fc2">Aksi Pramuka</a></li> <li><a href="#fc3">Pemenang Lomba</a></li> <li><a href="#fc4">Piala yang telah di raih</a></li>

<li class="last"><a href="#fc5">foto yayasana beserta staf</a></li> </ul>

</div> </div> <!--

##################################################################### ################################# -->

<div id="topnav"> <ul>

<li class="active"><a href="index.php?proses=depan">BERANDA</a></li> <li><a href="index.php?proses=profil">PROFIL</a></li>

(69)

<li><a href="index.php?proses=fasilitas">fasilitas</a></li> <li><a href="index.php?proses=stuktur">stuktur</a></li> <li><a href="index.php?proses=gallery">Gallery</a></li> <li><a href="index.php?proses=bukutamu">buku tamu</a></li>

<li><a href="index.php?proses=informasipsb">informasi PSB</a></li> </ul>

</div>

</div>

</div> <!--

##################################################################### ################################## -->

<div id="container" class="dark"> <?php include ('case.php'); ?> </div> </div> </body> </html> profil.php <style type="text/css"> body,td,th {

font-family: Verdana, Geneva, sans-serif; font-size: 12px;

}

</style>

<p><strong>SMA DHARMA PANCASILA MEDAN MEMPUNYAI :</strong></p> <p><br />

Menjadikan SMA Dharma Pancasila sebagai sekolah unggul dalam prestasi, menguasai IPTEK dan memiliki IMTAQ<br />

<li>Melaksanakan proses belajar mengajar dan bimbingan secara efektif,efisien, menarik dan menyenangkan .</li>

<li>Menyelenggarakan pendidikan yang membekali life skill</li> <li>meningkat mutu sumber daya manusia</li>

<li>meningkatkan kegiatan bimbingan belajar, kelompok belajar untuk menghadapi kegiatan olimpiade Matematika, Biologi, Fisika, Kimia, Komputer , </li>

<li>menyediakan sarana dan prasarana yang memadai</li> <li>meningkatkan kegiatan ekstra kurikuler</li>

(70)

<li>meningkatkan pengamalan nilai Ketuhanan Yang Maha Esa kepada seluruh warga sekolah</li>

<li>meningkatkan kerjsama dengan alumni, instansi terkait dan masyarakat</li> <li>membudayakan motto “ SMA Dharma Pancasila “ yaitu ,disiplin, hemat, rajin, pandai, mandiri, dan cinta setia pada pelajaran </li>

</ol>

informasi.php

font-family: Verdana, Geneva, sans-serif; font-size: 12px;

}

</style>

<p align="left">Sma Dharma Pancasila telah membuka peneriamaan siswa baru </p> <p align="left"><strong>Berikut </strong><strong> Rincian Biaya :</strong></p> <form id="form1" name="form1" method="post" action="">

<input type="image" name="imageField" id="imageField" src="images/brosur1.jpg" /> </form> <p align="left"> </p> fasilitas.php <style type="text/css"> body,td,th {

font-family: Verdana, Geneva, sans-serif; font-size: 12px; } </style> <div> <div id="ja-contentwrap"> <div id="ja-content"> <div id="ja-current-content"> <div> <div> <table border="0"> <tbody> <tr> <td valign="top"><p><img src="http://www.sman1jkt.com/sman1jkt/images/stories/lab-tik02-small.png" align="left" border="0" /></p></td>

<td valign="top"><p><strong>.: Laboratorium Komputer :.</strong></p>

<p>Laboratorium Komputer yang difasilitasi dengan koneksi jaringan Intranet dan Internet Unlimited, LCD Projector, 1 unit Komputer Server, 20 unit Komputer Siswa Pentium 4, serta Pendingin Ruangan</p></td>

(71)

<tr>

<td valign="top"><p><img

src="http://www.sman1jkt.com/sman1jkt/images/stories/lab-bio03-small.png" align="left" border="0" /></p></td>

<td valign="top"><p><strong>.: Laboratorium Biologi :.</strong></p>

<p>Laboratorium Biologi yang difasilitasi dengan Bio Kamera, LCD Projector, Wifi, serta Pendingin Ruangan</p></td>

</tr> <tr>

<td valign="top"><p><img

src="http://www.sman1jkt.com/sman1jkt/images/stories/lab-fis02-small.png" align="left" border="0" /></p></td>

<td valign="top"><p>.<strong>: Laboratorium Fisika :.</strong></p>

<p>Laboratorium Fisika yang difasilitasi dengan LCD Projector, Wifi, dan Pendingin Ruangan</p></td>

</tr> <tr>

<td valign="top"><p><img

src="http://www.sman1jkt.com/sman1jkt/images/stories/lab-kim06-small.png" align="left" border="0" /></p></td>

<td valign="top"><p><strong>.: Laboratorium Kimia :.</strong></p>

<p>Laboratorium Kimia yang difasilitasi dengan LCD Projector, Wifi, dan Pendingin Ruangan</p></td>

<tr>

<td valign="top"><p><strong>.: Laboratorium Multimedia:.</strong></p> <p>Laboratorium Multimedia yang difasilitasi dengan LCD Projector, 1 unit Komputer Server, 40 unit Komputer Siswa Pentium 4 yang dilengkapi dengan LCD Monitor pada masing-masing Komputer, serta Pendingin Ruangan</p></td> </tr>

<td valign="top"><p><strong>.: Perpustakaan :.</strong></p>

<p>Tersedianya berbagai macam koleksi Buku Umum, Ilmu Pengetahuan, Buku Fiksi & Non Fiksi. Tersedia juga fasilitas 4 unit Komputer untuk siswa melakukan pencarian, membaca e-book. Ruang Perpustakaan juga termasuk Area HOTSPOT (Wifi) yang bebas digunakan oleh siswa dan Guru.</p></td>

</tr> <tr>

<td valign="top"><p><img

src="http://www.sman1jkt.com/sman1jkt/images/stories/DCP_1502-small.png" align="left" border="0" /></p></td>

<td valign="top"><p><strong>.: Masjid :.</strong></p></td> </tr>

<tr>

(72)

<td valign="top"><p><strong>.: Lapangan Olah Raga :.</strong></p>

<p>Sebagai sarana Olah Raga siswa/siswi. Lapangan Olah Raga ini memiliki multi fungsi, bisa digunakan untuk Lapangan Futsal, Lapangan Bulu Tangkis, Lapangan Bola Voli dan Basket. Fungsi lain dari lapangan ini sebagai tempat Upacara Bendera yang rutin dilaksanakan pada hari Senin.</p></td>

</tr> </tbody> </table> </div> </div> </div> </div> </div> </div> stuktur.php

</form> gallery.php

font-family: Verdana, Geneva, sans-serif; font-size: 12px;

}

</style>

<p>Galeri Sekolah</p> <p> </p>

(73)

</form>

bukutamu.php <?php

$Nama = $_POST['Nama']; $Email = $_POST['Email']; $Isi = $_POST['Isi'];

if(isset($_POST['Simpan'])){ if(empty($Nama)){

echo "Silahkan Isi Nama Anda"; }

else if(empty($Email)){

echo "Silahkan Isi Email Anda"; }

else if(empty($Isi)){

echo "Silahkan Isi Pesan Anda"; }

else{

$buku_tamu = mysql_query("INSERT INTO bukutamu (Nama,Email,Isi)VALUES('$Nama','$Email','$Isi')"); if($buku_tamu==1){

echo "TERIMA KASIH TELAH MENGISI BUKU TAMU Untuk Melihatnya Klik <a href='index.php?proses=lihat_bukutamu'>DISINI</a>";

}

else { echo "pesan gagal diisi"; }

} }

else {

echo "SILAHKAN ISI BUKU TAMU"; }

(74)

<tr>

<td>Email</td><td><input name="Email" type="text"></td> </tr>

<tr>

<td>Pesan</td><td><textarea cols="40" rows="5" name="Isi"></textarea></td> </tr>

<td> </td><td><input type="submit" name="Simpan" value="Simpan"></td> </tr> <tr> </table> </form> informasipsb.php <?php

$No_Pendaftaran = $_POST['nopendaftaran']; $Nama_Siswa = $_POST['namasiswa']; $Tempat_Lahir = $_POST['tempattgllahir']; $Jenis_Kelamin = $_POST['jk'];

$Agama1 = $_POST['agama1'];

$Alamat = $_POST['alamat'];

$Bertempat_Tinggal = $_POST['bertempat']; $Asal_Sekolah = $_POST['asal']; $Alamat_Sekolah = $_POST['alamat1']; $Tahun_Lulus = $_POST['lulusan'];

$Nilai_Rata = $_POST['nilai']; $Nama_Orang_Tua = $_POST['ortu']; $Pekerjaan_Orang_Tua = $_POST['pekerjaan']; $No_Telpon = $_POST['telpon']; $Alamat_Lengkap = $_POST['alamat2'];

$Agama2 = $_POST['agama2'];

if(isset($_POST['daftar'])){

//cek jika ada nomor pendaftaran yang sama

$cari_no = mysql_query("SELECT COUNT(no_pdr) FROM informasipsb WHERE no_pdr='$No_Pendaftaran'");

$ketemu_nomor = mysql_result($cari_no,0);

if(empty($No_Pendaftaran)){ echo "isi dulu no pendaftaran"; }

else if($ketemu_nomor==1){

echo "ID Pendaftaran <b>$No_Pendaftaran</b> telah tersedia, silahakan coba lagi!";

(75)

}

else if(empty($Nama_Siswa)){ echo "Isi dulu nama siswa"; }

else if(empty($Tempat_Lahir)){ echo "Isi dulu Tanggal Lahir"; }

else if(empty($Jenis_Kelamin)){ echo "Isi dulu Jenis Kelamin"; }

else if(empty($Agama1)){ echo "isi dulu agama Siswa"; }

else if(empty($Alamat)){ echo "isi dulu alamat"; }

else if(empty($Bertempat_Tinggal)){ echo "isi dulu bertempat tinggal"; }

else if(empty($Asal_Sekolah)){ echo "isi dulu asal sekolah"; }

else if(empty($Alamat_Sekolah)){ echo "isi dulu alamat sekolah"; }

else if(empty($Tahun_Lulus)){ echo "isi dulu Tahun Lulus"; }

else if(empty($Nilai_Rata)) { echo "isi dulu nilai rata-rata"; }

else if(empty($Nama_Orang_Tua)){ echo "isi dulu nama Orang Tua"; }

else if(empty($No_Telpon)){ echo "isi dulu No Telpon"; }

else if(empty($Alamat_Lengkap)){ echo "isi dulu alamat Lengkap"; }

else if(empty($Agama2)){

echo "isi dulu Agama Orang Tua"; }

else {

$informasipsb = mysql_query("INSERT INTO informasipsb

(no_pdr,nama,tempat_lhr,jk,agama1,alamat1,bertempat,asal_sklh,alamat2,thn_lls,nilai ,nama_ortu,pekerjaan,no_tlp,alamat3,agama2)VALUES('$No_Pendaftaran','$Nama_S iswa','$Tempat_Lahir','$Jenis_Kelamin','$Agama1','$Alamat','$Bertempat_Tinggal','$

(76)

Asal_Sekolah','$Alamat_Sekolah','$Tahun_Lulus','Nilai_Rata','$Nama_Orang_Tua','$ Pekerjaan_Orang_Tua','$No_Telpon','$Alamat_Lengkap','$Agama2')");

if($informasipsb==1){

echo "TERIMA KASIH TELAH MELAKUKAN PENDAFTARAN ONLINE KAMI AKAN MEMPROSES PENDAFTARAN ANDA PASTIKAN DATA DIISI DENGAN BENAR, Silahkan simpan ID Pendaftaran dengan No Registrasi :

<b>$No_Pendaftaran</b> untuk daftar ulang!"; }

else {

echo "Formulir gagal diisi"; }

} } else {

echo "SILAHKAN ISI FORMULIR PENDAFTARAN DI BAWAH "; }

font-family: Verdana, Geneva, sans-serif; font-size: 12px;

}

</style>

<th colspan="2" align="center" scope="row"><p><font size="+1">FORMULIR PENDAFTARAN SISWA BARU</font></p></th>

</tr> <tr>

<th colspan="2" align="center" scope="row"><font size="+1">TAHUN AJARAN 2011/2012</font></th>

</tr> <tr> </tr> <tr>

<tr>

<th width="190" align="left" scope="row"><p>No.Pendaftaran</p></th> <td width="591"><label for="nopendaftaran"></label>

<?php

$min = 1234567890; $maks = 10;

$acak_nmr = rand($min,$maks); ?>

<input type="text" size="40" name="nopendaftaran" value="<?php echo $acak_nmr; ?>" id="nopendaftaran" /></td>

(1)

<tr>

<td>Email</td><td><input name="Email" type="text"></td> </tr>

<tr>

<td>Pesan</td><td><textarea cols="40" rows="5" name="Isi"></textarea></td> </tr>

informasipsb.php

<?php

$No_Pendaftaran = $_POST['nopendaftaran'];

$Nama_Siswa = $_POST['namasiswa'];

$Tempat_Lahir = $_POST['tempattgllahir'];

$Jenis_Kelamin = $_POST['jk'];

$Agama1 = $_POST['agama1'];

$Alamat = $_POST['alamat'];

$Bertempat_Tinggal = $_POST['bertempat'];

$Asal_Sekolah = $_POST['asal'];

$Alamat_Sekolah = $_POST['alamat1'];

$Tahun_Lulus = $_POST['lulusan'];

$Nilai_Rata = $_POST['nilai'];

$Nama_Orang_Tua = $_POST['ortu'];

$Pekerjaan_Orang_Tua = $_POST['pekerjaan'];

$No_Telpon = $_POST['telpon'];

$Alamat_Lengkap = $_POST['alamat2'];

$Agama2 = $_POST['agama2'];

if(isset($_POST['daftar'])){

//cek jika ada nomor pendaftaran yang sama

$cari_no = mysql_query("SELECT COUNT(no_pdr) FROM informasipsb WHERE no_pdr='$No_Pendaftaran'");

$ketemu_nomor = mysql_result($cari_no,0);

if(empty($No_Pendaftaran)){ echo "isi dulu no pendaftaran"; }

else if($ketemu_nomor==1){

echo "ID Pendaftaran <b>$No_Pendaftaran</b> telah tersedia, silahakan coba lagi!";

(2)

}

else if(empty($Nama_Siswa)){ echo "Isi dulu nama siswa"; }

else if(empty($Tempat_Lahir)){ echo "Isi dulu Tanggal Lahir"; }

else if(empty($Jenis_Kelamin)){ echo "Isi dulu Jenis Kelamin"; }

else if(empty($Agama1)){ echo "isi dulu agama Siswa"; }

else if(empty($Alamat)){ echo "isi dulu alamat"; }

else if(empty($Bertempat_Tinggal)){ echo "isi dulu bertempat tinggal"; }

else if(empty($Asal_Sekolah)){ echo "isi dulu asal sekolah"; }

else if(empty($Alamat_Sekolah)){ echo "isi dulu alamat sekolah"; }

else if(empty($Tahun_Lulus)){ echo "isi dulu Tahun Lulus"; }

else if(empty($Nilai_Rata)) { echo "isi dulu nilai rata-rata"; }

else if(empty($Nama_Orang_Tua)){ echo "isi dulu nama Orang Tua"; }

else if(empty($No_Telpon)){ echo "isi dulu No Telpon"; }

else if(empty($Alamat_Lengkap)){ echo "isi dulu alamat Lengkap"; }

else if(empty($Agama2)){

echo "isi dulu Agama Orang Tua"; }

else {

$informasipsb = mysql_query("INSERT INTO informasipsb

(3)

Asal_Sekolah','$Alamat_Sekolah','$Tahun_Lulus','Nilai_Rata','$Nama_Orang_Tua','$ Pekerjaan_Orang_Tua','$No_Telpon','$Alamat_Lengkap','$Agama2')");

if($informasipsb==1){

echo "TERIMA KASIH TELAH MELAKUKAN PENDAFTARAN ONLINE KAMI AKAN MEMPROSES PENDAFTARAN ANDA PASTIKAN DATA DIISI DENGAN BENAR, Silahkan simpan ID Pendaftaran dengan No Registrasi :

<b>$No_Pendaftaran</b> untuk daftar ulang!"; }

else {

echo "Formulir gagal diisi"; }

} } else {

echo "SILAHKAN ISI FORMULIR PENDAFTARAN DI BAWAH "; }

font-family: Verdana, Geneva, sans-serif; font-size: 12px;

}

</style>

<th colspan="2" align="center" scope="row"><p><font size="+1">FORMULIR PENDAFTARAN SISWA BARU</font></p></th>

</tr> <tr>

<th colspan="2" align="center" scope="row"><font size="+1">TAHUN AJARAN 2011/2012</font></th>

</tr> <tr> </tr> <tr>

<tr>

<th width="190" align="left" scope="row"><p>No.Pendaftaran</p></th> <td width="591"><label for="nopendaftaran"></label>

<?php

$min = 1234567890; $maks = 10;

$acak_nmr = rand($min,$maks); ?>

<input type="text" size="40" name="nopendaftaran" value="<?php echo $acak_nmr; ?>" id="nopendaftaran" /></td>

(4)

</tr> <tr>

<th align="left" scope="row">Nama Siswa</th>

<tr>

<th align="left" scope="row">Tempat/Tgl Lahir</th>

<tr>

<th align="left" scope="row">Jenis Kelamin</th>

Laki-Laki <input type="radio" name="jk" id="radio2" value="P" /> <label for="jk">Perempuan</label></td>

</tr> <tr>

<th align="left" scope="row">Agama</th> <td>

<option value="0"> Agama </option> <option value="1"> Islam </option> <option value="2">Kristen </option> <option value="3"> Budha </option> <option value="4"> Hindu </option> </select>

</td> </tr> <tr>

<th align="left" scope="row">Alamat Lengkap</th> <td><label for="alamat"></label>

<tr>

<th align="left" scope="row">Bertempat Tinggal Dengan</th>

<td><input type="radio" name="bertempat" id="radio3" value="Orang Tua" /> <label for="bertempat">Orang Tua

<input type="radio" name="bertempat" id="radio4" value="Famili" /> Famili

</tr> <tr>

<th align="left" scope="row">Asal Sekolah</th>

<tr>

<th align="left" scope="row">Alamat Sekolah</th>

(5)

</tr> <tr>

<th align="left" scope="row">Tahun Lulus</th>

<td><input type="radio" name="lulusan" id="radio6" value="2008" /> <label for="lulusan">2008

<input type="radio" name="lulusan" id="radio7" value="2009" /> 2009

<input type="radio" name="lulusan" id="radio8" value="2010" /> 2010

<input type="radio" name="lulusan" id="radio9" value="2011" /> 2011

<input type="radio" name="lulusan" id="radio10" value="2012" /> 2012

</label></td> </tr>

<tr>

<th align="left" scope="row"> Nilai Rata-Rata UN</th>

<tr>

<th align="left" scope="row">Nama Orang Tua</th>

<tr>

<th align="left" scope="row">Pekerjaan Orang Tua</th>

<tr>

<th align="left" scope="row">No Telpon</th>

<tr>

<th align="left" scope="row">Alamat Lengkap</th> <td><label for="alamat2"></label>

<tr>

<th align="left" scope="row">Agama</th> <td>

<option value="0"> Agama </option> <option value="1"> Islam </option> <option value="2">Kristen </option> <option value="3"> Budha </option> <option value="4"> Hindu </option> </select>

</td> </tr>

(6)

<tr>

</table> </form>

Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP & MySQL

Parts

Dokumen yang terkait

Sistem Informasi Sekolah Berbasis Web Smp Swasta Dharma Pancasila Medan dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP & MySQL

BAB 2 LANDASAN TEORI 2.1 Sejarah Internet - Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP & MySQL

Dukungan

Links

Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP &amp; MySQL

Parts

Dokumen yang terkait

Sistem Informasi Sekolah Berbasis Web Smp Swasta Dharma Pancasila Medan dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Sistem Informasi Perpustakaan Sma Swasta Dharma Pancasila Berbasis Website dengan Menggunakan Php dan Mysql

Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP & MySQL

BAB 2 LANDASAN TEORI 2.1 Sejarah Internet - Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP & MySQL

Dokumen yang Anda mencari sudah siap untuk unduhkan

Perancangan Sistem Informasi SMA Dharma Pancasila Berbasis Web Menggunakan PHP & MySQL