Membangun Web Pada SMAN 10 Medan.
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"> </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"> </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>
<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"> </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"> </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"> </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"> </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>