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