Animasi 3D Interaktif Pertempuran Medan Area
ANIMASI 3D INTERAKTIF PERTEMPURAN MEDAN AREA
SKRIPSI
DEDI SEPTIANTA
101402090
PROGRAM STUDI TEKNOLOGI INFORMASI
FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
ii
ANIMASI 3D INTERAKTIF PERTEMPURAN MEDAN AREA
SKRIPSI
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh ijazah
Sarjana Teknologi Informasi
DEDI SEPTIANTA
101402090
PROGRAM STUDI TEKNOLOGI INFORMASI
FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
iii
PERSETUJUAN
Judul
: ANIMASI 3D INTERAKTIF PERTEMPURAN MEDAN
AREA
Kategori
: SKRIPSI
Nama
: DEDI SEPTIANTA
Nomor Induk Mahasiswa
: 101402090
Program Studi
: SARJANA (S1) TEKNOLOGI INFORMASI
Departemen
: TEKNOLOGI INFORMASI
Fakultas
: ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
Komisi Pembimbing
:
Pembimbing 2
Pembimbing 1
Muhammad Anggia Muchtar ST.,MM.IT
Dani Gunawan ST.,M.T
NIP. 19800110 200801 1010
NIP. 19820915 201212 1002
Diketahui/Disetujui Oleh
Program Studi Teknologi Informasi
Ketua,
Romi Fadillah Rahmat, B.Comp.Sc.,M.Sc.
NIP. 19860303201012 1 004
Universitas Sumatera Utara
iv
PERNYATAAN
ANIMASI 3D INTERAKTIF PERTEMPURAN MEDAN AREA
SKRIPSI
Saya mengakui bahwa skripsi ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juli 2016
DEDI SEPTIANTA
101402090
Universitas Sumatera Utara
v
UCAPAN TERIMA KASIH
Puji dan syukur penulis ucapkan kepada Tuhan yang maha esa dengan segala karuniaNya
penulisan tugas akhir ini berhasil diselesaikan dalam waktu yang telah ditetapkan. Selama
penyelesaian tugas akhir ini, banyak bantuan dan kerja sama serta doa dan dukungan dari
berbagai pihak, oleh karena itu penulis sampaikan ucapan terima kasih sedalam-dalamnya
dan penghargaan kepada:
1.
Kedua orang tua dan sanak saudara penulis yang telah memberikan dukungan dan
motivasi baik materil dan spiritual selama penulis mengikuti pendidikan hingga
selesainya tugas akhir ini.
2.
Bapak M. Anggia Muchtar ST.,MM.IT, selaku pembimbing 1 dan Bapak Dani
Gunawan ST.,M.T selaku pembimbing 2 yang telah banyak meluangkan waktu dan
pikiran beliau, memotivasi, memberikan arahan, kritik dan saran kepada penulis.
3.
Bapak Dan Ibu Dosen Penguji yang telah memberikan kritik dan saran kepada
penulis.
4.
Semua dosen, staff dan pegawai di Jurusan Teknologi Informasi serta Fakultas
Ilmu Komputer dan Teknologi Informasi yang tidak dapat saya sebutkan satu-persatu.
5.
Rekan seperjuangan dalam penelitian ini, Emi Purnama Sari Gulo, M. Kurniawan
Widhianto, Farhan Lutfi, Andean Arippa, Andry Endang, Ryando Hidayat, Vikram Zaini
dan Joko Almady, serta rekan-rekan mahasiswa yang tidak dapat saya sebutkan satupersatu, khususnya angkatan 2010 Program Studi Teknologi Informasi USU yang telah
memberikan dukungan dan semangat untuk saya.
Semoga segala kebaikan dan bantuannya dibalas oleh Tuhan dan semoga tugas akhir ini
dapat bermanfaat bagi semua pihak yang memerlukannya
Universitas Sumatera Utara
vi
ABSTRAK
Sumatera Utara memiliki banyak cerita sejarah misalnya tentang agresi militer Belanda
yang terjadi setelah Indonesia merdeka. Pertempuran terjadi di berbagai wilayah hingga
ke pedesaan demi mempertahankan kemerdekaannya. Aplikasi ini dibuat untuk
menampilkan animasi 3D interaktif yang akan membuat penontonnya mengalami
pengalaman secara virtual. Perancangan aplikasi ini berdasarkan cerita sejarah Sumatera
Utara yaitu pertempuran medan area yang terjadi di daerah Sipirok. Game Engine yang
digunakan adalah Unity 5. Unity dapat digunakan untuk menghasilkan aplikasi dalam
bentuk 3D untuk merealisasikan dunia nyata dalam bentuk virtual. Perancangan aplikasi
ini adalah hasil dari analisis, desain , dan implementasi dari game bergenre First-Person
Shooting yang digunakan untuk behavior tiap karakter yang berperang dalam VR. Pada
penelitian ini, penulis menerapkan teknologi Virtual Reality (VR) yang mana pemain
dapat berjalan dan menyaksikan langsung pertempuran saat itu dengan perangkat HeadMounted Display (HMD), yaitu Oculus Rift Development Kit 2. Penggunaan perangkat
HMD tersebut untuk meningkatkan imersivitas dari aplikasi virtual tour yang dibangun.
Hal tersebut dapat memberikan pengalaman berbeda bagi pengguna untuk mempelajari
sejarah Pertempuran Medan Area.
Kata kunci : Pertempuran Medan Area, First-Person Shooting, Virtual Reality, Virtual
Tour
Universitas Sumatera Utara
vii
INTERACTIVE 3D ANIMATION BATTLE OF MEDAN AREA
ABSTRACT
North Sumatra has many historical stories, for instance Dutch military aggression that
happened after Indonesia getting freedom. The battles happened everywhere included to
the countryside for maintaining the freedom. This application is made for displaying 3D
animation that will make the viewer vicarious virtually. This application is arranged
based on the North Sumatera historical story that is Medan area battle that happened in
Sipirok. Game Engine that used is Unity 5. Unity can be used for making 3D application
realize the real world into the virtual form. The arrangement of this application is the
result of the analysis, design, and implementation from the genre game First-Person
Shooting used as behavior of each fighting character in VR. In this research, the writer
applies the technology of Virtual Reality (VR) which the player can walk and watch live
the battle at the moment by device Head Mounted Display (HMD), which is Oculus Rift
Development Kit 2. The using of HMD is for increasing emissivity of built tour virtual
application. It can give the different experience for the user to learn the history of Medan
Area Battle.
Key words : Medan Area Battle, First Person Shooting, Virtual Reality, Virtual Tour
Universitas Sumatera Utara
viii
DAFTAR ISI
ABSTRAK
v
ABSTRACT
vi
DAFTAR ISI
vii
DAFTAR TABEL
x
DAFTAR GAMBAR
xi
BAB 1 PENDAHULUAN
1.1
Latar Belakang
1
1.2
Rumusan Masalah
2
1.3
Tujuan Penelitian
3
1.4
Batasan Masalah
3
1.5
Manfaat Penelitian
3
1.6
Metodologi
3
1.7
Sistematikan Penulisan
4
BAB 2 LANDASAN TEORI
2.1
Sejarah Singkat Pertempuran Medan Area
6
2.2
Multimedia
8
2.3
Komponen Multimedia
8
2.3.1
Suara (Audio)
8
Universitas Sumatera Utara
ix
2.3.2
Video
9
2.3.3
Gambar (Image)
10
2.3.4
Teks
10
2.3.5
Animasi
11
2.3.6
Metode untuk Mengontrol Animasi
13
2.3.7
Komponen Animasi
14
2.3.8
3D
14
2.3.9
Resolusi Video
20
2.4
Artificial Intelligence
21
2.5
Unity
22
2.6
Penelitian Terdahulu
23
BAB 3 ANALISIS DAN PERANCANGAN
3.1
Arsitektur Umum
24
3.2
Pengumpulan Data
25
3.2.1
Naskah Sejarah
25
3.3
Pengumpulan Asset
25
3.4
Modeling 3D
25
3.4.1
Desain Karakter NPC
26
3.4.2
Desain Environment
28
3.5
Pembuatan VR
29
3.5.1
Pembuatan AI
29
3.5.2
Desain User Interface
34
Universitas Sumatera Utara
x
3.5.2.1 Main Menu
34
3.5.2.2 Tampilan Menu Option dalam VR
36
BAB 4 IMPLEMENTASI DAN PENGUJIAN
4.1
Implementasi Sistem
38
4.1.1
Konfigurasi Perangkat Keras
38
4.1.2
Konfigurasi Perangkat Lunak yang digunakan
39
4.2
Tampilan Aplikasi
39
4.2.1
Tampilan Main Menu
39
4.2.2
Tampilan Cutscene Pembuka
40
4.2.3
Tampilan VR Pertempuran Medan Area
41
4.2.4
Tampilan Cutscene Penutup
42
4.3
Pengujian Sistem
43
4.3.1
Pengujian Aplikasi Menggunakan Metode Black Box
Testing
4.3.2
43
Analisis Hasil Pengujian Aplikasi Menggunakan
Kuesioner
46
BAB 5 KESIMPULAN DAN SARAN
5.1
Kesimpulan
52
5.2
Saran
52
DAFTAR PUSTAKA
53
Universitas Sumatera Utara
xi
DAFTAR TABEL
Tabel 4.1 Spesifikasi perangkat keras yang digunakan
38
Tabel 4.2 Spesifikasi perangkat lunak yang digunakan
39
Tabel 4.3 Tabel Rencana Pengujian
44
Tabel 4.4 Hasil Pengujian Tampilan Main Menu
44
Tabel 4.5 Hasil Pengujian Tampilan Pause Menu
45
Tabel 4.6 Hasil Pengujian Integerasi VR
45
Tabel 4.7 Tabel kuesioner pertanyaan nomor 1
47
Tabel 4.8 Tabel kuesioner pertanyaan nomor 2
47
Tabel 4.9 Tabel kuesioner pertanyaan nomor 3
48
Tabel 4.10 Tabel kuesioner pertanyaan nomor 4
48
Tabel 4.11 Tabel kuesioner pertanyaan nomor 5
49
Tabel 4.12 Tabel kuesioner pertanyaan nomor 6
49
Tabel 4.13 Tabel kuesioner pertanyaan nomor 7
50
Tabel 4.14 Tabel kuesioner pertanyaan nomor 8
50
Tabel 4.15 Tabel kuesioner pertanyaan nomor 9
51
Tabel 4.16 Tabel kuesioner pertanyaan nomor 10
51
Universitas Sumatera Utara
xii
DAFTAR GAMBAR
Gambar 2.1 2D dan 3D
15
Gambar 2.2 Vertex, Edge dan Face
16’
Gambar 2.3 Contoh material
17
Gambar 2.4 Konsep animasi tradisional
17
Gambar 2.5 Konsep animasi keyframe
18
Gambar 2.6 Real time rendering pada Need for Speed3
19
Gambar 3.1 Arsitektur Umum
24
Gambar 3.2 Tampilan MakeHuman
26
Gambar 3.3 Tampilan Adobe Fuse
27
Gambar 3.4 Tampilan Mixamo
28
Gambar 3.5 Tampilan pembuatan environment dengan Unity3D
29
Gambar 3.6 Perbandingan Jembatan Batang Toru 3D dan Asli
29
Gambar 3.7 Contoh struktur model 3D
30
Gambar 3.8 Walking sequence
30
Gambar 3.9 Contoh Note Graph
32
Gambar 3.10 Sensor Mata dan Telinga
33
Gambar 3.11 Desain Tampilan User Interface Main Menu
36
Universitas Sumatera Utara
xiii
Gambar 3.12 Desain Tampilan Menu Option dalam VR
37
Gambar 4.1 Tampilan Main Menu
40
Gambar 4.2 Tampilan Cutscene Pembuka
41
Gambar 4.4 Tampilan VR Pertempuran Medan Area
42
Gambar 4.5 Tampilan Cutscene Penutup
43
Universitas Sumatera Utara
SKRIPSI
DEDI SEPTIANTA
101402090
PROGRAM STUDI TEKNOLOGI INFORMASI
FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
ii
ANIMASI 3D INTERAKTIF PERTEMPURAN MEDAN AREA
SKRIPSI
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh ijazah
Sarjana Teknologi Informasi
DEDI SEPTIANTA
101402090
PROGRAM STUDI TEKNOLOGI INFORMASI
FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
iii
PERSETUJUAN
Judul
: ANIMASI 3D INTERAKTIF PERTEMPURAN MEDAN
AREA
Kategori
: SKRIPSI
Nama
: DEDI SEPTIANTA
Nomor Induk Mahasiswa
: 101402090
Program Studi
: SARJANA (S1) TEKNOLOGI INFORMASI
Departemen
: TEKNOLOGI INFORMASI
Fakultas
: ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
Komisi Pembimbing
:
Pembimbing 2
Pembimbing 1
Muhammad Anggia Muchtar ST.,MM.IT
Dani Gunawan ST.,M.T
NIP. 19800110 200801 1010
NIP. 19820915 201212 1002
Diketahui/Disetujui Oleh
Program Studi Teknologi Informasi
Ketua,
Romi Fadillah Rahmat, B.Comp.Sc.,M.Sc.
NIP. 19860303201012 1 004
Universitas Sumatera Utara
iv
PERNYATAAN
ANIMASI 3D INTERAKTIF PERTEMPURAN MEDAN AREA
SKRIPSI
Saya mengakui bahwa skripsi ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juli 2016
DEDI SEPTIANTA
101402090
Universitas Sumatera Utara
v
UCAPAN TERIMA KASIH
Puji dan syukur penulis ucapkan kepada Tuhan yang maha esa dengan segala karuniaNya
penulisan tugas akhir ini berhasil diselesaikan dalam waktu yang telah ditetapkan. Selama
penyelesaian tugas akhir ini, banyak bantuan dan kerja sama serta doa dan dukungan dari
berbagai pihak, oleh karena itu penulis sampaikan ucapan terima kasih sedalam-dalamnya
dan penghargaan kepada:
1.
Kedua orang tua dan sanak saudara penulis yang telah memberikan dukungan dan
motivasi baik materil dan spiritual selama penulis mengikuti pendidikan hingga
selesainya tugas akhir ini.
2.
Bapak M. Anggia Muchtar ST.,MM.IT, selaku pembimbing 1 dan Bapak Dani
Gunawan ST.,M.T selaku pembimbing 2 yang telah banyak meluangkan waktu dan
pikiran beliau, memotivasi, memberikan arahan, kritik dan saran kepada penulis.
3.
Bapak Dan Ibu Dosen Penguji yang telah memberikan kritik dan saran kepada
penulis.
4.
Semua dosen, staff dan pegawai di Jurusan Teknologi Informasi serta Fakultas
Ilmu Komputer dan Teknologi Informasi yang tidak dapat saya sebutkan satu-persatu.
5.
Rekan seperjuangan dalam penelitian ini, Emi Purnama Sari Gulo, M. Kurniawan
Widhianto, Farhan Lutfi, Andean Arippa, Andry Endang, Ryando Hidayat, Vikram Zaini
dan Joko Almady, serta rekan-rekan mahasiswa yang tidak dapat saya sebutkan satupersatu, khususnya angkatan 2010 Program Studi Teknologi Informasi USU yang telah
memberikan dukungan dan semangat untuk saya.
Semoga segala kebaikan dan bantuannya dibalas oleh Tuhan dan semoga tugas akhir ini
dapat bermanfaat bagi semua pihak yang memerlukannya
Universitas Sumatera Utara
vi
ABSTRAK
Sumatera Utara memiliki banyak cerita sejarah misalnya tentang agresi militer Belanda
yang terjadi setelah Indonesia merdeka. Pertempuran terjadi di berbagai wilayah hingga
ke pedesaan demi mempertahankan kemerdekaannya. Aplikasi ini dibuat untuk
menampilkan animasi 3D interaktif yang akan membuat penontonnya mengalami
pengalaman secara virtual. Perancangan aplikasi ini berdasarkan cerita sejarah Sumatera
Utara yaitu pertempuran medan area yang terjadi di daerah Sipirok. Game Engine yang
digunakan adalah Unity 5. Unity dapat digunakan untuk menghasilkan aplikasi dalam
bentuk 3D untuk merealisasikan dunia nyata dalam bentuk virtual. Perancangan aplikasi
ini adalah hasil dari analisis, desain , dan implementasi dari game bergenre First-Person
Shooting yang digunakan untuk behavior tiap karakter yang berperang dalam VR. Pada
penelitian ini, penulis menerapkan teknologi Virtual Reality (VR) yang mana pemain
dapat berjalan dan menyaksikan langsung pertempuran saat itu dengan perangkat HeadMounted Display (HMD), yaitu Oculus Rift Development Kit 2. Penggunaan perangkat
HMD tersebut untuk meningkatkan imersivitas dari aplikasi virtual tour yang dibangun.
Hal tersebut dapat memberikan pengalaman berbeda bagi pengguna untuk mempelajari
sejarah Pertempuran Medan Area.
Kata kunci : Pertempuran Medan Area, First-Person Shooting, Virtual Reality, Virtual
Tour
Universitas Sumatera Utara
vii
INTERACTIVE 3D ANIMATION BATTLE OF MEDAN AREA
ABSTRACT
North Sumatra has many historical stories, for instance Dutch military aggression that
happened after Indonesia getting freedom. The battles happened everywhere included to
the countryside for maintaining the freedom. This application is made for displaying 3D
animation that will make the viewer vicarious virtually. This application is arranged
based on the North Sumatera historical story that is Medan area battle that happened in
Sipirok. Game Engine that used is Unity 5. Unity can be used for making 3D application
realize the real world into the virtual form. The arrangement of this application is the
result of the analysis, design, and implementation from the genre game First-Person
Shooting used as behavior of each fighting character in VR. In this research, the writer
applies the technology of Virtual Reality (VR) which the player can walk and watch live
the battle at the moment by device Head Mounted Display (HMD), which is Oculus Rift
Development Kit 2. The using of HMD is for increasing emissivity of built tour virtual
application. It can give the different experience for the user to learn the history of Medan
Area Battle.
Key words : Medan Area Battle, First Person Shooting, Virtual Reality, Virtual Tour
Universitas Sumatera Utara
viii
DAFTAR ISI
ABSTRAK
v
ABSTRACT
vi
DAFTAR ISI
vii
DAFTAR TABEL
x
DAFTAR GAMBAR
xi
BAB 1 PENDAHULUAN
1.1
Latar Belakang
1
1.2
Rumusan Masalah
2
1.3
Tujuan Penelitian
3
1.4
Batasan Masalah
3
1.5
Manfaat Penelitian
3
1.6
Metodologi
3
1.7
Sistematikan Penulisan
4
BAB 2 LANDASAN TEORI
2.1
Sejarah Singkat Pertempuran Medan Area
6
2.2
Multimedia
8
2.3
Komponen Multimedia
8
2.3.1
Suara (Audio)
8
Universitas Sumatera Utara
ix
2.3.2
Video
9
2.3.3
Gambar (Image)
10
2.3.4
Teks
10
2.3.5
Animasi
11
2.3.6
Metode untuk Mengontrol Animasi
13
2.3.7
Komponen Animasi
14
2.3.8
3D
14
2.3.9
Resolusi Video
20
2.4
Artificial Intelligence
21
2.5
Unity
22
2.6
Penelitian Terdahulu
23
BAB 3 ANALISIS DAN PERANCANGAN
3.1
Arsitektur Umum
24
3.2
Pengumpulan Data
25
3.2.1
Naskah Sejarah
25
3.3
Pengumpulan Asset
25
3.4
Modeling 3D
25
3.4.1
Desain Karakter NPC
26
3.4.2
Desain Environment
28
3.5
Pembuatan VR
29
3.5.1
Pembuatan AI
29
3.5.2
Desain User Interface
34
Universitas Sumatera Utara
x
3.5.2.1 Main Menu
34
3.5.2.2 Tampilan Menu Option dalam VR
36
BAB 4 IMPLEMENTASI DAN PENGUJIAN
4.1
Implementasi Sistem
38
4.1.1
Konfigurasi Perangkat Keras
38
4.1.2
Konfigurasi Perangkat Lunak yang digunakan
39
4.2
Tampilan Aplikasi
39
4.2.1
Tampilan Main Menu
39
4.2.2
Tampilan Cutscene Pembuka
40
4.2.3
Tampilan VR Pertempuran Medan Area
41
4.2.4
Tampilan Cutscene Penutup
42
4.3
Pengujian Sistem
43
4.3.1
Pengujian Aplikasi Menggunakan Metode Black Box
Testing
4.3.2
43
Analisis Hasil Pengujian Aplikasi Menggunakan
Kuesioner
46
BAB 5 KESIMPULAN DAN SARAN
5.1
Kesimpulan
52
5.2
Saran
52
DAFTAR PUSTAKA
53
Universitas Sumatera Utara
xi
DAFTAR TABEL
Tabel 4.1 Spesifikasi perangkat keras yang digunakan
38
Tabel 4.2 Spesifikasi perangkat lunak yang digunakan
39
Tabel 4.3 Tabel Rencana Pengujian
44
Tabel 4.4 Hasil Pengujian Tampilan Main Menu
44
Tabel 4.5 Hasil Pengujian Tampilan Pause Menu
45
Tabel 4.6 Hasil Pengujian Integerasi VR
45
Tabel 4.7 Tabel kuesioner pertanyaan nomor 1
47
Tabel 4.8 Tabel kuesioner pertanyaan nomor 2
47
Tabel 4.9 Tabel kuesioner pertanyaan nomor 3
48
Tabel 4.10 Tabel kuesioner pertanyaan nomor 4
48
Tabel 4.11 Tabel kuesioner pertanyaan nomor 5
49
Tabel 4.12 Tabel kuesioner pertanyaan nomor 6
49
Tabel 4.13 Tabel kuesioner pertanyaan nomor 7
50
Tabel 4.14 Tabel kuesioner pertanyaan nomor 8
50
Tabel 4.15 Tabel kuesioner pertanyaan nomor 9
51
Tabel 4.16 Tabel kuesioner pertanyaan nomor 10
51
Universitas Sumatera Utara
xii
DAFTAR GAMBAR
Gambar 2.1 2D dan 3D
15
Gambar 2.2 Vertex, Edge dan Face
16’
Gambar 2.3 Contoh material
17
Gambar 2.4 Konsep animasi tradisional
17
Gambar 2.5 Konsep animasi keyframe
18
Gambar 2.6 Real time rendering pada Need for Speed3
19
Gambar 3.1 Arsitektur Umum
24
Gambar 3.2 Tampilan MakeHuman
26
Gambar 3.3 Tampilan Adobe Fuse
27
Gambar 3.4 Tampilan Mixamo
28
Gambar 3.5 Tampilan pembuatan environment dengan Unity3D
29
Gambar 3.6 Perbandingan Jembatan Batang Toru 3D dan Asli
29
Gambar 3.7 Contoh struktur model 3D
30
Gambar 3.8 Walking sequence
30
Gambar 3.9 Contoh Note Graph
32
Gambar 3.10 Sensor Mata dan Telinga
33
Gambar 3.11 Desain Tampilan User Interface Main Menu
36
Universitas Sumatera Utara
xiii
Gambar 3.12 Desain Tampilan Menu Option dalam VR
37
Gambar 4.1 Tampilan Main Menu
40
Gambar 4.2 Tampilan Cutscene Pembuka
41
Gambar 4.4 Tampilan VR Pertempuran Medan Area
42
Gambar 4.5 Tampilan Cutscene Penutup
43
Universitas Sumatera Utara