Analisis Dan Perancangan Website Pada Bimbingan Belajar Happy Kids Sebagai Media Promosi. Naskah Publikasi. diajukan oleh Toto Wijanarko

Transkripsi

1 Analisis Dan Perancangan Website Pada Bimbingan Belajar Happy Kids Sebagai Media Promosi Naskah Publikasi diajukan oleh Toto Wijanarko kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011

2

3 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

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

5 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:

6 BAB I BAB II BAB III BAB IV BAB V PENDAHULUAN Bab ini menguraikan tentang latar belakang masalah, rumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metode penelitian, dan sistematika penulisan laporan penelitian. TINJAUAN PUSTAKA DAN LANDASAN TEORI Bab ini berisi tentang dasar-dasar teori yang digunakan dalam penelitian. ANALISIS DAN PERANCANGAN SISTEM Dalam hal ini akan membahas tentang tinjauan umum, perancangan sistem, perancangan proses, perancangan basis data dan perancangan antarmuka. IMPLEMENTASI DAN PEMBAHASAN Bab ini berisi implementasi dan pembahasan sistem. 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 tertentu 1. 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 Bunafit Nugroho, PHP&MySQL dengan editor dreamweaver MX, Hal 1.

7 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 terorganisir Script yang digunakan Script yang digunakan dalam pembuatan website ini adalah HTML, PHP, CSS, dan JavaScript 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 / ) PHP PHP termasuk jenis server side scripting. PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side CSS Cascading Style Sheet (CSS) adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen 5. 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 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 Opera Software yang digunakan Software yang digunakan adalah XAMPP. Macromedia Dreamweaver MX, Adobe Photoshop CS2, Web Browser Mozilla Firefox Ema Utami dan Sukrisno, Konsep Dasar Pengolahan dan Pemrograman Database dengan SQL Server, Ms.Access, dan Ms. Visual Basic, hal Widiarta, Bahan kuliah Pemrograman Internet, Juju, Andi Sunyoto, AJAX Membangun Web dengan Teknologi Asynchronouse JavaScript & XML, hal 17.

8 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 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 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 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 DDR MB c. VGA ATI Radeon 128 MB d. HDD 320 GB

9 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 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 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 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 Perancangan Basis Data Racangan yang digunakan yaitu dengan metode ER-D model. Informasi yang di butuhkan sistem happy kids 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

10 dijalankan oleh computer. 4.2 Implementasi Interface Implementasi Interface Administrator Halaman Login Implementasi Interface web page Halaman about untuk admin Implementasi Interfase Login Halaman Login Member Implementasi Interfase Admin

11 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 Halaman Utama User Pada halaman ini memuat menu-menu utama yang berada pada awal web ini dibuka oleh user Halaman Utama Administrator Pada halaman ini memuat menu menu utama administrator yang berada setelah administrator berhasil login. 4.4 Uji Coba Program 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 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.

12 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 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 PHP&MySQL dengan editor Dreamweaver MX. ANDI.

13 Sunyoto, A AJAX Membangun Web dengan Tegnologi Asynchronouse JavaScript & XML. ANDI. Utami, E dan Sukrisno Konsep Dasar Pengolahan dan Pemrograman Database dengan SQL Server, Ms.Acces, dan Ms. Visual Basic. ANDI. Utami, E RDBMS menggunakan MS SQL Server 2000.Yogyakarta: Graha Ilmu. Widhiarta. Bahan kuliah Pemrograman Internet