Pages

This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Tampilkan postingan dengan label komputer grafik. Tampilkan semua postingan
Tampilkan postingan dengan label komputer grafik. Tampilkan semua postingan

Minggu, 16 Oktober 2011

Program chekerboard OpenGL 2D

Kali ini yang akan saya share adalah tentang pembuatan Program chekerboard OpenGL 2D
ne contoh yang berhasil saya buat ::








ne programnya ::

#include "stdafx.h"


int _tmain(int argc, _TCHAR* argv[])
{
return 0;
}

#include
#include

void tampilsimbol(int i)
{
if(i%2==0){
glColor3f(1.0f,1.0f,1.0f); //warna putih
}else {glColor3f(0.0f,0.0f,0.0f);} // warna hitam

glBegin(GL_QUADS);//buat persegi warna putih/hitam
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0f, 0.0f, 0.0f); //warna merah
glBegin(GL_LINE_STRIP); //buat garis segiempat
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0,0.0,0.0);
glBegin(GL_QUADS); //buat objek
glVertex2d(1,3);
glVertex2d(9,3);
glVertex2d(9,4);
glVertex2d(1,4);//atas

glVertex2d(3,1);
glVertex2d(4,1);
glVertex2d(4,9);
glVertex2d(3,9);//kiri

glVertex2d(1,6);
glVertex2d(1,7);
glVertex2d(9,7);
glVertex2d(9,6);//bawah

glVertex2d(6,1);
glVertex2d(7,1);
glVertex2d(7,9);
glVertex2d(6,9);//kanan
glEnd();
glFlush();
}

void tampil0(int i){
if(i%2==0){
glColor3f(1.0f,1.0f,1.0f); //warna putih
}else {glColor3f(0.0f,0.0f,0.0f);} // warna hitam
glBegin(GL_QUADS);//buat persegi warna putih/hitam
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0f, 0.0f, 0.0f); //warna merah
glBegin(GL_LINE_STRIP); //buat garis segiempat
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0,0.0,0.0);
glBegin(GL_QUADS); //buat objek
glVertex2d(2,1);
glVertex2d(7,1);
glVertex2d(7,2);
glVertex2d(2,2);// garis atas

glVertex2d(2,2);
glVertex2d(3,2);
glVertex2d(3,7);
glVertex2d(2,7);// gasris kiri

glVertex2d(2,7);
glVertex2d(7,7);
glVertex2d(7,8);
glVertex2d(2,8);// garis bawah

glVertex2d(6,8);
glVertex2d(7,8);
glVertex2d(7,2);
glVertex2d(6,2);// garis kanan

glEnd();
glFlush();
}

void tampil_7(int i){
if(i%2==0){
glColor3f(1.0f,1.0f,1.0f); //warna putih
}else {glColor3f(0.0f,0.0f,0.0f);} // warna hitam
glBegin(GL_QUADS);//buat persegi warna putih/hitam
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0f, 0.0f, 0.0f); //warna merah
glBegin(GL_LINE_STRIP); //buat garis segiempat
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0,0.0,0.0);
glBegin(GL_QUADS); //buat objek
glVertex2d(2,1);
glVertex2d(7,1);
glVertex2d(7,2);
glVertex2d(2,2);// tampil atas


glVertex2d(7,8);
glVertex2d(6,8);
glVertex2d(6,2);
glVertex2d(7,2);// tampil kanan


glEnd();
glFlush();
}

void tampil_5(int i){
if(i%2==0){
glColor3f(1.0f,1.0f,1.0f); //warna putih
}else {glColor3f(0.0f,0.0f,0.0f);} // warna hitam
glBegin(GL_QUADS);//buat persegi warna putih/hitam
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0f, 0.0f, 0.0f); //warna merah
glBegin(GL_LINE_STRIP); //buat garis segiempat
glVertex2d(0,0);
glVertex2d(0,10);
glVertex2d(10,10);
glVertex2d(10,0);
glEnd();
glColor3f(1.0,0.0,0.0);
glBegin(GL_QUADS); //buat objek

glVertex2d(2,1);
glVertex2d(7,1);
glVertex2d(7,2);
glVertex2d(2,2);//garis atas

glVertex2d(2,2);
glVertex2d(3,2);
glVertex2d(3,5);
glVertex2d(2,5);//garis kiri 1/2

glVertex2d(2,7);
glVertex2d(2,8);
glVertex2d(7,8);
glVertex2d(7,7);//garis bawah

glVertex2d(7,7);
glVertex2d(6,7);
glVertex2d(6,4);
glVertex2d(7,4);//garis kanan 1/2

glVertex2d(7,4);
glVertex2d(7,5);
glVertex2d(2,5);
glVertex2d(2,4);//garis tengah

glEnd();
glFlush();
}

void init (void)
{
glMatrixMode(GL_PROJECTION);
gluOrtho2D(0.0, 10.0, 10.0, 0.0);

glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
}


void tampilkan(void) {
int x=0;
for(int i=0;i<=8;i++){
for(int j=8;j>=0;j--){
x++;
glViewport(i*80, j*80, 80, 80);
if(x%4==1){tampilsimbol(x);}
else if(x%4==2){tampil0(x);}
else if(x%4==3){tampil8(x);}
else if(x%4==0){tampil9(x);}
}
}
}

int main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode (GLUT_SINGLE | GLUT_RGB);
glutInitWindowSize (720, 720); //Ukuran window
glutCreateWindow ("tugas2_OPENGL2D_09_75");
glutDisplayFunc(tampilkan);
init ();
glutMainLoop();
return 0;
}


Minggu, 09 Oktober 2011

“SEMANTIC WEB BERBASIS ANDROID”

Kali ini yang akan saya share adalah tentang “Sematic Web Berbasis Android” .karena materi itu adalah sebuah topik yang minggu lalu saya ikutin untuk menggantikan perkuliahan komgraf. Sebelum kita masuk membahas tentang materi tersebut. Saya akan kenalkan profil pematerinya terlebih dahulu.beliau bernama Daniel siahaan,lahir dipalembang tahun 1974, latar belakang beliau adalah Sarjana Komputer dari Teknik Komputer ITS, Master in Computer Science from TU Delft, Professional Doctorate in Engineering from TU Eindhoven, sekarang beliau menjadi dosen di Teknik Informatika ITS dan sebagai Secretary of Study Center of ICT and Multimedia ITS.

Oke Sebelumnya kita harus mengenal dahulu apa itu Internet. Internet merupakan jaringan global komputer dunia, besar dan sangat luas sekali dimana setiap komputer saling terhubung satu sama lainnya dari negara ke negara lainnya di seluruh dunia dan berisi berbagai macam informasi, mulai dari text, gambar, audio, video, dan lainnya.Internet itu sendiri berasal dari kata Interconnection Networking, yang berarti hubungan dari banyak jaringan komputer dengan berbagai tipe dan jenis, dengan menggunakan tipe komunikasi seperti telepon, salelit, dan lainnya.

Dalam mengatur integrasi dan komunikasi jaringan komputer ini menggunakan protokol yaitu TCP/IP. TCP (Transmission Control Protocol) bertugas untuk memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain. TPC/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan paket-paket pengiriman data.

Untuk dapat ikut serta menggunakan fasilitas Internet, Anda harus berlangganan ke salah satu ISP (Internet Service Provider) yang ada dan melayani daerah Anda. ISP ini biasanya disebut penyelenggara jasa internet. Anda bisa menggunakan fasilitas dari Telkom seperti Telkomnet Instan, speedy dan juga layanan ISP lain seperti first media, netzip dan sebagainya.

nternet memberikan banyak sekali manfaat, ada yang bisa memberikan manfaat baik dan buruk. Baik bila digunakan untuk pembelajaran informasi dan buruk bila digunakan untuk hal yang berbau pornografi, informasi kekerasan, dan lain-lainnya yang negatif.

Internet ini memungkinkan pengguna komputer di seluruh dunia untuk saling berkomunikasi dan berbagi informasi dengan cara saling mengirimkan email, menghubungkan komputer satu ke ke komputer yang lain, mengirim dan menerima file dalam bentuk text, audio, video, membahas topik tertentu pada newsgroup, website social networking dan lain-lain.

Perkembangan Internet juga telah memengaruhi perkembangan ekonomi. Berbagai transaksi jual beli yang sebelumnya hanya bisa dilakukan dengan cara tatap muka (dan sebagian sangat kecil melalui pos atau telepon), kini sangat mudah dan sering dilakukan melalui Internet. Transaksi melalui Internet ini dikenal dengan nama e-commerce.

Web semantik adalah teknologi web yang berkembang saat ini. Teknologi ini dikembangkan berbasis RDF format. Basis data dapat dijadikan acuan untuk pembuatan metadata, namun BibTex file dapat juga dijadikan acuan untuk pembuatan web semantik. Dengan menggunakan format XML yang merupakan dasar pembentukan metadata (RDF), maka berdasarkan format tersebut metadata dapat didistribusikan atau di simpan dalam domain yang beragam, data yang tersimpan berupa BibTex file di konversi ke format RDF, selanjutnya dengan menggunakan sesame metadata di load pada file index, SeRQL selanjutnya melakukan query terhadap metadata yang telah di load untuk ditampilkan di browser.
ü Format yang biasa digunakan dalam semantic web adalah RDF (Resource Description Framework).

cara kerja RDF dapat diterangkan dengan satu contoh sederhana berikut, untuk mendefinisikan “mawar memiliki warna merah”, maka “mawar” dipresentasikan sebagai subjek, “merah” sebagai objek, dan “memiliki warna” sebagai predikat.
Kemudian RDF menyimpan keyword tersebut secara terpisah dan mulai melakukan sebuah kecerdasan buatan untuk mencari dan bertukar informasi antar-web sehingga info yang dihasilkan lebih sesuai dengan kebutuhan si pencari info tersebut.
RDF digunakan pada aplikasi tertentu,antara lain:

1. RSS (RDFSiteSummary)

RSS memberikan informasi update sebuah web, tanpa pengunjung perlu mengunjungi website tersebut.

2. FOAF(Friendof a Friend)
Didesain untuk mendeskripsikan orang-orang, ketertarikan, dan relasi / hubungan antar mereka.

3. SIOC (Semantically-Interlinked Online Communities)
Menerangkan komunitas online dan menciptakan koneksi antara message board, blog, maupun mailing listsecara otomatis berbasis dari keyword yang telah disediakan oleh RDF.

4. Semantic Web dalam OS Android

5. Format RDF maupun OWL pada Semantic web juga bisa digunakan dalam operating sistem (OS) berbasis Android.Yang hingga kini telah merajai berbagai perangkat genggam dan tablet.

6. Contohnya ialah browser “Mosembro” yang dikhususkan untuk android, Mosembro adalah sebuah browser untuk Android yang memanfaatkan Microformats data semantik sehingga dapat meningkatkan pengalaman baru dalam berselancar dalam internet.

7. Penggunaan teknologi semantic web juga terdapat dalam berbagai social networking (Facebook,twitter,flickr,Photobucket,dll) yang mengelompokkan berbagai tag sesuai dengan kategori yang kemudian akan ditawarkan kepada pengguna.sehingga semua informasi yang sekiranya kita butuhkan bisa terkoordinir dalam satu web saja/Sehingga penerapan Semantic web pada android dapat mengoptimalkan berbagai integrasi dari aplikasi hingga browser sesuai dengan minat penggunanya.

9. Internet akan lebih cerdas memahami bahasa manusia. Mesin pencari seperti Google akan menjadi mesin penjawab. Misalnya jika ingin mendapatkan informasi ukuran sepatu Paris Hilton, tak lagi mengetikkan kata kunci “Paris Hilton ukuran sepatu”, tapi Anda bisa langsung bertanya “Berapa ukuran sepatu Paris Hilton?”Istilah web semantik itu sendiri diperkenalkan oleh Tim Berners-Lee, penemu World Wide Web. Sekarang, prinsip web semantik disebut-sebut akan muncul pada Web 3.0, generasi ketiga dari World Wide Web. Bahkan Web 3.0 itu sendiri sering disamakan dengan web semantik. Web semantik menggunakan XML, XMLS (XML Schema), RDF, RDFS (Resources Description Framework Schema) dan OWL.
Web semantik merujuk kepada kemampuan aplikasi komputer untuk lebih memahami bahasa manusia, bukan hanya bahasa yang baku dari para penggunanya tetapi juga bahasa yang lebih kompleks, seperti dalam bahasa percakapan sehingga memudahkan penggunanya untuk berkomunikasi dengan mesin. Web semantik dapat mengolah bahasa dan mengenali homonim, sinonim, atau atribut yang berbeda pada suatu database.Seperti yang kita ketahui, website ditujukan untuk memberikan informasi kepada manusia. Misalnya saat menginginkan sebuah buku, Anda dapat menelusurinya pada search engine atau website tertentu hingga akhirnya mendapatkan buku tersebut. Misalkan terdapat pilihan dari berbagai kategori untuk mendapatkan buku yang dimaksud, mesin sendiri tidak dapat memutuskan dan melakukannya tanpa arahan dari manusia karena informasi tersebut diperuntukkan agar dimengerti hanya oleh manusia dengan menggunakan natural language. Kondisi inilah yang ingin diubah oleh web semantik. Web semantik akan memiliki informasi yang dimengerti oleh mesin, yang memiliki kecerdasan buatan hingga mampu menemukan dan mengintegrasikan informasi dengan mudah. Dengan demikian fungsi web menjadi wadah universal bagi pertukaran data, informasi, dan pengetahuan, yang dapat menghasilkan kecerdasan buatan yang dapat mengerti keinginan, di mana web semantik dapat diinstruksikan untuk mengambil informasi sesuai kriteria tertentu.Dalam dunia Internet sekarang ini di mana pencarian informasi seringkali memakan begitu banyak waktu dan sangat melelahkan.Untuk itulah, para ahli dan peneliti Internet bersepakat untuk mengatasi permasalahan ini. Internet membutuhkan suatu mekanisme yang memampukan komputer mengerti arti kata yang kita cari. Dengan kata lain, kita membutuhkan suatu cara agar kata-kata yang tertera di dalam suatu dokumen Web dapat dibaca dan dimengerti oleh mesin (machine-readable data).Website yang memiliki kemampuan seperti ini seolah-olah memiliki kecerdasan buatan yang sanggup memberikan jawaban yang tepat terhadap pertanyaan atau kebutuhan para penggunanya.
Para peniliti setuju bahwa Semantic Web merupakan suatu cara untuk melakukan revolusi di dunia Internet yang akan menyatukan interaktifitas pengguna, kolaborasi informasi, dan kecerdasan buatan pada sebuah Website.
pada dasarnya Semantic Web memiliki tujuan yang sama karena Semantic Web memiliki isi Web yang tidak dapat hanya diekpresikan di dalam bahasa alami yang dimengerti manusia, tetapi juga di dalam bentuk yang dapat dimengerti, diinterpretasi dan digunakan oleh perangkat lunak (software agent). Melalui Semantic Web inilah, berbagai perangkat lunak akan mampu mencari, membagi, dan mengintegrasikan informasi dengan
Semantic Web dalam OS Android
Si robot hijau
Format RDF maupun OWL pada Semantic web juga bisa digunakan dalam operating sistem (OS) berbasis Android.Yang hingga kini telah merajai berbagai perangkat genggam dan tablet.
Contohnya ialah browser “Mosembro” yang dikhususkan untuk android, Mosembro adalah sebuah browser untuk Android yang memanfaatkan Microformats data semantik sehingga dapat meningkatkan pengalaman baru dalam berselancar dalam internet.
Penggunaan teknologi semantic web juga terdapat dalam berbagai social networking (Facebook,twitter,flickr,Photobucket,dll) yang mengelompokkan berbagai tag sesuai dengan kategori yang kemudian akan ditawarkan kepada pengguna.sehingga semua informasi yang sekiranya kita butuhkan bisa terkoordinir dalam satu web saja.
Sehingga penerapan Semantic web pada android dapat mengoptimalkan berbagai integrasi dari aplikasi hingga browser sesuai dengan minat penggunanya.
Internet akan lebih cerdas memahami bahasa manusia. Mesin pencari seperti Google akan menjadi mesin penjawab. Misalnya jika ingin mendapatkan informasi lowongan kerja, tak lagi mengetikkan kata kunci “lowongan kerja”, tapi Anda bisa langsung bertanya “Dimana ada lowongan kerja ?”
Demikian sedikit pemaparan saya tentang Semantic web berbasis Android, mohon koreksinya jika ada kesalahan.
Alhamdulilah yah...
Sekian dan Terimakasih....

Minggu, 02 Oktober 2011

sekilas Tentang Open GL

Kali ini yang akan saya share adalah tentang materi perkuliahan GPU (Graphics Processing Unit) Programming (EL5130). Konten utama mata kuliah ini secara garis besar adalah implementasi teknis pemrograman OpenGL. Saya sendiri masih tergolong baru dalam pemrograman OpenGL ini. Sehingga harapannya, saya bisa lebih gamblang dalam menjelaskan segala sesuatunya dari kacamata orang yang masih awam dengan pemrograman OpenGL. Semoga bermanfaat…

OpenGL (Open Graphics Library) adalah suatu standar API yang digunakan untuk membuat aplikasi berbasis grafik,baik untuk 2 dimensi (2D) atau 3 dimensi (3D). OpenGL dapat berjalan berbagai perangkat keras dan bahasa pemrograman. OpenGL mempunyai banyak pustaka untuk membuat grafik dengan berbagai model dan bentuk seperti permukaan quadratic atau kurva NURBS. Pustaka standar ini disebut OpenGL Unit Library Toolkit(Glut). Didalam Glut tersebut sudah terdapat berbagai fungsi, mulai aplikasi windows (windowing) sampai aplikasi grafik lainnya, sehingga tidak repot-repot mengubah kode progam jika diterapkan pada sistem operasi dan perangkat lunak yang berbeda.

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.

link ke compiler atau interpreter, builder dan debuger.

Instalasi CodeBlock C++

Download CodeBlock C++ di http://www.codeblocks.org/downloads/binaries , pilih codeblocks-10.05mingw-setup.exe. Setelah di download, klik 2 kali pada file dan ikuti proses install sampai dengan selesai.

Instalasi OpenGL Unit Library Glut

Download Glut di http://www.xmission.com/~nate/glut/glut-3.7.6-bin.zip, kemudian ekstrak file tersebut. Setelah di ekstrak akan terlihat folder glut-3.7.6-bin dengan beberapa file glut di dalamnya. Lakukan langkah-langkah berikut untuk meng-Copy file dalam folder glut-3.7.6-bin, yaitu

  • Copy glut32.dll ke dalam folder C:\Windows\System32
  • Copy glut.h ke dalam folder C:\Program Files\CodeBlocks\MinGW\include\GL
  • Copy glut32.lib ke dalam folder C:\Program Files\CodeBlocks\MinGW\lib

Setting OpenGl di CodeBlocks dan Project 1 OpenGL

Sekarang jalan kan Program CodeBlocks untuk mensetting link librarynya agar ketika menulis code program dan mengkompile dikenal oleh IDE CodeBlocks.

1)Setelah Program CodeBlock dibuka, maka klik Menu File > New > Project..
Pada New From Template box pilih OpenGL project dan klik tombol Go.

2)Kemudian tentukan nama file dan Folder akan disimpan kode program dan ikuti wizard dengan mengklik tombol Next sampai muncul muncul tombol Finish.

3)Setelah mengklik tombol Finish maka akan terbentuk project dengan nama project yang ada buat, dibawahnya ada folder Source dengan sebuah file main.c

4)Kemudian klik Menu Settings>Compiler and Debuger.. Maka akan muncul kotak Global Compiler Settings.
Kemudian klik Linker Setting. Klik tombol Add untuk menambah setting library yang berada di C:\Program Files\CodeBlocks\MinGW\lib\glut32.lib;
Setelah tombol Ok diklik maka akan terlihat .

5)Kemudian klik tombol Ok. Seterusnya buka program main.c. dan tulislah cooding anda...

contoh cooding ::

#include

void Draw() {

glClear(GL_COLOR_BUFFER_BIT);

glColor3f(1.0, 1.0, 1.0);

glBegin(GL_LINES);

glVertex3f(0.25, 0.25, 0.0);

glVertex3f(0.75, 0.75, 0.0);

glEnd();

glFlush();

}

void Initialize() {

glClearColor(0.0, 0.0, 0.0, 0.0);

glMatrixMode(GL_PROJECTION);

glLoadIdentity();

glOrtho(0.0, 1.0, 0.0, 1.0, -1.0, 1.0);

}

int main(int iArgc, char** cppArgv) {

glutInit(&iArgc, cppArgv);

glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);

glutInitWindowSize(250, 250);

glutInitWindowPosition(200, 200);

glutCreateWindow("Lesson 1");

Initialize();

glutDisplayFunc(Draw);

glutMainLoop();

return 0;

}

6)Untuk melihat hasilnya Klik Menu Build > Build Ctl+F9, kemudian Klik Menu Build > Run Ctrl+F10. Maka akan terlihat seperti gambar di bawah ini. contoh hasil dari cooding diatas :



OpenGL (Open Graphics Library) adalah suatu standar API yang digunakan untuk membuat aplikasi berbasis grafik,baik untuk 2 dimensi (2D) atau 3 dimensi (3D). OpenGL dapat berjalan berbagai perangkat keras dan bahasa pemrograman. OpenGL mempunyai banyak pustaka untuk membuat grafik dengan berbagai model dan bentuk seperti permukaan quadratic atau kurva NURBS. Pustaka standar ini disebut OpenGL Unit Library Toolkit(Glut). Didalam Glut tersebut sudah terdapat berbagai fungsi, mulai aplikasi windows (windowing) sampai aplikasi grafik lainnya, sehingga tidak repot-repot mengubah kode progam jika diterapkan pada sistem operasi dan perangkat lunak yang berbeda.

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.

Instalasi CodeBlock C++

Download CodeBlock C++ di http://www.codeblocks.org/downloads/binaries , pilih codeblocks-10.05mingw-setup.exe. Setelah di download, klik 2 kali pada file dan ikuti proses install sampai dengan selesai.

Instalasi OpenGL Unit Library Glut

Download Glut di http://www.xmission.com/~nate/glut/glut-3.7.6-bin.zip, kemudian ekstrak file tersebut. Setelah di ekstrak akan terlihat folder glut-3.7.6-bin dengan beberapa file glut di dalamnya. Lakukan langkah-langkah berikut untuk meng-Copy file dalam folder glut-3.7.6-bin, yaitu
1) Copy glut32.dll ke dalam folder C:\Windows\System32
2) Copy glut.h ke dalam folder C:\Program Files\CodeBlocks\MinGW\include\GL
3) Copy glut32.lib ke dalam folder C:\Program Files\CodeBlocks\MinGW\lib

Setting OpenGl di CodeBlocks dan Project 1 OpenGL

Sekarang jalan kan Program CodeBlocks untuk mensetting link librarynya agar ketika menulis code program dan mengkompile dikenal oleh IDE CodeBlocks.
1)Setelah Program CodeBlock dibuka, maka klik Menu File > New > Project..
Pada New From Template box pilih OpenGL project dan klik tombol Go.
2)Kemudian tentukan nama file dan Folder akan disimpan kode program dan ikuti wizard dengan mengklik tombol Next sampai muncul muncul tombol Finish.
3)Setelah mengklik tombol Finish maka akan terbentuk project dengan nama project yang ada buat, dibawahnya ada folder Source dengan sebuah file main.c
4)Kemudian klik Menu Settings>Compiler and Debuger.. Maka akan muncul kotak Global Compiler Settings.
Kemudian klik Linker Setting. Klik tombol Add untuk menambah setting library yang berada di C:\Program Files\CodeBlocks\MinGW\lib\glut32.lib;
5)Kemudian klik tombol Ok. Seterusnya buka program main.c.dan tulislah coodingnya.
Contoh :
Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 >

#include

void Draw() {

glClear(GL_COLOR_BUFFER_BIT);

glColor3f(1.0, 1.0, 1.0);

glBegin(GL_LINES);

glVertex3f(0.25, 0.25, 0.0);

glVertex3f(0.75, 0.75, 0.0);

glEnd();

glFlush();

}

void Initialize() {

glClearColor(0.0, 0.0, 0.0, 0.0);

glMatrixMode(GL_PROJECTION);

glLoadIdentity();

glOrtho(0.0, 1.0, 0.0, 1.0, -1.0, 1.0);

}

int main(int iArgc, char** cppArgv) {

glutInit(&iArgc, cppArgv);

glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);

glutInitWindowSize(250, 250);

glutInitWindowPosition(200, 200);

glutCreateWindow("Lesson 1");

Initialize();

glutDisplayFunc(Draw);

glutMainLoop();

return 0;

}


6)Untuk melihat hasilnya Klik Menu Build > Build Ctl+F9, kemudian Klik Menu Build > Run Ctrl+F10.

Minggu, 25 September 2011

Konsep Dasar Komputer Grafik

Kegiatan yang Terkait dengan Grafik Komputer

  • Pemodelangeometris: menciptakanmodel matematikadariobjek-objek2D dan3D.
  • Rendering:memproduksicitra yang lebih solid dari modelyang telah dibentuk.
  • Animasi:Menetapkan/menampilkankembalitingkahlaku/behavior objekbergantungwaktu.

Kerangka Grafik Komputer Interaktif
Graphics library/package (contoh:OpenGL) adalah perantara aplikasi dan display hardware (Graphics System)
  • Application program memetakan objek aplikasi ke tampilan/citra dengan memanggil graphicslibrary
  • Hasil dari interaksi user menghasilkan/modifikasi citra
  • Citra merupakan hasil akhir dari sintesa, disain, manufaktur, visualisasi dll.


Elemen-elemen Pembentuk Grafik
GEOMETRI
Elemen-elemen Pembentuk Grafik:
WARNA (1/4)
  • Sistem Visual Manusia
Pembentukan Citra Oleh Sensor Mata

  • Intensitas cahaya ditangkap oleh diagram iris dan diteruskan ke bagian retina mata.
  • Bayangan obyek pada retina mata dibentuk dengan mengikuti konsep sistem optik dimana fokus lensa terletak antara retina dan lensa mata.
  • Mata dan syaraf otak dapat menginterpretasi bayangan yang merupakan obyek pada posisi terbalik.
  • Fovea di bagian retina terdiri dari dua jenis receptor:–Sejumlah cone receptor, sensitif terhadap warna, visi cone disebut photocopic vision atau bright light vision–Sejumlah rod receptor, memberikan gambar keseluruhan pandangan dan sensitif terhadap iluminasi tingkat rendah, visi rod disebutscotopic vision atau dim-light vision
  • Blind Spot–adalah bagian retina yang tidak mengandung receptor sehingga tidak dapat menerima dan menginterpretasi informasi
  • Subjective brightness–Merupakan tingkat kecemerlangan yang dapat ditangkap sistem visual manusia;–Merupakan fungsi logaritmik dari intensitascahaya yang masuk ke mata manusia;–Mempunyai daerah intensitas yang bergerak dari ambang scotopic (redup) ke photocopic (terang).
  • Brightness adaption–Merupakan fenomena penyesuaian mata manusia –dalam membedakan gradasi tingkat kecemerlangan;–Batas daerah tingkat kecemerlangan yang mampudibedakan secara sekaligus oleh mata manusia lebih kecil dibandingkan dengan daerah tingkat kecemerlangan sebenarnya.