Membangun Web Pada SMAN 10 Medan.

(1)

TUGAS AKHIR

IRWANTO PARDAMEAN H 082406016

PROGRAM STUDI DIPLOMA TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2011


(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

IRWANTO PARDAMEAN H 082406016

PROGRAM STUDI DIPLOMA TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2011


(3)

PERSETUJUAN

Judul : MEMBANGUN WEB PADA SMAN 10 MEDAN

Kategori : TUGAS AKHIR

Nama : IRWANTO PARDAMEAN H

Nomor Induk Mahasiswa : 082406016

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA

UTARA

Diluluskan di Medan, Juni 2011

Diketahui

Departemen Matematika FMIPA USU Pembimbing

Ketua,

(Prof. Dr. Tulus, M.S) (Drs. Suyanto, M.Kom) NIP : 196209011988031002 NIP : 195908131986011002


(4)

MEMBANGUN WEB PADA SMAN 10 MEDAN TUGAS AKHIR

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

Medan, Mei 2011

IRWANTO PARDAMEAN H 082406016


(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya kertas kajian ini berhasil diselesaikan dalam waktu yang telah ditetapkan

Ucapan terima kasih saya sampaikan kepada Bapak Drs. Suyanto, M. Kom selaku pembimbing saya pada penyelesaian tugas akhir ini yang telah memberikan panduan dan penuh kepercayaan kepada saya untuk meyempurnakan kajian ini. Panduan ringkas dan padat dan profesional telah diberikan kepada saya agar penulis dapat menyelesaikan tugas ini. Ucapan terima kasih juga ditujukan kepada Ketua Departemen Matematika, Bapak Prof. Dr. Tulus, M.S, Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, semua dosen pada Departemen Matematika FMIPA USU, pegawai di FMIPA USU, dan rekan-rekan kuliah. Akhirnya, tidak terlupakan kepada ayah, ibu dan semua sanak-keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan akan membalasnya.


(6)

ABSTRAK

Tulisan ini bertujuan untuk membangun sebuah website. Sistem perancangan dalam membangun website SMAN 10 Medan ini dikembangkan dengan menggunakan software yakni Apache, PHP, dan MySQL dan menggunakan bantuan Adobe Dreamweaver untuk penulisan script program, Adobe Fireworks dsn Adobe Photoshop sebagai aplikasi untuk mendesain tampilan halaman website, serta menggunakan web browser Mozilla Firefox. Website ini berfungsi untuk menyajikan dan menyebarkan informasi mengenai SMAN 10 Medan, informasi yang ditawarkan adalah informasi mengenai sekolah tersebut, dari visi misi sampai data siswa. Tujuan wesite ini adalah untuk mempermudah calon siswa dan siswa SMAN 10 Medan dalam memperoleh informasi mengenai sekolah tersebut secara online dan update.


(7)

DAFTAR ISI

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Batasan Masalah 2

1.4 Maksud dan Tujuan 3 1.5 Metode Penelitian 3 1.6 Sistematika Penulisan 4 Bab 2 Landasan Teori 6 2.1 Sistem Informasi 6

2.1.1 Komponen Sistem Informasi 6

2.1.2 Perangkat Sistem Informasi 7

2.2 Internet 9

2.2.1 Manfaat Internet 9

2.3 Website 10

2.3.1 Web Statis 11

2.3.2 Web Dinamis 11

2.4 Hypertext Markup Language(HTML) 11

2.5 PHP 13

2.5.1 Sejarah Singkat PHP 13

2.5.2 Kelebihan PHP 14

2.5.3 Sintaks PHP 16

2.6 MySQL 17

2.7 Apache 19

2.8 CSS 19

2.9 JavaScript 20

2.10 Macromedia Dreamwever 8 20

2.10 Adobe Firework 20

Bab 3 Gambaran Umum SMAN 10 Medan 22

3.1 Profil 22

3.2 Struktur Organisasi 23

3.3 Uraian Tugas dan Fungsi Organisasi 24

3.3.1 Kepala Sekolah 24

3.3.2 Wakil Kepala Sekolah 24

3.3.3 Guru 24


(8)

3.3.5 Guru Pembimbing dan Konseling 25

3.3.7 Pengelola Laboratorium 25

3.4 Visi dan Misi 26

3.4.1 Visi Sekolah 26

3.4.2 Misi Sekolah 26

3.4.2 Tujuan Sekolah 26

Bab 4 Perancangan Sistem 27

4.1 Analisi Sistem 27

4.2 Perancangan Sistem 28 4.3 Perencanaan Website 28

4.3.1 Halaman Home 36

4.3.1 Halaman Profil 36

4.3.1 Halaman Berita 36

4.3.1 Halaman Fasilitas 37

4.3.1 Halaman Buku Tamu 37

4.3.1 Halaman Daftar Guru 37

4.3.1 Halaman Visi dan Misi 37 4.3.1 Halaman Struktur Organisasi 37 4.3.1 Halaman Kesiswaan 37

4.3.1 Halaman Denah 38

4.3.1 Halaman Admin 38

4.4 Diagram Konteks 38

4.5 Perancangan Database 39

4.6 Perancangan Diagram Alir (flowchart) Website 41 4.6.1 Flowchart Menu Utama 42 4.6.2 Flowchart Menu Admin 43 Bab 5 Implementasi Sistem 44 5.1 Pengertian Implementasi Sistem 44 5.2 Tujuan Implementasi Sistem 44 5.3 Komponen Implementasi Sistem 45 5.4 Instalasi Apache, PHP dan MySQL 46 5.5 Uji Coba Program 47

Bab 6 Kesimpulan dan Saran 54 6.1 Kesimpulan 54

6.2 Saran 55

DAFTAR PUSTAKA LAMPIRAN


(9)

ABSTRAK

Tulisan ini bertujuan untuk membangun sebuah website. Sistem perancangan dalam membangun website SMAN 10 Medan ini dikembangkan dengan menggunakan software yakni Apache, PHP, dan MySQL dan menggunakan bantuan Adobe Dreamweaver untuk penulisan script program, Adobe Fireworks dsn Adobe Photoshop sebagai aplikasi untuk mendesain tampilan halaman website, serta menggunakan web browser Mozilla Firefox. Website ini berfungsi untuk menyajikan dan menyebarkan informasi mengenai SMAN 10 Medan, informasi yang ditawarkan adalah informasi mengenai sekolah tersebut, dari visi misi sampai data siswa. Tujuan wesite ini adalah untuk mempermudah calon siswa dan siswa SMAN 10 Medan dalam memperoleh informasi mengenai sekolah tersebut secara online dan update.


(10)

PENDAHULUAN

1.1 Latar Belakang

Di era globalisasi pada masa sekarang ini, mendorong masyarakat lebih mengenal dan memahami berbagai perkembangan IPTEK, namun demikian tidak sedikit dari kita yang serba ketinggalan dengan perkembangan IPTEK. Secara jangka panjang, perkembangan IPTEK memberikan arti yang sangat positif, namun di sisi lain, tidak sedikit pula yang membawa dampak negatif.

(http://imronfauzi.wordpress.com/2009/07/14/perkembangan-iptek-2/)

Web cepat sekali popular di lingkungan penguma internet, karena kemudahan yang diberikan kepada penguna internet untuk melakukan pencarian informasi. Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to date dan lenkap

World Wide Web saat ini berkembang dengan pesatnya pada berbagai kehidupan manusia. Saat ini pengunaan Internet sangant dirasakan manfaatnya baik didalam aplikasi sosial, bisnis dan terutama teknologi dan pengetahuan. Dengan semakin berkembangnya dunia world web web ini maka semakin banyak pula industri-industri web yang memproduksi software-software yang bertujuan untuk membuat website yang interaktif. (Sakur, 2003)

Dewasa ini web merupakan sarana alternatif untuk membantu memberikan informasi bagi suatu lembaga ataupun perusahan. Web sebagai sarana promosi memberikan beberapa nilai plus pada lembaga dan perusahaan, yaitu biaya produksi yang lebih rendah bila dibandingkan dengan media lainya seperti radio ataupun televisi.

Salah dari lembaga ataupun perusahaan masih banyak yang menggunakan sistem manual dalam sistem informasinya. Salah satu lembaganya yaitu pada sekolah seperti pada sekolah SMAN 10 Medan. SMAN 10 Medan merupakan salah satu SMAN yang terletak di tengah kota Medan. Tapi belum memiliki aplikasi yang dapat membantu


(11)

memberikan informasi kepada orang lain tentang informasi SMAN 10 Medan.

Karena alasan tersebut, maka timbul keinginan untuk mencoba membuat sebuah web untuk SMAN 10 Medan, untuk menunjang kegiatan di sekolah tersebut terutama dalam proses pengolahan informasi.Untuk mencapai hal tersebut penulis mengharapkan dukungan yang baik dari pihak sekolah. Diharapkan dengan adanya pembangunan aplikasi berbasis web semua kegiatan pengaksesan informasi dapat dilakukan dengan efisien dan efektif serta mempermudah masyarakat mendapat informasi tentang sekolah tersebut.

1.2 Identifikasi Masalah

1. Bagaimana cara mempermudah SMAN 10 Medan memberikan informasi kepada masyarakat tentang sekolah tesebut tanpa harus datang ke sekolah itu.

2. Sulitnya informasi alumni mengetahui perkembangan sekolah dan siswa kurang tahu akan informasi alumni.

1.3 Batasan Masalah

Batasan masalah dalam tugas akhir ini adalah :

1. Membahas tentang website sekolah menjadi suatu website yang memberikan informasi yang berguna bagi para user, baik dari kalangan masyarakat umum maupun dari pihak sekolahyang membutuhkan informasi yang akurat.

2. Menginformasikan tentang staff pengajar, kegiatan, dan fasilitas yang ada disekolah. Dalam tugas akhir ini penulis tidak membahas data keuangan sekolah dan data akademik siswa.

3. Informasi yang disajikan dalam bentuk website yang memberikan pengaruh besar terhadap kegiatan sekolah. Sekolah tersebut dapat memberikan informasi yang perlu disampaikan pada semua orang ataupun mengabadikan setiap kegiatan dan acara yang ada di sekolah tersebut.


(12)

1.4 Maksud dan Tujuan

Adapun tujuan dilakukannya penelitian tersebut adalah:

Dapat membangun sebuah web yang baik yang dapat membantu kegiatan di sekolah tersebut, terutama dalam pengolahan informasi tentang sekolah agar dapat diakses dengan mudah oleh masyarakat.

1.5 Metodologi Penelitian

Pelaksanaan Tugas Akhir ini , penulis melakukan penerapan metode penelitian dalam memperoleh data-data yang dibutuhkan sehingga tugas akhir ini dapat diselesaikan dengan baik. Adapun metode penelitian yang penulis lakukan adalah sebagai berikut.

1. Penelitian Lapangan

Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hal ini penulis melakukannya pada SMAN 10 MEDAN sebagai objek penelitian dengan cara bertanya langsung ke petugas sekolah yang bersangkutan mengenai informasi sekolah. Sedangkan yang berhubungan dengan sistem yakni pengumpulan data atau informasi yang diambil dari buku-buku yang berhubungan dengan PHP MySQL, Macromedia Dreamweaver, aplikasi apache2triad.serta Macromedia Firework

2. Perancangan design sistem. 3. Uji program

4. Pembuatan laporan Tugas Akhir. 5. Revisi laporan Tugas Akhir.


(13)

1.6 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah :

BAB I : PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang Latar Belakang, Identifikasi Masalah, Ruang Lingkup Masalah, Maksud dan Tujuan, Metode Penelitian, dan Sistematika Penulisan.

BAB II : LANDASAN TEORI

Bab ini menjelaskan landasan teori yang meliputi pengertian data, informasi, sistem informasi, uraian singkat tentang bahasa pemograman HTML, PHP dan MySQL.

BAB III : SEKILAS SMA SWASTA MUHAMMADIYAH 2 MEDAN

Bab ini berisikan tentang profil SMA Swasta Muhammadiyah 2 Medan struktur organisasi SMA Swasta Muhammadiyah 2 Medan, uraian tugas dan fungsi organisasi, serta visi dan misi SMA Swasta Muhammadiyah 2 Medan.


(14)

BAB IV : PERANCANGAN SISTEM Bab ini menjelaskan tentang perancangan sistem yang diusulkan meliputi data flow diagram, struktur database, sertifikasi input, sertifikasi output dan flowchart.

BAB V : IMPLEMENTASI

Pada bab ini dibahas tentang implementasi sistem yang dirancang.

BAB VI : KESIMPULAN DAN SARAN


(15)

LANDASAN TEORI

2.1 Sistem Informasi

Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai sutau tujuan yaitu menyajikan data informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.

2.1.1 Komponen sistem informasi

Sistem informasi memiliki komponen-komponen yang saling berinteraksi membentuk satu kesatuan dalam mencapai sasaran sistem. Adapun komponen-komponen dari sistem informasi adalah sebagai berikut :

a. Blok Masukan ( Input Block)

Blok masukan dalam sebuah sistem informasi meliputi metode-metode dan media untuk menangkap data yang akan dimasukkan, dapat berupa dokumen-dokumen dasar.

b. Blok Model ( Model Block)


(16)

berfungsi memanipulasi data untuk keluaran tertentu. c. Blok Keluaran (Output Block)

Blok keluaran berupa data-data keluaran seperti dokumen output dan informasi yang berkualitas.

d. Blok Teknologi (Thechnology Block)

Blok teknologi digunakan untuk menerima input, menjalankan model, menyimpan data dan mengakses data, menghasilkan dan mengirimkan keluaran serta membantu pengendalian dari sistem secara keseluruhan. Blok teknologi ini merupakan komponen bantu yang memperlancar proses pengolahan yang terjadi dalam sistem.

e. Blok Basisdata (Database Block)

Merupakan kumpulan data yang berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer dan perangkat lunak untuk memanipulasinya.

f. Blok Kendali (Control Block)

Meliputi masalah pengendalian terhadap operasional sistem berfungsi mencegah dan menangani kesalahan/kegagalan sistem.

2.1.2 Perangkat sistem informasi

Sebuah sistem informasi yang lengkap memiliki kelangkapan sebagai berikut : a. Hardware


(17)

Bagian ini merupakan bagian perangkat keras sistem informasi. Sistem informasi modren memiliki perangkat keras seperti komputer, printer dan teknologi jaringan komputer.

b. Software

Bagian ini merupakan bagian perangkat lunak sistem informasi. Sistem informasi modren memiliki perangkat lunak untuk memerintahkan komputer dalam melaksanakan tugas yang harus dikerjakannya.

c. Data

Merupakan komponen dasar dari sistem informasi yang akan diproses lebih lanjut untuk menghasilkan informasi.

d. Prosedur

Merupakan bagian yang berisikan dokumentasi prosedur atau proses-proses yang terjadi dalam sistem.

e. Manusia

Manusia merupakan bagian utama dalam suatu sistem informasi. Yang terlibat dalam komponen manusia adalah sebagai berikut :

1. Cleciral personal : untuk menangani transaksi dan pemrosesan data dan melakukan incuiry (operator).

2. First level manager : untuk mengolah pemrosesan data didukung dengan perencanaan, penjadwalan, identifikasi situasi out-of control dan pengambilan keputusan level menengah kebawah.


(18)

3. Staff specialist : untuk menganalisis perencanaan dan pelaporan.

4. Management : untuk pembuatan laporan berkal, permintaan khusus, analisis khusus, laporan khusus, pendukung analisis pengambilan keputusan level atas.

2.2 Internet

Internet (International Networking) adalah sutu kumpulan jaringan komputer dari berbabagai tipe, yang saling berkomunikasi dengan menggunakan suatu standar komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di seluruh dunia telah bergabung dengan internet.

Secara teknis internet merupakan dua komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di dunia, yang saling berinteraksi dan bertukar informasi. Sedangkan dari segi ilmu pengetahuan, internet merupakan sebuah perpustakaan yang di dalamnya terdapat jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara maupun animasi untuk melakukan pertukaran informasi jarak jauh.

2.2.1 Manfaat internet

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat


(19)

ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna.

Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut:

a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi fasilitas internet seperti e-mail, www, newsgroup dan lain sebagainya.

b. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah dan brosur di dalam internet.

c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk perusahan.

d. Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya.

e. Sebagai alat penelitian dan pengembangan.

f. Sebagai alat pertukaran data.

2.3 Website

Website atau world wide web sering disingkat sebagai www atau web, yaitu sebuah sistem

dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain direpresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser.

Kemampuan di atas telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengijinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang


(20)

tempat pada dokumen lain. Dengan sebuah browser yang memiliki graphical user

interface (GUI), link-link dapat dihubungkan ke tujuannya dengan menunjuk link

tersebut dengan mouse dan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi 2 (dua), yaitu web statis dan web dinamis.

2.3.1 Web statis

Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.

Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.

2.3.2 Web dinamis

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


(21)

dalam format HTML dan PHP.

2.4 Hypertext Markup Language (HTML)

Hypertext Markup Language (HTML) merupakan sebuah bahasa scripting yang berguna

untuk menuliskan halaman web. Pada halaman web, html dijaikan sebagai bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemograman lainnya.

Dalam penulisan script html dapat menggunakan editor biasa seperti notepad, edit plus ataupun editor lain yang berbasis GUI (Graphical User Interface) seperti Microsoft

Frontpage dan yang digunakan penulis adalah Macromedia Dreameweaver 8. Dengan

software ini kode html tidak perlu di ketik, karena semua perintahnya diwujudkan secara icon base. Tetapi bagi seorang pengembang aplikasi web, kemampuan penguasaan terhadap kode html sangat diperlukan, sehingga sangat disarankan untuk menguasai kode html dengan menggunakan editor teks seperti notepad.

Secara umum HTML dapat melakukan tugas-tugas sebagai berikut : a. Mengontrol tampilan halaman web dan isinya.

b. Mempublikasikan web secara online.

c. Membuat online form yang bisa digunakan untuk menangani pendaftaran buku tamu, dan transaksi online lainnya.

d. Menambahkan objek-objek seperti image, audio, video, dan juga applet dalam dokumen html.


(22)

Browser merupakan software yang diinstall di komputer client yang berfungsi untuk menerjemahkan tag-tag HTML menjadi halaman web. Browser yang biasa digunakan adalah internet explorer, opera, mozila fireworks dan lain sebagainya.

2.5 PHP

PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script

server-side dalam pengembangan web yang disisipkan pada dokumen html. Penggunaan php

memungkinkan web dapat dibuat dinamis sehingga maintanance situs web tersebut lebih mudah dan efisien. Php merupakan software open-source yang disebarkan dan dilisensikan secara gratis dan dapat didownload dari situs resminya yaitu : http://www.php.net.

Php yang ditulis dengan menggunakan bahas C dapat dikembangkan sendiri dengan menambah fungsi-fungsi baru. Php adalah bahasa pemograman yang sangat populer. Sebagian besar sintak php mirip dengan sintak pada bahasa pemograman C dan

Perl.


(23)

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

Pada tahun 1996, PHP telah banyak digunakan di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. tidak terhenti sampai di situ, kemampuan PHP terus ditambah, dan versi terbaru yang telah di keluarkan adalah PHP 5.0.x.

2.5.2 Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, sepeti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI.


(24)

Windows, dan Macintosh. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), dan masih

banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.

PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.

Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP :

a. Adabase D

b. dBase

c. Direct MS-SQL

d. Empress

e. FilePro (read only)

f. FrontBase

g. Hyperware

h. IBM DB2

i. Informix


(25)

k. Interbase

l. MSQL

m. MySQL

n. ODBC

o. Oracle (OC17 dan OC18)

p. Ovrimos

q. PostgrSQL

r. Solid

s. Sybase

t. Unix DBM

u. Velocis

2.5.3 Sintaks PHP

Sintaks PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP.

1. <?php … ?>


(26)

3. <? … ?>

4. <% … %>

Cara 1 dan 2 merupakan cara yang paling umum digunakan walaupun cara 3 tampak lebih praktis, karena cara 3 tidak selalu diaktifkan dalam konfigurasi file php.ini yang terdapat pada direktori C:\Program Files\Apache Software Foundation\Apache2.2\PHP.

Cara 4 juga dimungkinkan sebagai kemudahan bagi anda yang sudah terbiasa dengan Active Server Pages (ASP). Namun, bila cara tersebut tidak dikenal, maka harus dilakukan pengaktifan pada file konfogurasi php.ini. Pengaktifan yang dilakukan pada file php.ini terdapat pada baris berikut :

Language options

Allow ASP-style <%%>tags. Asp_tags=off

Ubah off menjadi on, kemudian simpan dan restart kembali web server anda.

2.6 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya

disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak MySQL sendiri bisa didownload


(27)

dari http://www.mysql.org atau http://www.mysql.com.

MySQL termasuk jenis Relation Database Management Sistem (DBMS). Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas

sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

MySQL dapat didefenisikan sebagai:

a. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah, mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.

b. MySQL merupakan sistem manajemen database atau basis data terhubung (Relation Database Management System). Database terhubung menyimpan pada tabel-tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure

Query Language. SQL merupakan bahasa standar yang digunakan untuk

mengakses database dan ditetapkan oleh ANSI/ISO SQL Standart.

c. MySQL merupakan Software Open Source, berarti semua orang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload

software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat

mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.

d. Server database MySQL mempunyai kecepatan yang tinggi, mudah digunakan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas,


(28)

kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses

database di internet.

e. MySQL Server bekerja di client server atau sistem embedded. Software database

MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang

mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application Programming Interfaces (APIs).

f. MySQL tersedia dalam beberapa macam bahasa.

Beberapa SQL command atau perintah SQL yang harus diketahui adalah : 1. CREATE DATABASE, untuk membuat sebuah database.

2. DROP DATABASE, untuk menghapus sebuah database. 3. CREATE TABLE, untuk membuat sebuah table.

4. ALTER TABLE, untuk memodifikasi sebuah table. 5. DROP TABLE, untuk menghapus sebuah table. 6. SELECT, untuk menampilkan data dari database. 7. UPDATE, untuk memodifikasi data dari database. 8. INSERT INTO, untuk menambah data di database. 9. DELETE, untuk menghapus data dari database. 2.7 Apache

Apache merupakan software yang dikeluarkan oleh Group Apache. Group Apache terlibat

dalam satu proyek yang disebut Proyek Apache untuk mengembangkan suatu software implementasi di server HTTP (web) yang handal, standar komersial, dan Source


(29)

Code-nya didistribusikan secara gratis. Adapun alamat website Apache adalah : http://www.apache.org/.

2.8 Cassading Style Sheet (CSS)

Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML

dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu style sekali saja dapat digunakan berulang kali.

CSS banyak didukung browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh tehadap ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan yang lainnya dapat ditampilkan sesudahnya. Selain itu, penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.

2.9 JavaScript

JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan Sun


(30)

Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.

JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan diproses

pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah design web.

2.10 Macromedia Dreamweaver 8

Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server

designer maupun web programmer dalam membangun suatu web. Dreamweaver

memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia

Dreameweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin

mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah

Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih


(31)

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemograman Client Side yang terkenal, yaitu JavaScript dengan penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung pemograman Script

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

2.11 Macromedia Firework

Fireworks adalah aplikasi desain grafis yang dikhususkan untuk membuat website. Sesuai dengan definisi tersebut, Fireworks lebih diutamakan penggunaannya untuk desainer website dengan latar belakang keahlian desain grafis, yang melibatkan perangkat image editing, seperti Adobe Photoshop ataupun Corel Draw.

Fitur-fitur yang tersedia di Fireworks disesuaikan dengan latar belakang skill image editing

1. Kemampuan mengedit berbagai jenis image dalam satu aplikasi. 2. Kemampuan membuat efek animasi pada image

3. Kemampuan mengedit image dan halaman web dalam satu aplikasi.

Untuk menghasilkan website yang profesional dan elegan, Fireworks harus dikombinasikan penggunaannya sesuai dengan peruntukan dan fitur unik masing-masing aplikasi.. Tujuan utama Fireworks adalah untuk menghasilkan website.


(32)

GAMBARAN UMUM SMA NEGRI 10 MEDAN

3.1 Profil

IDENTITAS SEKOLAH

Nama Sekolah : SMA NEGRI 10 MEDAN

Nomor Identitas Sekolah : 10210874

Alamat Sekolah : Jln. Tilak No.108

Telepon : 061-7368461

Kelurahan : Sei Rengas I

Kecamatan : Medan Kota

Propinsi : Sumatera Utara

Kota Madya : Kota Medan

IDENTITAS KEPALA SEKOLAH

Nama Kepala Sekolah : Drs.H.Sufrizal Tanjung, Msi

Pendidikan Terakhir : S2/Magister sains


(33)

3.2 Struktur Organisasi


(34)

3.3 Uraian Tugas dan Fungsi Organisasi

3.3.1 Kepala Sekolah

Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator,

supervisor serta pemimpin/Leader inovator.

3.3.2 Wakil Kepala Sekolah

Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan: 1. Menyusun kurikulum

2. Mengatur segala program kesiswaan.

3. Merencanakan kebutuhan sarana dan prasarana.

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

7. Menyusun program kegiatan ekstrakurikuler.


(35)

3.3.3 Guru

Guru bertanggung jawab kepada Kepala Sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.

3.3.4 Wali Kelas

Membantu Kepala Sekolah dalam kegiatan: 1. Pengelolaan kelas.

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

3.3.5 Guru Pembimbing dan Konseling.

Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.

3.3.6 Pengelola Laboratorium

Bertugas membantu Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut: 1. Perencanaan dan pengadaan alat laboratorium.


(36)

2. Menyusun jadwal laboratorium.

3. Menyusun laporan pelaksanaan kegiatan laboratorium.

3.4 Visi dan Misi

3.4.1 Visi Sekolah

Menyiapkan siswa agar beriman dan bertaqwa, terdidik, mandiri, disiplin sebagai Insan yang berkwalitas, pengisi pembangungan masa

depan.

3.4.2 Misi Sekolah

1. Melaksanakan Kurikulum Nasional.

2. Meningkatkan pembinaan keagamaan secara rutin sesuai dengan ajaran agamnya masing – masing.

3. Menumbuhkan sikap yang terdidik dan mandiri.

4. Membentuk kesehatan jasmani melalui Kebersihan dan olah raga.

5. Menumbuhkan sikap semangat siap bertanding melalui Pra Olimpiade, penelitian ilmiah remaja, panel diskusi dan sebagainya.

6. Peningkatan Ekstrakulikuler dan ketrampilan


(37)

serta koordinasi dengan instansi terkait.

8. Menjalin kegiatan dengan alumni, pihak swasta untuk membatu pengadaan dana dan sarana / prasarana sekolah.

9. Menumbuh kembangkan disiplin dan tanggung jawab.

10. Membina dan membentuk penguasaan teknologi informasi siswa, guru dan pegawai melalui komputer dan internet.

3.4.3 Tujuan Sekolah

Menghasilkan tamatan / lulusan SMA Negeri 10 Medan yang mandiri, kreatif, inovatif, serta mampu bersaing di dunia pendidikan, masyarakat, dunia usaha dan industri sebagai pemimpin bangsa di masa depan.


(38)

ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisis Sistem

Untuk membangun suatu website Sekolah SMAN 10 Medan, penulis terlebih dahulu merencanakan alur kerja berdasarkan kebuhatun dari user yang akan menggunakan

website yang akan dibuat.

Website SMAN 10 Medan ini dibuat untuk membantu siswa – siswi, guru, alumni

SMAN 10 Medan maupun masyarakat lainnya dalam memperoleh informasi mengenai sekolah SMAN 10 Medan. Karenanya penulis mencoba merancang sistem website SMAN 10 Medan yang akan lebih mempermudah siswa – siswi, guru, alumni SMAN 10 Medan serta masyarakat umum dalam memperoleh informasi.

Website ini dibuat dengan perancangan yang lebih mudah, sederhana dan dinamis

sehingga siswa – siswi, guru, alumni SMAN 10 Medan serta masyarakat umum dengan mudah mendapatkan informasi sekolah SMAN 10 Medan tanpa harus datang ke sekolah secara langsung.


(39)

4.2 Perancangan Sistem

Perancangan sistem adalah upaya untuk sekolah untuk memulai memiliki sistem dalam memberikan informasi mengenai sekolah. Perancangan sistem dilakukan setelah mendapatkan gambaran dengan jelas apa yang akan dilakukan

Desain sistem secara umum mengidentifikasi komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk ahli komputer yang akan mengimplementasikan sistem

4.3 Perancangan Website

Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server 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.

Website yang di rancang terdiri dari beberapa halaman yang berbeda. Dimana

setiap halaman dari website itu di klik menurut halaman yang diinginkan maka tampilan yang keluar akan berbeda dengan menampilkan halaman yang diinginkan tersebut.

Struktur website tersebut menampilkan struktur hirarki dan isi halaman per halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman situs dan navigasi antar halaman.


(40)

gambar berikut :

Gambar 4.1 Struktur website SMAN 10 Medan


(41)

HOME PROFIL BERITA FASILTAS

BUKU

TAMU KONTAK

HEADER BERUPA GAMBAR

MAIN MENU

DAFTAR GURU VISI DAN

MISI STRUKTUR ORGANISASI KESISWAAN

DENAH

CALENDER

GAMBAR KALENDER

ADMIN

SIMBOL LOGIN ADMIN

ISI DARI SETIAP HALAMAN YANG AKAN DI TAMPILKAN

FOOTER BERUPA GAMBAR BERBENTUK FLASH


(42)

Gambar 4.3 Perancangan Website dengan menggunakan Macromedia Fireworks

Pada gambar 4.3 penulis merancang desaian template atau halaman website. Pada bagian ini juga, penulis merancang tombol – tombol atau menu – menu yang akan ditampilkan website SMAN 10 MEDAN. Gambar – gambar yang akan digunakan harus terlebih dahulu di import ke lembar kerja Fireworks sehingga dapat langsung digunakan. Halaman website ini dirancang dengan menggabungkan atau menyusun beberapa tampilan gambar sesuai dengan kebutuhan dan tampilan yang diinginkan setelah melalui proses import. Serta tombol yang digunakan juga berupa gambar dimana pada setiap gambarnya diberikan nama tombolnya masing – masing dengan fungsinya masing-masing. Setelah perancangan selesai maka penulis akan mengubah atau meng-export desain tampillan halaman website SMAN 10 MEDAN ke dalam file HTML. Hal ini dapat dilakukan dengan cara File > Export > Lokasi Penyimpanan lalu pilih Save. Setelah


(43)

di export ke dalam HTML lalu penulis menjalankan file tersebut pada Macromedia Dreamweaver 8. Kemudian penulis menduplikasi halaman atau tampilan website tersebut sesuai dengan jumlah tombol atau menu yang akan ditampilkan pada website, sehingga ada hubungan antar tombol atau menu. Sehingga jumlah tampilan sesuai dengan banyaknya jumlah tombol yang tersedia. Setelah menduplikasinya penulis hanya tinggal mengkoneksikan antar tombol satu dan lainnya sehingga semua tombol dapat terkoneksi dengan baik.

Berikut ini adalah beberapa script tombol yang digunakan untuk mengkoneksikan ke halaman yang diinginkan.

1. Tombol Home (index.php) Scirpt pada tombol home

<a href="index.php"><img name="websma_r2_c2" src="image/web%20sma_r2_c2.gif" width="128" height="40" border="0" id="websma_r2_c2" alt="" /></a>

Script ini untuk mengkoneksikan halaman home atau halaman awal.

2. Tombol Profil

Scirpt pada tombol home

<a href="profil.htm"><img name="websma_r2_c4" src="image/web%20sma_r2_c4.gif" width="125" height="40" border="0" id="websma_r2_c4" alt="" /></a>


(44)

3. Tombol Berita Scirpt pada tombol berita

<a href="berita.php"><img name="websma_r2_c12" src="image/web%20sma_r2_c12.gif" width="125" height="40" border="0" id="websma_r2_c12" alt="" /></a>

Script ini untuk mengkoneksikan halaman berita.

4. Tombol Fasilitas Scirpt pada tombol fasilitas

<a href="fasilitas.htm"><img name="websma_r2_c14" src="image/tes_r2_c14.gif" width="125" height="40" border="0" id="websma_r2_c14" alt="" /></a>

Script ini untuk mengkoneksikan halaman fasilitas.

5. Tombol Buku Tamu Scirpt pada tombol buku tamu

<a href="bukutamu-tampil.php"><img name="websma_r2_c16" src="image/web%20sma_r2_c16.gif" width="125" height="40" border="0" id="websma_r2_c16" alt="" /></a>


(45)

6. Tombol Kontak Scirpt pada tombol kontak

<a href="kontak.htm"><img name="websma_r2_c19" src="image/web%20sma_r2_c19.gif" width="125" height="40" border="0" id="websma_r2_c19" alt="" /></a>

Script ini untuk mengkoneksikan halaman kontak

7. Tombol Daftar Guru Scirpt pada tombol guru

<a href="guru.php"><img name="websma_r10_c2" src="image/coba_r10_c2.gif" width="176" height="30" border="0" id="websma_r10_c2" alt="" /></a>

Script ini untuk mengkoneksikan halaman daftar guru

8. Tombol Visi Misi Scirpt pada tombol visi misi

<a href="visi.htm"><img name="websma_r11_c2" src="image/web%20sma_r11_c2.gif" width="176" height="30" border="0" id="websma_r11_c2" alt="" /></a>


(46)

9. Tombol Struktur Organisasi Scirpt pada tombol organisasi

<a href="struktur.htm"><img name="websma_r12_c2" src="image/web%20sma_r12_c2.gif" width="176" height="30" border="0" id="websma_r12_c2" alt="" /></a>

Script ini untuk mengkoneksikan halaman organisasi

10. Tombol Kesiswaan

Scirpt pada tombol kesiswaan

<a href="kesiswaan.php"><img name="websma_r13_c2" src="image/web%20sma_r13_c2.gif" width="176" height="30" border="0" id="websma_r13_c2" alt="" /></a>

Script ini untuk mengkoneksikan halaman kesiswaan

11. Tombol Denah

Scirpt pada tombol denah

<a href="denah.html"><img name="websma_r14_c2" src="image/tes_r14_c2.gif" width="176" height="30" border="0" id="websma_r14_c2" alt="" /></a>


(47)

12. Tombol Admin

Scirpt pada tombol admin

<a href="login.php"><img name="websma_r22_c3" src="image/web%20sma_r22_c3.gif" width="166" height="46" border="0" id="websma_r22_c3" alt="" /></a>

Script ini untuk mengkoneksikan halaman admin

4.3.1 Halaman Home

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

4.3.2 Halaman Profil

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

4.3.3 Berita

Halaman ini berisikan berita dan informasi mengenai sekolah dan pengeetahuaan umum lainnya.


(48)

4.3.4 Fasilitas

Halaman ini berisikan beberapa gambar berisikan fasilitas yang ada di SMAN 10 Medan.

4.3.5 Buku Tamu

Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah.

4.3.6 Daftar Guru

Halaman ini berisikan mengenai informasi guru yang ada di SMAN 10 Medan

4.3.7 Visi dan Misi

Halaman ini berisikan mengenai visi dan misi sekolah SMAN 10 Medan

4.3.8 Struktur Organisasi

Halaman ini berisikan struktur organisasi yang ada di sekolah SMAN 10 Medan

4.3.9 Kesiswaan


(49)

4.3.10 Denah

Halaman ini berisikan denah sekolah SMAN 10 Medan.

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

4.4 Diagram Konteks


(50)

Siswa ADMIN

Dinas Pendidikan

Alumni

Orang Tua Memberikan informasi Memberikan informasi

sekolah pada dinas pendidikan dan evaluasi ke sekolah

Input Data Memberikaan informasi pada siswa

WEB

Menerima data Memasukkan informasi Kegiatan siswa siswa

Memberikan informasi Memberikan informasi data dan seputar alumni Memberikan akademik dan

dan kegiatan alumni Informasi Memberikan kegiatan siswa sekolah dan kritik dan saran

kegiatan sekolah pada sekolah

Gambar 4.4 Diagram Konteks Web pada SMAN 10 Medan

4.5 Perancangan Database

Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses

dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.

Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database sekolah yang terdiri dari 5 (lima) tabel


(51)

1. Tabel user (Tabel admin)

Berikut adalah field – field yang dibuat dalam tabel user

Tabel 4.1 Perancangan Database Users

2. Tabel berita

Berikut adalah field – field yang dibuat dalam tabel berita :

Field Jenis

id_berita int(11)

tglakses timestamp

judul varchar(50)

isi varchar(1000)

gambar varchar(100)

Tabel 4.2 Perancangan Database Berita

3. Tabel guru

Berikut adalah field – field yang dibuat dalam tabel guru :

Field Jenis

nip_guru varchar(20)

nama_guru varchar(50)

bidang_studi varchar(30)

jenkel binary(1)

Tabel 4.3 Perancanan Database Guru

Field Jenis

username varchar(50)

password varchar(50)


(52)

4. Tabel kesiswaan

Berikut adalah field – field yang dibuat dalam tabel kesiswaan :

Field Jenis

id_ksw int(11)

nama_ksw varchar(50)

des_ksw text

gbr_ksw varchar(100)

Tabel 4.4 Perancangan Database Kesiswaan

5. Tabel buku tamu

Berikut adalah field – field yang dibuat dalam tabel buku tamu :

Field Jenis

id int(11)

nama varchar(50)

email varchar(50)

kota varchar(50)

komentar varchar(300)

Tabel 4.5 Perancangan Database Bukutamu

4.6 Perancangan Diagram Alir (Flowchart) Website

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


(53)

4.6.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMAN 10 Medan 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 4.3 di bawah ini :


(54)

4.6.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 4.4 di bawah ini.


(55)

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

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

5.2 Tujuan Implementasi Sistem

Tujuan implementasi sistem adalah sebagai berikut :

1. Menyelesaikan desain sistem yang ada dalam dokumen sistem yang disetujui, menysusun dokumen baru atau dokumen yang diperbaiki.

2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki. 3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai tanpa

mengalami kesulitan dalam penggunaannya.

4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan oleh pemakai.


(56)

5.3 Komponen Implementasi Sistem

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

Pada website SMA NEGRI 10 MEDAN ini dibutuhkan beberapa komponen seperti yang disebutkan diatas, yaitu :

1. Perangkat Keras (Hardware) a. Monitor

b. CPU (Central Processing Unit) c. Harddisk

d. Memory minimal 256 MB. e. Keyboard dan Mouse

2. Pearangkat Lunak (Software) a. Sistem Operasi Windows XP.

b. MySQL sebagai pengelola database server. c. PHP sebagai bahasa pemograman serverside.


(57)

e. Macromedia Firework sebagai media mendesain layout atau template web agar

lebih menarik.

f. Macromedia Dreamweaver 8 sebagai media mendesain web dan menggabungkan

antara layout dengan bahasa pemograman.

g. Browser sebagai software untuk menjalankan website yang dibuat.

3. Perangkat Operator (Brainware) a. Administrator

b. Pengunjung

5.4 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP, dan MySQL dapat dilakukan secara satu persatu. Software dapat didownload secara gratis dari situs http://www.apache.org untuk software Apache, http://www.php.net untuk software PHP, dan http://www.mysql.com untuk software MySQL.

Namun pada perancangan website ini penulis menggunakan software

Apache2triad. Dimana pada software ini sudah terdapat Apache, PHP, dan MySQL.

Dengan menggunakan software ini penulis mendapat beberapa kemudahan, yakni hanya perlu menginstall satu kali saja yakni Apache2triad dan tidak perlu lagi untuk


(58)

konfigurasi.

5.5 Uji Coba Program

Website SMAN 10 Medan ini terdiri dari berbagai halaman yang memiliki link ke

halaman lain. Setiap halaman menanpilkan informasi berbeda. Untuk itu penulis membuat beberapa prosedur yang menjelaskan langkah – langkah dari website SMAN 10 Medan.

1. Simpan website yang telah dibuat pada folder htdocs yang terdapat pada Apache dalam folder tersendiri, misalnya : C:\apache2triad\htdocs\sma10.

2. Buka web browser contohnya Google Chrome ketikan http://localhost/sma10/ pada URL. Jika berhasil maka akan tampil halaman sebagai berikut ini :


(59)

Gambar 5.1 Halama Utama

3. Pada halaman utama website dapat melihat beberapa tombol yang mengarahkan ke beberapa halam – halamanyang lainnya. Sebagai berikut

Gambar 5.2 Halaman Profil


(60)

Gambar 5.3 Halaman Berita

Gambar 5.3 mengenai berita – berita sekolah SMAN 10 Medan maupun berita umum seputar pendidikan.


(61)

Gambar 5.4 Halaman Buku Tamu

Gambar 5.4 mengenai buku tamu yang merupakan komentar – komentar pengunjung

website sekolah SMAN 10 Medan

Gambar 5.5 Halaman Daftar Guru

Gambar 5.5 mengenai infomasi guru – guru yang ada di SMAN 10 Medan berupa nama guru, jenis kelamin dan bidang studi.


(62)

Gambar 5.6 Halaman Visi dan Misi

Gambar 5.6 mengenai visi dan misi sekolah SMAN 10 Medan

Gambar 5.7 Halaman Struktur Organisasi


(63)

Gambar 5.8 Halaman Kesiswaan

Gambar 5.8 mengenai organisasi – organisasi yang ada di SMAN 10 Medan seperti OSIS, Pramuka, PMR dan yang lainnya.


(64)

Gambar 5.9 mengenai denah lokasi – lokasi yang ada di SMAN 10 Medan seperti ruangan kelas, ruang guru, laboratorium, aula, toilet dan lain sebagainya.

4. Pada halaman Fasilitas mengenai fasilitas – fasilitas yang ada di SMAN 10 Medan

Gambar 5.10 Halaman Fasilitas SMAN 10 Medan

Gambar 5. 10 mengenai fasilitas – fasilitas yang ada di SMAN 10 Medan seperti laboratorium IPA, laboratorium komputer dan sarana olahraga.

5. Pada halaman Admin terdapat halaman login yang mana, admin harus login menggunakan username dan password yang telah ditentukan sebelumnya. Setelah


(65)

masuk terdapat beberapa halaman. Halaman-halaman tersebut mengarahkan admin dalam menginput, mengedit, dan menghapus data. Data tersebut berupa :

1) Berita 2) Kesiswaan 3) Guru


(66)

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalama penulisan Tugas akhir ini diuraikan bagaimana perancangan sistem dalama pembangunan website SMAN 10 Medan. Maka dapat penulis simpulkan

1. Website SMAN 10 Medan ini dapat membantu dalam meningkatkan efektifitas dalam melakakukan menyampaikan informasi mengenai SMAN 10 Medan dengan cepat tanpa harus mengeluarkan banyak biaya.

2. Website ini dapat digunakan untuk semua orang baik siswa, guru/pegawai, alumni, orang tua maupun masyarakat umum lainnya

6.2 Saran

Adapun beberapa saran penulis pada pembuatan website ini adalah :

1. Dengan adanya website ini dapat memotivasi siswa SMAN 10 Medan dalam berprestasi dan terus meningkatkan ilmu pengetahuannya khususnya dalam bidang Teknologi Informasi.

2. Perlu dilakukan pengembangan atau update berkala oleh administrator pada website ini guna memberikan informasi yang terbaru serta dilakukan penggandaan (backup)


(67)

database secara teratur ke dalam media penyimpanan lainnya untuk mencegah hal-hal

yang tidak diinginkan seperti data hilang atau rusak

3. Dalam pembuatan situs, perlu dirancang dengan teliti agar dalam melakukan pembaharuan data tidak terjadi kesalahan.


(68)

Hanson, Ward. 2000. Pemasaran Internet. Jakarta : Penerbit Salemba Empat.

Fauzi, Imron 2009. atau http://imronfauzi.wordpress.com/2009/07/14/perkembangan-iptek-2/ Diakses tanggal 07 November, 2010

Kadir, A. 2002. Pemograman Web Mencakup : HTML,Css, Javascript & PHP Jilid I. Yogyakarta : Penerbit Andi

Kadir, A. 2003. Dasar Pemograman Web Dinamis Menggunakan PHP. Yogyakarta : Penerbit Andi

Kadir. A. 2002. Penuntun Praktis Belajar SQL. Yogyakarta : Penerbit Andi

Nugroho, Bunafit. 2004. PHP & mySQL dengan Editor Dreamweaver MX. Yogyakarta : Penerbit Andi

Purbo. Onno W. 2000. Buku Pintar Keamanan Jaringan Internet. Jakarta : Elex Media Komputindo

Rafiudin, Rahmat. 2006. Praktis Membangun Portat Server. Yogyakarta : Penerbit Andi Sakur, Stendy B. 2003. Aplikasi Web Database dengan Macromedia MX. Yogyakarta:

Penerbit Andi

Sidik, B. 2004. Pemograman Web dengan PHP Jilid I. Bandung : Informatika Bandung Suja, Iman. 2005. Pemograman SQL dan Database Server MySQL. Yogyakarta : Penerbit

Andi

Sumarto, Suhano Prawiro. 2008. Aplikasi Komputer. Jakarta : Penerbit Wacana Media Sutedjo, Budi. 2002. Perancangan dan Pembangunan Sistem Informasi. Yogyakarta :


(69)

Sutedjo, Budi. 2003. Terminologi Populer Sistem Informasi. Yogyakarta : Penerbit Graha Ilmu

Sutopo, Aries Hadi. 2007. Pemograman Flash dengan PHP & mySQL, Yogyakarta : Penerbit Andi

Triyuliana, Anes Heni. 2006. Membuat Website Interaktif dengan Macromedia Dreamweaver 8. Semarang : Wahana Komputer

Utdirartatno, Firrar. 2003. Mudah dan Cepat Belajar Pemograman Web pada XML. Yogyakarta : Penerbit Andi

Wahyudi, Dwi.2003. Membangun Situs Mengunakan PHP Website. Jakarta : PT. Elex Media Komputindo


(70)

Index.php

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Feb 10 15:30:58 GMT+0700 (SE Asia Standard Time) 2011-->

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body background="image/1920x1080w.jpg">

<td colspan="2" class="index_judul">Selamat Datang di Website Resmi SMAN 10 Medan</td> </tr> <tr> <td colspan="2">&nbsp;</td> </tr> <tr>

<td width="404"><p align="justify"><img border="2" src="gambar/index.JPG" align="left" width="100" height="100" hspace="5"/>Seiring dengan pesatnya

perkembangan Teknologi Informasi (TI) dewasa ini, dunia pendidikan pun dituntut untuk mampu mengimbanginya. Oleh karena itu, SMAN 10 Medan melalui website ini ikut berperan serta dalam proses pembelajaran dan pemanfaatan TI di dunia pendidikan sekolah, serta bertujuan memberikan informasi yang berkaitan dengan kegiatan belajar mengajar dan kegiatan lain di SMAN 10 Medan ini. Sehingga trampil dan menguasai IPTEK sekaligus menjadi pelaku utama peningkatan kualitas sumber daya manusia Indonesia demi terwujudnya pendidikan yang berkualitas dan setara dengan negara negara maju di tingkat Internasional.</p>

<p align="justify">Melalui website SMA Negeri 10 Medan ini, kita akan bisa bekerjasama dan saling berbagi informasi ke seluruh penjuru dunia, utamanya masalah pembangunan di bidang pendidikan sehingga terjalin relasi untuk meraih prestasi .</p> <p align="justify">Semoga Tuhan Yang Maha Kuasa senantiasa membimbing dan mencurahkan kasih sayangNya kepada kita sekalian.Amin</p></td>

</body> </html>


(71)

Profil.html

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Feb 10 15:30:58 GMT+0700 (SE Asia Standard Time) 2011-->

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body background="image/1920x1080w.jpg">

<p align="center"><u><strong>PROFIL SEKOLAH</strong></u></p> <table cellspacing="0" cellpadding="0" border="0" id="sortme"> <tbody>

<tr>

<td width="139">NPSN</td> <td width="180">: 10210874</td> </tr>

<tr>

<td>Nama</td>

<td>: SMAN 10 MEDAN</td> </tr>

<tr>

<td>Alamat</td>

<td>: JL. TILAK NO. 108</td> </tr> <tr> <td>Kodepos</td> <td>: 20214</td> </tr> <tr> <td>Waktu Persekolahan</td> <td>: Pagi</td> </tr> <tr> <td>Akreditasi</td> <td>: Sangat Baik</td> </tr>


(72)

<tr>

<td>Jenjang</td>

<td>: Sekolah Menengah Atas</td> </tr>

<tr>

<td>Status</td>

<td>: Negeri Dibawah Diknas</td> </tr> </tbody> </table> </body> </html> Berita.php

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Feb 10 15:30:58 GMT+0700 (SE Asia Standard Time) 2011-->

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body background="image/1920x1080w.jpg">

<td colspan="2" class="index_judul">Selamat Datang di Website Resmi SMAN 10 Medan</td> </tr> <tr> <td colspan="2">&nbsp;</td> </tr> <tr>

<?php do { ?>

<table style="display:inline-table"width="532" border="0" align="center"> <tr>

<td width="452" class="berita_judul"><?php echo $row_rsBerita['judul']; ?> | <span class="berita_tgl"><?php echo $row_rsBerita['tgl_akses']; ?></span></td> </tr>


(73)

<td align="left" valign="top">

<img src="<?php echo $row_rsBerita['gambar']; ?>" hspace="8" align="left" /><span class="berita"><?php echo $row_rsBerita['isi']; ?></span></td>

</tr> </table>

<?php } while ($row_rsBerita = mysql_fetch_assoc($rsBerita)); ?> <table width="200" border="0" align="center">

<tr>

<td>&nbsp;

<table border="0"> <tr>

<td><?php if ($pageNum_rsBerita > 0) { // Show if not first page ?>

<a href="<?php printf("%s?pageNum_rsBerita=%d%s", $currentPage, 0, $queryString_rsBerita); ?>">Pertama</a>

<?php } // Show if not first page ?></td>

<td><?php if ($pageNum_rsBerita > 0) { // Show if not first page ?> <a href="<?php printf("%s?pageNum_rsBerita=%d%s", $currentPage, max(0, $pageNum_rsBerita - 1), $queryString_rsBerita); ?>">Previous</a>

<?php } // Show if not first page ?></td>

<td><?php if ($pageNum_rsBerita < $totalPages_rsBerita) { // Show if not last page ?>

<a href="<?php printf("%s?pageNum_rsBerita=%d%s", $currentPage, min($totalPages_rsBerita, $pageNum_rsBerita + 1), $queryString_rsBerita); ?>">Next</a>

<?php } // Show if not last page ?></td>

<td><?php if ($pageNum_rsBerita < $totalPages_rsBerita) { // Show if not last page ?>

<a href="<?php printf("%s?pageNum_rsBerita=%d%s", $currentPage, $totalPages_rsBerita, $queryString_rsBerita); ?>">Last</a>

<?php } // Show if not last page ?> </body>

</html> Fasilitas.htm

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Feb 10 15:30:58 GMT+0700 (SE Asia Standard Time) 2011-->


(74)

<link href="style.css" rel="stylesheet" type="text/css" /> </head>

<body background="image/1920x1080w.jpg">

<td colspan="2" class="index_judul">Selamat Datang di Website Resmi SMAN 10 Medan</td> </tr> <tr> <td colspan="2">&nbsp;</td> </tr> <tr>

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="556" height="495">

<param name="movie" value="flash_wanto_benar.swf" /> <param name="quality" value="high" />

<param name="wmode" value="opaque" /> <param name="swfversion" value="8.0.35.0" />

<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" />

<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="flash_wanto_benar.swf" width="556" height="495">

<!--<![endif]-->

<param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="8.0.35.0" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />

<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->

<div>

<h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img

src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

</div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </body> </html>


(75)

Bukutamu.php

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Feb 10 15:30:58 GMT+0700 (SE Asia Standard Time) 2011-->

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body background="image/1920x1080w.jpg"> <?php do { ?>

<div align="center">

<table width="477" border="0" align="center"> <tr>

<td width="91">Nama</td> <td width="13">:</td>

<td width="359"><?php echo $row_rsbukutamu['nama']; ?></td> </tr>

<tr>

<td>Email</td> <td>:</td>

<td><?php echo $row_rsbukutamu['email']; ?></td> </tr>

<tr>

<td>Kota</td> <td>:</td>

<td><?php echo $row_rsbukutamu['kota']; ?></td> </tr>

<tr>

<td>Komentar</td> <td>:</td>

<td><?php echo $row_rsbukutamu['komentar']; ?></td> </tr>

<tr>

<td colspan="3">---</td>


(76)

</table> </div>

<?php } while ($row_rsbukutamu = mysql_fetch_assoc($rsbukutamu)); ?> <table width="427" border="0" align="center">

<tr align="center" valign="middle" class="isi"> <td>

Records <?php echo ($startRow_rsbukutamu + 1) ?> to <?php echo

min($startRow_rsbukutamu + $maxRows_rsbukutamu, $totalRows_rsbukutamu) ?> of <?php echo $totalRows_rsbukutamu ?></td>

</body> </html>

Kontak.html

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Feb 10 15:30:58 GMT+0700 (SE Asia Standard Time) 2011-->

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body background="image/1920x1080w.jpg">

<p align="center"><u><strong>KONTAK SEKOLAH</strong></u></p> <table cellspacing="0" cellpadding="0" border="0" id="sortme"> <tbody>

<tr>

<td width="126">Nama</td>

<td width="183">: SMAN 10 MEDAN</td> </tr>

<tr>

<td>Alamat</td>

<td>: JL. TILAK NO. 108</td> </tr>

<tr>

<td>Kodepos</td> <td>: 20214</td> </tr>


(77)

<tr> <td>Nomer Telpon</td> <td>: 7368461</td> </tr> <tr> <td>Nomer Faks</td> <td>: -</td> </tr> <tr> <td>Email</td> <td>: sma10medan@ymail.co.id</td> </tbody> </table> </body> </html> Guru.php Kontak.html

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>HOME</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Feb 10 15:30:58 GMT+0700 (SE Asia Standard Time) 2011-->

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body background="image/1920x1080w.jpg">

<h2>Daftar Nama Guru di SMA Negeri 10 Medan</h2> <table border="2" vspace="10">

<tr align="center"><th>NO</th><th>NAMA GURU</th><th>JENIS KELAMIN</th><th>BIDANG STUDI</th></tr>

<?php

mysql_connect("localhost", "root", "leavemealone99"); $db = mysql_select_db("sma10");


(78)

if(empty($_GET['posisi'])) $posisi = 0; else $posisi = $_GET['posisi'];

if(empty($_GET['batas'])) $batas = 5; else $batas = $_posisi +5;

$data = mysql_query("select * from guru limit $posisi, $batas"); $i = $posisi +1;

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

if($r['jenkel'] == 1) $jenkel = 'LAKI-LAKI'; else $jenkel = 'PEREMPUAN';

echo

"<tr><td>$i</td><td>$r[nama_guru]</td><td>$jenkel</td><td>$r[bidang_studi]</td></ tr>";

$i = $i +1; }

?> </table>

<div align="center"> <?php

$sql2 = 'select * from guru';

$jumlah = mysql_num_rows(mysql_query($sql2)); $jumlahhalaman = ceil($jumlah / $batas);

$pos = 0;

if($jumlahhalaman>1){

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

echo " <a href=\"guru.php?posisi=$pos\">$i</a> |"; $pos = $pos + 5;

} } ?> </body> </html> Kontak.html

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>


(1)

</table> </div>

<?php require('../Connections/connsma10.php'); ?> <?php

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

if(!empty($_POST['judul']) && !empty($_POST['isi'])) {

$id_berita = $_POST['id_berita']; $judul = $_POST['judul'];

$isi = $_POST['isi'];

if(!empty($_POST['gambar'])) $gambar = $_POST['gambar']; else $gambar = '';

$db = mysql_select_db($database_connsma10, $connsma10); $sql = 'update berita set judul=\''.$judul.'\', isi=\''.$isi.'\', gambar=\''.$gambar.'\' where id_berita=\''.$id_berita.'\'';

$query = mysql_query($sql); if(!$query){

die('Could not connect: ' . mysql_error()); }

echo "<script type=\"text/javascript\"> alert(\"Sukses!\");</script>";

} }

?> </body> </html>

Adminksw.php

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>ADMIN KESISWAAN</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">


(2)

background-color: #999; }

</style>

<!--Fireworks CS5 Dreamweaver CS5 target. Created Sun Apr 17 16:50:24 GMT+0700 (SE Asia Standard Time) 2011-->

</head>

<body background="../image/1920x1080w.jpg"> <div align="center">

<td width="456">ADMIN KESISWAAN</td> <td width="13">&nbsp;</td>

</tr> </table>

<table align="center" vspace="30" border="2">

<tr align="center"><th colspan="2">NAMA KESISWAAN</th></tr> <?php require('../Connections/connsma10.php'); ?>

<?php

if(empty($_GET['posisi'])) $posisi = 0; else $posisi = $_GET['posisi'];

if(empty($_GET['batas'])) $batas = 5; else $batas = $_posisi +5;

$db = mysql_select_db($database_connsma10);

$sql = "select * from kesiswaan limit $posisi, $batas"; $data = mysql_query($sql);

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

echo "<tr align=\"justify\"><td>$r[nama_ksw]</td></tr>"; }

?>

</table><div align="center"> <?php

$sql2 = 'select * from kesiswaan';

$jumlah = mysql_num_rows(mysql_query($sql2)); $jumlahhalaman = ceil($jumlah / $batas);

$pos = 0;

if($jumlahhalaman>1){

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

echo " <a href=\"listksw.php?posisi=$pos\">$i</a> |"; $pos = $pos + 5;

} } ?> </div></td>

<td><img src="image/spacer.gif" width="1" height="447" border="0" alt="" /></td> </tr>


(3)

<tr>

<td colspan="13"><img name="subadminbenar_r8_c2"

src="image/subadminbenar_r8_c2.gif" width="769" height="19" border="0" id="subadminbenar_r8_c2" alt="" /></td>

<td><img src="image/spacer.gif" width="1" height="19" border="0" alt="" /></td> </tr>

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

Adminguru.php

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>ADMIN GURU</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">

td img {display: block;}body { background-color: #999; }

</style>

<!--Fireworks CS5 Dreamweaver CS5 target. Created Sun Apr 17 16:50:24 GMT+0700 (SE Asia Standard Time) 2011-->

</head>

<body background="../image/1920x1080w.jpg"> <div align="center">

<td width="456">ADMIN GURU</td> <td width="13">&nbsp;</td> </tr>

</table>

<table align="center" vspace="30" border="2">

<tr align="center"><th>NIP GURU</th><th>NAMA GURU</th><th>JENIS KELAMIN</th><th th colspan="2">BIDANG STUDI</th></tr>

<?php require('../Connections/connsma10.php'); ?> <?php

if(empty($_GET['posisi'])) $posisi = 0; else $posisi = $_GET['posisi'];

if(empty($_GET['batas'])) $batas = 5; else $batas = $_posisi +5;


(4)

$db = mysql_select_db($database_connsma10); $sql = "select * from guru limit $posisi, $batas"; $data = mysql_query($sql);

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

if($r['jenkel'] == 1) $jenkel = 'LAKI-LAKI'; else $jenkel = 'PEREMPUAN';

echo "<tr align=\"center\"><td>$r[nip_guru]</td><td

align=\"justify\">$r[nama_guru]</td><td>$jenkel</td><td>$r[bidang_studi]</td></tr>"; }

?>

</table><div align="center"> <?php

$sql2 = 'select * from guru';

$jumlah = mysql_num_rows(mysql_query($sql2)); $jumlahhalaman = ceil($jumlah / $batas);

$pos = 0;

if($jumlahhalaman>1){

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

echo " <a href=\"adminguru.php?posisi=$pos\">$i</a> |"; $pos = $pos + 5;

} } ?> </div> </td>

<td><img src="image/spacer.gif" width="1" height="447" border="0" alt="" /></td> </tr>

<tr>

<td colspan="13"><img name="subadminbenar_r8_c2"

src="image/subadminbenar_r8_c2.gif" width="769" height="19" border="0" id="subadminbenar_r8_c2" alt="" /></td>

<td><img src="image/spacer.gif" width="1" height="19" border="0" alt="" /></td> </tr>

</table></td>

<td><img src="image/spacer.gif" width="1" height="447" border="0" alt="" /></td> </tr>

<tr>

<td colspan="13"><img name="subadminbenar_r8_c2"

src="image/subadminbenar_r8_c2.gif" width="769" height="19" border="0" id="subadminbenar_r8_c2" alt="" /></td>

<td><img src="image/spacer.gif" width="1" height="19" border="0" alt="" /></td> </tr>

</table> </div> </body>


(5)

</html>

Adminberita.php

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

<!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>ADMIN BERITA</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">

td img {display: block;}body { background-color: #999; }

</style>

<!--Fireworks CS5 Dreamweaver CS5 target. Created Sun Apr 17 16:50:24 GMT+0700 (SE Asia Standard Time) 2011-->

</head>

<body background="../image/1920x1080w.jpg"> <div align="center">

<td width="456">ADMIN BERITA</td> <td width="13">&nbsp;</td> </tr>

</table><table align="center" vspace="30" border="2"> <tr><th>Judul</th><th colspan="2">Tanggal</th></tr> <?php require('../Connections/connsma10.php'); ?> <?php

if(empty($_GET['posisi'])) $posisi = 0; else $posisi = $_GET['posisi'];

if(empty($_GET['batas'])) $batas = 5; else $batas = $_posisi +5;

$db = mysql_select_db($database_connsma10); $sql = "select * from berita limit $posisi, $batas"; $data = mysql_query($sql);

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

echo "<tr><td>$r[judul]</td><td>$r[tgl_akses]</td></tr>"; }

?>

</table><div align="center"> <?php


(6)

$sql2 = 'select * from berita';

$jumlah = mysql_num_rows(mysql_query($sql2)); $jumlahhalaman = ceil($jumlah / $batas);

$pos = 0;

if($jumlahhalaman>1){

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

echo " <a href=\"adminberita.php?posisi=$pos\">$i</a> |"; $pos = $pos + 5;

} } ?> </div> </td>

<td><img src="image/spacer.gif" width="1" height="447" border="0" alt="" /></td> </tr>

<tr>

<td colspan="13"><img name="subadminbenar_r8_c2"

src="image/subadminbenar_r8_c2.gif" width="769" height="19" border="0" id="subadminbenar_r8_c2" alt="" /></td>

<td><img src="image/spacer.gif" width="1" height="19" border="0" alt="" /></td> </tr>

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