Analisis Dan Perancangan Website Pada Bimbingan Belajar Happy

Kids Sebagai Media Promosi

Naskah Publikasi

diajukan oleh

Toto Wijanarko

09.21.0415

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2011

WEBSITE DESIGN ANALYSIS AND HAPPY KIDS LEARNING IN MENTORING

AS MEDIA PROMOTION

ANALISIS DAN PERANCANGAN WEBSITE PADA BIMBINGAN BELAJAR HAPPY

KIDS SEBAGAI MEDIA PROMOSI

Toto Wijanarko

Jurusan Teknik Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

In writing this essay the author discusses the analysis and design of information systems making web-based tutorials using Macromedia Dreamweaver MX, Mozilla Firefox, and Macromedia Firework and XAMPP. The main purpose of making information systems tutoring is to improve the ability of student competence, it is necessary to the existence of optimal effort in teaching and learning system. One of them is a tutoring program through assistance in classroom teaching-learning process as well as activities outside the classroom.

With the media on this website, enables customers to access information easily and quickly. Guidance system is designed to facilitate students to search for information

that can be done quickly.

Keywords: Systems, Web, History learning guidance

1. PENDAHULUAN

1.1 Latar Belakang Masalah

Dalam rangka peningkatan kemampuan kompetensi siswa serta terarahnya

perubahan perilaku positif sebagaimana tujuan pengajaran disekolah, maka perlu adanya

upaya optimal dalam sistem belajar mengajar. Salah satunya adalah berupa program

bimbingan belajar melalui pendampingan pada proses belajar mengajar dikelas maupun

kegiatan diluar kelas.

Oleh karena itu perlu dilakukan peninjauan kembali kurikulum dan strategi belajar

mengajar disekolah. Guna menjamin tercapainya penguasaan kompetensi lulusan

mengingat semakin banyaknya siswa yang tidak dapat melanjutkan kesekolah yang lebih

tinggi maupun tidak mendapatkan pekerjaan sesuai dengan kompetensi yang dimiliki dan

karenanya mereka perlu di bantu agar mendapat tempat dalam dunia pekerjaan.

Dengan demikian, sekolah mendapat tugas baru tanpa mengurangi arti program

perluasan kurikulum yang formal, program bimbingan belajar melalui pendampingan

pada proses belajar mengajar selanjutnya diharapkan menjadi salah satu solusi dalam

upaya membantu mengatasi permasalahan atau kesulitan belajar siswa yang mampu

mendorong perkembangan siswa untuk mencapai harapan yang diinginkan. Berdasarkan

uraian tersebut maka dapat diambil sebuah judul yaitu Analisis Dan Perancangan

Website Pada Bimbingan Belajar Happy Kids Sebagai Media Promosi.

1.2 Rumusan Masalah

a. Bagaimana caranya membangun website yang sesuai dengan bimbungan

belajar happy kids?

b. Bagaimana agar website ini dapat meninformasikan kepada masyarakat

tentang bimbingan belajar mulai dari desain, ukuran, dan yang lainnya?

1.3 Batasan Masalah

Menghindari meluasnya permasalahan yang akan dibahas maka kami

membatasi ruang lingkup permasalahan dalam merancang portal web dan menganalisis

masalah, yaitu:

a. Desain web

b. Perancangan database

c. Fasilitas-fasilitas yang ada di web ini.

1.4 Tujuan Penelitian

Tujuan dari penelitian ini adalah:

1. Internal:

Pengertian internal yang dimaksud adalah dilihat dari sisi penulis.

2. Eksternal:

Pengertian eksternal yang dimaksud adalah dari sisi perusahan.

1.5 Manfaat Penelitian

Memungkinkan untuk melakukan pemanfaatan teknologi informasi sebagai

upaya untuk memberikan pelayanan dan bahan pembelajaran tentang rancang bangun

sistem infomasi kepada para siswa khususnya dan masyarakat umumnya.

1.6 Metode Penelitian

Metode pencarian fakta dan pengumpulan data yang digunakan dalam

membangun web yang akan dirancang penulis menggunakan beberapa metode

penelitian antara lain:

1. Metode observasi

Suatu metode pengumpulan data dengan cara melakukan penelitian dan

perbandingan dengan situs web yang telah ada.

2. Metode Wawancara

Pengumpulan data dengan cara mengajukan pertanyaan-pertanyaan yang

sesuai dengan masalah yang akan dipecahkan.

3. Metode Kepustakaan

Mempelajari literatur berupa buku-buku pribadi, buku-buku yang ada di

perpustakaan serta internet yang berhubungan dengan pemrograman

internet.

4. Analisis Sistem

Menganalisis sistem yang sudah ada sehingga menemukan kelemahan-

kelemahan dari sistem yang berjalan, sehingga dapat diusulkan

perbaikannya.

1.7 Sistematika Penulisan

Secara garis besar sistematika penulisan laporan skripsi ini adalah sebagai

berikut:

BAB I PENDAHULUAN

Bab ini menguraikan tentang latar belakang masalah, rumusan

masalah, batasan masalah, tujuan penelitian, manfaat penelitian,

metode penelitian, dan sistematika penulisan laporan penelitian.

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI

Bab ini berisi tentang dasar-dasar teori yang digunakan dalam

penelitian.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Dalam hal ini akan membahas tentang tinjauan umum, perancangan

sistem, perancangan proses, perancangan basis data dan perancangan

antarmuka.

BAB IV IMPLEMENTASI DAN PEMBAHASAN

Bab ini berisi implementasi dan pembahasan sistem.

BAB V PENUTUP

Bab ini merupakan bab yang menyajikan kesimpulan penelitian serta

saran.

2. LANDASAN TEORI

2.1 Konsep Sistem

Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai

tujuan tertentu1. Jadi setiap sistem memiliki subsistem – subsistem, dan subsistem tadi

terdiri atas komponen – komponen atau elemen – elemen sebagai penyusunnya.

2.2 Konsep Dasar Web

Internet adalah suatu informasi global yang dapat dikatakan sebagai teknologi

tercanggih abad ini. Secara etimologis, internet berasal dari bahasa inggris, (inter

connected network) inter dapat juga berarti antar dan net berarti jaringan sehingga dapat

kita artikan hubungan antar jaringan. Internet merupakan jaringan komputer yang

menghubungkan banyak komputer di dunia. Suatu komputer dapat dikatakan terkoneksi

internet jika sudah terhubung dengan suatu jaringan yang mengakses ke jaringan global

tersebut (internet).2

1 Jogiyanto, Analisis & Desain, hal 2. 10 Bunafit Nugroho, PHP&MySQL dengan editor dreamweaver MX, Hal 1.

2.3 Basis Data

Database merupakan sekumpulan data yang saling terintegrasi satu sama lain

dan terorganisasi berdasarkan sebuah skema atau struktur tertentu dan tersimpan pada

sebuah hardware komputer. Database terdiri dari beberapa tabel yang saling

terorganisir3.

2.4 Script yang digunakan

Script yang digunakan dalam pembuatan website ini adalah HTML, PHP, CSS,

dan JavaScript.

2.4.1 HTML (Hypert Text Markup Language)

HTML termasuk jenis client side scripting. Merupakan bahasa pemrograman

yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar

kode HTML tersebut harus terletak diantara tag container yaitu diawali dengan

<nametag> dan diakhiri dengan </nametag> (terdapat tanda “/”).

2.4.2 PHP

PHP termasuk jenis server side scripting. PHP adalah bahasa scripting yang

menyatu dengan HTML dan dijalankan pada server side4.

2.4.3 CSS

Cascading Style Sheet (CSS) adalah bahasa style sheet yang digunakan untuk

mengatur tampilan dokumen5 . CSS merupakan sebuah metode untuk mempersingkat

penulisan tag HTML, seperti font, color, text dan table menjadi lebih ringkas sehingga

tidak terjadi pengulangan penulisan dan mempercepat proses rendering (pembacaan

kode) HTML.

2.4.4 JAVASCRIPT

JavaScript merupakan client slide scripting yang populer di internet dan dapat

bekerja disebagian besar browser populer seperti Internet Explorer (IE), Mozilla FireFox,

Netscape dan Opera6.

2.5 Software yang digunakan

Software yang digunakan adalah XAMPP. Macromedia Dreamweaver MX, Adobe

Photoshop CS2, Web Browser Mozilla Firefox 3.5.

. 3 Ema Utami dan Sukrisno, Konsep Dasar Pengolahan dan Pemrograman Database dengan SQL

Server, Ms.Access, dan Ms. Visual Basic, hal 25. 4 Widiarta, Bahan kuliah Pemrograman Internet, 2007 5 Juju, 2007. 6 Andi Sunyoto, AJAX Membangun Web dengan Teknologi Asynchronouse JavaScript & XML,

hal 17.

2.5.1 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi

yang berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri atas program

Apache HTTP Server, MySQL database dan penerjemahan bahasa yang ditulis dengan

bahasa pemrograman PHP dan Perl.

2.5.2 Macromedia Dreamweaver MX

Dreamwever MX dapat digunakan sebagai editor untuk berbagai bahasa web

scripting antara lain HTML, ASP, PHP, JSP, XML. Selain itu Dreamwever MX memiliki

kelebihan diantaranya mempermudah editing karena Macromedia Dreamweaver memiliki

berbagai fasilitas untuk mengimpor obyek dalam web dengan mudah seperti table, form,

gambar, layer, object flash, pembuatan link, dengan mudah hingga tersedianya library

untuk beberapa server side scripting seperti PHP, ASP, XML tanpa harus menulis

scriptnya.

2.5.3 Adobe Photoshop CS2

Sebuah program pengolah gambar dan photo yang semakin digemari. Hal ini

dikarenakan fitur-fitur memberikan banyak kemudahan dalam pengolahan file, editing,

maupun modifikasi photo.

2.5.4 Web Browser Mozilla Firefox 3.5

Mozilla Firefox 3.5 atau lebih familiarnya lagi dengan sebutan Mozilla merupakan

program aplikasi web browser canggih dari perusahaan Firefox. Web browser ini

termasuk ke dalam jajaran web browser terbaik saat ini, meskipun popularitasnya sedikit

di bawah Internet Explorer. Web browser ini sangat canggih dan paling banyak

digunakan saat ini. Stabil, aman, dan cepat merupakan senjata utama dari Mozilla

Firefox. Itulah alasannya mengapa kami memutuskan untuk menggunakan Web Browser

Mozilla Firefox pada pembuatan program sistem ini.

2.6 Hardware yang digunakan

Kebutuhan system untuk mengetahui secara tepat hardware yang digunakan.

Adapun hardware yang digunakan dalam membangun dan mengimplementasikan

system ini adalah:

a. Processor AMD Turion 2.2 Ghz

b. RAM DDR2 1024 MB

c. VGA ATI Radeon 128 MB

d. HDD 320 GB

e. DVD RW

3. ANALISIS DAN PERANCANGAN SISTEM

3.1 Tinjaun Umum

3.2 Analisis Sistem

Dalam tahap ini yang perlu diketahui dan dipertimbangkan adalah alasan

timbulnya gagasan untuk mengembangkan sistem yang sudah ada menjadi sistem baru.

Adapun alasan utama mengimplementasikan konsep ini diantaranya adalah:

1. Biaya murah

2. Informasi yang disampaikan lebih up to date dan lebih cepat

3. Informasi mudah diterima oleh Masyarakat

4. Meningkatkan keuntungan perusahaan.

3.3 Perancangan Sistem

3.3.1 Konsep Perancangan Website

Website happy kids terdiri dari dua halaman utama yaitu halaman untuk user dan

halaman untuk administrator. Halaman admin berguna untuk memantau dari keseluruhan

halaman web disamping untuk melakukan proses peng-update-an informasi.

3.3.2 Struktur Link Desain Website

Website Happy Kids ini terdiri dari beberapa link yang menampilkan informasi

baik yang bersifat statis maupun dinamis. Struktur situs web berguna untuk mengetahui

struktur relasional situs yang akan dimuat.

3.3.3 Perancangan Proses

Pemodelan proses sistem yang dibuat kali ini adalah menggunakan pemodelan

fisik (phisycal model) yaitu dengan flowchart system dan pemodelan logic (logical model)

yaitu DFD.

3.3.4 Perancangan Basis Data

Racangan yang digunakan yaitu dengan metode ER-D model. Informasi yang di

butuhkan sistem happy kids.

3.3.5 Layout Interfase

Layout antarmuka aplikasi seperti pada halaman berbasis web pada umumnya.

Secara umum lay out interface dari semua aktor.

4. IMPLEMENTASI DAN PEMBAHASAN

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

4.2 Implementasi Interface

4.2.1 Implementasi Interface Administrator

Halaman Login

4.2.2 Implementasi Interface web page

Halaman about untuk admin

4.2.3 Implementasi Interfase Login

Halaman Login Member

4.2.4 Implementasi Interfase Admin

1. Halaman Home User

4.3 Pembahasan Program

Untuk mempermudah pembahasan program maka akan dibahas perhalaman.

Sebagai contoh pembahasan program adalah halaman utama user dan halaman utama

administrator.

4.3.1 Halaman Utama User

Pada halaman ini memuat menu-menu utama yang berada pada awal web ini

dibuka oleh user.

4.3.2 Halaman Utama Administrator

Pada halaman ini memuat menu – menu utama administrator yang berada

setelah administrator berhasil login.

4.4 Uji Coba Program

4.4.1 Pengujian White Box

Tes ini dimaksudkan untuk meramalkan cara kerja perangkat lunak secara rinci.

Karenanya logical path (jalur logika) perangkat lunak akan dites dengan menyediakan

test case yang akan mengerjakan kumpulan kondisi atau pengulangan secara spesifik.

4.4.2 Pengujian Black Box

Pada bagian menu login admin, ketika admin melakukan login dan salah

memasukkan username atau password, maka login tidak diterima dan tampilan akan

kosong atau refresh untuk tampilan awal login sedangkan ketika admin benar

memasukkan username dan password maka login berhasil dan akan muncul tulisan

”welcome administrator”, dan tentu saja menu-menu yang ada pada admin berbeda

dengan menu untuk user biasa.

4.5 Implementasi Sistem

Setelah dilakukan pengetesan dan publikasi sistem maka perlu diadakan

implementasi sistem. Sistem ini belum diimplementasikan pada happy kids.

4.6 Pemeliharaan Sistem

Maintenance sistem hanya difokuskan pada pem-backup-an file dan data dari

database serta pengelolaan data secara berkala. Langkah penggandaan bisa dilakukan

secara manual maupun menggunakan fasilitas dump dari phpMyAdmin.

5. KESIMPULAN

Kesimpulan yang dapat diambil dari hasil pembuatan laporan skripsi yang

berjudul “ ANALISIS DAN PERANCANGAN WEBSITE PADA BIMBINGAN BELAJAR

HAPPY KIDS SEBAGAI MEDIA PROMOSI” adalah sebagai berikut:

1. Untuk membangun website ini memerlukan desain yang sesuai dengan

temanya agar dapat menarik perhatian para siswa.

2. Ditinjau dari segi biaya, penggunaan website lebih murah di bandingkan

dengan memakai brosur karena perusahaan cukup mempublish semua

informasi yang ada ke dalam website.

3. Media web lebih dinamis, efisien dan efektif untuk melakukan

pengembangan serta penyampaian informasi.

4. Dengan adanya media website ini, memungkinkan pelanggan mengakses

informasi dengan mudah dan cepat.

5. Sistem bimbingan ini dibuat untuk memudahkan siswa untuk pencarian

informasi sehingga dapat dilakukan dengan cepat.

6. Dari segi desain, website ini di buat sesuai dengan tampilan yang menarik

perhatian siswa.

Daftar Pustaka

Fatansyah, Basis Data, Penerbit Informatika Bandung,1999, Hal.2

HM, Jogiyanto. 2005. Analisis dan Desain. Yogyakarta: ANDI

Juju, Dominikus, 2006, Kupas Tuntas CSS, Jakarta : PT Elex Media Komputindo.

Kadir, Abdul, 2003, Konsep dan Tuntunan Praktis Basis Data, Yogyakarta : Penerbit ANDI.

Nugroho, B. 2004. PHP&MySQL dengan editor Dreamweaver MX. ANDI.

Sunyoto, A. 2007. AJAX Membangun Web dengan Tegnologi Asynchronouse JavaScript &

XML. ANDI.

Utami, E dan Sukrisno. 2005. Konsep Dasar Pengolahan dan Pemrograman Database

dengan SQL Server, Ms.Acces, dan Ms. Visual Basic. ANDI.

Utami, E. 2008. RDBMS menggunakan MS SQL Server 2000.Yogyakarta: Graha Ilmu.

Widhiarta. Bahan kuliah Pemrograman Internet. 2007.

http://id.wikipedia.org/wiki/Perancangan_web

http://id.wikipedia.org/wiki/XAMPP

http://id.wikipedia.org/wiki/Apache_HTTP_Server