BAB 2 LANDASAN TEORI 2.1 Definisi E-Learning Dikutip dari buku Clark dan Mayer (2008, p13), E-Learning merupakan instruksi pembelajaran jarak jauh dengan teknologi komputer melalui media CD- ROM, internet, atau intranet dengan berbagai fitur antara lain : o Meliputi isi konten yang relevan untuk pembelajaran yang objektif o Menggunakan metode instruksi seperti contoh-contoh soal latihan untuk membantu pembelajaran o Menggunakan elemen dari media seperti words dan pictures untuk mengirimkan isi konten dan metode o Membangun skill dan pengetahuan baru yang menghubungkan antar individu untuk mencapai pembelajaran atau untuk meningkatkan performasi organisasi Pembelajaran melalui e-learning mencakup konten (informasi) dan metode instruksi (teknik) yang membantu setiap orang untuk mempelajari konten tersebut. Pembelajaran ini didistribusikan melalui komputer dengan menggunakan words dalam sebuah form atau printed text gambar-gambar ilustrasi, foto, animasi, atau video yang dimaksudkan untuk membantu para pembelajar untuk mencapai pembelajaran objektif secara mandiri atau meningkatkan performasi mereka dalam berorganisasi. 6
7 2.2 Definisi E-Quiz Menurut Wikipedia (http://en.wikipedia.org/wiki/quiz), kuis adalah bentuk permainan atau olahraga pikiran dimana pemain (sebagai individu atau dalam tim) berusaha untuk menjawab pertanyaan dengan benar. Di beberapa negara, kuis juga merupakan penilaian singkat yang digunakan dalam bidang pendidikan dan sejenisnya untuk mengukur pertumbuhan pengetahuan, kemampuan, atau keterampilan. Kuis biasanya mencetak gol di poin dan kuis banyak yang dirancang untuk menentukan pemenang dari kelompok peserta - biasanya peserta dengan skor tertinggi. Sehingga dapat disimpulkan bahwa e-quiz ialah suatu bentuk permainan pikiran dengan teknologi komputer melalui media internet yang digunakan dalam bidang pendidikan untuk mengukur kemampuan dari peserta kuis dalam menjawab pertanyaan dengan benar. 2.3 Definisi Social Networking Dikutip dari IT Glossary, definisi dari Social Networking merupakan sebuah bentuk layanan internet yang ditujukan sebagai komunitas online bagi orang yang memiliki kesamaan aktivitas, ketertarikan pada bidang tertentu, atau kesamaan latar balakang tertentu. Social networking lazim disebut sebagai jaringan pertemanan. Layanan social network biasanya berbasis web, dilengkapi dengan beragam fitur bagi penggunanya agar dapat saling berkomunikasi dan berinteraksi.
8 Social Networking atau jejaring sosial merupakan konsep pengembangan yang bisa dimanfaatkan didalam dunia pendidikan. Social networking diaplikasikan kedalam bentuk situs jejaring sosial. Selain berguna untuk menjalin silaturrahim juga berguna untuk menunjang didalam meningkatkan efektifitas belajar. Bentuk social networking ini dapat dikembangkan dengan cara membentuk komunitas berupa kelompok belajar dan diskusi sesuai dengan minat dan bidang orang-orang yang terlibat didalamnya. Bentuk-bentuk pembelajaran yang bisa dimanfaatkan menggunakan situs jejaring sosial ini seperti: 1. Membuatkan grup dengan yang membahas satu bidang misalnya sistem informasi. 2. Membuat batasan grup secara umum ataupun hanya terbatas daerah, sekolah ataupun terbatas pelajaran tertentu saja. 3. Membuat kelompok kecil yang terdiri dari belasan orang yang hanya menerima anggota setelah disetujui. 4. Mengirimkan pesan ke seluruh anggota dan meminta tanggapan. Potensi-potensi yang terdapat disitus jejaring sosial inilah dapat meningkatkan proses pembelajaran secara digital. 2.4 Web 2.0. Menurut Tim O reilly (2005), kosakata Web 2.0 didefinisikan sebagai Web 2.0 adalah sebuah revolusi bisnis di dalam industri komputer, yang terjadi akibat
9 pergerakan Internet sebagai sebuah platform bisnis dan suatu usaha untuk mengerti aturan-aturan agar sukses di platform tersebut. Aturan utamanya adalah membangun aplikasi yang memanfaatkan efek jaringan dengan tujuan untuk mendapatkan pengguna yang lebih banyak. Prinsip-prinsip dari Web 2.0, antara lain sebagai berikut : - Web sebagai sebuah platform - Data sebagai pengendali utama - Efek jaringan diciptakan oleh partisipasi arsitektur - Inovasi dalam sistem rakitan yang menyatukan fitur dari yang terdistribusi menuju pengembangan yang independen - Model bisnis ringan yang dikembangkan dengan konten dan layanan syndication 2.5 Hypertext Transfer Protocol (HTTP) Hypertext Transfer Protocol merupakan sebuah metode atau cara yang digunakan untuk mengirimkan informasi di dalam World Wide Web. Digunakan sebagai cara untuk mengirimkan dan menerima informasi Hypertext Markup Language (HTML). Pengembangan HTTP dikoordinasikan oleh World Wide Web Consortium dan Internet Engineering Task Force. Titik puncaknya adalah menghasilkan sebuah seri dari RFCs, dikenal dengan RFC 2616 (pada tahun 1999), dan untuk selanjutnya
10 diartikan sebagai HTTP/1.1, sebuah versi dari HTTP yang masih digunakan sampai saat ini. HTTP adalah protokol pengirim dan penerima antara klien dan server. Web browser dapat diartikan sebagai klien, dan dapat juga disebut atau diartikan sebagai "pengguna". Sedangkan server tujuan merupakan penyedia dan penghasil data atau informasi, termasuk file, gambar dan lain sebagainya. 2.6 Unified Modelling Language (UML) a. Pengertian UML Menurut Whitten et al. (2004, p430), UML merupakan sekumpulan konvensi tentang pemodelan yang digunakan untuk menspesifikasi atau menggambarkan sistem software di dalam hal-hal tentang objek. b. Diagram-diagram UML i. Use Case Diagram Menurut Whitten et al. (2004, p271), use case diagram adalah diagram yang menggambarkan interaksi antara system, external system dan user. Dengan kata lain, diagram ini menjelaskan siapa yang akan menggunakan sistem tersebut dan bagaimana cara user tersebut berinteraksi dengan sistem.
11 Gambar 2.1 Use Case Diagram (Sumber : Joseph Schmuller, Teach yourself UML, 1999, p385) ii. Class Diagram Menurut Whitten et al. (2004, p441), class diagram menggambarkan struktur objek yang terdapat pada sebuah sistem. Diagram ini menunjukkan objek-objek yang terdapat pada suatu sistem serta relasi antar objek-objek tersebut.
12 Gambar 2.2 Class Diagram (Sumber : Joseph Schmuller, Teach yourself UML, 1999, p380) iii. Sequence Diagram Menurut Whitten et al. (2004, p441), sequence diagram menggambarkan bagaimana objek berinteraksi antara satu dengan yang lain melalui message dalam eksekusi dari sebuah use case atau sebuah operasi. Diagram ini menggambarkan bagaimana message dikirim dan diterima antar objek dan urutannya.
13 Gambar 2.3 Sequence Diagram (Sumber : Joseph Schmuller, Teach yourself UML, 1999, p383) iv. Activity Diagram Menurut Whitten et al. (2004, p442), activity diagram digunakan untuk menggambarkan alur aktivitas dari proses bisnis atau dari sebuah use case secara berurutan. Diagram ini juga digunakan untuk menggambarkan action (tindakan) yang akan dieksekusi ketika suatu proses sedang berjalan dan beserta hasil dari proses eksekusi tersebut.
14 Gambar 2.4 Activity Diagram (Sumber : Joseph Schmuller, Teach yourself UML, 1999, p378) 2.7 Interaksi Manusia dan Komputer (IMK) Menurut definisi dari ACM SIGCHI, Interaksi Manusia dan Komputer (IMK) atau Human-Computer Interaction adalah disiplin ilmu yang berhubungan dengan perancangan, evaluasi, dan implementasi sistem komputer interaktif untuk
15 digunakan oleh manusia, serta studi fenomena-fenomena besar yang berhubungan dengannya. Antarmuka merupakan unsur pokok dalam setiap pengembangan sistem yang ada. Oleh karena itu, penting untuk mengetahui faktor-faktor apa saja yang menentukan dalam merancang suatu antarmuka. Menurut Sneiderman (1998, p15), ada lima faktor manusia terukur yang dapat dijadikan sebagai pusat evaluasi, yaitu: 1. Waktu belajar, berapa lama waktu yang dibutuhkan oleh user untuk mempelajari cara relevan untuk melakukan suatu tugas? 2. Kecepatan kinerja, berapa lama waktu yang diperlukan untuk mengerjakan suatu tugas? 3. Tingkat kesalahan, berapa banyak kesalahan dan kesalahan-kesalahan apa yang bisa terjadi saat user mengerjakan tugas-tugas tersebut? 4. Daya ingat, bagaimana kemampuan pemakai mempertahankan pengetahuannya setelah jangka waktu tertentu? 5. Kepuasan subjektif, bagaimana kepuasan user terhadap berbagai aspek dari sistem? Selain itu, menurut Sneiderman (1998, p74-75), disebutkan pula ada delapan aturan emas yang digunakan dalam merancang antarmuka, yaitu:
16 a. Berusaha untuk konsisten, seperti penggunaan warna, layout, jenis huruf yang konsisten. b. Memungkinkan frekuensi user menggunakan shortcut, karena dengan adanya shortcut dapat meningkatkan interaksi dengan user. c. Memberikan umpan balik yang informatif yang memberikan kejelasan dari setiap aksi yang dilakukan oleh user. d. Merancang dialog yang memberikan penutupan. e. Memberikan penanganan kesalahan dan penanganan kesalahan yang sederhana. f. Memungkinkan membalikkan aksi yang mudah. g. Mendukung pusat kendali internal, dimana sistem hendaknya mampu membuat user sebagai bagian dari system itu sendiri dan memiliki kebebasan sendiri. h. Mengurangi beban ingatan jangka pendek dimana user hendaknya mudah dalam menjelajahi situs dengan petunjuk-petunjuk yang sederhana dan mudah diingat. 2.8 Database Menurut Connoly (2002, p12), sebelum database dikenal, penyimpanan data menggunakan pendekatan berbasis file. Namun pendekatan ini memiliki kelemahan dalam pengaksesan data dari dua atau lebih file karena data dari masing-masing file terpisah dan terisolasi. Kelemahan lain dari pendekatan ini yaitu duplikasi data yang tidak terkontrol, data dependence, misalnya diperlukannya suatu program baru untuk mengubah struktur field, format file yang tidak compatible karena struktur
17 file tergantung aplikasi bahasa pemrograman, misalnya file hasil bahasa pemrograman C sulit diproses bersama-sama dengan file hasil program COBOL. Selain itu, pendekatan berbasis file mempunyai query yang tetap karena sangat tergantung pada program aplikasi sehingga tidak dapat menangani query tambahan. Dengan munculnya teknologi media penyimpanan data, yaitu Direct Access Storage Device (DASD), cara penyimpanan dan pengaksesan data berkembang pesat yang memicu timbulnya database (Inmon, 2002, p4). DASD sendiri adalah media penyimpanan yang berbeda dengan magnetic type, dimana pengaksesan ke sebuah data yang diinginkan dapat dilakukan secara langsung begitu mengetahui alamat data tersebut dalam media penyimpanan, tanpa harus melalui data lainnya. a. Pengertian Data Menurut Garcia-Molina et. al. (2002, p14), data adalah fakta yang dapat atau tidak dapat diproses (disuling, dirangkum atau diperbaiki) dan tidak berpengaruh secara langsung pada user. Sebaliknya, informasi menyebabkan user melakukan suatu tindakan yang dapat ia lakukan atau tidak dilakukan. Berdasarkan ini dapat dilihat bahwa data merupakan suatu bentuk keruangan yang belum diolah atau dimanipulasi. Data yang didapatkan pada suatu perusahaan umumnya diperoleh dari hasil kegiatan operasi sehari-hari atau hasil dari transaksi yang dilakukan.
18 b. Pengertian Database Menurut Connolly (2002, p14), database adalah kumpulan data yang berhubungan secara logikal, dan penjelasan dari data ini dirancang untuk menemukan informasi yang dibutuhkan oleh perusahaan. Sedangkan menurut Wikipedia (http://en.wikipedia.org/wiki/database), database merupakan kumpulan elemen data atau fakta yang disimpan di komputer secara sistematis. Berdasarkan pengertian database di atas, dapat disimpulkan bahwa database merupakan kumpulan data yang berhubungan secara sistematis untuk memenuhi kebutuhan informasi perusahaan. Dengan database, data bukan hanya dapat digunakan oleh satu bagian perusahaan saja tapi dapat juga digunakan secara bersama-sama oleh bagian lainnya. c. DBMS (Database Management System) Menurut Connolly (2002, p16), DBMS adalah sistem perangkat lunak yang memungkinkan user untuk mendefinisikan, membuat, memelihara dan mengontrol akses ke database. Sedangkan menurut Wikipedia (http://en.wikipedia.org/wiki/database), DBMS adalah program komputer yang digunakan untuk mengatur sebuah database. Dari definisi DBMS di atas dapat disimpulkan bahwa DBMS merupakan perangkat lunak yang digunakan untuk membuat struktur, memasukkan, memelihara, mengatur dan mengakses data. Dibandingkan
19 dengan pendekatan berbasis file yang struktur fisikal dan penyimpanan datanya sangat tergantung pada program aplikasi, pada pendekatan database, struktur fisikal dan penyimpanan data diatur oleh DBMS. d. Entity Relationship Diagram (ERD) Menurut Whitten et. al. (204, pp295-307), entity relationship diagram adalah pemodelan data yang menggunakan beberapa notasi untuk menggambarkan data yang berhubungan dengan entity dan relationship yang dideskripsikan oleh data tersebut. 2.9 Linear Sequential Model Menurut Pressman (2001, p28), linear sequential model menawarkan sebuah pendekatan yang sistematis dan sekuensial dalam pengembangan piranti lunak yang dimulai dari level sistem dan perkembangannya dengan melalui tahap analis, desain, coding dan testing. Gambar 2.5 Linear Sequential Model (Sumber : Pressman, Software Engineering, 2001, p29)
20 a. Analisis Analisis adalah sebuah proses pengumpulan kebutuhan yang dikhususkan dan difokuskan dalam pembuatan piranti lunak. b. Desain Desain adalah sebuah proses yang menerjemahkan hasil dari analisis dalam bentuk representasi piranti lunak sehingga dapat dinilai kualitasnya. c. Coding Coding adalah proses dimana hasil dari desain diterjemahkan kembali dalam bentuk bahasa pemrograman yang dapat dimengerti oleh mesin. d. Testing Setelah coding dilakukan, maka dilakukan tahap testing untuk mengetahui kesalahan yang tidak terdeteksi sebelumnya atau hasil dari proses yang tidak diinginkan. 2.10 CSS (Cascading Stylesheet) CSS atau Cascading Stylesheet adalah sebuah bahasa stylesheet berbentuk markup language yang digunakan untuk mendeskripsikan sebuah representasi tampilan untuk sebuah dokumen. CSS biasanya digunakan untuk menghias halaman web dalam bentuk HTML atau XHTML.
21 2.11 HTML/XHTML (Hypertext/Extensible Markup Language) XHTML merupakan penerus dari HTML. XHTML merupakan sebuah rekomendasi yang terpisah dari HTML. W3C tetap merekomendasikan untuk tetap menggunakan XHTML 1.0, XHTML 1.1, dan HTML 4.01 untuk digunakan dalam web publishing. Perlunya reformulasi HTML menjadi XHTML disebabkan karena W3C merasa adanya kebutuhan agar sebuah konten World Wide Web dapat diakses dari perangkat mobile selain komputer-komputer tradisional karena kompleksitas sintaks dari HTML yang memerlukan sumber daya dan waktu yang cukup banyak. 2.12 MySQL Menurut Nugroho (2004,p29), MySQL adalah sebuah program pembuat database yang bersifat opensource, yang artinya siapa saja boleh menggunakannya dan tidak akan dicekal. MySQL juga merupakan program pengakses database yang bersifat jaringan sehingga dapat di gunakan untuk aplikasi multiuser atau multiguna. Kelebihan lainnya dari MySQL adalah bahasa query standar yang di miliki SQL (Structure Query Language). MySQL mendukung operasi basis data transaksional maupun operasi basisdata non-transaksional. Pada modus operasi non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basis data kompetitor lainnya. Namun demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus
22 non-transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basis data transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-transaksional. Keistimewaan MySQL 1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi. 2. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis. 3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik. 4. Performance tuning, MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
23 5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain. 6. Perintah dan fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query). 7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi. 8. Skalabilitas dan pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya. 9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT). 10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk di dalamnya.
24 11. Antar-muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface). 12. Klien dan peralatan. MySQL dilengkapi dengan berbagai peralatan (tool) yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online. 13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL atau Oracle. 2.13 PHP (PHP Hypertext Preprocessor) Menurut Castagnetto, dkk (1999, p8), PHP adalah singkatan rekursif dari PHP Hypertext Preprocessor yang merupakan bahasa scripting yang tempat pengolahannya berada di server. Hal ini berarti PHP dapat bekerja dalam dokumen HTML yang menempatkan hasil permintaan scripting PHP. Dengan PHP, situs yang dibuat tidak berupa kumpulan halaman statik yang informasinya tidak sering diperbaharui. Keuntungan menggunakan PHP antara lain : Kesederhanaan dari bahasa PHP dan mesin scripting. Siklus pengembangan yang lebih pendek karena pemudahan dalam pembuatan modul dan komponen-komponen yang dapat digunakan lagi pada pengembangan berikutnya. Memiliki konektivitas ke server basis data.
25 Bersifat open source dan tidak bergantung pada platform manapun. 2.14 Dreamweaver Adobe Dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Dreamweaver membuatnya jadi lebih mudah dengan menyediakan tool yang sangat berguna dalam meningkatkan kemampuan den pengalaman membuat web. Dreamweaver juga mengikutsertakan banyak tool untuk kode-kode dalam hal web beserta fasilitas-fasilitasnya antara lain : Referensi HTML, CSS, Java Script, Debugger, dan Editor Code yang mengizinkan pengeditan kode JavaScript XML, dan dokumen teks lain secara langsung delam Dreamweaver. 2.15 JQuery JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. JQuery memungkinkan penambahan fungsionalitas dalam bentuk plug-in. Slogan dari JQuery ialah Write less, do more yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.
26 Fitur-fitur JQuery DOM DOM traversal and modification Events CSS manipulation Effects and animations Ajax Extensibility melalui plug-ins Utilities - browser version dan setiap fungsi-fungsinya Mendukung cross-browser 2.16 XSS (Cross Site Scripting) XSS merupakan kependekan yang digunakan untuk istilah cross site scripting. XSS merupakan salah satu jenis serangan injeksi code (code injection attack). XSS dilakukan oleh penyerang dengan cara memasukkan kode HTML atau client script code lainnya ke suatu situs. Serangan ini akan seolah-olah datang dari situs tersebut. Akibat serangan ini antara lain penyerang dapat mem-bypass keamanan di sisi klien, mendapatkan informasi sensitif, atau menyimpan aplikasi berbahaya.