penerapan teknologi webgl pada rancang bangun...

12
TUGAS AKHIR PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN APLIKASI WEB PENGENALAN RUMAH ADAT INDONESIA MENGGUNAKAN METODE RAPID APPLICATION DEVELOPMENT RIZKY PRADANA 14102083 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI DAN INFORMATIKA INSTITUT TEKNOLOGI TELKOM PURWOKERTO 2018

Upload: others

Post on 29-Nov-2020

11 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA

TUGAS AKHIR

PENERAPAN TEKNOLOGI WebGL PADA RANCANG

BANGUN APLIKASI WEB PENGENALAN RUMAH

ADAT INDONESIA MENGGUNAKAN METODE

RAPID APPLICATION DEVELOPMENT

RIZKY PRADANA

14102083

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI DAN INFORMATIKA

INSTITUT TEKNOLOGI TELKOM PURWOKERTO

2018

Page 2: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA

TUGAS AKHIR

PENERAPAN TEKNOLOGI WebGL PADA RANCANG

BANGUN APLIKASI WEB PENGENALAN RUMAH

ADAT INDONESIA MENGGUNAKAN METODE

RAPID APPLICATION DEVELOPMENT

IMPLEMENTATION OF WebGL TECHNOLOGY ON

THE DESIGN AND DEVELOPMENT OF INDONESIAN

CUSTOMIZED HOME RECOGNITION APPLICATIONS

USING METHODS RAPID APPLICATION

DEVELOPMENT

Disusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer

RIZKY PRADANA

14102083

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI DAN INFORMATIKA

INSTITUT TEKNOLOGI TELKOM PURWOKERTO

2018

Page 3: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA
Page 4: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA
Page 5: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA
Page 6: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA

KATA PENGANTAR

Assalamualaikum Warahmatullahi Wabarakatuh

Dengan mengucapkan puji serta syukur kehadirat Allah SWT yang telah

memberikan rahmat, karunia, taufik dan hidayah-Nya, sehingga penulis dapat

menyelesaikan penulisan laporan tugas akhir yang diberi judul PENERAPAN

TEKNOLOGI WebGL PADA RANCANG BANGUN “APLIKASI WEB

PENGENALAN RUMAH ADAT INDONESIA MENGGUNAKAN METODE

RAPID APPLICATION DEVELOPMENT”.

Untuk sampai pada penyusunan laporan tugas akhir yang telah selesai dibuat,

sebelumnya penulis mengucapkan terima kasih atas perhatian, bantuan, dan

bimbingannya. Oleh karena itu penulis diberi kesempatan untuk mengucapkan terima

kasih kepada

1. Allah SWT yang telah memberikan rahmat dan karunianya.

2. Bapak Dr. Ali Rokhman, M.Si. Selaku Rektor Institut Teknologi Telkom

Purwokerto.

3. Bapak Didi Supriyadi, S.T, M.Kom. Selaku Dekan Fakultas Teknologi Industri

dan Informatika Institut Teknologi Telkom Purwokerto.

4. Bapak Muhammad Zidny Naf’an, S.Kom., M.Kom. Selaku Ketua Program Studi

Informatika Institut Teknologi Telkom Purwokerto.

5. Ibu Sisilia Thya Safitri S.T.,MT selaku Dosen Pembimbing satu yang telah

membimbing, memberi saran, membenarkan yang salah dan meluangkan

waktunya selama penyusunan tugas akhir dibuat.

6. Ibu Emi Iryanti S.ST.,M.T. selaku Dosen Pembimbing dua yang telah memberikan

bimbingan, arahan, dan meluangkan waktu untuk penyusunan tugas akhir.

7. Ibu Ely Hayyin (Ely Purnawati, M. Kom) yang telah memberikan arahan dalam

melakukan pembutana desain rumah adat tiga dimensi.

8. Orangtua dan adik-adik yang tiada henti memberikan doa, semangat dan motivasi.

9. Keluarga yang selalu memberikan semangat.

Page 7: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA
Page 8: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA

DAFTAR ISI

LEMBAR PENGESAHAN PEMBIMBING……………………………………….. iii

LEMBAR PENETAPAN PENGUJI……………………………………………....... iv

HALAMAN PERNYATAAN ANTI PLAGIAT……………………………………. v

KATA PENGANTAR………………………………………………………………. vi

DAFTAR ISI……………………………………………………………………...... vii

DAFTAR GAMBAR…………………………………………………………….... viii

DAFTAR TABEL…………………………………………………………………... ix

ABSTRACT…………………………………………………………………………. x

BAB I PENDAHULUAN……………………………………………………………. 1

1.1. Latar Belakang………………………………………………………………. 1

1.2. Rumusan Masalah…………………………………………………………… 6

1.3. Tujuan……………………………………………………………………….. 6

1.4. Batasan Masalah`……………………………………………………………. 6

1.5. Manfaat……………………………………………………………………… 6

BAB II TINJAUAN PUSTAKA…………………………………………………….. 7

2.1. Penelitian Terkait…………………………………………………………….. 7

2.2. Dasar Teori…………………………………………………………………. 13

2.2.1. Aplikasi Web……………………………………………………….. 13

2.2.2. Rumah Adat………………………………………………………… 13

2.2.3. Grafis Tiga Dimensi………………………………………………... 22

2.2.4. WebGL……………………………………………………………... 22

2.2.5. HTML5……………………………………………………………... 23

2.2.6. Javascript…………………………………………………………… 23

2.2.7. PHP………………………………………………………………… 24

2.2.8. Sketchup……………………………………………………………. 24

2.2.8. Sketchup……………………………………………………………. 24

BAB III METODOLOGI PENELITIAN…………………………………………... 28

Page 9: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA

3.1. Studi Literatur………………………………………………………………. 29

3.2. Perancangan sistem dengan menggunakan metode RAD………………….. 29

3.2.1. Tahap perencanaan kebutuhan (requirement planning) ……………. 30

3.2.2. Tahap desain pengguna (user design) ……………………………… 30

3.2.3. Tahap pembangunan sistem (system development) ……………….. 31

3.2.4. Tahap pengujian sistem (system testing) …………………………... 31

BAB IV HASIL DAN ANALISIS…………………………………………………. 33

4.1. Hasil penelitian dan hasi pengujian………………………………………… 33

4.1.1. Hasil Penelitian……………………………………………………... 33

4.1.2. Hasil Pengujian……………………………………………………... 44

4.2. Analisis……………………………………………………………………... 51

BAB V KESIMPULAN DAN SARAN……………………………………………. 54

5.1. Kesimpulan…………………………………………………………………. 54

DAFTAR PUSTAKA………………………………………………………………. 55

LAMPIRAN

Page 10: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA

DAFTAR GAMBAR

Gambar 1.1 Pertanyaan ke-1………………………………………………………… 2

Gambar 1.2 Pertanyaan ke-2………………………………………………………… 3

Gambar 1.3 Pertanyaan ke-3………………………………………………………… 3

Gambar 1.4 Pertanyaan ke-4………………………………………………………… 4

Gambar 1.5 Pertanyaan ke-5……………………………………………………….... 4

Gambar 2.1 Tahapan metode RAD………………………………………………… 25

Gambar 3.1 Tahapan Penelitian……………………………………………………. 28

Gambar 3.2 Proses pembangunan sistem…………………………………………... 29

Gambar 4.1 Diagram Usecase……………………………………………………… 33

Gambar 4.2 Diagram Activity……………………………………………………… 34

Gambar 4.3 Sequence Diagram…………………………………………………….. 35

Gambar 4.4 Diagram Entity Relationship………………………………………….. 36

Gambar 4.5 Halaman utama………………………………………………………... 36

Gambar 4.6 Popup………………………………………………………………….. 37

Gambar 4.7 Tampilan tiga dimensi………………………………………………… 37

Gambar 4.8 Pembuatan desain tiga dimensi…………………………………………38

Gambar 4.9 Pembuatan desain tiga dimensi lanjutan………………………………. 39

Gambar 4.10 Pemberian material…………………………………………………... 39

Gambar 4.11 Database……………………………………………………………… 40

Gambar 4.12 Pemberian hosting dan domain………………………………………. 42

Gambar 4.13 Halaman utaman aplikasi web……………………………………….. 42

Gambar 4.14 Popup………………………………………………………………… 43

Gambar 4.15 Tampilan informasi rumah adat……………………………………… 43

Gambar 4.16 Tampilan tiga dimesi………………………………………………… 44

Page 11: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA

DAFTAR TABEL

Tabel 2.1 State Of the Art…………………………………………………………… 8

Tabel 2.2 Kategori interval…………………………………………………………. 27

Tabel 4.1 Pengujian fungsionalitas…………………………………………………. 44

Tabel 4.2 Hasil pengujian fungsionalitas…………………………………………… 46

Tabel 4.3 Penilaian…………………………………………………………………. 48

Tabel 4.4 Skor penilaian……………………………………………………………. 49

Tabel 4.5 Hasil penilaian…………………………………………………………… 50

Tabel 4.6 Hasil perkalian skala likert………………………………………………. 51

Page 12: PENERAPAN TEKNOLOGI WebGL PADA RANCANG BANGUN …repository.ittelkom-pwt.ac.id/5768/5/COVER.pdfDisusun Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer RIZKY PRADANA