MAKALAH INSTALASI CODE BLOCK

DAN INSTALASI LIBRARY OPEN GL

BESERTA UJI COBA LIBRARY OPEN GL

Oleh :
Nur Annisaa Badia
1929042069
PTIK F 2019

Mata Kuliah :
Komputer Grafis

Pendidikan Teknik Informatika dan Komputer

Fakultas Teknik
Universitas Negeri Makassar
2021
 DAFTAR ISI

DAFTAR ISI...................................................................................................................... ii
KATA PENGANTAR ...................................................................................................... iii
BAB I PENDAHULUAN ..................................................................................................1
1.1 Latar Belakang ...................................................................................................1
1.2 Rumusan Masalah ..............................................................................................1
1.3 Tujuan ................................................................................................................1
1.4 Manfaat ..............................................................................................................1
BAB II LANDASAN TEORI ............................................................................................2
2.1 CodeBlocks ........................................................................................................2
2.2 Open GL (Open Graphic Library) ......................................................................2
2.3 GLUT (GL Utility Toolkit) ................................................................................3
BAB III METODOLOGI ...................................................................................................4
3.1 INSTALASI CODE BLOCK .............................................................................4
3.2 INSTALASI LIBRARY OPENGL ....................................................................8
3.3 PENGUJIAN LIBRARY OPEN GL ................................................................11
BAB IV PENUTUP .........................................................................................................15
4.1 Kesimpulan ......................................................................................................15
4.2 Saran ................................................................................................................15
DAFTAR PUSTAKA ......................................................................................................17

ii
 KATA PENGANTAR

Assalamualikum Wr.Wb. dan selamat malam.

Rasa syukur saya panjatkan kepada Allah SWT karena malam ini saya telah
selesai menyelesaikan makalah ini dengan melakukan praktikum yaitu
penginstalan CodeBlocks, penginstalan library openGL, serta uji coba library
openGL tersebut di CodeBlocks. Selama melakukan praktikum ada beberapa
kendala yang saya dapatkan seperti versi glut untuk library openGL yang saya
download tidak compatible sehingga beberapa kali saya mendownload ulang
sampai menemukan file glut yang cocok. Selain itu pada penginstalan library
openGLnya beberapa kali saya ulangi karena saat saya memulai mencoba
mengujinya, library openGL tidak terbaca.

Alhamdulillah dan saya ucapkan banyak terimakasih kepada bapak Edi Suhardi
Rahman, S.Pd., M.Pd. selaku dosen mata kuliah komputer grafis sekaligus yang
memberikan tugas ini sehingga saya bisa paham cara menginstall software
CodeBlocks dan cara menggunakannya dengan project GLUT-nya. Saya juga
mengucapkan terimakasih kepada pihak-pihak yang turut serta membantu dalam
proses praktikum sampai pembuatan makalah ini salah satunya senior saya yang
juga membantu menyelesaikan masalah error pada pengujian library openGL nya.

Akhir kata saya ucapkan Wassalamualaikum Wr.Wb

Makassar, 26 Februari 2021

Penulis
Nur Annisaa Badia

iii
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Untuk membuat aplikasi berbasis grafik, baik dua dimensi (2D) maupun
tiga dimensi(3D) digunakan standar API yaitu OpenGL (Open Graphics Library)
yang bersifat bersifat cross-platform, artinya dapat dijalankan pada berbagai
platform sistem operasi yang ada saat ini. OpenGL sendiri telah banyak dibahas
oleh kalangan praktisi, akademisi, maupun industri, yang notabene
berkutat dalam implementasi pemrograman grafik 2D dan 3D. Untuk membuat
aplikasi menggunakan OpenGL, terlebih dahulu memerlukan tool
tertentu. Yang kita gunakan kali ini adalah GLUT (OpenGL Utility
Toolkit). GLUT dipilih karena di dalamnya telah terdapat banyak fungsi yang
dapat dipakai untuk pembuatan application window.
Untuk membuat program OpenGL ini, kita membutuhkan kompailer dan
editor . Untuk bahasa pemrograman C++, bisa menggunakan perangkat lunak
CodeBlock, Eclipse, Microsoft Visual C++ dan lain-lain. Semua perangkat lunak
diatas merupakan IDE (Integrated Development Environment) yang didalamnya
sudah ada editor kode program, compiler atau interpreter atau link ke compiler
atau interpreter, builder dan debuger.

1.2 Rumusan Masalah

1. Bagaimana cara proses penginstalan software CodeBlocks dan Library
OpenGL-nya?
2. Bagaimana output grafik 2D/3D yang dihasilkan dari GLUT Project
dengan library OpenGL?
3. Apa kendala yang didapatkan selama proses penginstalan sampai uji coba
library OpenGL-nya?

1.3 Tujuan
1. Mahasiswa bisa tahu cara menginstall CodeBlocks dan library OpenGL
2. Mahasiswa berhasil menjalankan GLUT project menggunakan library
OpenGL dengan hasil program berbasis grafik 2D/3D
3. Mampu mengatasi masalah yang muncul selama proses penginstalan
software dan pada saat menjalankan softwarenya.

1.4 Manfaat
Mahasiswa(i) mampu langsung mempraktikkan cara instalasi sebuah software
CodeBlocks dengan OpenGL yaitu berbasis grafik baik 2D maupun 3D, bukan
cuma teori yang dipahami tetapi sudah bisa menjalankan program grafik yang
dibuat melalui software tersebut.

1
 BAB II
LANDASAN TEORI

2.1 CodeBlocks
Code block adalah adalah suatu program lingkungan pengembangan terpadu
bebas, nirlaba,bersumber terbuka dan lintas platform. Program yang ditulis dalam
C++ beserta Widgets untuk GUI-nya ini bisa digunakan bersama dengan berbagai
macam kompilator, contohnya GCC dan Visual C++. Sekarang ini, Code::Blocks
lebih tersedia sebagai perangkat pengembangan dalam bahasa C dan C++,
walaupun program ini juga bisa disesuaikan, dan mungkin akan membutuhkan
pemasangan tambahan, untuk pengembangan perangkat lunak
Printf dan scanf merupakan sebuah fungsi pustaka dalam bahasa C yang
berfungsi untukmenerima input dan mengelurkan output, fungsi ini terletak pada
file header <stdio.h>,sehingga sebelum menuliskan perintah printf() dan scanf()
maka perintah
1. #include<stdio.h>harus ditulis terlebih dahulu. Berikut adalah contoh
penggunaan fungsi printf() dan scanf().
2. #include<stdio.h> merupakan file header yang berfungsi untuk
menyimpan fungsi-fungsi pustaka yang digunakan oleh program
3. #include <stdlib.h> adalah fungsi yang ada pada file header stdlib.h yang
berfungsiuntuk menkonversi string menjadi integer.
4. int main() sebagai program utama.
5. {} sebagai pembuka dan penutup program.
6. int a berfungsi untuk mendefinisikan variabel a sebagai integer.
7. printf(“…”); merupakan perintah untuk menerima dan menampilkan input
dari keyboard.
8. scanf(“…”); sebagai pembaca data masukan.
9. %d sebagai pencetak bilangan bulat, variabel d berarti desimal.
10. &a untuk membaca nilai a yang dimasukkan dari keyboard.
11. printf(“nilai yang terbaca… “); berfungsi untuk menampilkan data hasil
masukan.
12. return 0 sebagai nilai pembalik, yang akan mengembalikan nilai 0 kepada
mesin yangmenunjukkan kalau eksekusi program telah sukses.

2.2 Open GL (Open Graphic Library)

OpenGL (Open Graphic Library) merupakan library yang terdiri dari
berbagai macam fungsi dan biasanya digunakan untuk menggambar sebuah atau
beberapa objek 2 dimensi dan 3 dimensi. Library-library ini mendefinisikan
sebuah cross-bahasa, cross-platform API (antarmuka pemrograman aplikasi)
untuk menulis aplikasi yang menghasilkan komputer 2D dan 3D grafis. Bahasa
pemrograman yang digunakan pada umumnya adalah pemrograman C/C++,
namun dapat pula menggunakan Java. OpenGL merupakan library yang

2
digunakan untuk melakukan pemrograman grafik; Graphic Programming. Untuk
mempelajari pemrograman grafik ini, diharapkan kita dapat menguasai persamaan
matematika, terutama operasi matriks. Karena, di dalam melakukan pemrograman
grafik, akan dihadapkan mengenai pembuatan shading, shape, transform (rotate,
translation, scala).
Secara garis besar, OpenGL memiliki beberapa tahapan operasi pemrosesan:
1. Display list, yaitu pengguna bisa mengumpulkan beberapa perintah-
perintah yang digunakan pada display listuntuk diproses pada
nantinya.
2. Evaluator, yang melakukan evaluasi perintah polinomial nilai-nilai
input untuk melakukan perhitungan pada kurva dan geometri
permukaan.
3. Per-vertex operations and primitive assembly, yaitu tahapan
pemrosesan pada OpenGL di mana sekumpulan vertex
ditransformasikan dan primitives dipotong dan dimasukkan ke dalam
viewport untuk dilakukan proses rasterization.
4. Rasterization, di mana sekumpulan alamat frame-buffer dan nilai-
nilai yang berkaitan dihasilkan dengan deskripsi dua dimensi baik
mengenai titik, segmen garis, maupun poligon.
5. Per-fragment operations, yang melibatkan perbaharuan tertentu pada
frame-buffer berdasarkan nilai z yang telah disimpan dan yang akan
dimasukkan, di mana nilai z ini berguna untuk z-buffering. Tahap ini
juga melakukan perbaharuan tertentu pada frame-buffer berdasarkan
pencampuran warna-warna pixel yang hendak diinput dengan warna
yang disimpan, serta operasi-operasi logika lainnya pada nilai-nilai
pixel.

2.3 GLUT (GL Utility Toolkit)

Dikarenakan OpenGL tidak menyediakan interface sistem window ataupun
input, maka untuk tujuan ini aplikasi harus mengunakan keseragaman spesifik
platform. Dengan demikian jika aplikasi yang diinginkan tidak hanya berjalan di
satu platfrom saja, maka perlu menggunakan GLUT GLUT merupakan
pengembangan dari OpenGL yang didesain untuk aplikasi dengan level kecil
hingga menengah dan menggunkan callback function untuk menambahkan
interaksi dari user. GLUT menyediakan interface untuk menejemen window,
menu, dan peralatan input (keyboard, dan mouse). GLUT juga menyediakan
fungsi otomatis untuk menggambar objek primitif (garis, lingkaran, titik,
persegi),objek 3 dimensi wire (kerangka) maupun yang solid, seperti cube
(kubus), sphere (bola), dan teapot (poci teh), cone (kerucut), torus, dan lain-lain .

3
 BAB III
METODOLOGI

3.1 INSTALASI CODE BLOCK

1. Setelah mendownload code::blocks langsung saja kita running
aplikasinya. Seperti gambar berikut, klik Run as administrator

Lalu akan muncul tampilan seperti ini,

2. Setelah itu kita akan diarahkan ke halaman awal penginstalan yang

biasanya berisi ucapan selamat datang, license, dan komponen yang
mau digunakan di dalam software. Seperti gambar berikut

4
Klik Next untuk melanjutkan,

Setujui Licensenya dengan menekan tombol „I Agree‟,

5
3. Pilih komponen-komponen yang ingin digunakan saat menggunakan
software dengan menceklis bagian square poada pilihan. Lalu pilih
next untuk melanjutkan

4. Setelah itu kita diminta memilih lokasi penyimpanan software akan

diletakkan. Seperti gambar berikut contoh saya meletakkan di pada
data C

6
 5. Tekan install dan proses instalasi dimulai. Tunggu sampai selesai, dan
software code block akan terbuka.

Code::Blocks sudah bisa digunakan.

7
3.2 INSTALASI LIBRARY OPENGL
1. Sebelum melakukan instalasi, download file glut sebagai file yang akan
diletakkan di library open GL terdiri dari glut.h, glut32.lib, dan
glut32.dll

2. Extract file downloadnya, Extract to freeglut-MinGW-3.0.0-1.mp\

seperti gambar berikut

3. Setelah selesai, maka buka folder yang telah didownload dan pindahkan ke
dalam folder pada code::blocks. Seperti gambar berikut

Glut.h diletkkan di C:\Program Files(x86) \CodeBlocks\MinGW\Include\GL

8
 Glut32.lib diletkkan di C:\Program Files(x86) \CodeBlocks\MinGW\lib

Glut32.dll diletakkan di C:\Windows\System32, jika device kalian 64bit maka

letakkan di C:\Windows\SysWOW64. Bisa juga langsung saja letakkan di folder
windows seperti yang saya lakukan.

Sebelumnya saya sudah mencoba menguji library tetapi mengalami kendala pada
saat build dan running di mana ada tulisan yang muncul It seems that this

9
project has not been built yet. Do you want to build it now? Padahal saya
sudah melakukan build. Saya mencoba sekali lagi tetapi pada project biasa, bukan
pada project GL dan ternyata scriptnya bisa running.

Ternyata pada saat proses penginstallan library open GL ada step yang saya tidak
lakukan, seperti berikut

4. Buka folder :
C:\Program Files(x86) \CodeBlocks\share\CodeBlocks\templates lalu
pilih file glut CBP File. Buka dengan notepad saja,

Tekan Ctr + H untuk menampilkan bar Replace. Cari glut lalu gantikan dengan
freeglut. Setelah itu Replace All untuk mengisi library open GL nya dengan file
glut yang telah didownload. Save untuk menyimpan (Ctr+S)

10
 5. Selain itu, masuk kembali ke folder
CodeBlocks\share\CodeBlocks\templates\Wizard\glut dan buka
script dengan notepad. Lakukan hal yang sama pada langkah 4 yaitu
replace semua glut32 dengan freeglut file glut yang telah didownload.

Proses Instalasi Library OpenGL selesai, dan mulai uji coba pada CodeBlocks.

3.3 PENGUJIAN LIBRARY OPEN GL

1. Buka Code::Blocks lalu pilih new project, pilih GLUT project

11
2. Beri nama project dan pilih lokasi penyimpanannya.

3. Setelah itu, pilih juga lokasi penyimpanan glutnya yaitu pada

C:\Program Files(x86) \CodeBlocks\MinGW. Lalu tekan next.

4. Kemudian saat project terbuka, maka sudah disediakan source bawaan

dari library openGL yaitu main.cpp. Kalian bisa langsung
membukanya lalu build & run

12
Di sini saya mendapati masalah, yaitu terdapat error pada baris 120.
Setelah mencari tahu sebabnya, saya menambahkan script pada source
main.cppnya yaitu #include <windows.h>

Running dan hasilnya akan muncul.

13
Saya juga mencoba dengan source lain untuk menguji library openGL ini,
seperti gambar berikut :

14
 BAB IV
PENUTUP

4.1 Kesimpulan
Instalasi CodeBlocks :
1. Setelah mendownload code::blocks, klik Run as administrator
2. Setujui Licensenya dengan menekan tombol „I Agree‟
3. Ceklis komponen-komponen yang ingin digunakan saat menggunakan
software lalu tekan next
4. Pilih lokasi penyimpanan software akan diletakkan lalu tekan install
5. Tunggu penginstalan sampai selesai dan CodeBlocks akan terbuka

Instalasi Library OpenGL :

1. Extract file glut yang telah didownload
2. File download glut.h diletkkan di C:\Program Files(x86)
\CodeBlocks\MinGW\Include\GL
File download glut32.lib diletkkan di C:\Program Files(x86)
\CodeBlocks\MinGW\lib
File download glut.dll diletkkan di C:\Program Files(x86)
\Windows\System32
3. Buka folder :
C:\Program Files(x86) \CodeBlocks\share\CodeBlocks\templates
lalu pilih file glut CBP File. Tekan Ctr + H untuk menampilkan bar
Replace. Cari glut lalu gantikan dengan freeglut. Setelah itu Replace All
untuk mengisi library open GL nya dengan file glut yang telah didownload.
Save untuk menyimpan (Ctr+S)
CodeBlocks\share\CodeBlocks\templates\Wizard\glut dan buka
script dengan notepad. replace semua glut32 dengan freeglut file glut
yang telah didownload.

Kendala yang didapatkan selama praktikum :

1. pada saat build dan running di mana ada tulisan yang muncul It seems
that this project has not been built yet. Do you want to build it
now? Tapi hanya pada glut project, pada project biasa tetap bisa
running.
2. Terdapat masalah lagi pada proses running, yaitu terdapat error pada
baris 120 main.cpp. Lalu saya menambahkan pada source main.cppnya
yaitu #include <windows.h> setelah itu bisa running.

4.2 Saran
1. Sebelum melakukan proses instalasi kita bisa melihat referensi terlebih
dahulu agar di tengah proses kita tidak mengalami kendala yang
menghambat instalasinya.

15
2. Untuk proses instalasi library openGL ada baiknya juga kita
memperhatikan versi file glut yang akan kita download agar bisa
compatible dengan softwarenya.
3. Saat pengujian library perhatikan tempat penyimpanan glutnya dan
sesuaikan compiler yang digunakan.

16
 DAFTAR PUSTAKA

Pengertian dan Fungsi perintah-perintah di CodeBlocks – dharaulfa (wordpress.com)

diakses Jum’at 26 Februari 2021 Pukul 19:23
Pengertian OpenGL dan Cara Kerjanya - dufatancom.id diakses Jum’at 26 Februari 2021
Pukul 19:25
Pengenalan OpenGL & GLUT - akunerio diakses Jum’at 26 Februari 2021 Pukul 19:25
Pemrograman OpenGL dan Setting di CodeBlock C++ | Zacknov's Weblog
(wordpress.com) diakses Jum’at 26 Februari 2021 Pukul 19:26

17