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 kelemahankelemahan
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 2
tersebut (internet).
1
Jogiyanto, Analisis & Desain, hal 2. Bunafit Nugroho, PHP&MySQL dengan editor dreamweaver MX, Hal 1.
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 3
terorganisir . 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
dan diakhiri dengan (terdapat tanda “/”). 2.4.2 PHP PHP termasuk jenis server side scripting. PHP adalah bahasa scripting yang 4
menyatu dengan HTML dan dijalankan pada server side . 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, 6
Netscape dan Opera . 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. 4.1
IMPLEMENTASI DAN PEMBAHASAN 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
