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

(2)

MEMBANGUN WEB PADA SMAN 10 MEDAN

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

(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)

(4)

PERNYATAAN

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

(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

(6)

v

ABSTRAK

(7)

DAFTAR ISI

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Batasan Masalah 2

(8)

vii

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

(9)

ABSTRAK

(10)

BAB 1

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.

(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

(12)

3

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.

(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

(14)

5

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)

7

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 :

(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

(18)

9

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

(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

(20)

11

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

(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

(22)

13

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)

15

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)

17

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

(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

(28)

19

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

(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

(30)

21

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

(32)

BAB 3

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)

25

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:

(36)

27

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

(38)

BAB 4

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

(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)

31

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)

33

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

(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"

(44)

35

3. Tombol Berita

Scirpt pada tombol berita

<a href="berita.php"><img name="websma_r2_c12"

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"

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"

(45)

6. Tombol Kontak

Scirpt pada tombol kontak

<a href="kontak.htm"><img name="websma_r2_c19"

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"

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"

(46)

37

9. Tombol Struktur Organisasi

Scirpt pada tombol organisasi

<a href="struktur.htm"><img name="websma_r12_c2"

Script ini untuk mengkoneksikan halaman organisasi

10. Tombol Kesiswaan

Scirpt pada tombol kesiswaan

<a href="kesiswaan.php"><img name="websma_r13_c2"

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"

(47)

12. Tombol Admin

Scirpt pada tombol admin

<a href="login.php"><img name="websma_r22_c3"

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

(48)

39

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)

41

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.

(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

(52)

43

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)

45

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

(56)

47

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

(58)

49

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/

(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)

51

Gambar 5.3 Halaman Berita

Gambar 5.3 mengenai berita – berita sekolah SMAN 10 Medan maupun berita umum

(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

(62)

53

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)

55

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

(65)

masuk terdapat beberapa halaman. Halaman-halaman tersebut mengarahkan

admin dalam menginput, mengedit, dan menghapus data. Data tersebut berupa :

1) Berita

2) Kesiswaan

(66)

BAB 6

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

(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

(68)

DAFTAR PUSTAKA

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

(70)

SOURCE CODE WEBSITE

Index.php

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

</head>

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

</tr> <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>

(71)

Profil.html

</head>

(72)

63

</head>

</tr> <tr>

<tr>

<?php do { ?>

(73)

<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> max(0, $pageNum_rsBerita - 1), $queryString_rsBerita); ?>">Previous</a>

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

(74)

65

</tr> <tr>

<tr>

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

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

(75)

Bukutamu.php

(76)

67

</table> </div>

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

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

</head>

(77)

<tr>

</head>

<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)

69

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

$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;