BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA

2.1

Komputer Sebagai Alat Bantu Pembelajaran Kemajuan media komputer memberikan beberapa kelebihan untuk kegiatan

produksi audio visual. Pada tahun – tahun belakangan komputer mendapat perhatian besar karena kemampuannya yang dapat digunakan dalam bidang kegiatan pembelajaran. Ditambah dengan teknologi jaringan dan internet, komputer seakan menjadi primadona dalam kegiatan pembelajaran. Pembelajaran yang dibantu komputer dikenal dengan nama CAI yaitu Computer Assisted Instruction. Prinsip pembelajaran ini menggunakan komputer sebagai alat bantu menyampaikan pelajaran yang user secara interaktif. Perubahan metode pembelajaran dan pengajaran telah menyebabkan alat yang digunakan menjadi meluas, misalnya : video, audio, slide dan film. CAI (Computer assisted Instruction) yaitu penggunaan komputer secara langsung dengan siswa untuk menyampaikan pelajaran, memberikan latihan dan mengetes kemajuan belajar siswa. CAI (Computer assisted Instruction) juga bermacam – macam bentuknya bergantung kecakapan pendesain pengembang pembelajarannya, bisa berbentuk permainan (games), mengajarkan konsep – konsep abstrak yang kemudian dikonkritkan dalam bentuk visual yang dianimasikan. Jadi CAI (Computer assisted Instruction) adalah penggunaan komputer sebagai alat bantu dalam dunia pendidikan dan pengajaran. CAI (Computer assisted 7

8

Instruction) membantu siswa memahami suatu materi dan dapat mengulang materi tersebut berulang kali sampai siswa benar – benar menguasai materi itu. Penggunaan Komputer Dalam Kegiatan Pembelajaran :

a) Untuk Tujuan Kognitif Komputer dapat mengajarkan konsep – konsep aturan, prinsip, langkah – langkah, proses dan kalkulasi yang kompleks. Komputer juga dapat menjelaskan konsep tersebut dengan sederhana dengan penggabungan visual yang dianimasikan. b) Untuk Tujuan Psikomotor Dengan bentuk pembelajaran yang dikemas dalam bentuk games dan simulasi sangat bagus digunakan untuk menciptakan kondisi dunia kerja. Beberapa contoh program antara lain : simulasi pendaratan pesawat, simulasi perang dalam medan yang paling berat dan sebagainya. c) Untuk Tujuan Afektif Bila program didesain secara tepat dengan memberikan potongan klip suara atau video yang isinya menggugah perasaan, pembelajaran sikap/afektif pun dapat dilakukan menggunakan metode komputer.

2.1.1 Keistimewaan Pemakaian Komputer Dalam Proses Pembelajaran a) Komputer bisa mengajar secara individual (individualisasi dalam proses pembelajaran)

kecepatan

bisa

sesuaikan

dengan

kemampuan

siswa,

9

metode/strategi belajar yang lebih tepat, penyesuaian isi materi dan tingkat kesukaran. b) Bisa digunakan kapan saja (tidak terbatas waktu) dan bisa digunakan dimana saja (tidak terbatas ruang). c) Hilangkan rasa malu takut

2.1.2 Bentuk Penerapan Aplikasi CAI (Computer Assisted Instruction) dalam Pembelajaran a. Drill & Practice Disini siswa dianggap sudah mengetahui teori yang mendasari keterampilan itu mengetahui cara/prosedur mengerjakannya. Jadi Drill & Practice tidak ada bagian penjelasan, yang ada hanya sejumlah pertanyaan dan feedback. Soal/pertanyaan – pertanyaan tersebut diberikan dalam suatu urutan (sequence) tertentu. Umumnya control yang dimiliki siswa sangat terbatas. Siswa hanya dapat memilih tingkat kesulitan materi, sedangkan alur dari penyajian isi di kontrol oleh sistem. b. Tutorial Sejumlah konsep/materi yang perlu diajarkan dan dipahami siswa. Kemudian diikuti dengan sejumlah pertanyaan, atau latihan soal untuk memeriksa pemahaman siswa terhadap materi tersebut. Siswa berinteraksi dengan komputer seperti siswa berinteraksi dengan guru (one to one session). Bila materi yang akan diberikan cukup banyak, maka penyajiannya akan diberikan secara bertahap, mulai

10

dari materi dasar ke tingkat yang lebih tinggi dan seterusnya. Selain itu ada pula sejumlah pertanyaan yang pemunculannya dibuat random. c. Games Edutainment Materi atau konteks dari permainan merupakan hal yang ingin diajarkan, sekaligus juga berperan sebagai motivator. Pendekatan motivasi dibedakan antara lain : 1) Motivasi Intrinsik : tidak ada reward seperti point. Menimbulkan Motivasi Intrinsik harus ada tiga hal : a) Challenge : goal dari permainan harus jelas. b) Fantasy : adanya situasi permainan yang merangsang munculnya imaginasi user. c) Curiosity : ada unsur yang baru bagi user tetapi yang tidak menyebabkan permainan menjadi sukar. 2) Motivasi Ekstrinsik : ada reward dari luar, misalnya point. d. Mindtools Mindtools alat bantu belajar yang menyediakan sejumlah fasilitas atau fungsi yang dapat dipakai untuk digunakan siswa dalam memfungsikan cara berpikirnya sehingga dapat optimal. Lingkungan pembelajaran yang disajikan pada siswa bukan berpatokan pada struktur materi yang sudah dirancang alurnya oleh programmer, akan tetapi justru hanya memberikan sejumlah fasilitas atau alat untuk digunakan siswa dalam mengambil dan merancang alur belajarnya sendiri. Berangkat dari asumsi dasar bahwa siswa itu mempunyai perbedaan dalam daya tangkap,

lingkup

pengetahuan

yang

sudah

dimiliki

(prior

knowledge),

11

keterampilan belajar, minat, maupun motivasi belajar. Keterampilan berfikir adalah keterampilan yang harus dengan sengaja dipelajari, bukan bersifat bawaan lahir. Keterampilan belajar inilah yang menjadikannya self-regulated. e. Simulation Suatu konsep atau keadaan yang akan di eksplorasi proses perubahan atau terjadinya. Siswa akan diberikan sejumlah variabel (beserta parameternya) yang dapat dimainkan/manipulasi untuk menimbulkan keadaan tertentu. Asumsi dasar dari proses belajar disini adalah melalui percobaannya siswa akan mengerti prinsip dari terjadinya proses tersebut. ( Putranti, Nurita, 2007)

2.2

PHP PHP yang merupakan bahasa pemrogramman berbasis website yang memiliki

kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah serverside embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server akan bekerja apabila ada permintaan dari client

2.2.1 Sintaks PHP Kode PHP disimpan sebagai plain text dalam format ASCII, sehingga kode PHP dapat ditulis hampir disemua editor text seperti windows notepad, windows

12

wordpad, dll. Kode PHP adalah kode yang disertakan di sebuah halaman HTML dan kode tersebut dijalankan oleh server sebelum dikirim ke browser. Contoh file PHP (contoh1.php) :

Gambar 2.1 Hasil dari file contoh 1.php (sumber: zaki,2008) Pada file .html, HTTP server hanya melewatkan content dari file menuju ke browser. Server tidak mencoba untuk mengerti atau memproses file, karena itu adalah tugas sebuah browser.

13

Pada file dengan ekstensi .php akan ditangani secara berbeda. Yang memiliki kode PHP akan diperiksa. Web server akan memulai bekerja apabila berada diluar lingkungan kode HTML. Oleh karena itu server akan melewati semua content yang berisi kode HTML, JavaScript, simple text di browser tanpa diinterpretasikan di server. Blok scripting PHP selalu diawali dengan . Blok scripting PHP dapat ditempatkan dimana saja di dalam dokumen. Pada beberapa server yang mendukung, blok scripting PHP dapat diawali dengan . Namun, untuk kompatibilitas maksimum, sebaiknya menggunakan bentuk yang standar ().Setiap baris kode PHP harus diakhiri dengan semikolon (;). Semikolon ini merupakan

separator yang digunakan untuk membedakan satu

instruksi dengan instruksi lainnya. PHP menggunakan // untuk membuat komentar baris tunggal atau /* dan */ untuk membuat suatu blok komentar.

2.3 CSS CSS (Cascading Style Sheets) digunakan dalam kode HTML (Hypertext Markup Language) untuk menciptakan suatu kumpulan Style yang terkadang dapat digunakan untuk memperluas kemampuan HTML (Hypertext Markup Language). CSS (Cascading Style Sheet) adalah bahasa yang digunakan untuk format tampilan HTML (Hypertext Markup Language), bahasa yang direkomendasikan W3C (World Wide Web Consortium) untuk melukiskan gaya seperti huruf, warna,ukuran, jarak, posisi pada dokumen-dokumen web. CSS (Cascading Style

14

Sheet) sangat membantu para web designer untuk memperindah halaman web template. CSS (Cascading Style Sheet) sama fungsinya dengan cara format HTML (Hypertext Markup Language) biasa, namun CSS mempunyai lebih banyak elemen yang bisa kita atur. Contoh : Tag table punya elemen border, CSS (Cascading Style Sheet) juga punya format untuk border namun lebih detail lagi seperti : border-top, border-right,

border-bottom,

border-left.

artinya

lebih

kompleks

karena

memungkinkan kita membuat sisi border yang berbeda. ( Anhar, 2010 )

2.4 Definisi Database Secara sederhana database (basis data) dapat diungkapkan sebagai suatu pengorganisasian data dengan bantuan komputer yang memungkinkan data dapat diakses dengan mudah dan cepat. Dalam hal ini, pengertian akses dapat mencakup pemerolehan data maupun pemanipulasian data, seperti menambah, mengedit, dan menghapus data. Manajemen modern mengikutsertakan informasi sebagai sumber daya penting yang setara dengan sumber daya manusia, uang, mesin, dan material. Informasi adalah suatu bentuk penyajian data yang misalnya manajer. Bagi pihak manajemen, informasi merupakan bahan untuk pengambilan keputusan dan selalu dibutuhkan. Oleh karena itu data, proses, serta informasi merupakan satu kesatuan, dari data lalu diproses dan kemudian menjadi informasi, seperti gambar 2.2 dibawah ini.

15

Informasi

Data Proses

Gambar 2.2 Data Dan Informasi (Sumber:Wawan,2009) Dengan adanya komputer, data dapat disimpan dalam media pengingat yang disebut hard disk. Dengan media ini, kehadiran kertas yang digunakan untuk menyimpan data dapat dikurangi. Selain itu, data menjadi lebih cepat untuk diakses terutama kalau dikemas dalam bentuk database.

2.4.1

Mengenal Database DBMS merupakan singkatan dari Database Management System. DBMS

merupakan perangkat lunak atau program komputer yang dirancang secara khusus untuk memudahkan pengelolaan database. Salah satu macam DBMS yang populer dewasa ini berupa RDBMS (Relational Database Management System), yang menggunakan model basis data relasional atau dalam bentuk tabel-tabel yang saling berhubungan. MySQL merupakan salah satu contoh dari bentuk produk RDBMS yang sangat populer dilingkungan Linux, tetapi juga tersedia pada Windows. Banyak situs web

16

yang menggunakan MySQL sebagai database server (server yang melayani permintaan akses terhadap database).

2.5

MySQL MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB,

yang kala itu bernama TcX DataKonsult AB, sejak sekitar 1994–1995, meski cikal bakal kodenya bisa disebut sudah ada sejak 1979. Tujuan mula-mula TcX membuat MySQL pada waktu itu juga memang untuk mengembangkan aplikasi Website untuk client—TcX adalah perusahaan pengembang software dan konsultan database. Kala itu Michael Widenius, atau “Monty”, pengembang satu-satunya di TcX, memiliki aplikasi UNIREG dan rutin ISAM yang dibuat sendiri dan sedang mencari antarmuka SQL untuk ditempelkan di atasnya. Mula-mula TcX memakai mSQL, atau “mini SQL”. Barangkali mSQL adalah satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu, meskipun sudah ada Postgres (juga akan dibahas sesaat lagi). Namun ternyata, menurut Monty, mSQL tidaklah cukup cepat maupun fleksibel. Versi pertama mSQL bahkan tidak memiliki indeks. Setelah mencoba menghubungi David Hughes—pembuat mSQL—dan ternyata mengetahui bahwa David tengah sibuk mengembangkan versi dua, maka keputusan yang diambil Monty yaitu membuat sendiri mesin SQL yang antarmukanya mirip dengan mSQL tapi memiliki kemampuan yang lebih sesuai kebutuhan. Lahirlah MySQL.

17

2.5.1 Pengertian MYSQL MySQL adalah sebuah sistem manajemen database yang saling berhubungan. Sebuah hubungan database dari data yang tersimpan pada tabel yang terpisah daripada menyimpan semua data pada ruang yang sangat besar. Hal ini menambah kecepatan dan fleksibilitas. Tabel-tabel tersebut dihubungkan oleh hubungan yang sudah didefinisikan mengakibatkan akan memungkinkan untuk mengkombinasikan data dari beberapa tabel sesuai dengan keperluan. MySQL adalah ‘Open Source Software’. ‘Open Source’ maksudnya program tersebut memungkinkan untuk dipakai dan dimodifikasi oleh siapa saja. Semua orang bisa men-download MySQL dari Internet dan memakainya tanpa membayar sepeser pun. Seseorang dapat mempelajari ‘Source Code‘ dan dapat mengubahnya sesuai dengan kebutuhan mereka. MySQL menggunakan GPL (General Public License). Beberapa Tipe data MySQL seperti pada table 2.1: Tabel 2.1 Data MySQL

( Sumber: Sutarman, 2003 )

18

2.5.2 Kelebihan – kelebihan MySQL Selain karena Open Source Program, MySQL juga memiliki kelebihankelebihan yang tak kalah bagusnya dengan Database Server lainnya, seperti SQL server, Sybase bahkan Oracle. Kelebihan-kelebihan itu antara lain : 1) Dapat bekerja di beberapa platform yang berbeda, seperti Linux, Windows, MacOS dll. 2) Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python. 3) Memiliki lebih banyak type data seperti : signed/unsigned integer yang memiliki panjang data sebesar 1,2,3,4 dan 8 byte, FLOAT, DOUBLE, CHAR, VARCHAR, TEXT, BLOB, DATE, TIME, DATETIME, TIMESTAMP, YEAR, SET dan tipe ENUM. 4) Mendukung penuh terhadap kalimat SQL GROUP BY dan ORDER BY. Mendukung terhadap fungsi penuh ( COUNT ( ), COUNT (DISTINCT), AVG ( ), STD ( ), SUM ( ), MAX ( ) AND MIN ( ) ). 5) Mendukung terhadap LEFT OUTHER JOIN dengan ANSI SQL dan sintak ODBC. 6) Mendukung ODBC for Windows 95 (dengan source program). Semua fungsi ODBC 2.5 dan sebagainya. Sebagai contoh kita dapat menggunakan Access untuk connect ke MySQL server. 7) Menggunakn GNU automake, autoconf, dan LIBTOOL untuk portabilitas. 8) Kita dapat menggabungkan beberapa tabel dari database yang berbeda dalam query yang sama.

19

9) Ditulis dengan menggunakan bahasa C dan C++. Diuji oleh compiler yang sangat jauh berbeda. 10) Privilege (hak) dan password sangat fleksibel dan aman serta mengijinkan ‘HostBased’ Verifikasi.

2.5.3 Konektivitas PHP – MySQL Pembahasan mengenai MySQL secara khusus tidak akan dilakukan. Sebab pada penulisan ini, penulis ingin memfokuskan penggunaan MySQL melalui PHP. Dan untuk menjalankan perintah -perintah MySQL dari dalam script PHP dibutuhkan fungsi koneksi tersendiri. Yaitu : 1) MySQL_connect (namaserver,username,password) perintah ini digunakan untuk melakukan koneksi ke database server. Fungsi ini menghasilkan suatu pengenal link (link identifier) yang digunakan untuk perintah berikutnya. 2) MySQL_select_db printah ini digunakan untuk memilih database apa yang akan diproses. 3) MySQL_query perintah ini digunakan untuk mengeksekusi perintah SQL yang ada di parameter query. Fungsi ini akan menghasilkan suatu petunjuk ke hasil eksekusi (result). 4) MySQL_num_rows (link result) perintah ini digunakan untuk menampilkan berapa data yang akan dihasilkan dari eksekusi query (result). 5) MySQL_fetch_row (link result) berfungsi untuk mengambil satu baris data dari proses eksekusi query, perintah ini menghasilkan array yang dimulai dengan index 0.

20

6) MySQL_close (link identifier) berfungsi untuk menutup koneksi sesuai dengan link identifiernya $hasil=MySQL_query(”select * from nama_tabel”). (Zaki, Ali, 2008)

2.6 Pengertian Data Flow Diagram ( DFD ) Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasinotasi untuk arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. Atau DFD bisa juga dikatakan sebagai suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut. DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi. DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program. DFD terdiri dari context diagram dan diagram rinci (DFD Levelled). Context diagram berfungsi memetakan model lingkungan (menggambarkan hubungan antara

21

entitas luar, masukan dan keluaran sistem), yang direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. DFD levelled menggambarkan sistem sebagai jaringan kerja antara fungsi yang berhubungan satu sama lain dengan aliran dan penyimpanan data, model ini hanya memodelkan sistem dari sudut pandang fungsi. Berikut gambar 2.3 yang merupakan simbol-simbol yang biasa digunakan di DFD :

Gambar 2.3 Simbol Data Flow Diagram (Sumber: Wawan,2009)

1. Terminal/Entity Terminator atau entity mewakili entitas eksternal yang berkomunikasi dengan sistem yang sedang dikembangkan. Terminator dapat berupa orang, sekelompok

22

orang, organisasi, departemen di dalam organisasi, atau perusahaan yang sama tetapi di luar kendali sistem yang sedang dibuat modelnya. Terminator dapat juga berupa departemen, divisi atau sistem di luar sistem yang berkomunikasi dengan sistem yang sedang dikembangkan. Komponen ini perlu diberi nama sesuai dengan dunia luar yang berkomunikasi dengan sistem yang sedang dibuat modelnya, dan biasanya menggunakan kata benda, misalnya Bagian Penjualan, Dosen,Mahasiswa. 2. Proses Merupakan kegiatan atau pekerjaan yang dilakukan oleh orang atau mesin komputer, dimana aliran data masuk, ditranformasikan ke aliran data keluar. 3. Data store Data store ini biasanya berkaitan dengan penyimpanan-penyimpanan, seperti file atau database yang berkaitan dengan penyimpanan secara komputerisasi, misalnya file disket, file harddisk, file pita magnetik. Data store juga berkaitan dengan penyimpanan secara manual seperti buku alamat, file folder, dan agenda. Data store diberi nama sesuai dengan nama file penyimpanannya misalnya mahasiswa, matakuliah, dosen, dataregistrasi, dll. 4. Alur data Suatu data flow / alur data digambarkan dengan anak panah, yang menunjukkan arah menuju ke dan keluar dari suatu proses. Alur data ini digunakan untuk menerangkan perpindahan data atau paket data/informasi dari satu bagian sistem ke bagian lainnya.( setiawan, wawan, 2009 )

23

2.7

Interaksi Manusia dan Komputer Menurut Rizky (2006:4) Human Computer Interaction (HCI) atau Interaksi

Manusia dan Komputer (IMK) adalah sebuah disiplin ilmu yang mempelajari desain, evaluasi, implementasi dari sistem komputer interaktif untuk dipakai oleh manusia, beserta studi tentang faktor-faktor utama dalam lingkungan interaksinya. Di dalam proses implementasinya IMK dipengaruhi berbagai macam faktor. faktor-faktor tersebut antara lain: 1) Organisasi Yang dimaksud sebagai organisasi dalam lingkup ini adalah tempat kerja bagi para pengguna, yang nantinya akan membawa efek terhadap tugas serta tanggung jawab yang harus diemban oleh pengguna. Selain itu, kebijakan dari organisasi tersebut juga sangat mempengaruhi implementasi dari IMK. 2) Lingkungan Lingkungan sekitar pengguna dapat menjadi sebuah faktor yang mempengaruhi dari subyektifitas penilaian sebuah desain. Sebuah aplikasi yang didesain dalam sebuah lingkungan yang bising atau ramai, akan sangat berbeda dengan sebuah aplikasi yang memang ditujukan untuk pengguna yang berada dalam lingkungan yang lebih tenang. 3) Kesehatan Faktor yang satu ini seringkali terlupakan oleh para programmer saat melakukan perancangan antar muka dalam kaitannya dengan IMK. Faktor kesehatan yang

24

dimaksud bisa berupa kombinasi warna dalam desain antar muka bagi pengguna dengan intensitas yang sangat tinggi yang dapat mengakibatkan sakit kepala saat bekerja, atau juga kombinasi tombol shortcut pada keyboard yang dapat mengakibatkan kelelahan pada tangan saat bekerja dengan frekuensi yang tinggi. 4) Pengguna Faktor pengguna merupakan salah satu faktor yang sangat kompleks, karena selain dari tingkat pendidikan dan pemahaman masing-masing pengguna yang dipastikan berbeda, faktor ini juga dipicu oleh kenyamanan yang dipastikan subyektif dalam penilaiannya, juga faktor pengalaman dan trauma khusus bagi para pengguna yang sebelumnya telah memakai sebuah aplikasi dengan desain antar muka tertentu. 5) Kenyamanan Faktor kenyamanan merupakan faktor dependan dari berbagai faktor lain, seperti faktor lingkungan dan faktor pengguna. Faktor ini sangat relatif ukurannya dibanding faktor yang lain. 6) Antar muka Sebuah antar muka dalam konteks IMK bukanlah satu-satunya faktor utama tetapi menjadi faktor yang terpenting. 7) Kendala Dalam proses desain dan implementasi sebuah aplikasi yang dianggap ideal, tiap tim ataupun individu yang terlibat di dalamnya pasti terlibat dengan berbagai macam kendala yang akan menghambat proses interaksi di dalamnya. Kendala

25

yang dibahas dalam IMK lebih banyak mengacu kepada kendala teknis, seperti waktu pengerjaan, biaya yang harus dikeluarkan, lingkungan yang ditempati oleh pengguna serta peralatan atau komputer yang digunakan dalam melakukan interaksi. 8) Produktifitas Desain antar muka dapat menjadi salah satu pemicu produktifitas, tetapi bukan menjadi satu-satunya faktor yang harus diperhitungkan. Karena dengan desain antar muka yang dianggap nyaman oleh pengguna, diharapkan pengguna tidak lagi dikacaukan dengan pemikiran terhadap desain antar muka aplikasi dan dapat lebih berkonsentrasi terhadap hal lain yang lebih dapat memacu produktifitasnya.

2.7.1 Komponen Interaksi Manusia Komputer IMK terdiri dari komponen-komponen sebagai berikut: a) Interaksi Yang dimaksud interaksi dalam konteks IMK adalah komunikasi apapun yang terjadi antara manusia dan komputer. Jenis-jenis komunikasi antara lain: command entry, menus and navigation, forms and spreadsheets, question and answer dialogue, natural language dialogue, WIMP dan direct manipulation. b) Manusia Dalam hal ini unsur manusia adalah pengguna yang dapat berupa seseorang ataupun sekelompok pengguna yang bekerja dalam sebuah tim atau organisasi dan saling berkaitan dalam mengerjakan tugas tertentu. Manusia dalam konteks

26

IMK merupakan faktor utama yang perlu diperhatikan dalam konteks psikologi yang disebut sebagai cognitive psychology. Hal ini dikarenakan bahwa tiap manusia atau pengguna berada dalam strata yang berbeda, terutama dari segi pemahaman, level pendidikan, tradisi serta sensor indra yang dimiliki masingmasing kelompok pengguna. c) Komputer Dalam konteks IMK, komputer bisa diartikan sebagai perangkat keras ataupun perangkat lunak dari berbagai macam jenis yang nantinya akan berinteraksi dengan unsur manusia. Sehingga komputer akan dipandang sebagai sebuah alat yang akan berinteraksi terhadap manusia sebagai pengguna. ( Rizki, 2006)

2.8

Lahirnya Web Tahun 1989, Timothy Bernes-Lee seorang ahli komputer dari inggris dan

peneliti lain di European Particle Physics Lab (Consei European pour la Recherche Nucleaire, atau CERN) di Ganeva, Swiss, mengembangkan suatu cara untuk menshare data antar koleganya menggunakan suatu yang disebut hypertext. Pemakai di ERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser tersebut. Kode-kode

khusus

disisipkan

kedalam

dokumen

elektronik

ini

memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layer dengan hanya memilih sebuah hyperlink.

27

Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat melompat ke dokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga mengirim sebuah file dari komputer remote ke system lokalnya. Atau log in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut dengan World Wide Web dan berikut Server browser web-nya.

2.8.1 Browser Web Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan poin dan klik untuk pindah antar dokumen. Lynx adalah browser web yang masih menggunakan mode text, yang akibatnya adalah tidak adanya gambar yang dapat ditampilkan. Lynx pada lingkungan DOS ( Disk Operating System ) dan *.nix (keluarga system operasi UNIX). Akan tetapi perkembangan dari browser mode text ini tidaklah secepat browser web dengan GUI (Grafic User Interface). Disaat perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer (IE) dan Nescape Navigator. Namum saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncuran adalah MSN, Opera dan Mozilla Firefox. Diantara browser web ini

28

terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan kemudahan yang ditawarkan. 2.8.2 Server Web Server web adalah komputer yang digunakan untuk menyimpan dokumendokumen web, komputer ini akan melayani permintaan dokumen web dari client. Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan HTTP. Browser akan mengirim request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanan lainnya jika tersedia juga menggunakan protokol HTTP. Hubungan antara Web Server dan Browser Internet merupakan gabungan atau jaringan komputer yang ada di seluruh dunia. Setelah terhubung secara fisik, Protocol TCP/IP (networking protocol) yang memungkinkan semua komputer dapat berkomunikasi satu dengan yang lainnya. Pada saat browser meminta data web page ke server maka instruksi permintaan data oleh browser tersebut dikemas di dalam TCP yang merupakan protocol transport dan dikirim ke alamat yang dalam hal ini merupakan protocol berikutnya yaitu HyperText Transfer Protocol (HTTP). ( sutarman, 2003 ) 2.9

Penilaian Penilaian

adalah

sesuatu

proses

sistematis

yang

mengandung

pengumpulan informasi, menganalisis, dan menginterpretasikan informasi Dengan kata

lain,

keputusan

pendidikan

dibuat berdasarkan

hasil

analisis

dan

29

interpretasi atas informasi yang terkumpul. Informasi yang dikumpulkan dapat dalam bentuk angka melalui tes, dan atau deskripsi verbal (melalui observasi). tersebut untuk membuat keputusan-keputusan. Menurut Groulund penilaian adalah suatu proses yang

sistematis

dari

pengumpulan,

analisis, interpretasi

informasi/data untuk menentukan sejauh mana siswa telah mencapai tujuan pembelajaran. Sedangkan Hopkins dan Antes berpendapat bahwa penilaian adalah pemeriksaan secara terus-menerus untuk mendapatkan informasi yang meliputi guru, siswa, program pendidikan, dan ketepatan keputusan tentang gambaran

siswa

serta efektivitas program Jadi,

dapat

disimpulkan

bahwa

penilaian merupakan serangkaian kegiatan untuk memperoleh informasi tentang berhasil tidaknya suatu proses dan hasil belajar siswa yang dilakukan secara terus-menerus, sehingga dapat diambil keputusan sesuai dengan tolak ukur yang berlaku ataupun Penilaian adalah suatu tindakan atau kegiatan untuk meilhat sejauh mana tujuan – tujuan instruksional telah dapat di capai atau di

kuasai

oleh seseorang dalam bentuk hasil-hasil belajar yang di perlihatkannya setelah mereka menempuh

pengalaman

belajarnya

(proses belajar mengajar). Dalam

proses mencapai keberhasilan suatu penilaian. Formula yang digunakan untuk menghitung sistem pembelajaran tugas sekolah menengah atas berbasis web adalah : (100 / salah + benar) * benar = score

BAB III PERANCANGAN SISTEM

Proses perancangan sistem dalam sub-bab ini akan dibagi menjadi beberapa tahap antara lain analisis sistem, perancangan sistem dan desain antarmuka.

3.1

Analisis Sistem Berdasarkan latar belakang dan perumusan masalah yang terdapat dalam

bab sebelumnya dapat diketahui perancangan yang dilakukan adalah membuat aplikasi pembelajaran online berbasis website yang digunakan sebagai media belajar para siswa yang ingin mempelajari soal-soal. Aplikasi pembelajaran online berbasis PHP ini diterapkan dengan menjalankan program yang dibangun dengan menggunakan Macromedia Dreamweaver 8 dan dapat memilih menu-menu yang diinginkan.

3.2 Perancangan Sistem Pada sub-bab ini akan dijelaskan tentang perancangan pembuatan sistem pembelajaran tugas sekolah menengah atas berbasis web menggunakan PHP, dimulai dari awal pembuatan sampai pada aplikasi, dimana didalamnya terdapat kebutuhan minimal perangkat keras dan perangkat lunak. Dalam merancang suatu aplikasi maka kita perlu menentukan jenis – jenis atau spesifikasi perangkat keras yang akan kita gunakan. Hal ini merupakan persiapan awal yang harus dilakukan untuk membangun sebuah aplikasi.

30

31

3.2.1 Kebutuhan Minimal Perangkat Keras Perangkat keras minimal yang digunakan untuk membuat sistem pembelajaran tugas sekolah menengah atas menggunakan PHP yang berbasis website adalah sebagai berikut : 1) Processor Intel Pentium IV 2) RAM 1 gb 3) Monitor VGA minimal 1gb

3.2.2 Kebutuhan Minimal Perangkat Lunak Perangkat lunak minimal yang dapat digunakan untuk membuat program pembelajaran online menggunakan Macromedia Dreamweaver adalah sebagai berikut : 1) Macromedia Dreamweaver 8 Macromedia Dreamweaver adalah perangkat lunak yang digunakan untuk membuat program sistem pembelajaran tugas sekolah menengah atas berbasis website sehingga aplikasi dapat digunakan secara interaktif. 2) MySQL MySQL adalah sebuah perangkat lunak yang berfungsi sebagai database untuk menyimpan data. 3) Xampp XAMPP adalah paket instalasi Apache, PHP, MySQL, dan Mercury yang merupakan salah satu aplikasi untuk membangun sebuah web server. dengan menginstall xampp maka tidak perlu lagi melakukan instalasi dan konfigurasi web server apache, PHP dan MySQL secara manual. Xampp akan menginstalasi dan mengkonfigurasikannya secara otomatis.

32

3.2.3 Perancangan Website Sistem perancangan website yang ada pada aplikasi ini 3 entitas yang terdapat dalam sistem ini yaitu : 1) Admin WEB Entitas admin web sebagai administrator web memiliki hak akses penuh terhadap sistem untuk memanipulasi data-data. Input data yang dibutuhkan dalam sistem ini seperti menginputkan user siswa, user guru, admin web, admin guru, berita tentang pendidikan dan buku tamu. 2) Admin Guru Entitas admin guru sebagai administrator guru memiliki hak akses penuh terhadap sistem untuk memanipulasi data-data. Input data yang dibutuhkan dalam sistem ini seperti menginputkan soal, materi, melihat nilai dan mengarsipkan nilai. 3) User ( Siswa ) Dalam kasus ini entitas user (siswa) hanya dapat melihat isi dari website, mencoba latihan soal-soal, mendownload materi – materi yang disediakan. User (siswa) tidak dapat mengubah atau memanipulasi data-data yang ada di dalam website.

3.2.4 Flowchart Flowchart berfungsi untuk menjelaskan gambaran umum dan alur program mengenai sistem-sistem pembelajaran tugas sekolah menengah atas berbasis website yang dibuat. Pada diagram flowchart tersebut, terdapat 3 proses yang terlibat di dalamnya, yaitu admin web, admin guru dan user ( siswa ). Berikut

33

adalah gambar alur admin web, admin guru dan user ( siswa ). 1) Flowchart besar Flowchart besar ini memiliki bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Dalam flowchart besar ini menjelaskan apa saja yang bisa dilakukan oleh admin web, admin guru dan user dalam bertugas untuk memanipulasi data yang ada pada website. Berikut adalah gambaran diagram alur pengaksesan pada halaman admin web, admin guru dan user dapat dilihat pada gambar 3.1.

Gambar 3.1 Flowcahart besar

34

2) Flowchart Admin Web Flowchart untuk admin web ini menjelaskan tentang apa saja yang bisa dilakukan oleh admin web dalam pengaksesan halaman admin web. Pada admin web bertugas untuk memanipulasi data yang ada pada website. Berikut adalah gambaran diagram alur pengaksesan pada halaman admin web dapat dilihat pada gambar 3.2.

Gambar 3.2 Flowcahart Admin Web

35

Penjelasan Gambar 3.2 Flowchart Admin: a)

Start

b) Login Admin web Admin web melakukan login, di dalam sistem website akan muncul form login yang mana didalamya admin web harus memasukkan username dan password. c)

Proses Validasi Merupakan step pengecekkan username dan password. Dan sistem akan mengecek benar atau salah username dan password yang dimasukkan oleh admin web. Jika benar sistem akan masuk ke halaman selanjutnya yaitu menu admin web. Namun jika admin web memasukkan username dan password nya salah, sistem akan memberi konfirmasi bahwa data yang dimasukkan admin web salah dan admin web diminta memasukkan kembali data dengan benar ( kembali login lagi ).

d) Beranda Menu admin web merupakan langkah awal saat admin web benar mengisikan username dan password. Selanjutnya pada langkah ini admin web bisa memilih menu yang telah tersedia. e)

Berita Jika admin web memilih menu ini maka admin web dapat memilih menu pilihan untuk menambah, mengubah dan melihat berita utama. Dan selanjutnya jika tidak memilih menu ini, admin web dapat memilih menu yang lain.

36

f)

Buku Tamu Dalam menu ini admin web dapat melihat pengunjung beserta pesannya yang mengisi form buku tamu dan dapat melakukan penghapusan serta menjawab isi dari pesan pengunjung.

g) User Jika admin web memilih menu ini maka admin web dapat melihat, mengubah, menghapus dan menambahkan data user. h) Admin Jika admin web memilih menu ini maka admin web dapat melihat, mengubah, menghapus dan menambahkan admin web dan admin guru. i)

Logout Jika admin web telah selesai ataupun tidak ada menu yang dipilih, maka admin web dapat memilih menu logout untuk keluar dari halaman admin web.

j)

End

3) Flowchart Admin Guru Flowchart untuk admin guru ini menjelaskan tentang apa saja yang bisa dilakukan oleh admin guru dalam pengaksesan halaman admin guru. Pada admin guru bertugas untuk memanipulasi data yang ada pada website. Berikut adalah gambaran diagram alur pengaksesan pada halaman admin guru dapat dilihat pada gambar 3.3.

37

Gambar 3.3 Flowcahart Admin Guru Penjelasan Gambar 3.3 Flowchart Admin guru. a) Start b) Login Admin Guru Admin guru melakukan login, di dalam sistem website akan muncul form login yang mana didalamya admin guru harus memasukkan username dan password. c) Proses Validasi Merupakan step pengecekkan username dan password. Dan sistem akan mengecek benar atau salah username dan password yang dimasukkan oleh admin guru. Jika benar sistem akan masuk ke halaman selanjutnya yaitu

38

menu admin guru.

Namun jika admin guru memasukkan username dan

password nya salah, sistem akan memberi konfirmasi bahwa data yang dimasukkan admin guru salah dan admin guru diminta memasukkan kembali data dengan benar ( kembali login lagi ). d) Beranda Menu admin guru merupakan langkah awal saat admin guru benar mengisikan username dan password. Selanjutnya pada langkah ini admin guru bisa memilih menu yang telah tersedia. e) Materi Jika admin guru dapat menambah, menghapus dan melihat isi materi pada website ini. Jika tidak memilih menu ini, maka admin guru dapat memilih menu lain. f) Daftar Soal Jika admin guru memilih menu ini maka admin guru dapat memilih menu pilihan untuk menambah, mengubah dan menghapus daftar soal. Jika tidak memilih menu ini, admin guru dapat memilih menu yang lain. g) Nilai Jika admin guru memilih menu ini maka admin guru dapat melihat nilai siswa. Jika tidak, memilih menu ini, admin guru dapat memilih menu lain h) Arsip Nilai Jika admin guru memilih menu ini maka admin guru dapat menghapus nilai siswa yang telah diarsipkan. Jika tidak, memilih menu ini, admin guru dapat memilih menu lain

39

i) Logout Jika admin guru telah selesai ataupun tidak ada menu yang dipilih, maka admin guru dapat memilih menu logout untuk keluar dari halaman admin guru. j)End

4) Flowchart User Sebagai contoh Flowchart untuk user ini menjelaskan tentang alur user dalam melakukan pengaksesan halaman website. Berikut adalah Diagram Alur User dapat dilihat pada gambar 3.4

Gambar 3.4 Diagram Alur User

40

Penjelasan Gambar 3.4 Diagram Alur User : a) Start b) Login User melakukan login, di dalam sistem website akan muncul form login yang mana didalamya user harus memasukkan username dan password. c) Proses Validasi Merupakan step pengecekkan username dan password. Dan sistem akan mengecek benar atau salah username dan password yang dimasukkan oleh login. Jika benar sistem akan masuk ke halaman selanjutnya yaitu menu user. Namun jika user memasukkan username dan password nya salah, sistem akan memberi konfirmasi bahwa data yang dimasukkan user salah dan user diminta memasukkan kembali data dengan benar ( kembali login lagi ). d) Home Menu home merupakan langkah awal saat user benar mengisikan username dan password. Selanjutnya pada langkah ini user bisa memilih menu yang telah tersedia. e) Profil Jika Ya, maka user bisa melihat isi profil pada website ini. Jika tidak, maka user bisa memilih menu yang lain dan bisa langsung meninggalkan website ini. f) Materi Jika Ya, maka user dapat melihat isi materi pada website ini. Jika tidak, maka user dapat memilih menu lain atau keluar dari website ini.

41

g) Soal Latihan Jika Ya, maka user dapat melihat isi data soal latihan yang terdapat pada website ini. Jika tidak, maka user dapat memilih menu lain ataupun keluar dari website ini. h) Buku Tamu Jika Ya, maka user dapat mengisi form buku tamu yang terdapat pada website ini. Jika tidak, maka user dapat memilih menu lain ataupun keluar dari website ini. i) Logout Jika user telah selesai ataupun tidak ada menu yang dipilih, maka user dapat memilih menu logout untuk keluar dari halaman user. j) End

3.2.5 Diagram Berjenjang Diagram berjenjang merupakan alat perancangan sistem yang dapat menampilkan seluruh proses yang terdapat pada suatu aplikasi tertentu dengan jelas dan terstruktur. Di dalam perancangan sistem pembelajaran tugas sekolah menengah atas ini terdapat proses yang terstruktur dan alur jalannya sistem pembelajaran tugas sekolah menengah atas ini. Di dalam proses system pembelajaran sekolah menengah atas ini terdapat login, manipulasi data untuk admin, manipulasi data untuk guru, materi soal dan buku tamu

Diagram

berjenjang sistem pembelajaran tugas sekolah menengah atas ini terlihat pada Gambar 3.5.

42

Gambar 3.5 Diagram Berjenjang

Sistem pembelajaran tugas sekolah menengah atas ini terdiri dari 2 level yaitu konteks diagram, level 1 dan level 2. Pada level 1 terdiri dari enam proses yaitu proses login, manipulasi data untuk admin, manipulasi data untuk guru, download materi, mengerjakan soal, dan buku tamu. Kemudian pada level 2 merupakan penurunan dari level 1, pada level 2 proses manipulasi data diturunkan menjadi tujuh proses yaitu data berita, data buku tamu, data user, data admin, data materi, data daftar soal, data nilai dan data arsip nilai.

3.2.6 Konteks Diagram Konteks

diagram

menjelaskan

gambaran

umum

mengenai

sistem

pembelajaran tugas sekolah menengah atas yang telah dibuat. Pada diagram tersebut, terdapat 3 entitas yang terlibat, yaitu admin web, admin guru dan user.

43

Dimana terdapat beberapa proses yang masuk dari admin web yaitu username password, data berita, buku tamu, data user dan data admin. Dari admin guru yaitu username password,data materi, data daftar soal, data nilai dan data arsip nilai. Dari user ada empat proses yang masuk yaitu username password, materi, soal dan buku tamu. Berikut gambar konteks diagram dapat dilihat pada gambar 3.6.

Gambar 3.6 Konteks Diagram

Penjelasan Gambar 3.6 konteks diagram a) Proses login yang di tangani oleh sistem, sistem akan memberi konfirmasi apakah login yang dilakukan oleh admin benar atau salah. b) Proses update informasi dimana didalam proses ini administrator web melakukan proses input, update dan delete data ( berita, buku tamu, user dan admin ) dan proses administrator guru melakukan proses input, update

44

dan delete data ( materi, soal, nilai dan arsip nilai ) system akan memberi semua konfirmasi bahwa data yang di-input-kan, di-update serta yang telah dihapus telah masuk atau tidak kedalam database yang ditangani oleh system. c) Proses login yang di tangani oleh sistem, sistem akan memberi konfirmasi apakah login yang dilakukan oleh user benar atau salah. d) User dapat mendownload data-data materi yang telah disediakan oleh admin e) User dapat menjawab soal yang telah di input kan oleh admin guru f) User dapat memasukkan komentar atau bertanya kepada admin dan berkomunikasi dengan admin yang ditangani oleh sistem pada menu buku tamu.

3.2.7 DFD Level 1 Semua proses pada konteks diagram ini diturunkan atau didetailkan lagi ke DFD level 1, DFD level 1 berfungsi untuk menerangkan kembali konteks diagram secara lebih terperinci dari fungsi admin web, admin guru dan user. Dimana keduanya memiliki fungsi yang berbeda sehingga perlu diterangkan kembali lebih terperinci, didalam DFD level 1 sistem aplikasi pembelajaran tugas sekolah menengah atas ini terdapat proses login, manipulasi data untuk admin, manipulasi data admin guru, materi, soal dan buku tamu dan di DFD level 1 sistem pembelajaran sekolah menengah atas ini memiliki 3 entitas yaitu admin web, admin guru dan user .berikut adalah gambar 3.7 DFD level 1 yang diturunkan dari konteks diagram ke DFD level 1.

45

Gambar 3.7 DFD level 1

46

Penjelasan gambar 3.7 DFD Level 1 di atas: 1) Proses Login Admin Admin Login terlebih dahulu untuk memanipulasi data. Sistem akan mengecek, apa benar admin memasukkan username dan password, setelah itu sistem akan memberi konfirmasi. 2) Proses Menambah (input) Data Proses Menambah (input) data dimana didalam proses ini administrator web melakukan proses input data ( berita, buku tamu, user dan admin ) dan proses administrator guru melakukan proses input data ( materi, dan soal ) system akan memberi semua konfirmasi bahwa data yang di-input-kan, di-update serta yang telah dihapus telah masuk atau tidak kedalam database yang ditangani oleh system. 3) Proses Mengubah (update) Data proses mengubah data dimana didalam proses ini administrator web melakukan proses mengubah data ( berita, buku tamu, user dan admin ) dan proses administrator guru melakukan proses mengubah data ( materi dan soal ) jika admin telah memasukkan data maka sistem akan memberikan konfirmasi data telah diubah apa belum atau telah tersimpan kedalam database atau tidak. 4) Proses Hapus (delete) Data proses menghapus data dimana didalam proses ini administrator web melakukan proses menghapus data ( berita, buku tamu, user dan admin ) dan proses administrator guru melakukan proses menghapus data ( materi, soal, dan arsip nilai ) jika admin telah memasukkan data maka sistem akan

47

memberikan konfirmasi data telah dihapus apa belum atau telah tersimpan kedalam database atau tidak. 5) Proses Mengerjakan Soal User dapat mengerjakan soal yang telah disediakan oleh admin guru. Pada menu soal terdapat beberapa mata pelajaran yaitu bahasa indonesia, bahasa inggris, matematika, sosiologi, geografi, biologi, kimia, fisika dan ekonomi. 6) Proses Download User dapat men-download data materi yang telah disediakan oleh admin guru. Pada materi terdapat beberapa matapelajaran yaitu bahasa indonesia, bahasa inggris, matematika, sosiologi, geografi, biologi, kimia, fisika dan ekonomi.. 7) Proses Form Buku Tamu User dapat mengisi form buku tamu yang telah disediakan oleh admin web. Jika sudah mengisi dengan benar maka sistem memberi konfirmasi bahwa data telah masuk kedalam database atau tidak.

3.2.8 DFD Level 2 Pada data flow diagram level 2 menjelaskan manipulasi data yang merupakan penguraian dari data flow diagram level 1.Pada diagram level 2 (gambar 3.8) manipulasi data di uraikan menjadi 3 proses dan admin web memiliki 4 tabel database yaitu pada menu berita, buku tamu,user dan admin sedangkan admin guru (gambar 3.9) memiliki 4 tabel database yaitu menu materi,soal,nilai dan arsip nilai dan login memiliki 2 tabel database yaitu menu admin dan user. Dan dfd level 2 login terdapat pada gambar 3.10

48

DFD Admin Web level 2 :

Gambar 3.8 DFD admin web level 2

DFD Admin Guru level 2 :

Gambar 3.9 DFD admin guru level 2

49

DFD login level 2:

Gambar 3.10 DFD login level 2

3.3 Perancangan Data Perancang data digunakan untuk membuat suatu database yang dibutuhkan oleh sistem pembelajaran tugas sekolah menengah dasar berbasis website yang dibuat. Terdapat beberapa tabel dan atribut – atribut yang akan dijelaskan pada perancangan data. Database atau Basis data dapat didefinisikan dalam sejumlah sudut pandang, antara lain adalah. 1) Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu untuk memenuhi berbagai kebutuhan. 2) Himpunan

kelompok

data

(arsip)

yang

saling

berhubungan

yang

diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah. 3) Kumpulan file atau tabel atau arsip yang saling berhubungan yang tersimpan dalam media penyimpanan elektronik.

50

Rancangan basisdata adalah proses perancangan ER Data Model.

ERD

dibuat berdasarkan pengamatan dunia nyata yang terdiri dari entitas dan relasi antara entitas-entitas tersebut entitas dan relasi tersebut saling berhubungan satu sama lain. Dibawah ini adalah ER Data Model dalam bentuk CDM untuk sistem pembelajaran tugas sekolah menengah dasar.

3.3.1 Conceptual Data Model Tahap selanjutnya adalah pembuatan Entity Relationship Diagram yang biasa disingkat dengan ERD. Dalam ERD tersebut menjelaskan hubungan atau adanya keterkaitan antara tabel satu dengan tabel yang lain. Untuk menyimpan berbagai macam informasi tersebut dibutuhkan beberapa tabel database antara lain, tabel admin, tabel user, tabel buku tamu, tabel arsip nilai, tabel nilai, tabel materi, tabel pelajaran, tabel soal, tabel berita, tabel exams dimana tabel-tabel tersebut memiliki fungsi yang berbeda-beda. Pada gambar 3.11 ini akan menjelaskan tentang conceptual data model pada sistem sekolah menengah atas

Gambar 3.11 Conceptual Data Model

51

3.3.2 Physical Data Model Model data ini dibuat dengan cara me-generate diagram data konseptual di atas. Diagram data fisik ini menghasilkan tabel-tabel yang akan digunakan dalam implementasi aplikasi. Dengan Physical data model kita dapat mengetahui model fisik hasil pengembangan dari sebuah konsep, serta kita dapat mengetahui apakah table yang kita buat terdapat error atau tidak setelah di generate ke PDM. Model dari PDM sendiri tidak jauh berbeda dengan CDM hanya saja terkadang dalam kondisi tertentu primary key akan berpindah ke tabel yang lain bahkan dapat membentuk sebuah tabel baru. Rancangan data konseptual yang telah dipetakan menjadi diagram pada bagian perancangan sistem akan diimplementasikan kedalam lingkungan basis data MySQL. Untuk lebih jelasnya dapat dilihat pada gambar 3.12 di bawah ini.

Gambar 3.12 Physical Data Model

52

3.4 Perancangan Antarmuka Requirement perangkat lunak untuk sistem pembelajaran tugas sekolah menengah atas berbasis website, sebagai berikut : 1) Perangkat lunak menyediakan fasilitas untuk melakukan perubahan data yang dilakukan oleh admin web, termasuk data berita, user, admin, dan buku tamu. 2) Perangkat lunak juga menyediakan fasilitas untuk melakukan perubahan data yang dilakukan oleh admin guru, termasuk data arsip nilai, materi, soal dan nilai. 3) user dapat melihat informasi tentang dunia pendidikan yang telah disediakan oleh website. User tidak dapat mengubah atau memanipulasi data-data yang ada di dalam website. Kemudian user dapat mendownload materi serta dapat mencoba soal – soal.

Untuk tampilan menu awal dapat dilihat pada gambar 3.13 dibawah ini.

Gambar 3.13 Tampilan Awal Website

53

Selain menu utama atau menu user terdapat juga tampilan menu untuk admin. Dimana seorang admin harus melakukan login lebih dahulu untuk bisa mengakses dan mengelola data yang ada pada web. Karena tidak semua orang dapat masuk ke dalam administrator karena admin ini mempunyai hak khusus terhadap web yaitu dapat melakukan perubahan data maupun penghapusan data yang ada.

Gambar 3.14 Tampilan Login Admin

Dalam admin ini administrator dapat mengelola semua data yang ada. Sehingga administrator dapat melakukan proses inputan, edit data serta hapus data. Selain itu dengan adanya admin ini administrator dapat melakukan update atau perubahan data. Jadi data dapat diolah sesuai dengan kebutuhan. Dalam halaman admin harus dilengkapi dengan kode keamanan berupa username dan password. Hal ini bertujuan agar sebuah sistem dapat terjaga keamananya tidak sembarang orang dapat masuk ke dalam sistem, dan apabila sebuah sistem tidak dilengkapi dengan username dan password maka sistem tersebut dapat dirusak bahkan dapat di acak-acak oleh orang yang tidak bertanggung jawab.

BAB IV IMPLEMENTASI

Pada bab ini akan dibahas mengenai implementasi dari rancangan aplikasi yang telah dibuat pada bab sebelumnya. Bagian implementasi aplikasi ini meliputi: implementasi data, implementasi proses, dan implementasi antarmuka.

4.1

Spesifikasi Sistem Peralatan yang digunakan untuk semua proses dari keseluruhan sistem yang

ada termasuk pembuatan laporan adalah menggunakan perangkat keras dan perangkat lunak. Pada proses pengujian ini dibutuhkan beberapa peralatanperalatan baik berupa perangkat keras dan perangkat lunak.

4.1.1 Perangkat Keras (Hardware) yang Digunakan a) Processor Intel Pentium IV b) RAM 1Gb c) Monitor VGA minimal 1 Gb d) Koneksi internet minimal 3 Mbps e) Mouse f) Keyboard

4.1.2 Perangkat Lunak (Software) yang Digunakan a) Sistem Operasi Microsoft Windows 7 b) Adobe Dreamweaver 8 c) Power Designer 15 54

55

d) Mozilla Firefox e) Xampp

4.2

Implementasi Desain Antarmuka Implementasi desain antarmuka Aplikasi sistem pembelajaran tugas sekolah

menengah atas berbasis web dibagi menjadi 3 yaitu User,Admin guru dan Admin Web. Berikut adalah implementasi desain antarmuka User,admin web dan Admin guru (Tabel 4.1). Tabel 4.1 Tabel Implementasi Desain Antarmuka

User

admin guru

admin web

Home

Beranda

Beranda

Materi

Materi

Berita

Soal

Daftar Soal

Buku Tamu

Buku Tamu

Nilai

User

About Us

Arsip Nilai

Admin

4.2.1 Implementasi Desain Antarmuka User 4.2.1.1 Home Pada saat aplikasi pembelajaran ini dibuka maka akan secara otomatis masuk ke halaman menu Home. Tampilan seperti pada gambar 4.1 berikut ini.

56

Gambar 4.1 Tampilan Halaman Home

Pada menu home terdapat login siswa dan kelas sehingga siswa dapat mengerjakan dan mendownload materi. Di home ini juga terdapat informasi atau berita mengenai dunia pendidikan serta berita-berita lain yang nantinya akan di tampilkan pada website media pembelajaran tugas sekolah menengah atas.

4.2.1.2 About Us Halaman ini akan tampil pada saat menu About us di klik sehingga sistem akan menampilkan halaman About us. Tampilan halaman About us dapat dilihat pada gambar 4.2 berikut ini.

57

Gambar 4.2 Tampilan Halaman About us

Pada menu About us terdapat deskripsi tentang about us media pembelajaran tugas sekolah menengah atas mulai dari profil website sampai visi misi dan latar belakang dibuatnya aplikasi website ini.

4.2.1.3 Materi Halaman ini akan tampil pada saat menu materi di klik sehingga sistem akan menampilkan halaman materi. Pada menu materi terdapat 9 menu pilihan mata pelajaran yang dapat di download yaitu bahasa indonesia, bahasa inggris, ekonomi, matematika, sosiologi, geografi,biologi,kimia dan fisika.

58

Berikut (gambar 4.3) adalah salah satu contoh tampilan materi pada mata pelajaran bahasa indonesia.

Gambar 4.3 Tampilan Halaman Materi

Jika user ingin mendownload file maka tinggal klik tombol button yang ada pada kolom download. File download berupa .pdf, .doc, .ppt.

4.2.1.4 Soal Latihan Halaman ini akan tampil setelah login siswa dan pada saat menu soal di klik sehingga sistem akan menampilkan halaman soal. Pada menu soal terdapat 9 menu pilihan mata pelajaran yang dapat dipilih. Berikut adalah salah satu contoh tampilan soal pada mata pelajaran bahasa Indonesia (gambar 4.4).

59

Gambar 4.4 Tampilan Halaman Soal

Pada menu soal bahasa indonesia ini user (siswa) dapat langsung menguji kemampuannya dengan mengerjakan soal-soal pilihan ganda. Di dalam soal-soal ini dibuat sama persis dengan soal ujian harian, mulai dari banyaknya soal, nilai yang keluar, serta pembahasan atau kunci jawaban yang benar agar siswa dapat mengevaluasi.

4.2.1.5 Buku Tamu Halaman ini akan tampil pada saat menu buku tamu di klik sehingga sistem akan menampilkan halaman buku tamu. Halaman ini merupakan fasilitas dari website untuk dapat berkomunikasi dengan admin seperti memberi komentar,

60

kritik dan saran. Pada tampilannya yang sengaja ditampilkan adalah nama, email, dan pesan dari user. Tampilan dapat dilihat seperti pada gambar 4.5 berikut ini.

Gambar 4.5 Tampilan Halaman Buku Tamu

Pada halaman Buku Tamu ini user dapat mengisi buku tamu apabila user ingin menyampaikan saran serta kritik. Karena sesungguhnya website pun masih perlu saran dan kritik dalam menjalankan pelayanannya.

61

4.2.2 Implementasi Desain Antarmuka Admin 4.2.2.1 Login Halaman yang pertama kali muncul ketika ingin masuk ke halaman admin adalah halaman 2 login terlebih dahulu. Tampilan dapat dilihat seperti pada gambar 4.6 berikut ini.

Gambar 4.6 Tampilan Halaman Login Admin

Dalam halaman admin terdapat 2 login admin yaitu admin web dan admin guru. Di dalam admin juga harus dilengkapi dengan kode keamanan berupa username dan password. Hal ini bertujuan agar sebuah sistem dapat terjaga keamananya tidak sembarang orang dapat masuk ke dalam sistem, dan apabila sebuah sistem tidak dilengkapi dengan username dan password maka sistem tersebut dapat dirusak bahkan dapat di acak-acak oleh orang yang tidak bertanggung jawab.

62

4.2.2.2

Berita

Halaman ini akan tampil pada saat menu berita di klik sehingga sistem akan menampilkan halaman berita. Tampilan dapat dilihat seperti pada gambar 4.7 berikut ini.

Gambar 4.7 Tampilan Halaman Berita Admin

Pada menu berita terdapat tampilan isi dari berita-berita yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data berita seperti insert, update,dan delete sehingga data yang ada pada menu berita bersifat dinamis. Untuk memanipulasi data berita, admin dapat memilih button yang tersedia dalam tabel operasi.

4.2.2.3

Materi

Halaman ini akan tampil pada saat menu materi di klik sehingga sistem akan menampilkan halaman materi. Tampilan dapat dilihat seperti pada gambar 4.8

63

Gambar 4.8 Tampilan Halaman Materi Admin

Pada menu materi terdapat tampilan isi dari materi yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data materi seperti insert, dan delete.

4.2.2.4

Buku tamu

Halaman ini akan tampil pada saat menu buku tamu di klik sehingga sistem akan menampilkan halaman buku tamu. Tampilan dapat dilihat seperti pada gambar 4.9 berikut ini.

Gambar 4.9 Tampilan Halaman buku tamu Admin

64

Pada menu buku tamu terdapat tampilan isi dari komentar,kritik dan saran yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data seperti insert, dan delete.

4.2.2.5

User (guru dan siswa)

Halaman ini akan tampil pada saat menu user (guru dan siswa) di klik sehingga sistem akan menampilkan halaman user. Tampilan dapat dilihat seperti pada gambar 4.10 berikut ini.

Gambar 4.10 Tampilan Halaman User (siswa dan guru)

Pada menu user terdapat tampilan isi dari user guru dan siswa yang ditampilkan ke dalam website. Pada halaman ini admin user juga dapat memanipulasi data user guru dan siswa seperti insert, update, dan delete.

4.2.2.6 Admin (admin dan guru) Halaman ini akan tampil pada saat menu admin (guru dan admin) di klik sehingga sistem akan menampilkan halaman admin. Tampilan dapat dilihat seperti pada gambar 4.11 berikut ini.

65

Gambar 4.11 Tampilan Halaman Admin

Pada menu admin terdapat tampilan isi dari admin guru dan admin web yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data user guru dan admn web seperti insert, update, dan delete.

4.2.2.7

Daftar Soal

Halaman ini akan tampil pada saat menu daftar soal di klik sehingga sistem akan menampilkan halaman daftar soal. Terdapat 9 macam soal yang dapat dipilih oleh user yaitu bahasa indonesia, bahasa inggris, ekonomi, matematika, sosiologi, geografi,biologi,kimia dan fisika. Pada menu daftar soal terdapat tampilan soal-soal yang ditampilkan ke dalam website. Pada halaman ini, admin juga dapat memanipulasi data soal seperti insert, update, dan delete. Contoh tampilan daftar soal dapat dilihat seperti pada gambar 4.12 berikut ini.

66

Gambar 4.12 Tampilan Halaman Daftar Soal Admin

4.2.2.8

nilai

Halaman ini akan tampil pada saat menu nilai di klik sehingga sistem akan menampilkan halaman nilai. Tampilan dapat dilihat seperti pada gambar 4.13 berikut ini.

Gambar 4.13 Tampilan Halaman nilai Admin

67

Pada menu nilai terdapat tampilan isi dari nilai yang telah dikerjakan oleh siswa dan ditampilkan ke dalam website. Pada halaman ini nilai juga dapat mengarsipkan nilai data.

4.2.2.9

arsip nilai

Halaman ini akan tampil pada saat menu arsip nilai di klik sehingga sistem akan menampilkan halaman arsip nilai. Tampilan dapat dilihat seperti pada gambar 4.14 berikut ini.

Gambar 4.14 Tampilan Halaman arsip nilai Admin

Pada menu arsip nilai terdapat tampilan isi dari nilai yang telah di arsip kan oleh admin guru. Pada Pada halaman ini, arsip nilai hanya dapat memanipulasi data soal seperti delete.

BAB V UJICOBA DAN EVALUASI

Bab ini akan membahas mengenai uji coba terhadap sistem pembelajaran tugas sekolah menengah atas berbasis web yang telah dibuat dan selanjutnya akan dibuat evaluasi dari hasil uji coba tersebut. Uji coba dilaksanakan untuk mengetahui apakah sistem aplikasi website dapat berjalan dengan baik sesuai perancangan yang dibuat. Evaluasi dilakukan untuk menentukan tingkat keberhasilan dari sistem yang dibuat.

5.1

Skenario Uji Coba Untuk memastikan bahwa sistem ini berjalan dengan lancar, penulis akan

menyusun skenario yang akan dicoba, antara lain. 1) Uji coba Login admin. 2) Uji coba memanipulasi data home/berita dan menampilkan ke halaman user. 3) Uji coba memanipulasi data materi serta mencoba download materi. 4) Uji coba memanipulasi data soal serta mencoba latihan soal. 5) Uji coba memanipulasi data user 6) Uji coba memanipulasi data buku tamu dan menampilkan ke halaman user. 7) Uji coba memanipulasi data arsip nilai. 8) Uji coba memanipulasi data admin

68

69

5.2

Pelaksanaan Uji Coba Pada sub-sub ini akan dijelaskan mengenai pelaksanaan skenario uji coba

yang telah disusun pada sub-bab sebelumnya. Pada uji coba kali ini akan dicoba untuk

menampilkan

menu-menu

yang

ada

pada

website pembelajaran

pembelajaran tugas sekolah menengah atas..

5.2.1 Uji Coba Login Admin Untuk uji coba masuk ke halaman administrator, admin harus login terlebih dahulu dengan memasukkan username dan password (gambar 5.1).

Gambar 5.1 Menu Login Admin web

Setelah memasukkan username dan password dengan benar dan menekan tombol submit, maka sistem akan menampilkan halaman utama admin seperti pada gambar 5.2 dibawah ini.

70

Gambar 5.2 Halaman Utama Admin web

5.2.2 Uji Coba Memanipulasi Data Home/Berita Dalam uji coba selanjutnya memanipulasi data berita, yang diawali dengan memasukkan data berita. Form untuk memasukkan data berita dapat dilihat pada gambar 5.3 berikut ini.

Gambar 5.3 Form Data Berita Admin web

71

Setelah semua terisi dengan benar maka klik button simpan dan hasilnya dapat dilihat pada gambar 5.4 dibawah ini.

Gambar 5.4 Tampilan Data Berita Pada Admin web Data telah tersimpan pada halaman admin web pada urutan yang pertama, kemudian data tersebut akan tampil secara otomatis pada halaman user yang terletak pada menu home. Tampilan pada halaman user dapat dilihat pada gambar 5.5 dibawah ini.

Gambar 5.5 Data Berita Pada User

72

Data berita telah tampil di halaman user dan terletak pada posisi pertama halaman user. Data tersebut hanya muncul sebagian untuk menyederhanakan tampilan.

5.2.3 Uji Coba Memanipulasi Data Materi & Mencoba Download Dalam uji coba selanjutnya memanipulasi data materi, yang diawali dengan memasukkan data materi. Form untuk memasukkan data materi dapat dilihat pada gambar 5.6 berikut ini.

Gambar 5.6 Form Input Data Materi Admin guru

Field pertama memasukkan nama atau judul materi, kemudian memasukkan kategori materi apa yang dipilih lalu file materinya. Setelah semua terisi maka tekan tombol simpan dan akan muncul pemberitahuan seperti pada gambar 5.7 dibawah ini.

73

Gambar 5.7 Konfirmasi Data Berhasil Ditambahkan

Apabila data tersebut telah berhasil ditambahkan maka akan muncul konfirmasi seperti pada gambar 5.7 kemudian sistem akan menyimpannya ke dalam database dan menampilkan ke halaman view pada admin guru seperti pada gambar 5.8 dibawah ini.

Gambar 5.8 View Data Materi Admin guru

Setelah data muncul pada halaman admin guru maka sistem juga menampilkannya ke halaman user seperti pada gambar 5.9 dibawah ini.

74

Gambar 5.9 View Data Materi User Setelah data materi masuk ke halaman user maka user dapat memilih dan langsung mendownload data materi mana yang diinginkanya. Terdapat berbagai macam materi dan bab yang disajikan oleh admin guru. Apabila tombol button diklik pada tabel download maka akan muncul seperti pada gambar 5.10 untuk mendowload materi.

Gambar 5.10 Download Data

75

Setelah menekan tombol start download maka proses akan berjalan dan data akan tersimpan ke dalam komputer. Pada gambar 5.10 merupakan aplikasi tambahan untuk mendukung download data atau juga dapat menggunakan aplikasi dari mozilla.

5.2.4 Uji Coba Memanipulasi Data Latihan Soal Dalam uji coba selanjutnya memanipulasi data soal, yang diawali dengan memasukkan data soal. Form untuk memasukkan data soal dapat dilihat pada gambar 5.11 berikut ini.

Gambar 5.11 Form Data Soal Admin guru

76

Untuk form data soal pada gambar 5.11 belum terisi data, dan setelah terisi maka dapat dilihat pada gambar 5.12 dibawah ini.

Gambar 5.12 Form View Data Soal Admin guru Cara mengisi data soal dapat dilakukan dengan cara klik tambah data kemudian isi data soal yang ingin ditampilkan kemudian klik tombol simpan soal. Setelah data terisi dengan benar maka form data soal akan tampil seperti pada gambar 5.12 dan sistem juga akan menampilkan data tersebut ke halaman user. Seperti terlihat pada gambar 5.13 berikut ini.

77

Gambar 5.13 View Data Soal User

Setelah data latihan soal berhasil ditampilkan pada halaman user, maka user dapat langsung mencoba soal latihan tersebut dengan menekan tombol jawab kemudian sistem akan menampilkan halaman soal ujian berikutnya. 5.2.5 Uji Coba Memanipulasi Data user Dalam uji coba selanjutnya memanipulasi data user, yang diawali dengan memasukkan data user. Form untuk memasukkan data profil dapat dilihat pada gambar 5.14 berikut ini.

78

Gambar 5.14 Form Data Profil user

Setelah semua terisi dengan benar maka klik button simpan user dan hasilnya dapat dilihat pada tampilan gambar 5.15 dibawah ini.

Gambar 5.15 Tampilan Data Profil Pada User Data telah tersimpan pada halaman admin web pada urutan yang kedua, kemudian data tersebut akan tampil secara otomatis pada halaman user yang

79

terletak pada menu form login. Tampilan pada halaman user dapat dilihat pada gambar 5.16 dibawah ini.

Gambar 5.16 Data Profil Pada User

Data login telah tampil di halaman user dan terletak pada posisi kiri halaman user.

5.2.6 Uji Coba Memanipulasi Data Buku Tamu Dalam uji coba selanjutnya memanipulasi data buku tamu yang diawali dengan memasukkan data buku tamu pada halaman user. Form untuk memasukkan data buku tamu dapat dilihat pada gambar 5.17 berikut ini.

80

Gambar 5.17 Form Buku Tamu admin web

Setelah semua terisi dengan benar maka klik button kirim dan akan keluar konfirmasi bahwa pesan telah berhasil dikirm. lihat pada gambar 5.18 dibawah ini.

Gambar 5.18 Pesan Konfirmasi Buku Tamu Setelah selesai dikonfirmasai maka data telah tersimpan pada halaman admin dan user pada urutan yang pertama. Untuk tampilan data buku tamu yang telah tersimpan pada halaman user dapat dilihat pada gambar 5.19.

81

Gambar 5.19 Data Buku Tamu Pada User

Untuk tampilan data buku tamu yang telah tersimpan pada halaman admin web dapat dilihat pada gambar 5.20.

82

Gambar 5.20 Data Buku Tamu Pada Admin

5.2.7 Uji Coba Memanipulasi Data Arsip Nilai Dalam uji coba selanjutnya memanipulasi data arsip nilai yang diawali dengan siswa mengerjakan soal dan keluar nilai yang masuk ke admin guru. Untuk memasukkan data arsip nilai dapat dilihat pada gambar 5.21 berikut ini.

Gambar 5.21 Tampilan data nilai pada admin guru

Setelah semua terisi dengan benar maka klik button operasi arsipkan nilai maka hasilnya dapat dilihat pada gambar 5.22 dibawah ini.

83

Gambar 5.22 Tampilan Data Arsip nilai Pada Admin guru

Data telah tersimpan pada halaman arsip nilai, kemudian data nilai yang telah di arsipkan dapat dihapus pada button operasi delete.

5.2.8 Uji Coba Memanipulasi Data admin Dalam uji coba selanjutnya memanipulasi data admin, yang diawali dengan memasukkan data admin. Form untuk memasukkan data profil dapat dilihat pada gambar 5.23 berikut ini.

Gambar 5.23 Form Data Profil user

84

Terdapat 2 pilihan admin yaitu admin web dan guru yang terletak di status.Setelah semua terisi dengan benar maka klik button simpan admin dan hasilnya dapat dilihat pada tampilan gambar 5.24 dibawah ini.

Gambar 5.24 Tampilan Data Profil Pada admin Data telah tersimpan pada halaman admin web pada urutan yang kedua, kemudian data tersebut akan tampil secara otomatis pada halaman admin yang terletak pada menu form login. Tampilan pada halaman admin dapat dilihat pada gambar 5.25 dibawah ini.

Gambar 5.25 Data Profil Pada admin

85

Data login telah tampil di halaman login dan terletak pada posisi tengah halaman login admin.

5.3

Evaluasi Dari hasil uji coba sistem pembelajaran tugas sekolah menengah atas yang

telah diuraikan Hasil dari perancangan aplikasi ini, dirancang semenarik mungkin dengan layout template yang menarik agar siswa lebih menyukai pembelajaran elektronik daripada pembelajaran pada buku-buku biasa. Aplikasi ini juga dilengkapi dengan berbagai macam soal tingkat SMA seperti mata pelajaran bahasa Indonesia, bahasa inggris, ekonomi, matematika, sosiologi, geografi, biologi, kimia, fisika

BAB VI PENUTUP

6.1 Kesimpulan Dari hasil uji coba sistem pembelajaran tugas sekolah menengah atas yang telah diuraikan, dapat ditarik kesimpulan mengenai beberapa hal dalam penelitian laporan tugas akhir ini yaitu: 1) Sistem aplikasi ini terdapat menu yang berguna untuk membantu pihak lembaga pendidikan ataupun pihak lain dalam mengembangkan ilmu pengetahuan seperti menu berita, profil, materi, latihan soal, dan buku tamu,. Sistem aplikasi ini juga akan membantu user/siswa khususnya tingkat SMA agar dapat meningkatkan mutu dan semangat belajar bagi para siswa untuk menambah pengetahuan tentang kisi-kisi soal serta segala informasi yang dibutuhkan. Di dalam sistem ini terdapat menu soal yang akan membantu siswa untuk mengerjakan tugas sekolah secara tepat waktu karena di dalam sistem ini terdapat tanggal yang akan mengatur jalannya soal yang akan keluar yang telah di inputkan oleh guru dan di dalam sistem ini guru dan siswa dapat menginputkan dan mengerjakan soal dimanapun dan kapapun.

6.2 Saran Ada saran yang dapat peneliti berikan setelah peneliti menyelesaikan tugas akhir ini adalah :

86

87

1) Aplikasi ini dapat dikembangkan menjadi beberapa tingkatan yaitu SD, SMP, dan SMA. Untuk tingkat SMA juga terdapat 3 jurusan yaitu IPA, IPS, dan Bahasa. 2) Quiz pada aplikasi ini juga dapat dikembangkan semenarik mungkin, agar minat dan semangat bagi siswa untuk selalu belajar.

Daftar Pustaka

Anhar, 2010, Panduan Menguasai PHP & MySQL Secara Otodidak, Penerbit Mediakita, Jakarta. Hakim, L, dan Musalini, U. 2004. Cara Cerdas Menguasai Layout, Desain dan Aplikasi Web. Jakarta: PT Elex Media Komputindo. Maruli, Adita, 369 siswa SMA/MA/SMK jatim tidak lulus un, http://www.antaranews.com/berita/312584/369-siswa-smamasmk-jatimtidak-lulus-un diakses pada tanggal 04 juni 2012 pada pukul 19.36, 2012 Putranti, Nurita, Komputer Sebagai Alat Bantu Pembelajaran, http://nuritaputranti.wordpress.com/2007/08/23/komputer-sebagai-alat-bantu pembelajaran/, diakses tanggal 04 juni 2012 pada pukul 20.35, 2007 Rizky, S., 2006, Interaksi Manusia dan Komputer, Sekolah Tinggi Manajemen Informatika & Teknik Komputer, Surabaya. Setiawan, wawan, data flow diagram, http://komputerone.blogspot.com/2009/01/data-flow-diagram-dfd.html, diakses pada tanggal 8 desember 2012 pukul 14.05, 2009 Sutarman, 2003, Membangun Aplikasi Web dengan PHP dan MySQL, Graha Ilmu, Yogyakarta. Zaki, Ali, 2008, 36 Menit Belajar Komputer PHP dan MySQL, Penerbit Elex Media Komputindo, Jakarta.