BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Pada bab ini akan dibahas implementasi bertujuan memastikan apakah aplikasi yang dibuat berjalan sesuai yang penulis harapakan. Sebelum program diimplementasikan maka program harus bebas dari kesalahan, kesalahan saat proses ataupun kesalahan logical. Program dapat diimplementasikan setelah bebas dari kesalahan setelah pengujian. 4.1 Implementasi Program Di dalam implementasi ini di deskripsikan dengan listing: #include<stdlib.h> #include<gl/glut.h> Kode 4.1 Fungsi ini digunakan untuk memanggil fungsi GLUT di Windows. static float xpoz = 0, ypoz = 0, zpoz = 0,d = -12, e = -5,f = -5, pintu=0; Berfungsi untuk mendeklarasikan posisi awal x,y,dan z pada saat aplikasi di jalankan. Contoh source code Kode 4.2 penerapan kode pada aplikasi Di bawah ini adalah contoh dari kode diatas 27

2 28 Gambar 4.1 tampilan awal aplikasi Kode 4.1 akan di jelaskan dengan flowchart di bwah ini: Gambar 4.2 flowchart listing dari fungsi library glut Pengimlementasian yang selanjutnya termasuk dalam fungsi dari library glut di gambarkan dalam table.

3 29 Table 4.1 Implementasi source code Source code Penjelasan glcolor3f(0.3,0.2,0.1) Berfungsi untuk mendefinisikan warna pada objek yang di buat (0.3,0.2,0.1) yaitu kuning. glvertex3d(x1,y1,z2); Berfungsi untuk menyatakan titik koordinat x,y,z glloadidentifity (); Berfungsi memanggil matriks identitas ke matriks saat ini, agar nilai awal kembali ke pusat koordinat yaitu (0,0,0). glenable(gl_depth_test); Berfungsi untuk mengaktifkan atau menampilkan GL_DEPTH_TEST glclearcolor (0.3, 0.3, 0.5, 0.0); Berfungsi mendefinisikan warna pada windows yang dibuat dengan warna (0.3, 0.3, 0.5, 0.0) yaitu abu abu. glshademodel (GL_SMOOTH); Berfungsi untuk member warna bayangan glmatrixmode (GL_PROJECTION); Berfungsi untuk memberi nilai masukan pada matriks dengan model projection. gltranslatef(d,e,f); Berfungsi menggeser seluruh pemandangan ke kiri, kanan, atas, bawah, maju dan mundur sesuai nilai x,y dan z. glrotatef(xpoz,0,1,0); Berfungsi untuk memutar seluruh obyek dengan sudut angle (0-359) dan vector yang dinyatakan dengan nilai x,y dan z. glutsolidcube(6.0f); Berfungsi membuat kubus. glbegin(gl_quads); Berfungsi membuat segi empat. glutinitdisplaymode Untuk instalasi modus display. Fungsi ini (GLUT_RGB GLUT_DEPTH meminta window yang bersifat double GLUT_DOUBLE); buffered, dengan warna RGB. glutinitwindowsize (1024, 720); Membuat windows dengan ukuran (1024,700) pada layar computer. glutinitwindowposition (100, Membuat titik kiri atas window diletakan 100); pada (100,100) pada layar computer.

4 30 glutkeyboardfunc(keyboard); Berfungsi mengaktifkan fungsi pada keyboard. glutswapbuffers(); Digunakan untuk menukar bagian belakang menjadi bagian depan buffer. glortho(-12,12,-6,6,-35,35); Mendeinisikan besarnya sistem koordinat dengan range sumbu x adalah (12,12), range untuk sumbu y adalah (-6,6), range sumbu z adalah (-35,35). Contoh gambar pada glortho. Gambar 4.3 glortho

5 31 gluperspective(80.0,2.2, 1.0, 100.0); berfungsi untuk mendeklarasikan jarak ke depan dan ke belakang dari bidang pandang. Contoh gambar glutprespective. Gambar 4.4 gluprespective Bentuk solid glutsolidtorus dan glutsolidsphere //Ban Belakang glpushmatrix(); glcolor3f(1.0, 1.0, 1.0); glscalef(0.35, 0.35, 0.25); gltranslatef(25.0, 4.5, 19.3); glutsolidtorus(2, 3, 20, 30); glpopmatrix(); //Velg glpushmatrix(); glcolor3f(0.0, 0.0, 0.0); glscalef(0.5, 0.5, 0.5); gltranslatef(17.5, 2.5, 8.0); glutsolidsphere(2, 10, 20); glpopmatrix();

6 32 //Velg glpushmatrix(); glcolor3f(0.0, 0.0, 0.0); glscalef(0.5, 0.5, 0.5); gltranslatef(-17.5, 2.5, 8.0); glutsolidsphere(2, 10, 20); glpopmatrix(); //Ban Depan glpushmatrix(); glcolor3f(1.0, 1.0, 1.0); glscalef(0.35, 0.35, 0.25); gltranslatef(-25.0, 4.5, -19.3); glutsolidtorus(2, 3, 20, 30); glpopmatrix(); //Velg glpushmatrix(); glcolor3f(0.0, 0.0, 0.0); glscalef(0.5, 0.5, 0.5); gltranslatef(17.5, 2.5, -8.0); glutsolidsphere(2, 10, 20); glpopmatrix(); glpushmatrix(); glcolor3f(1.0, 1.0, 1.0); glscalef(0.35, 0.35, 0.25); gltranslatef(-25.0, 4.5, 19.3); glutsolidtorus(2, 3, 20, 30); glpopmatrix(); //Velg glpushmatrix(); glcolor3f(0.0, 0.0, 0.0);

7 33 glscalef(0.5, 0.5, 0.5); gltranslatef(-17.5, 2.5, -8.0); glutsolidsphere(2, 10, 20); glpopmatrix(); kode 4.3 membuat roda dan velg Fungsi glutsolidsphere yaitu membuat bola dan fungsi glutsolidtorus adalah menggambar dengan bentuk seperti donat berpusat pada asal pemodelan sistem koordinat. Di bawah ini contoh tampilan Gambar 4.5 velg dan ban glpushmatrix dan glpopmatrix glpushmatrix berfungsi menyimpan koordinat yang ada. Sedangkan glpopmatrix adalah suatu fungsi guna memanggil suatu fungsi yang telah disimpan pada glpushmatrix. Contoh program: glcolor3f(0.5, 0.3, 0.2); glpushmatrix(); gltranslatef(0.0, 9.8, -4.0); glscalef(1.0, 0.8, 0.2); glutsolidcube(6.0f); glpopmatrix();

8 34 glcolor3f(0.5, 0.0, 0.2); glpushmatrix(); gltranslatef(0.0, 9.8, -4.6); glscalef(0.05, 0.8, 0.005); glutsolidcube(6.0f); glpopmatrix(); kode 4.4 contoh glpushmatrix dan glpopmatrix Fungsi di atas untuk menggambar kubus solid. GLUT menyediakan objek sederhana yang langsung bias dipanggil dengan mudah. Pada objek diatas sebelum fungsi memanggil objek kubus dipanggil terjadi 2 buah transformasi yaitu skala dan rotasi. Jika tanpa ada push dan pop serta transformasi secara default objek akan dirender pada skala default dan posisi default. Operasi push dan pop matrix adalah operasi penambahan stack matrix pada model view matrix untuk transformasi. Pada kode diatas ditambahkan translasi atau pergeseran x, y, z = (0.0, 9.8, -4.0) dan sisi satunya x, y, z = gltranslatef(0.0, 9.8, -4.6) operasi pop. matrix transformasi dirubah dengan menambahkan translate dan scale pada stack matrix model view sehingga objek kubus yang dipanggil melalui perhitungan transformasi. glpop mengeluarkan matrix transformasi keluar dari tumpukan sehingga mengembalikan matrix modelview menjadi matrix identitas. Berikut tampilan dari kode diatas adalah pintu pada lantai 2

9 35 Gambar 4.6 pintu pada lantai Implementasi void pada source code dan pengerjaan 1. Void Kubus menjelaskan mengenai bagaimana kotak kubus 3 dimensi dapat melalui beberapa titik. Apabila digabungkan akan menjadi kubus 3 dimensi. Di void kubus ini memiliki 6 bagian kubus yang harus di selesaikan agar membentuk kubus 3 dimensi. void Kubus (float x1,float y1,float x2,float y2,float x3,float y3,float x4,float y4,float z1,float z2,float z3) {

10 36 //sisi atas glvertex3d(x3,y3,z2); glvertex3d(x4,y4,z2); glvertex3d(x4,y4,z1); glvertex3d(x3,y3,z1); //sisi depan glvertex3d(x1,y1,z2); glvertex3d(x2,y2,z2); glvertex3d(x3,y3,z2); glvertex3d(x4,y4,z2); //sisi kanan glvertex3d(x2,y2,z2); glvertex3d(x2,y2,z1); glvertex3d(x3,y3,z1); glvertex3d(x3,y3,z2); //sisi belakang glvertex3d(x1,y1,z1); glvertex3d(x2,y2,z1); glvertex3d(x3,y3,z1); glvertex3d(x4,y4,z1); //sisi kiri glvertex3d(x1,y1,z2); glvertex3d(x1,y1,z1); glvertex3d(x4,y4,z1); glvertex3d(x4,y4,z2); //sisi bawah glvertex3d(x1,y1,z2); glvertex3d(x2,y2,z2); glvertex3d(x2,y2,z1); glvertex3d(x1,y1,z1); } Kode 4.5 membuat kubus

11 37 Berikut ini tampilan dari kode diatas: Gambar 4.7 bodi bus lantai 1 dibuat dengan menggunakan void 2. Void init(void) berfungsi menggambar, mengatur warna dan koordinat sistem. void init(void) { glclearcolor (0.3, 0.3, 0.5, 0.0); glortho(-12,12,-6,6,-35,35); glenable(gl_depth_test); glshademodel (GL_SMOOTH); glmatrixmode (GL_PROJECTION); glloadidentity (); gluperspective(80.0,2.2, 1.0, 100.0); glmatrixmode (GL_MODELVIEW); } Kode 4.6 menggatur tampilan

12 38 Tampilan dari kode diatas sama dengan gambar 4.1 tetapi dari sini kita bias menggatur warna dasar dari aplikasi, koordinat posisi kamera dan jarak kamera dari objek. 3. Void display(void) berfungsi menggambar dan mengatur warna dan koordinat. glclear (GL_COLOR_BUFFER_BIT GL_DEPTH_BUFFER_BIT); glloadidentity (); //digunakan untuk me-nonaktifkan/me-reset transformasi sebelumnya gltranslatef(d,e,f); //digunakan untuk melakukan perpindahan posisi gelombang glrotatef(xpoz,0,1,0); glrotatef(ypoz,1,0,0); glrotatef(zpoz,0,0,1); Kode 4.7 Rotasi Contoh rotasi: Gambar 4.8. Objek dan rotasi 4. Void keyboard Setelah aplikasi sudah selesai maka di bawah ini script berisi navigasi penggunaan tombol keyboard yang digunakan untuk menggerakan kamera. Maksud Dari d,e,f,xpoz di bawah ialah dari gltranslatef(d,e,f); yang digunakan untuk melakukan perpindahan posisi d ialah sumbu x, dan e

13 39 ialah sumbu y, dan f ialah sumbu z dan untuk glrotatef(xpoz,0,1,0); ialah melakukan rotasi ke sumbu Y. void keyboard(unsigned char key, int x, int y) { switch (key) { case 'x': xpoz=xpoz+5; if (xpoz>360) xpoz=0; case 'c': xpoz=xpoz-5; if (xpoz>360) xpoz=0; case 'y': ypoz=ypoz+5; if (ypoz>360) ypoz=90; case 'u': ypoz=ypoz-5; if (ypoz>360) ypoz=0; case 'z': zpoz = zpoz+5; if (zpoz>360) zpoz=0; case 'w': e = e - 1;

14 40 } } case 's': e = e + 1; case 'a': d = d + 1; case 'd': d = d - 1; case 'q': f = f + 1; case 'e': f = f - 1; case 27:; //Tekan ESC untuk exit exit(0); Kode 4.8 Pengaturran pada keyboard

15 Pengujian Pada tahab ini penulis akan melakukan pengujian menggunakan black box terhadap program. Table 4.2 Pengujian Rancangan Hasil yang diharapkan Hasil Compile program Aplikasi berjalan OK Tombol W Kamera bergerak ke atas OK Tombol A Kamera bergerak ke kiri OK Tombol S Kamera bergerak ke bawah OK Tombol D Kamera bergerak ke kanan OK Tombol Q Kamera bergerak maju OK Tombol E Kamera bergerak mundur OK Tombol Y Kamera berputar ke sumbu Y OK Tombol Esc Exit program OK 4.4 Hasil Program Hasil akhir pada aplikasi ini. Gambar 4.9 Tampak bus

16 42 Gambar 4.10 Tampilan ruang kelas ekonomi Pada kelas ekonomi bis hanya menyediakan bangku.

17 43 Gambar 4.11 tampilan ruang kelas bisnis Pada kelas bisnis disediakan fasilitas tambahan 2 buah TV

18 44 Gambar 4.12 Tampilan ruang kelas VIP Pada ruangan ini disediakan fasilitas yaitu tempat istirahat dan meja rapat.