Adji "DCC Crew"

Kamis, 17 Oktober 2013

Tugas Pemrograman Web

Disni saya akan membuat sebuah tampilan web login dengan menggunakan html, saya mengambil kodingan html ini dari Penulisan Ilmiah yang saya buat, pada web login ini saya tidak menyertakan CSS.

<html>

<head>

<title>LOGIN</title>

</head>

</div>

</div>

<tr>

<td>

<h2><font color="#000000">Login Admin</font></h2>

<tr>

<td ><font color="#000000">Username : </font></td>

</tr>

<tr>

<td ><font color="#000000">Password : </font></td>

</tr>

<tr>

</tr>

</table>

</form></center>

</td>

</tr>

<tr>

<td>

</div>

</td>

</tr>

<tr>

<td>

</div>

</td>

</tr>

<tr>

<td>

</div>

</td>

</tr>

<tr>

<td>

</div>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</body>

</html>

Tampilan :

Kamis, 04 Juli 2013

TUGAS SOFTSKILL

PENGANTAR TEKNOLOGI GAME TUGAS KE-3

Kelas : 3IA13
Kelompok : 4
Anggota :

Anzhi Fathul Umam

Dwi Arief Wicaksono (52410169)

M Triaji Wijanarko ( 54410835)

1.) Interactive Entertainment. Jelaskan konsep dari Interactive Entertainment ?

Interactive Entertainment ialah sebuah interaktif yang bertujuan dalam membuat sebuah produksi dan memberikan layanan yang bersifat menghibur (entertainment) kepada pengguna sehingga mereka dapat langsung merespon dengan cara memberikan umpan balik.
Interactive Entertainment memiliki konsep memberikan informasi – informasi berupa kombinasi data teks, gambar, animasi dan video yang telah diberi kemampuan untuk mengatur atau mengontrol elemen elemen yang telah dibuat atau yang telah ada sehingga pengguna dapat dengan mudah berinteraktif dengan informasi informasi tersebut.

2.) Interactive Programs. Hal-hal penting yang harus diperhatikan dari Interactive Programs adalah dari segi user dan programnya ? Jelaskan peran user dan program agar terbentuk komunikasi yang mudah dipahami user !
Interactive programming merupakan bagian dari prosedur penulisan sebuah program ketika sudah aktif. Interactive programming memfokuskan pada syntax program sebagai antarmuka utama untuk proses yang berjalan, bukan sebuah aplikasi interaktif, di mana program ini dirancang dalam siklus pengembangan dan untuk digunakan sesudahnya.Dalam interactive programs, keterlibatan user dalam pembuatan sebuah program sangatlah penting, karena sebuah program dibuat untuk memenuhi kebutuhan user. Komunikasi antara user dan program akan terwujud dengan adanya tampilan antarmuka / GUI yang dibangun pada program tersebut. Dengan adanya GUI, Interactive system menjadi lebih terdukung karena tampilan program kepada user menjadi lebih mudah digunakan.

3.) Salah satu pendukung interactive system adalah adanya GUI/Graphical User Interface.
Apa fungsi dari GUI?
GUI merupakan fasilitas komunikasi antara user (pengguna) dengan system/aplikasi pada computer, GUI adalah perangkat pertama untuk mengendalikan fungsi-fungsi suatu software, dan membuat pengguna mudah untuk memahami bagaimana menggunakan software tersebut. Kita dapat mengasumsikan bahwa GUI merupakan sebagai bagian dari suatu software yang pertama kali ditangkap mata (secara interface). Dimana suatu software akan kelihatan bagus, jika GUI tersebut tampak menarik. Hal ini termasuk untuk GUI sistem pengenal suara,GUI ini diperlukan agar orang awam mudah dalam mempelajari dan menggunakan sistem tersebut. Untuk lebih kenal dekat dengan GUI, anda dapat perhatikan pada komputer masing-masing yang mana telah dibalut oleh GUI. Contoh saja Sistem Operasi Windows anda atau pun Linux, memiliki tampilan yang disesuaikan dengan cara penggunaan sistem. Berikut ini salah satu sreenshoot dari Sistem Operasi Windows 7 yang juga dibangun dari komponen GUI.

Dari pemahaman tentang GUI sebelumnya, fungsi-fungsi GUI dalam dunia teknologi dan informasi saat ini sangat beragam. Berikut beberapa fungsi dari penggunaan GUI dalam dunia Iptek khususnya komputer:

· Pointing device dengan perangkat berupa mouse.

· Memiliki fungsi sebagai plug and play, yang mana memudahkan user dalam menginstall dan uninstall hardware/sofware (sinkronisasi).

· Membuat software-software yang menuntut aplikasi dalam komputer user yang dapat digunakan untuk kegiatan user dalam proses seperti menulis text, spreadsheet. sound, graphic dan lain-lain.

· Untuk digunakan dalam pembuatan System Operasi sebagai User friendly dan ergonomis.

· Pembuatan website.

· Opensource software/hardware atau pengembang aplikasi-aplikasi skala besar lainnya.

4.) Sebutkan, jelaskan dan berikan gambar dari komponen-komponen GUI!

Komponen-Komponen dari GUI

· Containers: merupakan wadah yang berfungsi untuk menempatkan komponen-komponen lain di dalamnya.

· Canvas: merupakan komponen GUI yang berfungsi untuk menampilkan gambar atau untuk membuat program grafis. Dengan canvas, kita bisa menggambar berbagai bentuk seperti lingkaran, segitiga, dll.

· User Interface (UI) components: contohnya adalah buttons, list, simple popup menus, check boxes, text fields, dan elemen lain.

· Komponen pembentuk window: seperti frames, menu bars, windows, dan dialog boxes.

Label

Combo Box

List

Radio Button
Text Area

5.) Event merupakan suatu kejadian yang terjadi karena adanya interaksi user dengan komponen-komponen GUI. Tanpa event, peran GUI tidak akan berjalan. Sebutkan macam-macam event untuk komponen" GUI (minimal 5)!

Event adalah peristiwa atau kejadian yang dibangkitkan atau distimulasi oleh pengguna terhadap GUI. Untuk mendeteksi dan menangani apa yang dilakukan oleh pengguna terhadap GUI, diperlukan suatu mekanisme yang disebut Event Handling. Event untuk komponen GUI:

· Event Source: Komponen GUI yang membuat event atau tempat terjadinya event.yaitu berupa komponen-komponen visual, seperti : button, combo box, text ﬁeld.

· Event Model: Interaksi antara user dan komponen GUI untuk mendeskripsikan bagaimana program merespon interaksi user. Bagian-bagian pentingnya yaitu event source dan event listener / Handler.

· Event Object: Ketika sebuah event terjadi (ketika user berinteraksi dengan komponen GUI) sebuah object event diciptakan. Object berisi semua informasi yang perlu tentang event yang telah terjadi. Informasi meliputi tipe dari event yang telah terjadi, seperti ketika mouse telah di-klik. Ada beberapa class event untuk kategori yang berbeda dari user action. Sebuah event object mempunyai tipe data mengenai salah satu dari class ini. Objek yang terbentuk saat terjadi event yaitu ketika user berinteraksi dengan komponen GUI. Seperti: tekan button, ketik di text ﬁeld, dll.

· Event Listener: Objek penerima & pengolah event. Menerima dan menangani event, mengandung business logic. Contoh: menampilkan informasi penting ke user, melakukan komputasi matematis, dan lain sebagainya.

· Event Handler: Event Handler berupa blok method dari listener yang menentukan proses selanjutnya setelah komponen mendapatkan event. Misalkan pada event tombol simpan ditekan, event listener akan menangkap event pada Event Source tombol Simpan, kemudian Event Handler akan menyimpan data yang akan didefenisikan pada blok Event Handler.

6.) Jelaskan mengenai event dalam konsep Struktur Interactive Program!

Untuk mendeteksi dan menangani apa yang dilakukan oleh pengguna terhadap GUI, diperlukan suatu mekanisme yang disebut Event Handling. Event untuk komponen GUI:Event Object: Ketika sebuah event terjadi (ketika user berinteraksi dengan komponen GUI) sebuah object event diciptakan. Object berisi semua informasi yang perlu tentang event yang telah terjadi. Informasi meliputi tipe dari event yang telah terjadi, seperti ketika mouse telah di-klik. Ada beberapa class event untuk kategori yang berbeda dari user action. Sebuah event object mempunyai tipe data mengenai salah satu dari class ini. Objek yang terbentuk saat terjadi event yaitu ketika user berinteraksi dengan komponen GUI. Seperti: tekan button, ketik di text ﬁeld, dll. Event Listener: Objek penerima & pengolah event. Menerima dan menangani event, mengandung business logic. Contoh: menampilkan informasi penting ke user, melakukan komputasi matematis, dan lain sebagainya. Event Handler: Event Handler berupa blok method dari listener yang menentukan proses selanjutnya setelah komponen mendapatkan event. Misalkan pada event tombol simpan ditekan, event listener akan menangkap event pada Event Source tombol Simpan, kemudian Event Handler akan menyimpan data yang akan didefenisikan pada blok Event Handler.

REFERENSI:

· http://mateus92.wordpress.com/

· http://ainanug.blogspot.com/2013/06/interactive-system_25.html

TABEL KINERJA KELOMPOK 4

NPM	NAMA	KINERJA
	Anzhi Fathul Umam	-
52410169	Dwi Arief Wicaksono	Mengerjakan nomer 5, 6,
54410835	M Triaji Wijanarko	Mengerjakan nomer 1,2,3,4

Selasa, 25 Juni 2013

TUGAS SOFTSKILL KELOMPOK 4

Anzhi Fathul Umam

Dwi Arief Wicaksono (52410169)

M Triaji Wijanarko ( 54410835)

Kelas : 3IA13

1.) Apa yang dimaksud dengan shading ?
Shading adalah efek pencahayaan, bagaimana warna serta kecerahan dari permukaan bervariasi karena pencahayaan. Ada 3 teknikdalam shading yaitu

Flat (facet) : teknik ini bagus digunakan untuk objek yang data ataupun melengkung karena teknik ini bergantung pada banyaknya polygon
Gouraud : teknik ini lebih baik dibanding teknik flat karena Nilai intensitas untuk tiap polygon disesuaikan dengan poligon lain yang bersebelahan untuk mengurangi discontinuity
Phong : teknikini model pencahayaan diterapkan pada semua titik pada permukaan Memberikan highlight yang lebih realistik dan mereduksi efek Machband.

2.) Apa yg dimaksud dengan shader ?
Shader adalah sebuah program yang digunakan dalam 3D software tertentu (softimage) dalam proses special rendering. Biasanya shader diperlukan untuk memenuhi kebutuhan special effect tertentu seperti lighting effects, atmosphere, fog dan sebagainya.

3.) Sebutkan dan jelaskan jenis-jenis shader !

Anisotropic adalah material dengan highlight berbentuk ellipse.Biasanya digunakan untuk benda dengan bentuk memanjang.
Blin adalah material yang mensimulasikan efek logam.
Metal adalah material yang mensimulasikan efek logam.
Multi Layer adalah material dengan highlight berlapis dan lebih kompleks dibandingkan Anisotropic.
Oren Nayar Blinn adalah material yang sedikit redup dan rata dibandingkan blinn,misalnya untuk karpet.
Strauss adalah material dengan permukaan metalik atau non metalik,namun dengan pengaturannya yang lebih sederhana dibandingkan jenis lainnya.
Phong adalah material dengan highlight bulat dan lebih tajam dibandingkan Blin.

4.) Jelaskan mengenai Bidirectional Reflectance Distribution Function (BRDF) !
Fungsi distribusi reflektansi bidireksional (Bidirectional reflectance distribution function atau BRDF) diperkenalkan oleh Edward Nicodemus sekitar tahun 1965.

Masih terdapat model difusi yang tidak termaktub di dalam fungsi, antara lain: atomic diffusion, molecular diffusion, tracer diffusion, chemical diffusion, collective diffusion, Eddy diffusion, electronic diffusion, facilitated diffusion, gaseous diffusion, Ito diffusion, Knudsen diffusion, momentum diffusion, osmosis, photon diffusion, reverse diffusion, rotational diffusion, surface diffusion, ambipolar diffusion, anomalous diffusion, diffusion MRI.

Surface roughness scattering atau interface roughness scattering adalah model difusi Lambert pada partikel bermuatan. Efek ini sangat penting dalam teknologi peralatan elektronika yang mengandung lapisan tipis seperti field effect transistor dan quantum cascade laser.

Pada tahun 1991, Paul Heckbert menggabungkan fungsi distribusi reflektansi bidireksional dengan:

fungsi distribusi transmitansi bidireksional (bidirectional transmittance distribution function), dan
fungsi distribusi permukaan hamburan bidireksional (bidirectional scattering surface distribution function atau subsurface scattering)

menjadi fungsi distribusi hamburan bidirektional (bidirectional scattering distribution function), karena hamburan (scattering) cahaya terjadi tidak hanya pada refleksi tetapi juga pada refraksi antarmuka medium apapun. Pada umumnya hamburan (scattering) cahaya meliputi studi hamburan elastis dan hamburan non elastis dari sifat dualisme cahaya sebagai partikel dan gelombang. Beberapa jenis hamburan yang sering dijumpai antara lain hamburan Rutherford, hamburan Bragg atau difraksi, hamburan Rayleigh, hamburan Compton, hamburan Brillouin, hamburan Lorentz-Mie, hamburan Raman.

5.) Apa yang dimaksud dengan ambient, diffuse, dan specular ?

Ambient adalah efek pencahayaan yang telah membaur dengan lingkungan sehingga arah cahaya tidak dapat diketahui, seakan akan cahaya datang dari segala arah. Efek ini akan mempengaruhi terang atau tidaknya suatu lingkungan yang terlihat oleh mata. Semakin banyak lampu maka ruangan semakin terang, Sebaliknya jika lampu sedikit maka ruangan remang remang. Intensitas ambient pada suatu objek dapat dicari dengan persamaan.
Diffuse adalah pencahayaan yang tergantung dari besarnya sudut yang dibentuk antara sinar dari lampu ke titik tabrak pada objek dengan norma objek. Sehingga posisi lampu sangat mempengaruhi efek diffuse ini. Intensitas diffuse dapat dicari dengan hukum. Sehingga didapat persamaan baru yaitu: I=Ip*Kd*(L dot N) dimana, I=Intensitas yang dihasilkan Ip=Intensitas diffuse dari sumber cahaya X Kd=koefisien diffuse N=Vektor norman dari objek L=Vektor dari titik tabrak ke sumber cahaya θ = Sudut antara N dan L.
Specular adalah efek pencahayaan dimana bayangan sumber cahaya terlihat pada permukaan objek. Efek specular terlihat pada objek yang mengkilap. Semakin mengkilap permukaan suatu objek maka makin jelas bayangan sumber cahaya yang terlihat pada permukaan objek tersebut. Untuk mencarai intensitas specular ydapat digunakan persamaan sebagai berikut : I = Ip * Ks(cosθ )n dari persamaan tersebut Cos θ dapat dihitung menggunakan dot product antara arah pantulan dengan negasi dari arah sinar. sehingga persamaannya menjadi I = Ip * Ks * (R •V ) pangkat n dimana, I=Intensitas yang dihasilkan Is=Intensitas Specular dari sumber cahaya X Ks=Koefisien Specular n= Variabel yang menentukan luar area yang berkilau jika terkena cahaya yang dipancarkan oleh sumber cahaya R=arah pantulan berupa unit vektor V=Negasi dari arah sinar Advanced transparancy merupakan setting transparan objek material.

6.) Advanced Transparancy terdiri atas falloff, apa yang dimaksud falloff in dan falloff out? dan jelaskan memngenai falloff in dan falloff out !
Advanced transparency terdiri dari: Falloff berfungsi untuk mengatur cakupan area yang dipengaruhi oleh soft selection dari titik pusatnya (Sub-Object terpilih). Falloff terdiri dari 2 jenis yaitu:

Falloff in merupakan ukuran falloff lebih besar dari hatspot sehingga cahaya yang masuk lebih banyak.
Falloff out merupakan ukuran lebih kecil dari hatspot sehingga cahaya yang masuk lebih sedikit.

7.) Apa yang dimaksud dengan texture map dan mapping coordinate ?

Texture map

Texture mapping adalah memetakan peta tekstur 2D (2D texture map) ke permukaan objek kemudian memproyeksikannya ke bidang proyeksi (projection plane).

Objek 3D adalah sekumpulan titik-titik tiga dimensi (x,y,z) yang membentuk luasan-luasan (face) yang digabungkan menjadi satu kesatuan. Namun permukaan objek 3D yang polos membuat 3D cenderung kurang menarik dan kaku. Untuk membuat objek yang lebih hidup pada diperlukan suatu texture mapping.

Texture merupakan data segi-empat sederhana yang berada pada bidang texture. Bidang texture diwakili oleh dua sumbu koordinat yaitu sumbu s dan sumbu t. Setiap texture akan memenuhi bidang koordinat (0.0,0.0) sd. (1.0,1.0). Nilai individual dari array texture biasanya dikenal dengan istilah texels (texture pixels).

Mapping ialah sebuah bentuk kegiatan untuk melakukan pewarnaan atau memetakan permukaan geometri pada objek 3D. Dengan kata lain pemetaan texture merupakan pemberian sebuah gambar pada permukaan objek sehingga objek akan tampak realistis. Yang membuat texture mapping sedikit rumit adalah bagaimana proses pemetaan antara bentuk segiempat texture ke polygon menginngat secara umum bentuk poligon biasanya non-rectangular.

Beberapa contoh penggunaan texture mapping antara lain:

1. mensimulasikan aspek visual dari material seperti tampakan kayu, batu bata, atau granit.

2. mengurangi kompleksitas (jumlah polygon yang dibutuhkan) dari suatu obyek geometri.

3. teknik pemrosesan citra seperti image warping dan rectification, rotation dan scaling.

4. mensimulasikan berbagai efek permukaan seperti efek reflektif seperti cermin atau lantai yang telah digosok mengkilat, efek tonjolan dll.

Salah satu keuntungan dari texture mapping adalah bahwa detail visual itu berada di citra bukan di geometri. Dan sekompleks apapun citra, selama tidak merubah ukuran citra, tidak berpengaruh pada kinerja keseluruhan. Texture mapping memungkinkan untuk menaruh gambar pada geometric primitive tersebut dan sekaligus mengikuti transformasi yang diterapkan kepada objek. Sebuah texture mapping diterapkan (dipetakan) ke permukaan bentuk atau poligon. Proses ini mirip dengan menerapkan kertas bermotif ke kotak putih polos.

Mapping coordinate

Mapping coordinate adalah setiap titik dalam polygon diberi koordinat teksture (yang dalam kasus 2D juga dikenal sebagai UV koordinat) baik melalui tugas eksplist atau menurut definisi prosedural. Gambar lokasi sampling kemudian diinterpolasi di muka poligon untuk menghasilkan hasil visual yang tampaknya memiliki lebih kekayaan daripada yang bisa dicapai dengan sejumlah poligon. Contohnya apabila sebuah objek kubus tanpa gambar diberi texture bebatuan pada permukaannya, maka objek tersebut akan tampak memiliki tekstur kasar seperti batu. Texture pada permukaan objek dapat dilihat dari berbagai perspective yang berbeda.

Dalam memetakan suatu tekstur pada suatu permukaan dikenal 4 komponen yang terlibat. Parametric coordinates, digunakan untuk memodelkan permukaan objek. Texture coordinates, digunakan untuk mengenali posisi dari tekstur yang akan dipetakan. World coordinates, dimana pemetaan dilakukan. Screen coordinates, dimana pemetaan dari tekstur ditampilkan. Gambar 2.21 mengilustrasikan 4 komponen dalam pemetaan tekstur.

8.) Buatlah rancangan game yang sangat sederhana !

9.) Buatlah skenario game tersebut !

Game ini dibuat dengan tema tentang edukasi/pengetahuan yang dikhususkan untuk anak-anak, khususnya anak yang berumur 4 - 8 tahun yang sedang dalam tahapan belajar. Player game ini sendiri adalah anak-anak yang diharuskan untuk memilih warna yang benar dari kotak yang banyak yang akan keluar warna2 dan warna yang ditanyakan akan muncul di kotak yang berjudul berjudul warna, dan juga dalam permainan ini Player di berikan waktu untuk memilih, semakin tinggi level yang dilewati semakin sedikit waktu yang di berikan. Pengguna juga akan mendapatkan nilai jika berhasil memilih warna dengan benar.

DAFTAR PUSTAKA:

http://nizaru.blogspot.com/2012/12/tugas-iii-bag-i-objek-material.html
http://ramdansuryadi.blogspot.com/2013/06/shading-dan-objek-material.html#sthash.BGuA5Rqb.dpuf
http://www.ittelkom.ac.id/staf/faz/kuliah/grafcit/20111/slides/GrafCit2011-1%20-%2013%20-20Texture%20Mapping%20&%20Anti-aliasing.ppt
http://indrie7.blogspot.com/2013/04/material-dan-tekstur.html
https://en.wikipedia.org/wiki/Texture_mapping

TABEL KINERJA KELOMPOK 4

NPM	NAMA	KINERJA
	Anzhi Fathul Umam	-
52410169	Dwi Arief Wicaksono	Mengerjakan nomer 5, 6, dan 7.
54410835	M Triaji Wijanarko	Mengerjakan nomer 1,2,3,4, 8, dan 9.