MEMBANGUN WEBSITE SEKOLAH SMA NEGERI 2 KEBUMEN

Naskah Publikasi

diajukan oleh

Aris Widiyanto 08.02.7233

Alfado Puja Kusuma 08.02.7239

Arif Munandar 08.02.7289

Kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTERAMIKOM

YOGYAKARTA2011

i

NASKAH PUBLIKASI

MEMBANGUN WEBSITE SEKOLAH SMA NEGERI 2 KEBUMEN

disusun oleh

Aris Widiyanto 08.02.7233

Alfado Puja Kusuma 08.02.7239

Arif Munandar 08.02.7289

Dosen Pembimbing

Sudarmawan,MT.

NIK. 190302035

Tanggal, 9 Februari 2011

Ketua Jurusanmanajemen Informatika

Krisnawati, S.Si., MT.NIK. 190302038

ii

BUILD SCHOOL WEBSITE OF SENIOR HIGHT SCHOOL 2KEBUMEN STATE

MEMBANGUN WEBSITE SEKOLAH SMA NEGERI 2 KEBUMEN

Aris WidiyantoAlfado Puja KusumaArif Munandar

Jurusan Manajemen InformatikaSTMIK AMIKOM YOGYAKARTA

ABSTRACT

Website National Senior Height School 2 of Kebumen State will support academic system of the school. What makes the differences from another schools websites are the social network system. Our system will make teachers ease with their work or education process.Student can be active in the education because of this website. They can improving their journalistic skill, Socializing and e-learning.

This website will be contained with Profile, News, Announcement and etc. So the people will be know information of the school. System will design dynamically so can be use for a long time.

iii

Keyword : Website,School,Social,education,academic,system,e-learning,information.

DAFTAR ISI

HALAMAN JUDUL ............................................................................................... i HALAMAN PENGESAHAN................................................................................... iiABSTRACT ..........................................................................................................iiiDAFTAR ISI ......................................................................................................... iv

1. Pendahuluan ............................................................................................. 12. Landasan Teori ......................................................................................... 2

2.1 Pengertian Informasi ........................................................................... 22.2 Kualitas Informasi................................................................................ 22.3 Prinsip Dasar Desain dan Pembuatan Website.................................. 22.4 Konsep Dasar Internet ........................................................................ 2

2.4.1 Pengertian Internet ............................................................. 22.4.2 Sejarah Perkembangan Internet ......................................... 22.4.3 Browser dan Server ............................................................ 22.4.4 HTTP (Hypertext Transfer Protokol) ................................... 22.4.5 WWW (World Wide Web) ................................................... 22.4.6 Fasilitas Dalam Internet ...................................................... 3

2.5 Skrip Pemrograman ............................................................................ 32.5.1 HTML (Hypertext Markup Language) ................................. 32.5.2 PHP (PHP Hypertext Processor) ........................................ 3

2.6 Pemrograman Database.....................................................................32.6.1 Structured Query Language (SQL) Scripting......................32.6.2 Aplikasi MySQL dan PHP ................................................... 3

2.7 Makromedia Dreamweaver 8.............................................................. 42.7.1 Fasilitas Dalam Dreamweaver 8 ......................................... 42.7.2 Ruang Kerja Dreamweaver 8.............................................. 4

3. Gambaran Umum ........................................................................................ 43.1 Identitas Sekolah................................................................................. 43.2 Sejarah Berdirinya SMA Negeri 2 Kebumen ...................................... 43.3 Visi SMA Negeri 2 Kebumen .............................................................. 43.4 Misi SMA Negeri 2 Kebumen.............................................................. 43.5 Target yang Ingin Dicapai ...................................................................53.6 Lingkup Pencapaian............................................................................ 5

3.6.1 Pengadaan Perangakat Keras............................................53.6.2 Pengadaan Perangkat Lunak .............................................52.6.3 Jaringan Sistem .................................................................. 52.6.4 Aplikasi Internet................................................................... 5

4. Analisa dan Pembahasan............................................................................ 54.1 Analisa ................................................................................................ 5

4.1.1 Identifikasi Masalah ............................................................ 54.1.2 Analisa Kebutuhan Sistem.................................................. 6

4.1.2.1 Kebutuhan Fungsional ........................................ 64.1.2.2 Kebutuhan Nonfungsional................................... 6

4.1.3 Perancangan....................................................................... 64.1.3.1 Struktur Sistem ................................................... 64.1.3.2 Data Flow Diagram .............................................64.1.3.3 Struktur Database ............................................... 64.1.3.4 Normalisasi ......................................................... 64.1.3.5 Relasi .................................................................. 6

4.1.4 HIPO

iv

4.2 Pembahasan ....................................................................................... 64.2.1 Halaman Website................................................................ 6

4.2.1.1 Halaman Utama .................................................. 74.2.1.2 Halaman Administrasi ......................................... 74.2.1.3 Halaman Guru..................................................... 74.2.1.4 Halaman Siswa ................................................... 7

4.2.2 Manual Instalasi .................................................................. 74.2.2.1 Instalasi Database ..............................................74.2.2.2 Instalasi Sistem................................................... 74.2.2.3 Pemeliharaan Sistem.......................................... 7

5. Kesimpulan ........................................................................................ 8

DAFTAR PUSTAKA

v

1. Pendahuluan

Informasi merupakan salah satu kebutuhan masyarakat yang utama di era yang modern ini. Informasi begitu perlu untuk didapatkan, disebarkan dan dipertukarkan antara suatu pihak dengan pihak lain untuk memenuhi kebutuhan hidup manusia. Saat ini manusia telah dengan mudah mendapatkan informasi yang diinginkan melalui beberapa media, salah satunya adalah internet. yang merupakan hasil dari kemajuan teknologi informasi yang terus berkembang karena beragam kemampuan yang dimilikinya. Internet menjadi pilihan untuk mendapatkan, menyebarkan dan bertukar informasi karena dapat diakses kapan saja, di mana saja dengan biaya yang relatif lebih murah.

Salah satu sumber informasi yang terpopuler di internet adalah world wide web (www) atau yang secara umum orang menyebutnya web, yang merupakan kumpulan global dari dokumen yang terhubung pada jaringan internet. Internet bukanlah hal baru lagi, semakin banyak orang memanfaatkan internet untuk eksplorasi informasi maupun untuk menyajikan informasi dimana kecepatan, keakuratan, relevansi menjadi pertimbangannya.

Walaupun demikian, keinginan untuk memperoleh informasi masyarakat tidak hanya sebatas diperoleh internet tapi juga dengan membaca buku. Buku masih menjadi andalan untuk memperoleh informasi karena tak jarang informasi yang ada di buku tidak penulis temukan di internet. Dan banyak orang yang merasa lebih nyaman membaca informasi dalam bentuk buku dibanding di depan monitor.

Dengan adanya elektronik online, tidak lagi dipajang pada spanduk maupun selebaran-selebaran yang dalam penyampaian informasi suatu sekolah maupun lembaga-lembaga lainnya. Sehingga cara menampilkan sistem informasi menjadi penentu keberhasilan suatu lembaga elektronik online, terutama mampu memperkenalkan dan memperluas promosi, memberikan akses informasi bagi pihak yang berkepentingan di berbagai belahan dunia tanpa harus mendatangi tempat yang bersangkutan.

Berbagai cara yang dilakukan oleh pihak SMA Negeri 2 Kebumen Kabupaten Kebumen guna memberikan informasi kepada siswa dan masyarakat luas. Dalam hal ini pemberian informasi ini dilakukan melalui media internet. Hasil yang sangat logis apabila pihak sekolah tanggap dan dapat mengikuti perkembangan dari kemajuan teknologi tersebut dan memanfaatkanya serta menerapkanya dalam bidang pendidikan yang dijalani untuk mengambil kesempatan dengan tujuan mengembangkan potensi sekolahnya. Sehubungan dengan hal ini kita dapat melihat contoh sebagai bahan acuan. Umumnya masyarakat cenderung mencari informasi secepat dan seakurat mungkin. Hal ini dapat dilihat dengan perkembangan informasi yang ada pada sekolah-sekolah unggulan yang ada.

1

2. Landasan Teori

2.1 Pengertian Informasi

informasi adalah data yang diolah atau diproses sedemikian rupa sehingga mempunyai manfaat bagi penerimanya untuk membantu atau mendukung dalam pengambilan keputusan.

2.2 Kualitas Informasi

1. Akurat (accurate)2. Relevan (relevance)3. Tepat Waktu (timeliness)

2.3 Prinsip Dasar Desain dan Pembuatan Web

Perencanaan web yang baik meliputi:a. Sasaran dari webb. Informasi apa yang dipublikasikan

2.4 Konsep Dasar Internet

2.4.1 Pengertian Internet

(International Network) adalah jaringan dari banyak jaringan yang menghubungkan komputer dari seluruh dunia.

2.4.2 Sejarah Perkembangan Internet

Internet barasal dari bahasa inggris, yakni inter berarti antar dan net berarti jaringan sehingga dapat diartikan hubungan antar jaringan.

2.4.3 Browser dan Server

Perangkat lunak client yaitu browser yang mempunyai tugas yang sama yaitu menterjemahkan informasi yang diterima dari server web dan menampilkan pada layar komputer pengguna

Server web pada dasarnya adalah perangkat lunak khusus yang bertugas melayani permintaan–permintaan dari browser web yang tersimpan dokumen–dokumen didalamnya.

2.4.4 HTTP (Hypertext Transfer Protokol)

HTTP merupakan Protokol yang digunakan untuk mentransfer data dalam Word Wide Web (WWW).

2.4.5 WWW(World Wide Web)

Prinsipnya www bekerja dengan cara menampilkan file–file HTML yang berasal dari server web pada program client khusus, yaitu web browser.

2

2.4.6 Fasilitas dalam Internet

Secara global banyak sekali fasilitas-fasilitas yang ada didalam internet yang dapat kita pergunakan, ketika online atau terhubung dengan internet diantaranya adalah :

a. Electronic MailWorld Wide b. File Transfer Protokol c. Mailing Listd. Web Browsere. Online Chat

2.5 Skrip Pemrograman

2.5.1 HTML (Hypertext Markup Language)

HTML adalah serangkaian konstruksi standar yang dapat membangun halaman web. Dimana HTML merupakan bahasa markup yang digunakan untuk melakukan markup dokumen teks, seperti editor markup halaman untuk publishing, yang mengindikasikan format mana yang seharusnya digunakan untuk menampilkan teks yang sudah di mark.

2.5.2 PHP (PHP Hypertext Processor)

PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamik. Maksud dari server-side scripting adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML biasa.

2.6 Pemrograman Database

Pemrograman database merupakan kegiatan yang dilakukan untuk meningkatkan kemudahan dalam melakukan manajemen dan akses ke sebuah database (Riyanto, 2003). Pemrograman sebuah database banyak dilakukan dengan menggunakan bahasa yang disebut dengan Structured Query Language (SQL). Selain SQL, pemrograman database juga meliputi manipulasi objek-objek database, analisa query, dan juga interaksi database dengan Open Database Connectivity (ODBC).

2.6.1 Structured Query Language (SQL) Scripting

SQL merupakan bahasa American National Standard Input (ANSI) yang digunakan untuk melakukan proses query pada sebuah database.

2.6.2 Aplikasi MySQL dan PHP

Penggunaan perintah SQL pada PHP, memerlukan suatu fungsi MySQL. Fungsi ini berguna untuk mengantarkan perintah SQL pada PHP menuju ke server sehingga perintah itu dapat dieksekusi oleh server MySQL.

3

2.7 Macromedia Dreamweaver 8

2.7.1 Fasilitas dalam Dreamweaver 8

Dreamweaver 8 memiliki peningkatan kemampuan toolbar, di mana Dreamweaver 8 dapat digunakan untuk memodifikasi tampilan toolbar atau menambahkan fungsi baru. Selain user interface baru, Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih baik.

2.7.2 Ruang Kerja Dreamweaver 8

Komponenp-komponen yang disediakan oleh ruang kerja Dreamweaver 8 antara lain Insert Bar, Document Toolbar, Jendela Dokumen, Panel Group, Tag Selector, Property Inspector dan Site Panel.

3. Gambaran Umum

3.1 Identitas Sekolah

Nama Sekolah : SMA NEGERI 2 KEBUMENNama Kepala Sekolah : Dra. Yeni Puspitasari,M.M.PdAlamat : Jl Jalan Cincin Kota 8 Kebumen, Kebumen 54351Telepon : ( 0287 ) 381820Status Sekolah : Negeri

Akreditasi : ATahun Berdiri : 1987

3.2 Sejarah Berdirinya SMA Negeri 2 Kebumen

SMA Negeri 2 Kebumen didirikan pada tahun 1887. SMA yang teletak di Kecamatan Kebumen, Kabupaten Kebumen, Propinsi Jawa Tengah.

3.3 Visi SMA Negeri 2 Kebumen

Menjadi sekolah yang berbudi pekerti luhur berdasarkan iman dan takwa keada Tuhan Yang Maha Esa, Unggul dalam prestasi, Apresiasi dalam seni yang tinggi, Sain dan teknologi memadai.

3.4 Misi SMA Negeri 2 Kebumen

Menumbuh kembangkan nilai ketakwaan terhadap Tuhan Yang Maha Esa melalui kegiatan-kegiatan dan hari-hari khusus, Mengembangkan sikap dan nilai-nilai kepribadian yang Santun, Tertib, Disiplin, dan Bertanggung jawab, Serta menyelenggarakan proses belajar yang efektif dan efisien, Menyelenggarakan pembinaan-pembinaan bagi peserta didik baik di bidang Agama, Sains, danTeknologi, Seni budaya serta Olah raga kesehatan, Menyediakan fasilitas dan layanan bagi segenap warga sekolah.

4

3.5 Target yang Ingin Dicapai

Memberikan pelayanan bagi terwujudnya sebuah sistem terotomasi bagi SMA Negeri 2 Kebumen baik dalam bidang pelayanan, dokumentasi, publikasi dan apapun yang berkenaan dengan otomatisasi manajemen Sekolah. Menjembatani interaksi antara masyarakat, siswa didik, karyawan, guru, dan pemerintah, dalam memajukankan dunia pendidikan dalam rangka mewujudkan masyarakat IT.

3.6 Lingkup Pencapaian

3.6.1 Pengadaan Perangkat Keras

Pengadaan dan pengembangan perangkat keras untuk mendukung dan mempermudah sistem. Dengan perangkat keras yang baik dan handal, akan dapat mempermudah serta mempercepat kinerja sistem sehingga waktu dan sistem yang dijalankan dapat berjalan optimal.

3.6.2 Pengadaan Perangkat Lunak

Perancangan, pemeliharaan dan pengembangan perangkat lunak yang dibangun meliputi bidang keuangan dan administrasi, sistem kepegawaian, inventory, sarana pendidikan dan perpustakaan, sistem informasi manajemen berbasis client-server dan kesehatan.

3.6.3 Jaringan Sistem

Perencanaan, perancangan dan peganalisaan sistem jaringan yang terpadu, implementasi solusi-solusi bidang jaringan seperti Lan/Wan, intranet dan Internet yang berkaitan dengan integrasi komputer dan telekomuikasi. Penyediaan produk dan aplikasi pendukung lingkungan sistem jaringan.

3.6.4 Aplikasi Internet

Perencanaan, perancangan dan pengembangan aplikasi bisnis berbasis Web sesuai dengan kebutuhan perusahaan. Penyediaan jasa-jasa internet yang komunikatif, interaktif dan dinamis serta terjaga sekuritasnya.

4. Analisis dan Pembahasan

4.1 Analisis

4.1.1 Identifikasi Masalah

Untuk mengidentifikasi masalah harus dilakukan analisis terhadap kinerja,informasi,keamanan,ekonomi,aplikasi,efisiensi dan pelayanan pelanggan.Panduan ini dikenal dengan analisis PIECES (Performance,Information,economy,control,efficiency dan services).

5

4.1.2 Analisa Kebutuhan Sistem

4.1.2.1 Kebutuhan FungsionalJenis kebutuhan yang berisi proses-proses apa saja yang nantinya dilakukan oleh sistem. Kebutuhan fungsional juga berisi informasi-informasi apa saja yang harus ada dan dihasilkan sistem.

4.1.2.2 Kebutuhan Nonfungsional

Kebutuhan ini adalah tipe kebutuhan yang berisi property perilaku yang dimiliki oleh sistem.

4.1.3 Perancangan

4.1.3.1Struktur Sistem

4.1.3.2Data Flow Diagram

Data Flow Diagram (DFD) atau Diagram Alir Data dipergunakan untuk mendokumentasikan proses aliran data sistem

4.1.3.3Struktur Database

MySQL adalah suatu database multiuser yang menggunakan bahasa Struktur Query Language (SQL). Kelebihan dari database MySQL ini yaitu mampu menangani penyimpanan data yang cukup besar sesuai dengan kebutuhan user. Pemilihan data setiap field dari suatu tabel dilakukan dengan menyesuaikan kebutuhan. Adapun tipe data yang didukung oleh MySql adalah integer, char, bdate, time dan boolean.

4.1.3.4 Normalisasi

Merupakan proses pengelompokan data elemen menjadi tabel-tabel yang menunjukkan entity dan relasinya.

4.1.3.5 Relasi4.1.4 HIPO

HIPO (Hierarchy plus Input-Output) merupakan metodologi yang dikembangkan dan didukung oleh IBM. HIPO sebenarnya adalah alat dokumentasi program. HIPO juga banyak digunakan sebagai alat desain dan tehnik dokumentasi dalam siklus pengambangan sistem.

4.2 Pembahasan

4.2.1 Halaman Website

Website SMA Negeri 2 Kebumen dibuat dalam 4 halaman, yaitu halaman utama,halaman admin, halaman guru dan halaman siswa.

6

4.2.1.1 Halaman Utama

Halaman Utama di desain sebagai tampilan utama website dimana pengunjung dapat melihat informasi tentang SMA Negeri 2 Kebumen dan meninggalkan komentar pada buku tamu.Pada halaman ini disediakan form login siswa dan guru untuk menuju halaman khusus.

4.2.1.2 Halaman Administrasi

Halaman administrasi merupakan halaman tata kelola isi website oleh administrator website.Hampir semua isi website dapat di kelola pada halaman ini.Halaman ini juga digunakan untuk memantau aktifitas user(guru dan siswa) yang aktif.

4.2.1.3 Halaman Guru

Halaman Guru didesain sesuai kebutuhan sistem yaitu menu-menu guru.Menu tersebut terdiri atas biodata guru,upload materi,daftar guru,dan lain-lain.Halaman Guru telah dilengkapi dengan fasilitas jejaring social,sehingga guru dengan sesame guru dan siswa dapat berkomunikasi dan diskusi.

4.2.1.4 Halaman Siswa

Halaman Siswa didesain sesuai kebutuhan sistem yang dibutuhkan untuk melayani siswa. Menu-menu siswa terdiri atas biodata siswa,nilai raport,daftar presensi,download materi dan lain-lain.Halaman Siswa juga dilengkapi dengan fasilitas jejaring sosial.

4.2.2 Manual Instalasi

4.2.2.1 Instalasi Database

Untuk menginstall database ke server maka langkah pertama yang harus dilakukan adalah mengeksport database yang ada di phpMyadmin localhost.Setelah proses database berhasil maka langkah berikutnya adalah mengimport database. Layanan yang kita gunakan menggunakan phpmyadmin yang telah disediakan oleh cpanel.

4.2.2.2 Instalasi SistemSetelah proses database sukses dilakukan maka tahapan selanjutnya

merupakan proses upload file-file pendukung web aplikasi Website SMA Negeri 2 Kebumen melalui layanan “file manager”.

4.2.2.3 Pemeliharaan Sistem

Walaupun telah didesain, dibangun dan diuji coba, sistem atau aplikasi bisa mengalami error atau bug yang tidak bisa dihindari. Bug bisa disebabkan oleh beberapa hal.

7

Perawatan sistem menjadi pertimbangan dalam merancang sistem informasi khususnya layanan berbasis online. Sebuah situs web sekolah tugas pemeliharaan dapat diklasifikasikan dalam berbagai bidang seperti kualitas, monitoring web, infrastruktur, meninjau kinerja, tanggapan manajemen, perubahan dan manajemen konten web. Oleh karena itu dalam rangka menjadi tuan rumah yang sempurna dan terlihat plus fungsional sempurna pemeliharaan websitenya menjadi wajib.

5. Kesimpulan

Kesimpulkan yang dapat diambil setelah beberapa tahapan dalam menyelesaikan Aplikasi Website SMA Negeri 2 Kebumen, antara lain:

1. Website SMA Negeri 2 Kebumen dibangun untuk meningkatkan kebutuhan informasi untuk pihak keluarga besar SMA Negeri 2 Kebumen dan masyarakat luas sehingga lebih mengenal lebih dekat tentang profil SMA Negeri 2 Kebumen.

2. Website SMA Negeri 2 Kebumen dilengkapi fasilitas jejaring sosial yang dapat digunakan untuk berkomunikasi antar siswa dan guru. Sehingga user dapat berdiskusi dalam menyelesaikan tugas sekolah dan lain-lain.

8

DAFTAR PUSTAKA

Http://Blog.codingwear9lessons.infoJquery.com/Jogiyanto. HM., Analisis dan Disain Sistem Informasi. (Edisi kedua; Yogyakarta: Andi, 1999)Jogiyanto. HM., Analisis dan Disain Sistem Informasi. (Edisi ketiga; Yogyakarta: Andi, 2005)Kadir Abdul, Dasar Pemrograman Web Dinamis Menggunakan PHP, Yogyakarta, Andi Offset, 2006Prasetyo Dwi Didik, Solusi Menjadi Web Master Melalui Manajemen Web dengan PHP, Jakarta, PT Elex Media Komputindo, 2005Wibowo Angga, Aplikasi PHP Gratis untuk Pengembangan Situs Web, Yogyakarta, Andi Offset, 2006