1

ANALISIS DAN PERANCANGAN WEB UNTUK SMP NEGERI 2 KECAMATAN KAUMAN PONOROGO SEBAGAI MEDIA

INFORMASI

Naskah Publikasi

diajukan oleh Puppy Rizki Aliffamy

07.12.2470

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

2011

2

3

ANALISIS AND WEB DESIGN FOR SMP NEGERI 2 KECAMATAN KAUMAN PONOROGO AS AN INFORMATION TOOL

ANALISIS DAN PERANCANGAN WEB UNTUK SMP NEGERI 2 KECAMATAN

KAUMAN PONOROGO SEBAGAI MEDIA INFORMASI

Puppy Rizki Aliffamy

Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA

ABSTRACT

Along with increasing competition in education, the existence of an information and promotion terkomuterisasi and online becomes very important. That's because online promotions can give benefits and ease of reference a public school is best. When compared to manually search for information through leaflets, the search for information online has its advantages, such as: information retrieval is fast, complete and accurate.

Web-based applications is the appropriate application form to facilitate delivery of information in a timely, complete and accurate. Excess web itself because the web using PHP programming language that does not need to be translated but the interpreters are translated using the browser.

2 Kauman Public Schools is a public school in the district Kauman, Ponorogo the best because so many students who excel from academic and non academic, a lot of getting awards and trophies in various competitions, and many more advantages in the school. To facilitate the students and prospective students to know the profile of schools and school development system needs a dynamic, interactive and definitely easy to use.

The existence of two Kauman Public Schools which has been running long enough, and the national standard should always keep the image that already embedded in the hearts of the public.

With accurate information so prospective students and citizens do not need to ask the school directly, the public will feel the comfort of School District 2 Kauman information and did not think to look at other schools. Therefore the terminology of the character of a Website then the problem can be formulated as follows:

1. How to take advantage of technological advances on the Website as an information medium secondary school?

2. How to facilitate community, to obtain a complete and accurate information? The purpose of this study are: 1. Building a Web-based information medium that is easy to use (user friendly) 2. Building a website for schools Negeri 2 Kauman to ease the process of

information about schools in the wider community. 3. Build a useful website for students and prospective students of the school

District 2 Kauman to know the profile and development of the school.

Key words: Information Systems, Web-Based Systems

4

1. Pendahuluan

Era globalisasi sekarang ini dunia informasi berkembang begitu pesat

karena ditunjang dengan perkembangan teknologi yang semakin canggih.

Komputer merupakan salah satu alat guna menunjang perkembangan teknologi

informasi. Oleh karena itu suatu lembaga yang menggunakan website untuk

mempromosikan kepada masyarakat tentang informasi yang disampaikan akan

mempunyai nilai lebih dari pada mempromosikan hanya dengan cara

penyebaran brosur atau selebaran secara manual. Dapat dikatakan sistem

informasi yang menggunakan website akan memberikan informasi yang lengkap,

cepat dan akurat. Kelebihan website sendiri karena website mempunyai

kemampuan untuk bersaing dengan lembaga lain karena menghasilkan sinergi

antara bisnis offline dan online, yang meningkatkan pemberi informasi dan

pemasaran.

Keberadaan sekolah SMPN 2 Kauman yang sudah berjalan cukup lama,

harus tetap menjaga citra yang sudah melekat di hati masyarakat dengan cara

melakukan pencarian informasi sekolah dan kegiatan yang sedang berjalan

dengan cepat jadi masyarakat tidak perlu datang langsung, mencari tau kepada

orang dan pencarian brosur, selain itu juga harus ada ketepatan informasi

tentang apa saja kegiatan yang sedang dilakukan oleh sekolah pasti masyarakat

akan merasakan kenyamanan dari fasilitas sekolah SMPN 2 Kauman dan tidak

berfikir untuk cari di sekolah lain. Aplikasi web site ini salah satu yang tepat untuk

menyediakan informasi yang cepat, lengkap dan akurat. Teknologi informasi

yang semakin maju dirasakan perlu digunakan dan hal inilah yang melatar

belakangi pengambilan judul :

“ ANALISIS DAN PERANCANGAN WEB UNTUK SMP NEGERI 2 KECAMATAN

KAUMAN PONOROGO SEBAGAI MEDIA INFORMASI ”.

2. Landasan Teori

2.1 Pemrograman

Pemrograman merupakan suatu metode untuk membuat suatu

aplikasi menggunakan bahasa pemrograman. Bahasa pemrograman adalah

bahasa yang dapat dimengerti oleh komputer untuk mengolah sesuatu, yang

berasal dari input user.

Dalam dunia pemrograman terdapat beberapa istilah yang dibagi

menurut hasil atau media aplikasinya, yaitu :

a. Desktop Programming

5

Pada desktop programming hasil aplikasinya berjalan pada sistem

operasi dan berdiri sendiri. Beberapa contoh aplikasinya adalah aplikasi

database, aplikasi multimedia dan sebagainya.

b. Web Programming

Aplikasi yang dihasilkan pada web programming digunkan pada media

web. Dan membutuhkan browser sebagai tool untuk melihat hasilnya.

c. Mobile Programming

Mobile programming termasuk pemrograman yang baru, karena pada

mobile programming baru beberapa tahun ini digunakan secara besar-

besaran untuk menghasilkan aplikasi yang dapat berjalan pada media

mobile (ponsel dan PDA)

Dari ketiga pemrograman diatas yang akan dibahas adalah web

programming. Karena tentu saja untuk membuat aplikasi pada media

internet dibutuhkan penguasaan pada bahasa pemrograman berbasis web.

1. Pemrograman Web

Pemograman web menggunakan bahasa berupa script yang akan

berjalan pada sisi klien (client side) dan sisi server (server side).

a. Client Side

Pada sisi klien, script yang dibuat akan dijalankan pada komputer

klien atau user lalu ditampilkan hasilnya pada browser scripting. Diantaranya

adalah HTML, Java Script, Vb Script, DHTML dan lain-lain. Kegunaannya

untuk membuat tampilan lebih menarik dan dinamis.

b. Server Side

Cara kerja script pada sisi server, script akan dijalankan pada

komputer server, kemudian server akan mengirimkan hasilnya pada

komputer klien dan klien hanya menampilkan isinya. Kerja script pada server

side akan berbeda dari client side, pada server side terdapat pula

keuntungan dan kerugiannya. Keuntungannya adalah tingkat keamanannya

yang tinggi, pengaksesan pada database, dan membuat tampilan web

menjadi interaktif. Sedangkan kerugiannya server anda akan menjadi lebih

berat, karena server side membutuhkan banyak resource untuk mendukung

scripting tersebut. Server side scripting diantaranya Perl, PHP, ASP,

ASP.net, JSP, Coldfusion, dan lain-lain.

6

2.2 Software yang Digunakan

2.2.1 Adobe Photoshop CS 3

Photoshop merupakan software perangkat lunak yang canggih

yang dapat digunakan untuk pembuatan atau penyutingan, dan efek

manipulasi tampilan termasuk koreksi warna dan pemberian efek tampilan

dan sebagainya.

2.2.2 Dreamweaver CS4

Dreamweaver CS4 adalah suatu bentuk program editor yang dibuat

oleh Macromedia. Dengan program ini, seorang programmer web dapat

dengan mudah membuat dan mendesain webnya. Dreamweaver CS4

adalah editor yang komplit yang dapat digunakan untuk membuat animasi

sederhana yang berbentuk layer. Sebagai editor, Dreamweaver CS4

mempunyai sifat yang WYSIWYG (what you see is what you get), artinya

apa yang kamu lihat akan kamu peroleh. Dengan melihat kelebihan ini,

seorang programmer web dapat melihat langsung hasil buatannya tanpa

harus dibuka di browser, seperti program editor – editor lain, Dreamweaver

CS4 juga memiliki dua bentuk layar, yaitu halaman desain dan halaman

code. Hal ini akan mempermudah kita dalam menambahkan script yang

berbasis PHP maupun Javascript. Dreamweaver CS4 selain mendukung

pembuatan web yang berbasis HTML, juga dapat mendukung program –

program web yang lain diantaranya PHP, ASP, Perl, Javascript, dan lain –

lain.

2.2.3 MySQL

MySQL dikembangkan oleh sebuah perusahaan Swedia bernama

MySQL AB yang pada saat itu bernama TeX DataKonsult Ab sekitar tahun

1992 – 1995, namun cikal bakal kodenya sudah ada sejak 1979. Awalnya

TeX membuat MySQL dengantujuan , mengembangkan aplaikasi web untuk

klien.Tex merupakan perusahaan pengembangan software dan konsultan

database.

MySQL adalah salah satu jenis database server yang sangat terkenal

dan banyak digunakan untuk membangun aplikasi web yang menggunkan

database sebagai sumber dan pengelolaan datanya. Kepopuleran MySQL

antara lain karena MySQL menggunakan SQL (Structure Query Language)

sebagai bahasa dasar untuk mengakses databasenya sehingga mudah

untuk digunakan, cepat secara kinerja query, dan mencukupi untuk

kebutuhan database perusahaan – perusahaan skala menengah – kecil.

7

Selain itu juga MySQL didistribusikan dengan lisensi open source GPL

(General Public License) mulai versi 3.23, pada bulan Juli 2000.

MySQL merupakan database yang pertama kali didukung oleh bahasa

pemrograman script untuk Internet (PHP dan Perl). MySQL dan PHP

dianggap sebagai pasanagan software pengembanagan aplikasi web yang

ideal. MySQL lebih sering digunakan untuk membangun aplikasi berbasis

web, umumnya pengembangan aplikasinya menggunakan bahasa

pemrograman script PHP.

2.2.4 Mozilla Firefox

Firefox merupakan aplikasi penjelajah web multiplatform (web browser)

yang dikembangkan oleh Yayasan Mozilla. Sejak dikeluarkannya versi

terdahulu, Firefox adalah salah satu perangkat lunak yang bebas pungutan,

sumber- terbuka (open source) yang paling banyak digunakan oleh pengguan

komputer.

Saat ini versi terakhir yang dikembangkan untuk Firefox, yang memiliki

keunggulan/fitur seperti tabbed browsing, live bookmark, download manager,

popup blocker, automatic updates, accessibility, customize, extention dan

clear private data.

Dengan fitur tabbed browsing, dapat dilakukan penjelajahan beberapa

website dalam satu aplikasi Firefox, yang memudahkan pengguna mencari

informasi. Selain itu, Firefox memiliki improved popup blocking yang dapat

memblok pop-up yang tidak diinginkan. Dari sisi keamanan Firefox

memberikan keyakinan pengguna lebih aman pada saat browsing dengan

mencegah spyware, worms dan virus. Fasilitas live bookmarks, dapat

tetapmengupdate secara otomatis infomasi dari website dan blog favorit anda.

Dengan segudang kelebihan tersebut, menjadikan pengguan komputer untuk

web surfing semakin menarik.

3. Gambaran Umum dan Analisa system

3.1 Sekilas SMPN 2 Kauman

SMPN 2 Kauman adalah Lembaga Pendidikan yang berada di jalan

Sayang Ayu No.2 kecamatan Sumoroto/Kauman, Ponorogo dengan status

sekolah SSN Akriditasi nilai A. Kepala sekolah Bpk. Dwidjo Prayitno NIP.

196001031986031016 yang berdiri pada tahun 1986 dan beropersi pada

tahun 1986. Sekolah SMPN 2 Kauman adalah salah satu jenis sekolah yang

bertanggung jawab melaksanakan pendidikan untuk anak-anak dari sekolah

dasar untuk melanjutkan ke sekolah menengah pertama.

8

Selama ini masyarakat di daerah Kauman atau wilayah Ponorogo

mendapatkan informasi tentang sekolah SMPN 2 Kauman hanya melalui

selebaran atau pengumuman pendaftaran siswa baru yang dititipkan

dibeberapa SD. Selain itu informasi didapatkan dari mulut ke mulut antara

siswa atau wali murid.

Di sekolah SMPN 2 Kauman para guru menyampaikan materi pelajaran

menggunakan panduan buku paket, atau buku panduan guru yang di

jelaskan kepada siswa secara bertahap setiap pertemuan. Siswa juga harus

memiliki buku paket yang dipinjamkan sekolah serta tugas siswa di rumah

menggunakan LKS yang dibeli di sekolah. Kendalanya pada penyampaian

materi adalah saat guru tidak dapat masuk untuk mengajar karena

berhalangan hadir atau sakit maka siswa akan ketinggalan pelajaran.

Berdasarkan penjabaran di atas, diperlukan sebuah sistem yang mampu

menampilkan informasi beserta agenda kegiatan sekolah. Selain itu sistem

mampu diakses dari mana saja dan kapan saja. Sistem juga mampu

memudahkan guru dalam pengelolaan materi.

3.2 Analisis Sistem

3.2.1 Analisis Kelemahan Sistem

Seperti yang sudah dijelaskan dalam sistem sekolah saat ini di SMPN 2

Kauman, bahwa penerapan sistem pembelajaran yang sudah berjalan dengan

baik, akan tetapi masih ditemukan beberapa kelemahan didalamnya..

Berdasarkan penelitian maka analisis yang tepat untuk mengetahui kelemahan

sistem adalah analisis SWOT. Analisis SWOT adalah metode perancangan

strategis yang digunakan untuk mengevaluasi kekuatan, kelemahan, peluang,

dan ancaman dalam suatu proyek.

1. Analisis Kekuatan (Strenghts)

Dengan website cakupan wilayah penyampaian informasi dapat lebih

luas , karena dapat diakses dari mana saja. Selain itu website sudah

familiar digunakan oleh masyarakat.

2. Analisis Kelemahan (Weakness)

Kekurangan website apabila terlalu banyak yang menggunakan dan

akses bersamaan yang melebihi kapasitas maka menyebabkan server

down, dan selain itu rawan gangguan hacker.

9

3. Analisis Kesempatan (Opportunity)

Semakin berkembangnya era teknologi informasi komputer (TIK) di dunia

pendidikan merupakan sebuah peluang untuk pengembangan website

SMPN 2 Kauman dari segi kemudahan teknologi.

4. Analisis Ancaman (Threats)

Kemungkinan masyarakat lebih senang membuka jejaring sosial seperti

Facebook dari pada membuka website. Maka nantinya diperlukan cara

khusus untuk mengatasi ancaman ini

3.2.2 Analisis Kebutuhan Sistem

3.2.2.1 Komponen Perangkat Keras (hardware)

Pembuatan Penerapan

1) Intel (R) Core

(TM)2 duo CPU

T6400 @ 2.00GHz

1.20GHz, 1.87GB

of RAM Physical

Address Extension.

1) Intel Pentium 4 2.8 Ghz 520

(LGA 775)

2) Motherboard INTEL

DG41CN

3) RAM DDR2 1 Gb PC

6400 Visipro

4) Hardisk Seagate 160 Gb

SATA

5) Monitor Advance 15.4

LCD V1550

6) Ersys Transparant Cool S

w/2 Fan 450W

7) Keyboard + Mouse Sami

8) DVD ROM Samsung

IDE/Sata 116x

9) Printer Canon 1P 2770

Rp. 257.000,00

Rp. 542.000,00

Rp. 155.000,00

Rp. 260.000,00

Rp. 690.000,00

Rp. 240.000,00

Rp. 38.000,00

Rp. 139.000,00

Rp. 375.000,00

Total Rp. 2.696.000,00

Sumber : www.viraindo.com

10

3.2.2.2 Kebutuhan Perangkat Lunak

Keterangan Harga

BIAYA-BIAYA

Biaya Pengadaan

a. Biaya hardware 2.696.000

Total biaya 2.696.000

a. Konversi data 225.000

b. Biaya hosting dan domain 1.050.000

c. Koneksi internet 100.000

Total 4.071.000

3.3 Perancangan Sistem

3.3.1 Flowcart yang Diusulkan

Data admin

Pengolahan

data admin

Ad

min

admin gurustaffsiswa berita agenda galeri Kritik saranmapel tanggapan materi

Data siswa Data staff Data guru Data galeriData agendaData berita Data mapel Data saran Data

tanggapan

Data materi

Pengolahan

data guru

Pengolahan

data staff

Pengolahan

data siswa

Pengolahan

data berita

Pengolahan

data agenda

Pengolahan

data geleri

Pengolahan

data mapel

Pengolahan

data saran

Pengolahan

data

tanggapan

Pengolahan

data materi

sis

wa

sta

ff

gu

ru

ma

pe

l

ma

te

ri

ag

en

da

be

rita

ga

leri

Kritik

sa

ra

n

ta

ng

ga

p

an

11

3.3.2 Diagram Arus Data (Data Flow Diagram)

admin

pengunjung

guru

siswa

1

Hak akses

admin

2

Hak akses guru

4

Hak akses

pengunjung

3

Hak akses

siswa

5

login

Data galeri

Data agenda

Data siswaData guruData mapelData admin

Data prestasiData ekskul

Data galeri

Data berita

Data tangapan

Data admin

Data tanggapan

Data mapelData guruData siswa

Data staffData agendaData prestasiData ekskul

Data berita

Data admin

Data admin

Data siswa

Data siswa

Kritik saran

berita

ekskul

prestasi

agenda

staff

siswa

guru

mapel

admin

galeri

tanggapan

Data kritik saran

Data

tanggapan

Data materi

berita

materi

Data staff

Download materi

Data materi

Data mapel

Data guru

Data berita

Data guru

Data guruData kritik

saran

Data berita

Data ekskul

Data prestasi

Data agenda

Data staff

Data siswa

Data guru

Data mapel

Data galeri

Data tanggapan

Data berita,data ekskul,data prestasi,

data agenda, data staff, data guru, data

data mapel, data galeri, data tanggapan

Data berita

Data galeri

Data mapel

Data guruData siswa

Data staff

Data agenda

Data prestasi

Data ekskul

Data berita

Data berita, ekskul, prestasi, agenda,

Staff, siswa, guru, mapel, galeri.

Data berita

Data ekskul

Data prestasi

Data agenda

Data staff

Data

siswa

Data guru

Data mapel

Data galeri

Data tanggapan

Data berita,data ekskul,

data prestasi,

data agenda, data staff, data guru,

data data mapel,

data galeri, data tanggapan

12

3.3.3 Relasi Antartabel

4. Implementasi

4.1 Implementasi Basis Data

Tahapan implementasi dilakukan dengan menerapkan hasil rancangan

pada bagian sebelumnya dengan pembuatan kode sumber (source code)

agar dapat dijalankan oleh komputer.

Database untuk website ini bernama smpn2kauman. Tabel dibuat dengan

phpmyadmin. Dapat diakses dengan cara mengetikan

http://localhost/phpmyadmin.

13

4.2 Implementasi Interface

4.2.1 Halaman Home Untuk Pelanggan

Hasil rancangan halaman utama/home menampilkan berita terbaru yang

terletak di depan, fasilitas link navigasi ke setiap halaman website

4.2.2 Halaman Siswa

Berfungsi sebagai halaman yang menampilkan data siswa dan ektrakurikuler

yang membuka user.

14

4.2.3 Halaman Staff & Guru

Berfungsi sebagai halaman yang menampilkan halaman data staff dan data

guru, pada saat yang membuka adalah user.

4.2.4 Halaman Kritik Saran

Berfungsi sebagai halaman yang menampilkan halaman kritik saran yang

dapat digunakan untuk member masukan sekolah dari user.

15

4.2.5 Halaman Admin

Berfungsi sebagai halaman yang menampilkan tempat login admin dengan

mengetikan http://localhost/smpn2kauman/admin/login/

4.2.6 Halaman Guru

Berfungsi sebagai halaman yang digunakan untuk mengubah password guru

dan menupload materi untuk siswa.

4.2.7 Halaman Guru Upload Materi

Berfungsi sebagai halaman untuk mengupload materi yang akan di

download oleh siswa.

16

4.3 Pemeliharaan

Setelah sistem digunakan, maka sistem akan dievaluasi oleh pemakai dan

untuk menentukan apakah sistem yang baru tersebut sesuai dengan tujuan

semula dan diputuskan apakah ada revisi atau dimodifikasi. Setelah terjadinya

perubahan dalam perangkat keras, perangkat lunak, dokumentasi atau

prosedur untuk melihat kesalahan dengan kebutuhan baru atau perbaikan

efisiensi proses, maka pengembangan website akan masuk pada tahap

pemeliharaan sebagai berikut:

a. Memiliki duplikat dari website tersebut secara keseluruhan. Duplikat dapat

dilakukan dengan cara mengcopy file-file tersebut kedalam CD untuk

mengantisipasi terdapat kesalahan atau error pada website yang kita

buat, sehingga jika terjadi error maka pihak perusahaan dapat

mengupload ulang backup data kita.

b. Pemeliharaan sistem meliputi pemeliharaan website seperti update isi,

berita, gambar dan dokumen.

c. Untuk pemeliharaan database kita menggunakan fasilitas backup

database dari server hosting.

d. Jika terdapat penambahan fitur cukup dengan menambahkan halaman –

halaman yang dibutuhkan dan menambahkan tabel pada database

melalui phpmyadmin yang tersedia pada fasilitas server hosting.

5. Kesimpulan dan Saran

5.1 Kesimpulan

Berdasarkan hasil penelitian didapatkan bahwa untuk membuat website

SMPN 2 Kauman melalui tahapan-tahapan sebagai berikut: identifikasi

masalah, analisis, perancangan, implementasi, pengujian, dan perawatan.

Beberapa kesimpulan dari penelitian ini adalah:

1. Website sudah mampu menampilkan profil sekolah dan perkembangan

sekolah, data siswa, data guru, data karyawan, informasi tentang

kegiatan sekolah, prestasi sekolah, dan terdapat menu upload dan

download materi.

2. Pengguna website mempunyai menu utama dan fitur-fitur sesuai hak

aksesnya.

3. Pengolahan materi bahan ajar dapat lebih teratur dengan fasilitas

download dan upload materi

4. Jangkauan penyebaran informasi tentang sekolah dapat lebih maksimal

karena daerah jangkauan informasi dari website yang luas.

17

5.2 Saran

Setelah mengevaluasi laporan skripsi ini, penulis berharap skripsi ini dapat

dikembangkan lebih lanjut dengan saran-saran pengembangan sebagai berikut :

1. Perlu adanya fitur data siswa yang lebih lengkap seperti kelas, melihat data nilai

dan ubah foto

2. Perlu model konsultasi pelajaran dapat melibatkan interaksi banyak siswa akan

suatu topic. Dapat dikembangkan modul forum sehingga siswa-siswa dapat

saling menanggapi pertanyaan dan terjadi diskusi didalamnya.

3. Perlu model pengujian atau ujian lewat website sehingga siswa dengan mudah

belajar mngerjakan tugas melalui website.

4. Perlu adanya fasilitas chat, sehingga siswa dan alumni nantinya dapat

berkomunikasi diwebsite.

18

Daftar Pustaka

Hanif Al Fatta, scotf, 1996, “Analisis & Perancangan Sistem Informasi: untuk

keunggulan bersaing perusahaan & organisai Modern (Jogjakarta, Andi)”.

Kusrini. M.Kom, Andri Koniyo, “Tuntunan Praktis MEmbangun Sistem

Informasi Akuntansi Dengan Visual Basic & Microsoft SQL Server” (Penerbit,

Andi)”.

http:// www.viraindo.com

http:// www.000webhost.com

http:// ilmukomputer.com

http:// google.com