S KOM 0806787 Table of Content
DAFTAR ISI
ABSTRAK ............................................................. Error! Bookmark not defined.
ABSTRACT............................................................. Error! Bookmark not defined.
KATA PENGANTAR ........................................... Error! Bookmark not defined.
UCAPAN TERIMAKASIH ................................... Error! Bookmark not defined.
DAFTAR ISI .......................................................................................................... vi
DAFTAR TABEL .................................................................................................. ix
DAFTAR GAMBAR ...............................................................................................x
BAB I PENDAHULUAN ...................................... Error! Bookmark not defined.
1.1 Latar Belakang Masalah......................... Error! Bookmark not defined.
1.2 Rumusan Masalah .................................. Error! Bookmark not defined.
1.3 Batasan Masalah .................................... Error! Bookmark not defined.
1.4 Tujuan Penelitian ................................... Error! Bookmark not defined.
1.5 Manfaat Penelitian ................................. Error! Bookmark not defined.
1.6 Definisi Operasional .............................. Error! Bookmark not defined.
BAB II LANDASAN TEORI ................................ Error! Bookmark not defined.
2.1 Text Editor ............................................. Error! Bookmark not defined.
2.2 Aplikasi Web ......................................... Error! Bookmark not defined.
2.3 HyperText Markup Language (HTML) . Error! Bookmark not defined.
2.4 Cascading Style Sheets (CSS) ................ Error! Bookmark not defined.
2.5 JavaScript ............................................... Error! Bookmark not defined.
2.6 Media Pembelajaran ............................... Error! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
vi
2.7 Computer Software (Aplikasi Komputer)Error! Bookmark not defined.
2.8 Software Development Process (Proses Pengembangan Aplikasi)Error! Bookmark not de
BAB III METODE PENELITIAN ........................ Error! Bookmark not defined.
3.1 Metodologi Penelitian ............................ Error! Bookmark not defined.
3.2 Prosedur Penelitian ................................ Error! Bookmark not defined.
3.2.1 Tahap Analisis .............................. Error! Bookmark not defined.
3.2.2 Tahap Desain ................................ Error! Bookmark not defined.
3.2.3 Tahap Pengembangan ................... Error! Bookmark not defined.
3.2.4 Tahap Pengujian ........................... Error! Bookmark not defined.
3.2.5 Tahap Penilaian ............................ Error! Bookmark not defined.
3.3 Populasi dan Sampel .............................. Error! Bookmark not defined.
3.4 Instrumen Penelitian .............................. Error! Bookmark not defined.
3.5 Teknis Analisis Data .............................. Error! Bookmark not defined.
BAB IV HASIL PENELITIAN DAN PEMBAHASANError!
Bookmark
not
defined.
4.1 Tahap Analisis ....................................... Error! Bookmark not defined.
4.1.1 Analisis Umum ............................. Error! Bookmark not defined.
4.1.2 Analisis Pengguna ........................ Error! Bookmark not defined.
4.1.3 Analisis Kebutuhan Perangkat LunakError! Bookmark not defined.
4.1.4 Analisis Kebutuhan Perangkat KerasError! Bookmark not defined.
4.2 Tahap Desain ......................................... Error! Bookmark not defined.
4.2.1 Flowchart ..................................... Error! Bookmark not defined.
4.2.2 Storyboard .................................... Error! Bookmark not defined.
4.2.3 Fitur .............................................. Error! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
vii
4.3 Tahap Pengembangan ............................ Error! Bookmark not defined.
4.3.1 Pembuatan Antarmuka ................. Error! Bookmark not defined.
4.3.2 Coding atau Pengkodean .............. Error! Bookmark not defined.
4.3.3 Alpha Testing ................................ Error! Bookmark not defined.
4.3.4 Pemaketan atau packaging ........... Error! Bookmark not defined.
4.3.5 Uji Produk Pada Ahli.................... Error! Bookmark not defined.
4.4 Tahap Implementasi ............................... Error! Bookmark not defined.
4.4.1 Pemasangan Aplikasi HJCode...... Error! Bookmark not defined.
4.4.2 Uji pemakaian ............................... Error! Bookmark not defined.
4.4.3 Angket penilaian siswa terhadap HJCodeError! Bookmark not defined.
4.5 Tahap Penilaian ...................................... Error! Bookmark not defined.
4.5.1 Penialaian Kelayakan Aplikasi HJCode oleh Para AhliError! Bookmark not define
4.5.2 Penilaian Para Pengembang Web atau Developers Terhadap
Aplikasi HJCode........................... Error! Bookmark not defined.
4.5.3 Penilaian Siswa Terhadap Aplikasi HJCodeError! Bookmark not defined.
4.5.4 Kekurangan, Kelebihan, Kendala dan Rekomendasi AplikasiError! Bookmark not
BAB V KESIMPULAN DAN SARAN ................ Error! Bookmark not defined.
5.1 Kesimpulan ............................................ Error! Bookmark not defined.
5.2 Saran ...................................................... Error! Bookmark not defined.
DAFTAR PUSTAKA ............................................ Error! Bookmark not defined.
LAMPIRAN
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
viii
DAFTAR TABEL
Tabel 1.1 Perbandingan Aplikasi Code Editor (Esteve, 2010)Error! Bookmark not defined.
Tabel 3.1 Simbol-Simbol flowchart ....................... Error! Bookmark not defined.
Tabel 3.2 Tabel Aspek Penilaian Ahli Media dan Ahli Materi (LORI)Error! Bookmark not defined
Tabel 3.3 Tabel Aspek Penilaian Siswa ................. Error! Bookmark not defined.
Tabel 3.4 Tabel Interpretasi Ratting Scale ............. Error! Bookmark not defined.
Tabel 4.1 Fitur HJCode .......................................... Error! Bookmark not defined.
Tabel 4.2 Hasil Alpha Testing ................................ Error! Bookmark not defined.
Tabel 4.3 Hasil Penilaian Fitur Adobe Dreamweaver dan HJCode oleh Ahli
Materi .......................................................... Error! Bookmark not defined.
Tabel 4.4 Hasil Instrumen Penilaian Oleh Ahli Materi (LORI)Error! Bookmark not defined.
Tabel 4.5 Hasil Penilaian Instrumen Oleh Ahli Media (LORI)Error! Bookmark not defined.
Tabel 4.6 Hasil Penilaian Fitur Adobe Dreamweaver dan HJCode oleh Ahli
Media ........................................................... Error! Bookmark not defined.
Tabel 4.7 Hasil Penilaian Fitur Adobe Dreamweaver dan HJCode Oleh
Developers Web ........................................... Error! Bookmark not defined.
Tabel 4.8 Hasil Angket Penilaian Siswa ................ Error! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
ix
DAFTAR GAMBAR
Gambar 2.1 Web Application Model ................... Error! Bookmark not defined.
Gambar 3.1 Tahapan-tahapan R&D Sugiyono (2012:409)Error! Bookmark not defined.
Gambar 3.2 Skema Penelitian dan PengembanganError! Bookmark not defined.
Gambar 4.1 Antarmuka untuk pengguna yang pertama kali menggunakan
aplikasi HJCode ............................... Error! Bookmark not defined.
Gambar 4.2 Tampilan antarmuka Live Guide ..... Error! Bookmark not defined.
Gambar 4.3 Tampilan antarmuka editor HJCode Error! Bookmark not defined.
Gambar 4.4 Tampilan antarmuka log panel HJCodeError! Bookmark not defined.
Gambar 4.5 Tampilan antarmuka Separate Design ViewError! Bookmark not defined.
Gambar 4.6 Tampilan antarmuka Save Dialog ... Error! Bookmark not defined.
Gambar 4.7 Tampilan antarmuka Export Dialog Error! Bookmark not defined.
Gambar 4.8 Tampilan antarmuka Shortcut List .. Error! Bookmark not defined.
Gambar 4.9 Tampilan antarmuka Evaluasi ......... Error! Bookmark not defined.
Gambar 4.10 Tampilan antarmuka penilaian EvaluasiError! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
x
ABSTRAK ............................................................. Error! Bookmark not defined.
ABSTRACT............................................................. Error! Bookmark not defined.
KATA PENGANTAR ........................................... Error! Bookmark not defined.
UCAPAN TERIMAKASIH ................................... Error! Bookmark not defined.
DAFTAR ISI .......................................................................................................... vi
DAFTAR TABEL .................................................................................................. ix
DAFTAR GAMBAR ...............................................................................................x
BAB I PENDAHULUAN ...................................... Error! Bookmark not defined.
1.1 Latar Belakang Masalah......................... Error! Bookmark not defined.
1.2 Rumusan Masalah .................................. Error! Bookmark not defined.
1.3 Batasan Masalah .................................... Error! Bookmark not defined.
1.4 Tujuan Penelitian ................................... Error! Bookmark not defined.
1.5 Manfaat Penelitian ................................. Error! Bookmark not defined.
1.6 Definisi Operasional .............................. Error! Bookmark not defined.
BAB II LANDASAN TEORI ................................ Error! Bookmark not defined.
2.1 Text Editor ............................................. Error! Bookmark not defined.
2.2 Aplikasi Web ......................................... Error! Bookmark not defined.
2.3 HyperText Markup Language (HTML) . Error! Bookmark not defined.
2.4 Cascading Style Sheets (CSS) ................ Error! Bookmark not defined.
2.5 JavaScript ............................................... Error! Bookmark not defined.
2.6 Media Pembelajaran ............................... Error! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
vi
2.7 Computer Software (Aplikasi Komputer)Error! Bookmark not defined.
2.8 Software Development Process (Proses Pengembangan Aplikasi)Error! Bookmark not de
BAB III METODE PENELITIAN ........................ Error! Bookmark not defined.
3.1 Metodologi Penelitian ............................ Error! Bookmark not defined.
3.2 Prosedur Penelitian ................................ Error! Bookmark not defined.
3.2.1 Tahap Analisis .............................. Error! Bookmark not defined.
3.2.2 Tahap Desain ................................ Error! Bookmark not defined.
3.2.3 Tahap Pengembangan ................... Error! Bookmark not defined.
3.2.4 Tahap Pengujian ........................... Error! Bookmark not defined.
3.2.5 Tahap Penilaian ............................ Error! Bookmark not defined.
3.3 Populasi dan Sampel .............................. Error! Bookmark not defined.
3.4 Instrumen Penelitian .............................. Error! Bookmark not defined.
3.5 Teknis Analisis Data .............................. Error! Bookmark not defined.
BAB IV HASIL PENELITIAN DAN PEMBAHASANError!
Bookmark
not
defined.
4.1 Tahap Analisis ....................................... Error! Bookmark not defined.
4.1.1 Analisis Umum ............................. Error! Bookmark not defined.
4.1.2 Analisis Pengguna ........................ Error! Bookmark not defined.
4.1.3 Analisis Kebutuhan Perangkat LunakError! Bookmark not defined.
4.1.4 Analisis Kebutuhan Perangkat KerasError! Bookmark not defined.
4.2 Tahap Desain ......................................... Error! Bookmark not defined.
4.2.1 Flowchart ..................................... Error! Bookmark not defined.
4.2.2 Storyboard .................................... Error! Bookmark not defined.
4.2.3 Fitur .............................................. Error! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
vii
4.3 Tahap Pengembangan ............................ Error! Bookmark not defined.
4.3.1 Pembuatan Antarmuka ................. Error! Bookmark not defined.
4.3.2 Coding atau Pengkodean .............. Error! Bookmark not defined.
4.3.3 Alpha Testing ................................ Error! Bookmark not defined.
4.3.4 Pemaketan atau packaging ........... Error! Bookmark not defined.
4.3.5 Uji Produk Pada Ahli.................... Error! Bookmark not defined.
4.4 Tahap Implementasi ............................... Error! Bookmark not defined.
4.4.1 Pemasangan Aplikasi HJCode...... Error! Bookmark not defined.
4.4.2 Uji pemakaian ............................... Error! Bookmark not defined.
4.4.3 Angket penilaian siswa terhadap HJCodeError! Bookmark not defined.
4.5 Tahap Penilaian ...................................... Error! Bookmark not defined.
4.5.1 Penialaian Kelayakan Aplikasi HJCode oleh Para AhliError! Bookmark not define
4.5.2 Penilaian Para Pengembang Web atau Developers Terhadap
Aplikasi HJCode........................... Error! Bookmark not defined.
4.5.3 Penilaian Siswa Terhadap Aplikasi HJCodeError! Bookmark not defined.
4.5.4 Kekurangan, Kelebihan, Kendala dan Rekomendasi AplikasiError! Bookmark not
BAB V KESIMPULAN DAN SARAN ................ Error! Bookmark not defined.
5.1 Kesimpulan ............................................ Error! Bookmark not defined.
5.2 Saran ...................................................... Error! Bookmark not defined.
DAFTAR PUSTAKA ............................................ Error! Bookmark not defined.
LAMPIRAN
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
viii
DAFTAR TABEL
Tabel 1.1 Perbandingan Aplikasi Code Editor (Esteve, 2010)Error! Bookmark not defined.
Tabel 3.1 Simbol-Simbol flowchart ....................... Error! Bookmark not defined.
Tabel 3.2 Tabel Aspek Penilaian Ahli Media dan Ahli Materi (LORI)Error! Bookmark not defined
Tabel 3.3 Tabel Aspek Penilaian Siswa ................. Error! Bookmark not defined.
Tabel 3.4 Tabel Interpretasi Ratting Scale ............. Error! Bookmark not defined.
Tabel 4.1 Fitur HJCode .......................................... Error! Bookmark not defined.
Tabel 4.2 Hasil Alpha Testing ................................ Error! Bookmark not defined.
Tabel 4.3 Hasil Penilaian Fitur Adobe Dreamweaver dan HJCode oleh Ahli
Materi .......................................................... Error! Bookmark not defined.
Tabel 4.4 Hasil Instrumen Penilaian Oleh Ahli Materi (LORI)Error! Bookmark not defined.
Tabel 4.5 Hasil Penilaian Instrumen Oleh Ahli Media (LORI)Error! Bookmark not defined.
Tabel 4.6 Hasil Penilaian Fitur Adobe Dreamweaver dan HJCode oleh Ahli
Media ........................................................... Error! Bookmark not defined.
Tabel 4.7 Hasil Penilaian Fitur Adobe Dreamweaver dan HJCode Oleh
Developers Web ........................................... Error! Bookmark not defined.
Tabel 4.8 Hasil Angket Penilaian Siswa ................ Error! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
ix
DAFTAR GAMBAR
Gambar 2.1 Web Application Model ................... Error! Bookmark not defined.
Gambar 3.1 Tahapan-tahapan R&D Sugiyono (2012:409)Error! Bookmark not defined.
Gambar 3.2 Skema Penelitian dan PengembanganError! Bookmark not defined.
Gambar 4.1 Antarmuka untuk pengguna yang pertama kali menggunakan
aplikasi HJCode ............................... Error! Bookmark not defined.
Gambar 4.2 Tampilan antarmuka Live Guide ..... Error! Bookmark not defined.
Gambar 4.3 Tampilan antarmuka editor HJCode Error! Bookmark not defined.
Gambar 4.4 Tampilan antarmuka log panel HJCodeError! Bookmark not defined.
Gambar 4.5 Tampilan antarmuka Separate Design ViewError! Bookmark not defined.
Gambar 4.6 Tampilan antarmuka Save Dialog ... Error! Bookmark not defined.
Gambar 4.7 Tampilan antarmuka Export Dialog Error! Bookmark not defined.
Gambar 4.8 Tampilan antarmuka Shortcut List .. Error! Bookmark not defined.
Gambar 4.9 Tampilan antarmuka Evaluasi ......... Error! Bookmark not defined.
Gambar 4.10 Tampilan antarmuka penilaian EvaluasiError! Bookmark not defined.
Aditya Meilaz Rahmanto, 2015
PENGEMBANGAN APLIKASI TEXT EDITOR BERBASIS WEB (HJCODE)
SEBAGAI MEDIA PEMBELAJARAN DALAM MATA PELAJARAN WEB DESIGN
UNTUK SISWA SMK
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu
x