PENGEMBANGAN WEB MEDIA CENTER UNTUK PEMBELAJARAN ONLINE BERBASIS VIDEO - UNS Institutional Repository

  

PENGEMBANGAN WEB MEDIA CENTER UNTUK PEMBELAJARAN

ONLINE BERBASIS VIDEO PADA PROGRAM STUDI PENDIDIKAN

TEKNIK INFORMATIKA DAN KOMPUTER FKIP UNS

SKRIPSI

Oleh:

  

KATON BAGAS GUMELAR K3513029

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN UNIVERSITAS SEBELAS MARET

SURAKARTA

2018 Saya yang bertanda tangan di bawah ini Nama : Katon Bagas Gumelar NIM : K3513029 Program studi : Pendidikan Teknik Informatika dan Komputer

  Menyatakan bahwa skripsi saya yang berjudul

  “PENGEMBANGAN WEB

MEDIA CENTER UNTUK PEMBELAJARAN ONLINE BERBASIS VIDEO PADA PROGRAM STUDI PENDIDIKAN TEKNIK INFORMATIKA DAN KOMPUTER FKIP UNS ” ini benar-benar merupakan hasil karya saya sendiri

  Selain itu, sumber informasi yang dikutip dari penulis lain telah disebutkan dalam teks dan dicantumkan dalam daftar pustaka.

  Apabila pada kemudian hari terbukti atau dapat dibuktikan skripsi ini hasil jiplakan, saya bersedia menerima sanksi atas perbuatan saya.

  Surakarta, Maret 2018 Yang membuat pernyataan Katon Bagas Gumelar

  

PENGEMBANGAN WEB MEDIA CENTER UNTUK PEMBELAJARAN

ONLINE BERBASIS VIDEO PADA PROGRAM STUDI PENDIDIKAN

TEKNIK INFORMATIKA DAN KOMPUTER FKIP UNS

Oleh:

KATON BAGAS GUMELAR

  

K3513029

Skripsi

Ditulis dan diajukan untuk memenuhi syarat mendapatkan gelar Sarjana

Pendidikan Teknik Informatika dan Komputer

  

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS SEBELAS MARET

SURAKARTA

Maret 2018

  

ABSTRAK

  Katon Bagas Gumelar. K3513029. PENGEMBANGAN WEB MEDIA

  

CENTER UNTUK PEMBELAJARAN ONLINE BERBASIS VIDEO PADA

PROGRAM STUDI PENDIDIKAN TEKNIK INFORMATIKA DAN

KOMPUTER FKIP UNS. Skripsi, Fakultas Keguruan dan Ilmu Pendidikan

Universitas Sebelas Maret Surakarta. Maret 2018.

  Penelitian ini bertujuan untuk menghasilkan sebuah Web Media Center Untuk Pembelajaran Online Berbasis Video yang dapat digunakan oleh mahasiswa maupun dosen untuk menjadi tempat pusat informasi tentang video pembelajaran dan sebagai sarana menyebarluaskan media video pembelajaran yang dimilikinya serta menguji kelayakan dari Web Media Center yang dikembangkan.

  Penelitian ini dilaksanakan di Program Studi Pendidikan Teknik Informatika dan Komputer FKIP Universitas Sebelas Maret Surakarta. Pengumpulan data menggunakan metode observasi, metode literature atau kepustakaan serta metode kuisioner. Hasil dari penelitian ini adalah Web Media Center Untuk Pembelajaran Online Berbasis Video yang menjadi wadah untuk mahasiswa atauoun dosen PTIK berkarya agar sesuatu yang telah dikerjakan dapat diakses dimana saja dan bermanfaat untuk orang lain.

  Hasil pengujian sistem menunjukan bahwa fungsi pada sistem yang dikembangkan sudah berjalan dengan baik. Berdasarkan hasil penialaian sistem melalui kuisioner yang dilakukan, didapatkan nilai akhir dari ahli sistem informasi sebesar 86.9%, dari dosen sebesar 92.35% dan dari mahasiswa sebesar 90.3%, sehingga dapat disimpulkan bahwa Web Media Center Untuk Pembelajaran Online Berbasis Video layak untuk digunakan untuk media pembelajaran di Program Studi Pendidikan Teknik Informatika dan Komputer FKIP UNS.

  

Kata Kunci : sistem informasi, web media center, pembelajaran online berbasis

  video, video pembelajaran

  

ABSTRACT

Katon Bagas Gumelar. K3513029 . MEDIA CENTER WEB DEVELOPMENT

FOR

  INFORMATION

TECHNIQUE AND COMPUTER EDUCATION STUDY PROGRAM FKIP

UNS. Undergraduate Thesis. Teacher Training and Education Faculty of Sebelas

Maret University. Maret 2018.

  This study aims to produce a Web Media Center For Online Video-Based

Learning that can be used by students and lecturers to become the center of

information about learning videos and as a means of disseminating their learning

video media as well as testing the feasibility of Web Media Center developed.

  This research was conducted in Informatics Engineering and Computer

Education Study Program of Sebelas Maret University, Surakarta. Data collection

using observation method, literature method or literature and questionnaire

method. The result of this research is Web Media Center For Online Learning

Based Video which become a container for student of PTIK lecturer work so that

something that has been done can be accessed anywhere and useful for others.

  The results of system testing shows that the function of the developed system

is running well. Based on the results of the system through questionnaires

conducted, obtained the final value of information systems experts for 86.9%, from

lecturers 92.35% and from students of 90.3%, so it can be concluded that the Web

Media Center For Online Learning Video-Based eligible for use for instructional

media in Education Program of Informatics and Computer Engineering FKIP UNS.

  

Keywords: information system, web media center, video-based online learning,

video learning

  

MOTTO

  Apabila Anda berbuat kebaikan kepada orang lain, maka Anda telah berbuat baik terhadap diri sendiri. (Benyamin Franklin) Orang-orang hebat di bidang apapun bukan baru bekerja karena mereka terinspirasi, namun mereka menjadi terinspirasi karena mereka lebih suka bekerja. Mereka tidak menyia-nyiakan waktu untuk menunggu inspirasi. (Ernest Newman) Orang-orang yang sukses telah belajar membuat diri mereka melakukan hal yang harus dikerjakan ketika hal itu memang harus dikerjakan, entah mereka menyukainya atau tidak. (Aldus Huxley) Kebanyakan dari kita tidak mensyukuri apa yang sudah kita miliki, tetapi kita selalu menyesali apa yang belum kita capai. (Schopenhauer) Musuh yang paling berbahaya di atas dunia ini adalah penakut dan bimbang. Teman yang paling setia, hanyalah keberanian dan keyakinan yang teguh. (Andrew Jackson) Sesuatu yang belum dikerjakan, seringkali tampak mustahil; kita baru yakin kalau kita telah berhasil melakukannya dengan baik. (Evelyn Underhill) Perbuatan-perbuatan salah adalah biasa bagi manusia, tetapi perbuatan pura-pura itulah sebenarnya yang menimbulkan permusuhan dan pengkhianatan. (Johan Wolfgang Goethe) Jika orang berpegang pada keyakinan, maka hilanglah kesangsian. Tetapi, jika orang sudah mulai berpegang pada kesangsian, maka hilanglah keyakinan. (Sir Francis Bacon)

  

PERSEMBAHAN

  Dengan segala puja dan puji syukur kepada Tuhan yang Maha Esa dan atas dukungan dan do’a dari orang-orang tercinta, akhirnya skripsi ini dapat terselesaikan. Oleh karena itu, dengan rasa bangga saya khaturkan rasa syukur dan terimakasih saya kepada: Tuhan YME, karena hanya atas izin dan karuniaNyalah maka skripsi ini dapat dibuat dan selesai pada waktunya. Puji syukur yang tak terhingga pada Tuhan penguasa alam yang meridhoi dan mengabulkan segala do’a. Bapak dan Ibu saya, yang telah memberikan dukungan moril maupun materi serta do’a yang tiada henti untuk kesuksesan saya, karena tiada kata seindah lantunan do’a dan tiada do’a yang paling khusuk selain do’a yang terucap dari orang tua. Ucapan terimakasih saja takkan pernah cukup untuk membalas kebaikan orang tua, karena itu terimalah persembaha bakti dan cinta ku untuk kalian bapak ibuku.

  Dosen pembimbing, penguji dan pengajar, yang selama ini telah tulus dan ikhlas meluangkan waktunya untuk menuntun dan mengarahkan saya, memberikan bimbingan dan pelajaran yang tiada ternilai harganya, agar saya menjadi lebih baik. Terimakasih banyak dosen, jasa kalian akan selalu terpatri di hati. Sahabat dan Teman Tersayang, tanpa semangat, dukungan dan bantuan kalian semua tak kan mungkin aku sampai disini, terimakasih untuk canda tawa serta perjuangan yang kita lewati bersama dan terimakasih untuk kenangan manis yang telah terukir selama ini dengan perjuangan dan kebersamaan.

  Puji syukur penulis panjatkan kehadirat Allah SWT, atas segala limpahan nikmat dan karunia-Nya penulis dapat menyelesaikan skripsi yang berjudul “Pengembangan Web Media Center Untuk Pembelajaran Online Berbasis Video Pada Program Studi Pendidikan Teknik Informatika Dan Komputer FKIP UNS ”.

  Skripsi ini disusun untuk memenuhi salah satu syarat guna memperoleh gelar Sarjana pada Program Studi Pendidikan Teknik Informatika dan Komputer, Fakultas Keguruan dan Ilmu Pendidikan, Universitas Sebelas Maret.

  Selesainya penulisan skripsi ini, tidak terlepas dari bantuan dan dukungan dari berbagai pihak. Untuk itu, penulis mengucapkan terima kasih kepada :

  1. Prof. Dr. Joko Nurkamto, M.Pd. selaku Dekan FKIP dan para Wakil Dekan, Fakultas Keguruan dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta, yang telah memberi ijin menyusun skripsi.

  2. Dr. Agus Efendi, M.Pd selaku Kepala Program Studi Pendidikan Teknik Informatika dan Komputer, yang telah memberi ijin menyusun skripsi.

  3. Dwi Maryono, S.Si., M.Kom. selaku dosen pembimbing I dan Yudianto Sujana, S. Kom., M.Kom selaku dosen pembimbing II yang selalu memberikan motivasi, pengarahan, dan bimbingan dalam penyusunan skripsi ini.

  4. Segenap dosen Program Studi Pendidikan Teknik Informatika dan Komputer atas ilmu yang telah diberikan Penulis menyadari masih ada kekurangan dalam skripsi ini. Oleh karena itu penulis mengharapkan kritik dan saran yang membangun guna kesempurnaan dalam skripsi ini.

  Akhir kata penulis berharap semoga skripsi ini dapat diterima dan bermanfaat bagi semua pihak. Semoga Allah SWT selalu membimbing kita semua. Amin Surakarta, Maret 2018

  Penulis

  

DAFTAR ISI

PERNYATAAN KEASLIAN TULISAN ............................................................ ii

PERSETUJUAN .................................................................................................. iv

PENGESAHAN ...................................................................................................... v

ABSTRAK ............................................................................................................ vi

ABSTRACT .......................................................................................................... vii

MOTTO .............................................................................................................. viii

PERSEMBAHAN ................................................................................................ ix

KATA PENGANTAR ............................................................................................ x

DAFTAR ISI ......................................................................................................... xi

DAFTAR GAMBAR .......................................................................................... xiv

DAFTAR TABEL .............................................................................................. xvi

DAFTAR TABEL ............................................................................................. xvii

  BAB 1 PENDAHULUAN ....................................................................................... 1 A. Latar Belakang Masalah.................................................................................. 1 B. Perumusan Masalah ........................................................................................ 4 C. Tujuan Penelitian ............................................................................................ 5 D. Manfaat Pengembangan .................................................................................. 5 E. Spesifikasi Produk yang Diharapkan .............................................................. 5 F. Keterbatasan Pengembangan .......................................................................... 6 G. Definisi Istilah ................................................................................................. 6 BAB II KAJIAN PUSTAKA ................................................................................... 8 A. Kajian Teori .................................................................................................... 8

  1. Media Pembelajaran ................................................................................... 8

  2. Video Pembelajaran.................................................................................. 11

  3. Pembelajran Online .................................................................................. 13

  4. WWW (World Wide Web) ......................................................................... 17

  5. Pengembangan Media Pembelajaran ........................................................ 21

  6. Media Center ............................................................................................ 27

  B. Kerangka Berpikir ......................................................................................... 29

  C. Model Hipotetik ............................................................................................ 30

  BAB III METODE PENELITIAN ........................................................................ 32 A. Tempat dan Waktu Penelitian ....................................................................... 32

  1. Tempat Penelitian ..................................................................................... 32

  2. Waktu Penelitian ...................................................................................... 32

  B. Metode Pengembangan .................................................................................. 33

  1. Communication......................................................................................... 33

  2. Planning ................................................................................................... 33

  3. Modeling ................................................................................................... 33

  4. Construction ............................................................................................. 34

  5. Deployment ............................................................................................... 34

  C. Subjek Penelitian ........................................................................................... 35

  D. Jenis Data ...................................................................................................... 35

  E. Instrumen Pengumpulan Data ........................................................................ 35

  F. Teknik Analisis Data ...................................................................................... 37

  BAB IV HASIL DAN PEMBAHASAN ............................................................... 38 A. Deskripsi Hasil Penelitian ............................................................................. 38

  1. Communication......................................................................................... 38

  2 Planning ................................................................................................... 39

  3. Modeling ................................................................................................... 41

  a. Rancangan Flowchart .......................................................................... 41

  b. Rancangan DFD (Data Flow Diagram) .............................................. 45

  c. Rancangan ERD (Entity Relationship Diagram) ................................. 51

  d. Tabel dan Relasi .................................................................................. 52 e Desain Tampilan .................................................................................. 57

  4. Construction ............................................................................................. 60

  5. Deployment ............................................................................................... 64

  B. Pembahasan ................................................................................................... 68

  C. Kajian Produk Akhir ...................................................................................... 77

  BAB V SIMPULAN, IMPLIKASI DAN SARAN ................................................ 78 A. Simpulan ........................................................................................................ 78 B. Implikasi ........................................................................................................ 78 C. Saran .............................................................................................................. 79 DAFTAR PUSTAKA ............................................................................................ 80 LAMPIRAN

  

DAFTAR GAMBAR

Gambar 2.1 Hubungan Client dan Server dalam Web ........................................... 21Gambar 2.2 Waterfall Pressman ............................................................................ 23Gambar 2.3 Simbol-Simbol Flowchart .................................................................. 24Gambar 2.4 Simbol-Simbol Data Flow Diagram .................................................. 25Gambar 2.5 Simbol-Simbol Entity Relationship Diagram .................................... 26Gambar 2.6 Model Hipotetik penelitian ................................................................ 31Gambar 4.1 Flowchart Web Media Center …..42 … …………………………….…………………….Gambar 4.2 Flowchart Dosen ................................................................................ 43Gambar 4.3 Flowchart Mahasiswa ........................................................................ 44Gambar 4.4 DFD Level 0 ...................................................................................... 45Gambar 4.5 DFD Level 1 ....................................................................................... 46Gambar 4.6 DFD Level 2 Proses Input Materi pada Dosen .................................. 47Gambar 4.7 DFD Level 2 Proses Input Mata Kuliah pada Dosen ......................... 48Gambar 4.8 DFD Level 2 Proses Validasi Materi Pembelajaran pada Dosen ....... 48Gambar 4.9 DFD Level 2 Proses Input Materi pada Mahasiswa........................... 49Gambar 4.10 DFD Level 2 Proses Validasi akun pada Admin ............................ 50Gambar 4.11 Rancangan ERD ............................................................................... 51Gambar 4.12 Relasi Tabel ...................................................................................... 57Gambar 4.13 Desain Halaman Login ..................................................................... 57Gambar 4.14 Desain Halaman Utama.................................................................... 58Gambar 4.15 Desain Halaman Materi.................................................................... 59Gambar 4.16 Desain Halaman Dashboard ............................................................ 59Gambar 4.17 Antarmuka Pengguna Halaman Login ............................................. 60Gambar 4.18 Antarmuka Pengguna Halaman Manajemen Materi ........................ 61Gambar 4.19 Antarmuka Pengguna Halaman Input Materi .................................. 61Gambar 4.20 Antarmuka Pengguna Halaman Manajemen Mata Kuliah............... 62Gambar 4.21 Antarmuka Pengguna Halaman Manajemen Akun User ................. 62Gambar 4.22 Antarmuka Pengguna Halaman Utama Depan ................................ 63Gambar 4.23 Antarmuka Pengguna Halaman Materi ............................................ 64Gambar 4.24 Grafik Penilaian dari Ahli Sistem Informasi .................................... 72

  

DAFTAR TABEL