♥ my old blog ♥

kebetulan kemaren praktikum css, jadi kali ini mau bahas sedikit tentang css dulu yaa ..

css (cascading style sheet) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.  

terdapat tiga cara penulisan css diantaranya yaitu eksternal style, embedded style, dan inline style. 

- eksternal style 

eksternal style pada css ini merupakan cara penulisan yang dilakukan dengan memanggil file.css dari tempat atau folder lain atau dengan kata lain file.css terpisah dengan file.html.
seperti yang ada pada gambar diatas, gambar pertama merupakan file.html dan kedua file.css. untuk memanggil fungsi yang ada pada gambar kedua digunakan tag link rel pada file.html. jadi disini terlihat jelas bahwa eksternal style pada css memanggil file css dari tempat atau folder lain.

- embedded style

- inline style

Portabilitas Java sangat berguna dalam aplikasi wireless. Pertama, dengan menulis sebuah program saja, aplikasi tersebut dapat dijalankan di berbagai peralatan. Alasan kedua, adalah karena aplikasi tersebut dapat dikirimkan ke sebuah peralatan melalui jaringan wireless (proses ini sering dinamakan overthe- air, atau OTA) provisioning.
Versi awal Java ditahun 1996 sudah merupakan versi release sehingga dinamakan Java Versi 1.0. Java versi ini menyertakan banyak paket standar awal yang terus dikembangkan pada versi selanjutnya:

HTML (HyperText Markup Language) merupakan sebuah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. Dengan HMTL kita dapat Mengontrol tampilan dari web page dan contentnya, Mempublikasikan dokument secara online sehingga bisa di akses dari seluruh dunia, Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.  Contoh penggunaan tag dalam sebuah web sederhana :

Koding diatas menjelaskan tentang beberapa penerapan tag pada html untuk pembuatan website sederhana. koding dituliskan menggunakan notepad++. Tag html mengawali potongan koding diatas, tag tersebut digunakan untuk memberitahu bahwa dalam tag tersebut merupakan dokumen HTML. Kemudian header untuk menentukan judul dokumen HTML yang akan menjadi judul homepage web yang dibuat. Tag body berisi pendeklarasian isi dan tampilan dokumen HTML. Didalam tag body inilah isi dan tampilan sebuah web diatur dengan menggunakan beberapa tag HTML.Tag yang diawali dengan h.. merupakan header atau judul paragraf. Tag ini terdiri dari h1, h2, h3, h4, h5, h6 dengan ukuran huruf yang berbeda-beda dan secara default sudah bold.

Untuk menentukan posisi teks digunakan atribut “text-align”, untuk menentukan jenis huruf gunakan “font-family”, dan untuk menambah ukuran huruf gunakan “font-size”. Tag p digunakan untuk membuat sebuah paragraf. Tag p memiliki beberapa atribut, diantaranya “font-family”, “color” untuk member warna pada teks, dan “background-color”. Disini tag br
digunakan untuk pindah ke baris baru atau enter.tag marquee digunakan untuk membuat teks berjalan. Sedangkan tag u dan i untuk membuat tulisan tercetak miring dan bergaris bawah.
Potongan koding diatas akan menampilkan teks pada website. Selanjutnya untuk memasukkan gambar dapat digunakan Tag  img. Kemudian Atribut “src” menyatakan sumber/nama gambar (ditulis lengkap bersama format gambar), “width”untuk menentukan lebar gambar, “height” untuk menentukan tinggi gambar, dan “alt” untuk menampilkan teks jika gambar tidak muncul di halaman web.

hasilnya yaitu : THE SMURFS website :D

dari awal kepengen banget ngebahas warna. gatau kenapa mungkin gara-gara warna itu dipake dimana aja yah contoh deketnya aja itu lampu lalu lintas. hahaha

warna dapat didefinisikan secara obyektif/fisik sebagai sifat cahaya yang dipancarkan, atau secara subyektif/psikologis sebagai bagian dari pengalaman indera pengelihatan. Secara obyektif atau fisik, warna dapat diberikan oleh panjang gelombang. Dilihat dari panjang gelombang, cahaya yang tampak oleh mata merupakan salah satu bentuk pancaran energi yang merupakan bagian yang sempit dari gelombang elektromagnetik. 

yang familiar dari warna menurut gue si warna yang ada di cat warna yang dua belas itu loh. hehe ..

warna asas

merupakan warna-warna yang paling hebat kuasanya. Ia merupakan warna yang utama dalam pembentukan warna-warna yang lebih pelbagai. Warna asas juga dikenali sebagai warna primer. warna asas terdiri daripada 3 warna iaitu:

warna sekunder

warna Sekunder ialah warna yang terhasil daripada campuran dua warna asas. tiga warna sekunder tersebut ialah:

warna tertier

Campuran satu warna asas dengan warna sekunder di sebelahnya. Warna tertier terdiri daripada 6 warna.

demikianlah sedikit tentang warna secara umumnya :)

referensi :
http://http://ms.wikipedia.org/wiki/Warna
http://www.scribd.com/doc/14846151/Teori-WARNA-Albert-Munsell

Apa sih sebenernya karakter game itu ?

karakter dalam sebuah game itu menurut saya adalah tokoh yang diciptakan untuk dimainkan oleh pemain yang mana karakter itu diciptakan sedemikian rupa sehingga mampu berinteraksi dalam sebuah permainan.

karakter jugalah yang nantinya akan menarik minat pemain untuk memainkan sebuah game. kadang-kadang karakter sebuah game justru menjadi idola bagi pemainnya karena setiap karakter diciptakan dengan keahlian yang berbeda.

agak bingung mau ngebahas karakter apa, cuma browsing-browsing tadi nemu si cantik Lara Croft. kayaknya dulu pernah mainin karakter cantik ini waktu jaman smp hahaa, kalo sekarang si udah bener-bener ngga tau gimana kelanjutan si lara ini :)

baiklah, kesimpulannya kali ini saya akan menjelaskan tentang karakter Lara Croft :)

siapa sih Lara Croft ?

Lara lahir dari keluarga kaya, keluarga bangsawan. ia adalah putri dari Lord Henshingly Croft.

Lara merupakan seorang antiquarian yang selalu terlibat berbagai petualangan seru. Apalagi kalau bukan berburu harta karun. Walau demikian, hal itu tidak menjadikan Lara menjadi karakter yang liar. Ia tetap memiliki karakter yang kuat sebagai seorang bangsawan.

Perkenalan Lara terhadap alam bebas dan berbagai petualangan dimulai sejak masa sekolahnya di Gordonstoun. Di sanalah ia menemukan cintanya pada alam bebas, pada pegunungan di Skotlandia. Kemudian berlanjut saat ia melanjutkan kuliah di Swiss, terutama saat ia mulai kenal dengan berbagai extreme sports. Dan, persahabatannya dengan alam jua yang membuat ia bertahan ketika pesawat yang ditumpanginya jatuh di Himalaya.

 Di rumah besarnya di Surrey, Inggris, Lara merasa terkungkung dalam lingkungan aristokrasi. Hanya petualangan yang membuat Lara merasa ‘hidup’. Saat itu juga dia sadar bahwa rumahnya cukup luas untuk menampung berbagai artefak. Itulah yang membuat Lara memulai petualangannya sebagai seorang Tomb Raider.

sekarang pun video games ini telah dibuat filmnya yang karakter Lara Croft nya diperankan oleh Angelina Jolie. cocok ngga ? cocoklah yaaa :')

referensi :

http://tinulad.wordpress.com/arkeologi-dalam-fiksi/

Masuk kebagian sourcecode, masukkan sourcecode berikut untuk testing :


#include "ExampleApplication.h"
class BelajarOgre : public ExampleApplication {
public:
BelajarOgre(){
}
~BelajarOgre(){
}
protected:
void createScene(void){
//mSceneMgr utk manage semua semua yg tampil pd screen
mSceneMgr->setAmbientLight(ColourValue(1,1,1));
//Entity ad objek yg bs dirender discene
Entity *ent1 = mSceneMgr->createEntity("Robot","robot.mesh");
Entity *ent2 = mSceneMgr->createEntity("Robot2","robot.mesh");
SceneNode *node1 = mSceneMgr->getRootSceneNode()->createChildSceneNode("RobotNode");
SceneNode *node2 = mSceneMgr->getRootSceneNode()->createChildSceneNode("RobotNode2", Vector3(50,-100,0));
//attach entity ke scenenode ut beri lokasi render robot
node1->attachObject(ent1);
node2->attachObject(ent2);
}
};
#if OGRE_PLATFORM == OGRE_PLATFORM_WIN32
#define WIN32_LEAN_AND_MEAN
Include "windows.h"
INT WINAPI WinMain(HINSTANCE hInst, HINSTANCE, LPSTR strCmdLine, INT)
#else
int main(int argc, char **argv)
#endif
{
//bikin objek aplikasi
BelajarOgre app;
try {
app.go();
} catch (Exception e) {
#if OGRE_PLATFORM == OGRE_PLATFORM_WIN32
MessageBox(NULL,e.what(),"Terjadi Error!",MB_OK | MB_ICONERROR |MB_TASKMODAL);
#else
fprintf(stderr,"Terjadi Error = %s\n",e.what());
#endif
}
return 0;
}

Build project tersebut, dan masuk kedalam direkori OgreSDK\bin\release lalu buka file resource.cfg maka isinya sbb :
# Resource locations to be added to the 'boostrap' path
# This also contains the minimum you need to use the Ogre example framework
[Bootstrap]
Zip=../../../Media/packs/OgreCore.zip
# Resource locations to be added to the default path
[General]
FileSystem=../../../Media
FileSystem=../../../Media/fonts
FileSystem=../../../Media/materials/programs
FileSystem=../../../Media/materials/scripts
FileSystem=../../../Media/materials/textures
FileSystem=../../../Media/models
FileSystem=../../../Media/overlays
FileSystem=../../../Media/particle
FileSystem=../../../Media/gui
FileSystem=../../../Media/DeferredShadingMedia
Zip=../../../Media/packs/cubemap.zip
Zip=../../../Media/packs/cubemapsJS.zip
Zip=../../../Media/packs/dragon.zip
Zip=../../../Media/packs/fresneldemo.zip
Zip=../../../Media/packs/ogretestmap.zip
Zip=../../../Media/packs/skybox.zip

Ganti bagian ../../../ dengan fullpath lokasi OgreSDK anda dalam hal ini isi resource.cfg milik saya menjadi :
# Resource locations to be added to the 'boostrap' path
# This also contains the minimum you need to use the Ogre example framework
[Bootstrap]
Zip=D:\BIN\OGRE_SDK\OgreSDK\media\packs\OgreCore.zip
# Resource locations to be added to the default path
[General]
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\fonts
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\materials\programs
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\materials\scripts
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\materials\textures
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\models
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\overlays
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\particle
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\gui
FileSystem=D:\BIN\OGRE_SDK\OgreSDK\Media\DeferredShadingMedia
Zip=D:\BIN\OGRE_SDK\OgreSDK\media\packs\cubemap.zip
Zip=D:\BIN\OGRE_SDK\OgreSDK\media\packs\cubemapsJS.zip
Zip=D:\BIN\OGRE_SDK\OgreSDK\media\packs\dragon.zip
Zip=D:\BIN\OGRE_SDK\OgreSDK\media\packs\fresneldemo.zip
Zip=D:\BIN\OGRE_SDK\OgreSDK\media\packs\ogretestmap.zip
Zip=D:\BIN\OGRE_SDK\OgreSDK\media\packs\skybox.zip

Savelah file tersebut, lalu copy semua isi direktori OgreSDK\bin\release kedalam workspace project anda khusunya direkori nama_workspace\nama_project\Release, misalkan milk saya 3d-programming\Tutor1\Release.


Masuk ke direktori nama_workspace\nama_project\Release, jalankan file executablenya biasanya nama_project.exe maka akan muncul dialog seperti ini,

Disini kita mengkonfigurasi output yang ditampilkan, tekan OK, maka hasilnya adalah sbb:

referensi :
http://www.scribd.com/doc/48480784/la1
http://www.scribd.com/doc/51151758/la2

8. Selanjutnya kita akan membuat sebuah Hello World project untuk mengetahui apakah eclipse telah dapat mendeteksi compiler MinGW yg telah diinstal.

Pada linux 

Distro linux yang saya pilih sebagai media untuk instalasi OGRE adalah linux ubuntu.  Disini saya akan menjelaskan secara singkat langkah2 instalasi OGRE di ubuntu. Sebelum mulai menginstal setidaknya kita telah menyediakan paket libfreeimage, jadi kita tidak perlu download dari sourcenya). Selamat mengikuti !!!

Download beberapa paket yg belum ada, seperti : OIS dan Cg Tool kit .

kemudian lanjutkan dengan :

Instalasi OIS
Install dulu dependency :

sudo apt-get install autoconf automake1.9 libtool libxaw6-dev build-essential

membutuhkan 63.3 MB

Kemudian mulai build

make clean # bersihkan folder objek hasil kompilasi sebelumnya
./bootstrap
./configure –disable-ogre # karena ogre yg akan memanggil ois
make
sudo make install
Instalasi Cg Toolkiet
extract Cg_toolkit, dan kopi ke /usr semuanya :
cd Cg
sudo cp usr/* /usr -R
Instalasi Ogre
Install dulu dependency :
sudo apt-get install libzzip-dev libxxf86vm-dev \
libxrandr-dev libxrandr-dev libfreeimage-dev \
libcegui-mk2-dev libfreetype6-dev libdevil-dev \
libgtk2.0-dev libcppunit-dev libglut3-dev

jalankan terlebih dahulu :
aclocal

Kemudian mulai build :
./bootstrap
./configure

referensi :

http://ekobudiarso33.wordpress.com/2011/04/04/game-engine-bag-2-teori/

anoa5.files.wordpress.com/2010/03/slide1_grafkomp2.ppt