PENGEMBANGAN KAMUS BERBASIS WEB MENGGUNAKAN ACTIVE SERVER PAGES

PENGEMBANGAN KAMUS BERBASIS WEB MENGGUNAKAN ACTIVE SERVER PAGES SKRIPSI Diajukan kepada Fakultas Teknik Universitas Negeri Yogyakarta Untuk Memenuhi Sebagian Persyaratan Guna Memperoleh Gelar Sarjana Pendidikan Disusun oleh : Didik Hariyanto 96514023 PROGRAM STUDI PENDIDIKAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA 2003

HALAMAN PERSETUJUAN PENGEMBANGAN KAMUS BERBASIS WEB MENGGUNAKAN ACTIVE SERVER PAGES SKRIPSI Disusun oleh : Didik Hariyanto 96514023 Telah disetujui untuk dipertahankan di depan Panitia Penguji Skripsi Fakultas Teknik Universitas Negeri Yogyakarta Disetujui oleh : Dosen Pembimbing I Dosen Pembimbing II Drs. Samsul Hadi, M.Pd., M.T. Drs. Priyanto, M.Kom. NIP. 131413378 NIP. 131474283 Mengetahui : Ketua Program Studi Pendidikan Teknik Elektro Fakultas Teknik Universitas Negeri Yogyakarta Drs. Imam Mustholiq Mussama NIP. 130799874 ii

HALAMAN PENGESAHAN PENGEMBANGAN KAMUS BERBASIS WEB MENGGUNAKAN ACTIVE SERVER PAGES SKRIPSI Disusun oleh : Didik Hariyanto 96514023 Telah dipertahankan di depan Panitia Ujian Skripsi Fakultas Teknik Universitas Negeri Yogyakarta pada tanggal 15 Maret 2003 dan dinyatakan telah memenuhi syarat guna memperoleh gelar Sarjana S1 Kependidikan Susunan Panitia Penguji Nama Lengkap dan Gelar Tanda Tangan 1. Ketua Penguji : Drs. Samsul Hadi, M.Pd., M.T. 1. 2. Sekretaris : Drs. Imam Mustholiq Mussama 2. 3. Penguji Utama I : Drs. Haryanto, M.Pd., M.T. 3. 4. Penguji Utama II : Drs. Mutaqin, M.Pd., M.T. 4. 5. Pendamping : Drs. Priyanto, M.Kom. 5. Yogyakarta, 12 April 2003 Dekan Fakultas Teknik UNY DR. H. Sugiyono, M.Pd. NIP. 130693811 iii

SURAT PERNYATAAN KEASLIAN Yang bertanda tangan di bawah ini, saya : Nama : Didik Hariyanto NIM : 96514023 Jurusan : Pendidikan Teknik Elektro Fakultas : Teknik Menyatakan bahwa karya ilmiah saya Tugas Akhir Skripsi yang berjudul : PENGEMBANGAN KAMUS BERBASIS WEB MENGGUNAKAN ACTIVE SERVER PAGES, Sepenuhnya adalah hasil pekerjaan saya dan sejauh yang saya kerjakan tidak berisi materi yang dipakai dan ditulis oleh orang lain atau telah digunakan sebagai persyaratan bagi penyelesaian studi pada Perguruan Tinggi lain, kecuali dalam bagian-bagian tertentu yang saya ambil sebagai acuan. Apabila pernyataan ini tidak benar dan ternyata terbukti sebagai karya plagiat, sepenuhnya menjadi tanggung jawab saya dan saya bersedia mempertanggungjawabkan secara hukum. Yogyakarta, 12 April 2003 Yang menyatakan, Didik Hariyanto NIM. 96514023 iv

HALAMAN PERSEMBAHAN 6HVXQJJXKQ\DVHPXDXUXVDQSHULQWDK DSDELOD$OODKPHQJKHQGDNLVHJDOD VHVXDWXQ\D$OODKKDQ\DEHUNDWD -DGLODKµPDNDMDGLODK6XUDW<DVLQ D\DW.DU\DLQLNXSHUVHPEDKNDQXQWXN,VWULGDQ$QDNNX%XGL/HVWDUL63GGDQ5HJLWD/DLQ\ %DSDNGDQ,EXNX1JDGLPDQGDQ6XNDUQL.DNDNNX'UV(GLH6XVDQWRGDQ$QLV6UL5DKD\X63G v

KATA PENGANTAR Bismillahirohmanirrohim Puji dan syukur ke hadirat Allah Subhanahu Wa Ta ala, karena berkat rahmat dan hidayahnya penulis dapat menyelesaikan Skripsi dengan judul Pengembangan Kamus Berbasis Web Menggunakan Active Server Pages. Adapun tujuan dari penulisan Skripsi ini adalah menghasilkan suatu aplikasi kamus online bahasa Inggris - bahasa Indonesia sebagai salah satu media pembelajaran. Penulis sadar bahwa penulisan Skripsi ini dapat terlaksana dengan baik, tidak lepas dari bantuan dan bimbingan semua pihak yang telah banyak membantu penyelesaian Skripsi ini. Oleh karena itu, dalam kesempatan ini penulis ingin mengucapkan terima kasih kepada : 1. Drs. Samsul Hadi, M.Pd., M.T., selaku Dosen Pembimbing I. 2. Drs. Priyanto, M.Kom., selaku Dosen Pembimbing II. 3. Drs. Imam Mustholiq Mussama, selaku Ketua Jurusan Pendidikan Teknik Elektro. 4. Dr. H. Sugiyono, M.Pd., selaku Dekan Fakultas Teknik Universitas Negeri Yogyakarta. 5. Prof. Drs. Suyanto, M.Ed., Ph.D., selaku Rektor Universitas Negeri Yogyakarta. vi

6. Dik Budi, yang telah banyak menyumbangkan tenaga dan pikirannya dalam penulisan Skripsi ini. 7. Rekan-rekan seperjuangan Elektro 96, yang telah banyak membantu dalam penulisan Skripsi ini. 8. Semua pihak yang telah membantu penulisan Skripsi ini yang tidak bisa disebutkan satu persatu. Penulis sangat menyadari bahwa hasil dari penulisan Skripsi ini masih jauh dari sempurna. Untuk itu saran dan kritik yang bersifat membangun sangat penulis harapkan. Demikianlah kiranya, dan apabila terdapat kekeliruan, penulis selaku penyusun yang dho if mohon dibenarkan untuk menjauhkan dari kesesatan. Akhir kata semoga Skripsi ini dapat memberikan manfaat sebagaimana mestinya. Yogyakarta, 12 April 2003 Penulis vii

DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii SURAT PERNYATAAN KEASLIAN... iv HALAMAN PERSEMBAHAN... v KATA PENGANTAR... vi DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xiii DAFTAR LAMPIRAN... xiv ABSTRAK... xv BAB I. PENDAHULUAN... 1 A. Latar Belakang... 1 B. Identifikasi Masalah... 2 C. Batasan Masalah... 3 D. Rumusan Masalah... 3 E. Tujuan Penelitian... 4 F. Kegunaan Penelitian... 4 BAB II. KAJIAN PUSTAKA... 5 I. Deskripsi Teori... 5 A. Tinjauan tentang Kamus... 5 B. Konsep Dasar Internet... 6 C. Konsep Dasar World Wide Web (WWW)... 8 D. Konsep Client/Server... 9 E. Web Database... 10 F. Database dan Diagram Entity-Relationship... 11 1. Database... 11 viii

2. Diagram Entity-Relationship... 13 G. Penanganan database menggunakan ADO, SQL, dan ASP... 16 1. ActiveX Data Objects... 16 2. Membuat koneksi... 16 3. Menutup koneksi... 17 4. Menjalankan query... 17 5. Membuka recordset... 18 6. Navigasi dalam recordset... 20 7. Menambahkan record baru dalam tabel... 21 8. Mengubah record dalam recordset... 22 II. Kerangka Berpikir... 23 BAB III. METODOLOGI PENELITIAN... 25 A. Tempat dan Waktu... 25 B. Obyek Penelitian... 25 C. Peralatan Penelitian... 25 1. Perangkat Komputer... 25 2. Perangkat Lunak... 26 a. HyperText Markup Language (HTML)... 26 b. Active Server Pages (ASP)... 27 c. Structured Query Language (SQL)... 28 d. Microsoft Access... 30 e. Personal Web Server... 32 f. Internet Explorer sebagai Browser... 32 D. Metode Pengembangan Perangkat Lunak... 34 1. Analisis... 34 2. Desain... 34 3. Implementasi... 35 4. Pengujian... 36 ix

BAB IV. HASIL PENELITIAN DAN PEMBAHASAN... 41 A. Pengembangan Perangkat Lunak... 41 1. Analisis... 41 a. Analisis kebutuhan pemakai... 41 b. Analisis kerja... 42 c. Context Diagram... 45 2. Desain... 46 a. Desain Data Flow Diagram (DFD) Level 1... 47 b. Perancangan sistem basis data... 50 c. Desain diagram alir program (flowchart)... 52 d. Desain menu... 52 e. Desain tampilan... 55 3. Implementasi... 73 4. Pengujian... 90 B. Pembahasan Hasil Penelitian... 94 BAB V. PENUTUP... 98 A. Kesimpulan... 98 B. Keterbatasan Sistem... 98 C. Saran... 99 DAFTAR PUSTAKA... 100 x

DAFTAR GAMBAR Gambar 1. Konsep client/server... 9 Gambar 2. Simbol-simbol dalam Diagram E-R... 13 Gambar 3a. Diagram E-R untuk relasi satu ke satu... 14 Gambar 3b. Diagram E-R untuk relasi satu ke banyak... 15 Gambar 3c. Diagram E-R untuk relasi banyak ke banyak... 15 Gambar 4. Context Diagram... 45 Gambar 5. Desain DFD level 1... 48 Gambar 6. Diagram Entity-Relationship... 51 Gambar 7. Desain Flowchart... 53 Gambar 8. Desain Menu... 54 Gambar 9. Desain tampilan halaman HOME... 55 Gambar 10. Desain tampilan halaman SEE ALL... 56 Gambar 11. Desain tampilan halaman SEARCH... 57 Gambar 12. Desain tampilan halaman RESULT OF SEARCHING... 58 Gambar 13. Desain tampilan halaman GUEST BOOK... 59 Gambar 14. Desain tampilan halaman THANK YOU... 60 Gambar 15. Desain tampilan halaman LIST OF THE GUEST BOOK... 61 Gambar 16. Desain tampilan halaman MODIFY... 62 Gambar 17. Desain tampilan halaman MODIFY THE TERM... 63 Gambar 18. Desain tampilan halaman INSERT THE TERM... 64 Gambar 19. Desain tampilan halaman UPDATE THE TERM... 65 Gambar 20. Desain tampilan halaman DELETE THE TERM... 66 Gambar 21. Desain tampilan halaman MODIFY THE CATEGORY... 67 Gambar 22. Desain tampilan halaman INSERT THE CATEGORY... 68 Gambar 23. Desain tampilan halaman UPDATE THE CATEGORY... 69 Gambar 24. Desain tampilan halaman DELETE THE CATEGORY... 70 Gambar 25. Desain tampilan halaman MODIFY THE PASSWORD... 71 Gambar 26. Desain tampilan halaman UPDATE THE PASSWORD... 72 Gambar 27. Tampilan halaman utama (HOME)... 79 xi

Gambar 28. Tampilan halaman SEE ALL... 80 Gambar 29. Tampilan halaman SEARCH... 81 Gambar 30. Tampilan halaman RESULT OF SEARCHING... 81 Gambar 31. Tampilan halaman LOGIN FOR ADMIN... 82 Gambar 32. Tampilan halaman MODIFY THE TERM... 83 Gambar 33. Tampilan halaman INSERT THE TERM... 84 Gambar 34. Tampilan halaman UPDATE THE TERM... 84 Gambar 35. Tampilan halaman DELETE THE TERM... 84 Gambar 36. Tampilan halaman MODIFY THE CATEGORY... 85 Gambar 37. Tampilan halaman INSERT THE CATEGORY... 86 Gambar 38. Tampilan halaman UPDATE THE CATEGORY... 86 Gambar 39. Tampilan halaman DELETE THE CATEGORY... 86 Gambar 40. Tampilan halaman MODIFY THE PASSWORD... 87 Gambar 41. Tampilan halaman UPDATE THE PASSWORD... 88 Gambar 42. Tampilan halaman GUEST BOOK... 89 Gambar 43. Tampilan halaman THANK YOU... 89 Gambar 44. Tampilan halaman LIST OF GUEST BOOK... 89 xii

DAFTAR TABEL Tabel 1. Nilai-nilai Parameter CursorType... 20 Tabel 2. Nilai-nilai Parameter LockType... 20 Tabel 3. Spesifikasi Microsoft Access... 31 Tabel 4. Pengujian program Kamus Berbasis Web... 38 Tabel 5. Hasil terjemahan istilah dengan program Kamus Berbasis Web... 39 Tabel 6. Hasil terjemahan istilah dengan menggunakan buku kamus... 39 Tabel 7. Perbandingan hasil terjemahan istilah dengan program Kamus Berbasis Web dan buku kamus... 40 Tabel 8. Tabel Istilah... 51 Tabel 9. Tabel Kategori... 51 Tabel 10. Tabel Password... 51 Tabel 11. Tabel Guest... 51 xiii

DAFTAR LAMPIRAN Lampiran 1. Pengujian program Kamus Berbasis Web... 102 Lampiran 2. Hasil terjemahan istilah dengan program Kamus Berbasis Web.. 103 Lampiran 3. Hasil terjemahan istilah dengan menggunakan buku kamus... 104 Lampiran 4. Perbandingan hasil terjemahan istilah dengan program Kamus Berbasis Web dan buku kamus... 105 Lampiran 5. Kode program... 106 xiv

PENGEMBANGAN KAMUS BERBASIS WEB MENGGUNAKAN ACTIVE SERVER PAGES ABSTRAK Oleh : Didik Hariyanto Penelitian ini bertujuan untuk mengembangkan perangkat lunak Kamus Berbasis Web dengan menggunakan Active Server Pages. Perangkat lunak ini dapat dimanfaatkan sebagai media informasi dalam mencari istilah-istilah yang tidak diketahui maknanya dengan mudah, cepat dan murah serta tidak terbatas oleh waktu. Penelitian ini menggunakan metode pemgembangan perangkat lunak secara umum yang melalui 4 tahapan. Tahapan pertama, analisis yaitu analisis kebutuhan pemakai, analisis kerja, dan context diagram. Tahapan kedua, desain meliputi Data Flow Diagram Level 1, yang menggambarkan aliran data spesifik dari proses program, Entity-Relationship Diagram dan Pemetaan Logical, yang menggambarkan relasi antar tabel-tabel yang ada, diagram alir program (flowchart), yang merupakan gambaran urutan proses dan hubungan antara proses secara mendetail dalam program, desain menu yang dibuat dengan model HIPO (Hierarchy plus Input-Proses-Output) dan desain tampilan. Tahapan ketiga, implementasi yaitu tahap menterjemahkan modul-modul hasil desain dengan menggunakan bahasa pemrograman ke dalam bentuk aplikasi Kamus Berbasis Web. Bahasa pemrograman dan perangkat lunak yang digunakan dalam pembuatan Kamus Berbasis Web adalah HTML, Active Server Pages, SQL, Microsoft Access, Personal Web Server dan Internet Explorer. Tahapan keempat, pengujian. Pengujian perangkat lunak Kamus Berbasis Web ini, dilakukan dengan sistem pengujian Black Box Testing. Pengembangan Kamus Berbasis Web dalam penelitian ini menggunakan metode pengembangan perangkat lunak yang terdiri dari tahap analisis, desain, implementasi, dan pengujian. Dari hasil pengujian menunjukkan bahwa unjuk kerja aplikasi perangkat lunak Kamus Berbasis Web dengan menggunakan Active Server Pages sudah baik. xv

BAB I PENDAHULUAN A. Latar Belakang Perkembangan teknologi Internet yang pesat telah memacu munculnya berbagai aplikasi baru termasuk di bidang pendidikan. Bidang pendidikan mencakup banyak hal, salah satunya pengajaran dan yang tidak kalah pentingnya adalah ketersediaan akan materi pelajaran. Untuk menunjang tersedianya materi pelajaran tersebut, maka perlu adanya kamus yang dapat digunakan untuk mengetahui arti istilah-istilah yang susah untuk dimengerti. Cara penggunaan kamus konvensional yang berupa sebuah buku, diperlukan adanya ketelitian dan ketrampilan tersendiri untuk mencari istilahistilah yang diperlukan. Terkadang dalam penggunaan kamus konvensional tidak ditemukan istilah yang dicari, yang kemudian menuntut untuk digunakan kamus yang lebih lengkap dengan perbendaharaan kata yang lebih banyak. Penggunaan kamus konvensional kurang efektif terutama bila istilahistilah yang dicari terlalu banyak. Salah satu alternatif yang dipandang lebih baik adalah penggunaan teknologi Internet sebagai basis untuk dibuatnya Kamus Berbasis Web atau yang biasa disebut dengan e-dictionary. Kamus Berbasis Web diharapkan dapat dijadikan alternatif bagi pengembangan dunia pendidikan yang lebih efektif dan efisien dengan biaya yang lebih rendah di masa mendatang. 1

Kamus Berbasis Web pada dasarnya kamus konvensional yang dijalankan pada teknologi Internet. Dengan penggunaan teknologi Internet tersebut, maka Kamus Berbasis Web dapat diakses oleh siapapun dan dimanapun dalam waktu yang bersamaan. Keuntungan yang lain adalah Kamus Berbasis Web memanfaatkan database sebagai tempat penyimpanan data. Dengan penggunaan database tersebut, maka dapat dilakukan penambahan data maupun pengubahan data. Pencarian kata juga dapat dilakukan dengan cepat dan adanya pilihan pencarian yang bervariasi. Pembuatan Kamus Berbasis Web ini, menggunakan bahasa pemrograman Active Server Pages (ASP) yang merupakan suatu skrip yang bersifat serverside. ASP bersifat server-side yang berarti adalah proses pengolahan skrip berlangsung di server sehingga pengguna tidak akan melihat skrip ASP tersebut pada browser, tetapi hanya akan melihat HTML hasil pengolahan (Smith : 2001). Dengan melihat keuntungan dan kelebihan dari Kamus Berbasis Web menggunakan bahasa pemrograman Active Server Pages (ASP) tersebut maka dirasa perlu untuk dibuat suatu Kamus Berbasis Web menggunakan Active Server Pages (ASP). B. Identifikasi Masalah Berdasarkan latar belakang diatas, terdapat beberapa permasalahan yang terkait dengan pengembangan Kamus Berbasis Web mengunakan Active Server Pages, yaitu permasalahan tentang : 1. Obyek yang dijadikan studi kasus. 2

2. Bentuk penyajian informasi yang diinginkan pengguna. 3. Istilah yang disajikan. 4. Bahasa pemrograman dan perangkat lunak yang digunakan dalam pembuatan Kamus Berbasis Web. C. Batasan Masalah Berdasarkan identifikasi masalah serta dengan memperhatikan keterbatasan waktu, tenaga, biaya dan kemampuan maka permasalahan dibatasi pada hal-hal sebagai berikut : 1. Pembuatan program untuk pengembangan Kamus Berbasis Web menggunakan Active Server Pages. 2. Sistem penyajian Kamus Berbasis Web dengan memanfaatkan fasilitas Internet. 3. Istilah yang disajikan dalam Kamus Berbasis Web bersifat umum. 4. Pembuatan Kamus Berbasis Web menggunakan bahasa pemrograman HTML, Active Server Pages, SQL dan perangkat lunak Microsoft Access, Personal Web Server dan Internet Explorer. D. Rumusan Masalah Dari latar belakang, identifikasi masalah dan batasan masalah tersebut dapat diturunkan dua buah rumusan permasalahan, yaitu : 1. Bagaimanakah mengembangkan Kamus Berbasis Web menggunakan Active Server Pages? 3

2. Bagaimana unjuk kerja Kamus Berbasis Web menggunakan Active Server Pages tersebut? E. Tujuan Penelitian Tujuan dalam penelitian Kamus Berbasis Web menggunakan Active Server Pages ini, yaitu : 1. Mengembangkan Kamus Berbasis Web menggunakan Active Server Pages. 2. Mengetahui unjuk kerja Kamus Berbasis Web menggunakan Active Server Pages. F. Kegunaan Penelitian Dengan penelitian ini diharapkan akan diperoleh Kamus Berbasis Web menggunakan Active Server Pages yang efektif. Penelitian ini sangat penting untuk dilakukan karena program ini dapat dimanfaatkan sebagai media informasi dalam mencari istilah-istilah yang tidak diketahui maknanya dengan mudah, cepat dan murah serta tidak terbatas oleh waktu. 4