Tugas 2: Desain Permodelan Grafik #

Read More

Softskill : Desain Permodelan Grafik

Nama   : Dias Puja Prayoga

Kelas   : 3IA13

NPM   : 52413404

REVIEW VIDEO TUTORIAL KARAKTER PADA BLENDER

            Pada kesempatan kali ini saya Dias dari Teknik Informatika akan menjelaskan sebuah tutorial seseorang pada suatu web berbasis video yaitu Youtube, disini saya mereview video tentang pembuatan karakter pada sebuah aplikasi multimedia yaitu Blender. Blender merupakan aplikasi open source komputer grafis software yang berbentuk 3D digunaka untuk membuat film animasi, efek visula, seni, model dicetak 3D, dan aplikasi 3D interaktif video game, ini sudah jelaskin definisi atau kegunaan dari aplikasi Blender tersebut.

            Saya akan mencoba menjelaskan hasil review yang sudah saya lihat pada youtube, link atau source video akan saya cantumkan setelah tulisan ini selesai. Video dengan berjudul “Membuat Karakter Manusia 3D pada Blender 2.71”. Pada awal pembuat, sang tutor memperlihat karater beserta animasi yang sudah dia buat untuk memberikan hasil jadi kepada penonton channel Youtubenya dia, disini sang tutor tidak mengluarkan suara, melainkan hanya memberikan note-note kecil untuk memperjelas video yang dia buat dan disertakan backsong yang santai untuk kita dengarkan. Langkah awal pembuatan sang tutor menjelaskan beberapa fungsi atau tools-tools yang berada pada aplikasi blender 2.71 yang dia gunakan. Pada pembuatan manusia 3D ini dimulainya dengan membuat sebuah object berbentuk bola, object tersebut berbentuk awalnya dalah kubus yang kemudian diubah menjadi UV Sphere. Sang tutor mengatakan kejelasan bahwasannya aplikasi Blender ini terdapata perbedaan yang cukup terlihat pada PC atau Laptop.

            Untuk mengedit sebuah object, sang tutor mengajarkan ubah terlebih dahulu Object mode menjadi Edit mode agar mudah untuk membuat karakter yang dia sampaikan. Kemudian masuk pada bagian setting pada lembar project, dengan cara lihat pada menu bar lalu pilih File – User Preference – lalu pilih input – kemudian centang atau beri tanda ceklis pada 3 yaitu, Emulated Button Mouse, Continous Grab, dan Emulated Numpad lalu disave user setting, langkah ini berguna untuk kita dapat lihat sekeliling layar monitor untuk mengubah sisi penglihatan. Sang tutor menjelaskan secara baik walaupun tanda menggunakan suara, dia menempatkan beberapa shortcut pada aplikasi Blender ini. Pertama UV Sphere, kemudian pilihlah suatu bagian yang akan diseleksi, klik B dan klik sebelah kiri. Dan untuk execute tekan E seperti yang diperlihatkan sang tutor. Tekan S untuk memperkecil object yang dibuat, seleksi sebagian object dan klik X lalu pilih Face. Pilih modify dengan shortcut yang berbentuk kunci inggris, lalu kita pilih Mirror. Makan object akan terlihat bagian dari object yang hilang. Sang tutor mengajak kita untuk mengubah mode face menjadi Point, klik A dan seleksi bagian suatu object yang terlihat titik-titik bukan pada mirror. Pada saat diselesksi, bagian mirror ini akan mengikuti bagian yang akan dieksekusi. Pada pembuatan object ini disarankan untuk tidak lupa memperhatikan koordinat sumbu X, Y, dan Z dan rotasi yang menggunakan shortcut huruf R. Seleksi kembali pada bagian obejct sampai berbentuk karakter layaknya manusia yang memiliki kepala, badan, tangan, dan serta kaki. Pada bagian kaki akan terlihat bagian yang kosong atau bolong karena tidak menyatu pada membelah pada bagian mirror. Jangan lupa kita mengisi bagian yang kosong tersebut dengan kembali menggunakan Face. Setelah object karakter manusia ini selesai, tambahkan object Plane untuk sebagai lantainya. Dan tambahkan lampu seperlunya untuk saat kita merender object ini tidak ada bagian object yang menghitam dikarenakan tidak atau kekurangan cahaya. Klik save jika sudah selesai project tersebut.

            Sekian review yang saya sampaikan ini, menurut saya pribadi dari video ini lumayan banyak kekurangan, yang sangat terlihat adalah dimana sang tutor tidak menjelaskan secara signifikan dikarena hanya memperlihatkan cara membuat tanpa menjelaskan fungsi-fungsinya, ini mungkin bagi orang yang sudah handal pada Blender ini tidak mempermasalahkan hal ini, namun akan jadi masalah untuk para amatir seperti saya ini. Sang tutor juga tidak menjelaskan apa saja perbedaannya secara detail. Sekira saya minta maaf apabila review dan kesimpulan saya kurang baik. Terima kasih.

Link/Source : https://www.youtube.com/watch?v=sOq-IlB9fcg&feature=youtu.be

Read More

Pengantar Web Science : Web Services

Web Services

1.      Definisi

Web service adalah sekumpulan sebuah aplikasi logika dengan berupa object dan method yang dimiliki terletak disuatu server yang terhubung diinternet sehingga dapat diakses menggunakan Protocol HTTP (HyperText Transfer Protocol) dan SOAP (Simple Object Access Protocol. Web Service dapat juga disebut dengan Web API (Application Programming Interface) yang merupakan 2 buah sistem atau lebih yang dapat berkomunikasi seperti halnya client server melalu HTTP.

2.      Keuntungan dari Web Services (Sumber Wikipedia)

-          Format penggunaan terbuka untuk semua platform

-          Dukungan interface yang stabil

-          Routing dan pengiriman

-          Tidak mahal untuk diimplementasikan

-          Mengurangi biaya integrasi aplikasi enterprise

Web Services memiliki 2 bentuk, yaitu SOAP dan REST

-          SOAP (Simple Object Access Protocol yang saya kutip dari Wikipedia adalah standar untuk bertukar pesan-pesan berbasis XML melalui Jaringan Komputer

-          REST Representational State Transfer sama dengan SOAP saya kutip dari dari Wikipedia juga, yaitu suatu gaya arsitektur perangkat lunak untuk pendistribusian sistem hipermedia seperti WWW.

Web Services yang akan saya implemenatasikan pada blog saya adalah Twitter, yang merupakan suatu Social Media yang terkenal untuk saat ini, Twitter merupakan suatu Social Media yang dapat gunakan oleh penggunanya untuk mengirim dan membaca suatu Tweet yang hanya dapat menampung 140 karakter. Twitter didirikan oleh Jack Dorsey pada bulan Maret 2006, dan Twitter ini booming pada tahun 2009 sampai sekarang, namun banyak pengguna Twitter sudah beralih Social Media karena perkembangan Social Media lainnya.

http://aurion23.blogspot.com/2014/03/pengertian-web-service.html#.VbELx7Ptmko

http://mbahsecond.blogspot.com/2014/06/perbedaan-web-aplikasi-dengan-web_27.html

https://id.wikipedia.org/wiki/REST

https://id.wikipedia.org/wiki/Simple_Object_Access_Protocol

https://id.wikipedia.org/wiki/Layanan_web

https://id.wikipedia.org/wiki/Twitter

Pengimplementasikan pada BLOG :

1.      Saat kita ingin memasang Web Services pada blog kita sebelumnya kita bisa mengecek pada https://dev.twitter.com/web/overview pada developers Twitter ini dapat beberapa macam Web Services yang tersedia, seperti Tweet Button, Follow Button, Embedded Tweets, Embedded Video, dan Embedded Timelines

2.      Saya akan implementasikan pada blog adalah Embedded Timelines dan Follow Button

3.      Pertama saya akan menjelaskan cara untuk memasang Embedded Timelines

4.      Buka Twitter.com lalu kita dapat ke Settings

5.      Masuk Settings terdapat banyak pilihan pengaturan pada Twitter, kita pilih Widgets untuk mendapat JavaScript untuk Web Services

6.      Setelah masuk pada Widgets, terdapat untuk membuat Web Services. Create New untuk membuat Embedded Timeline kalian.

7.      Selanjutnya sudah Create New ada menu untuk kita membuat pilihan seperti Size, Warna dan lainnya.

8.      Dibawah bagian dari Preview terdapat JavaScript yang perlu kita copy untuk memasukan kedalam blog.

9.      Setelah kita copy, masuk ke dalam blog kita terlebih dahulu Blogger.com

10.  Kita masuk ke pada Layout atau Tampilan pada blog kita

11.  Setelah itu kita ingin menempatkan JavaScript dari Web Services dimana pada Layout kita, dan kita dapat tempatkan dimana saja sesuai dengan keinginan kita.

12.  Saya menempatkan pada Sideleftbar, jadi letaknya terdapat sebelah kita bagian atas blog Saya.

13.  Pertama Add Gadget, lalu pilih menu atau bagian apa yang akan dimasukan, kita pilih yang HTML/Javascript

14.  Masukkan title Sesuai keinginan, lalu paste JavaScript yang sudah diCopy

15.  Setelah disave lalu kita menuju ke laman blog kita, nama blog saya adalah diaspuja03.blogspot.com apakah widget twitter sudah terdapat apada blog kita (widget ini adalah instruksi langsung dari dev.twitter.com)

16.  Selanjutnya kita ingin membuat Follow Button pada blog kita, ini merupakan cara yang paling mudah. Dikarenakan cara ini hanya Copy-Paste Javascript yang sudah disediakan.

17.  Kita buka dev.twitter.com/web/overview lalu kita masuk kedalam menu Follow Button.

18.  Kita klik pada menu Follow Button, dilink tersebut terdapat Javascript

19.  Kita pilih Javascript yang nomor 1, yang lebih mudahnya. Kita copy, lalu untuk username name disana adalah TwitterDev, dan disamping kata Follow @TwitterDev kita ganti juga dengan username Twitter kita. Setelah saya Copy-Paste, saya masukkan kedalam Notepada, lalu mengubahnya.

20.  Setelah itu, cara memasukkan sama dengan Embedded Timeline, pada layout, saya menempatkannya diatas dari Twitter Timelines pada blog saya.

21.  Add gadget lagi pada SideLeft pilih yang HTML/JavaScript, lalu kita beri name dan masukkan Content-nya.

22.  Setelah save kita refresh kembali blog kita. Dan lihat hasilnya.

Link Youtubenya jika tidak bisa dibuka : https://www.youtube.com/watch?v=UdOq750UB2I&feature=youtu.be

Read More

Cara menggunakan MICRODATA pada Blog kita

3. Cara Menggunakan Microdata Pada Blog Kita

Tugas sebelumnya tentang Microdata dapat membuat kita mengerti akan dasar dari Microdata, disini saya akan mencoba menggunakan microdata pada blog saya, saya menggunakan jasa dari Blogger.

1.       Login pada blog kita sendiri

2.       Lalu, kita dapat memasukkan script ini dengan edit HTML yang berada di Template kalian, pertama pada HTML cari script seperti : <b:includable id='post' var='post'> 

Copaskan script berikut :

1.  <div itemscope = "itemscope" itemtype="http://schema.org/Person">
             <span itemprop="name">Dias Puja Prayoga</span>
             <span itemprop="gender">Male</span>
             <span itemprop="nationality">Indonesia</span>
             <span itemprop="email">diaspuja03@gmail.com</span>
             <span itemprop="url"><a href="twitter.com/diaspuja">twitter.com/diaspuja</a></span>
             </div>

*script diatas dapat diganti sesuai keinginan, dan tidak lupa script tersebut saya dapatkan dari schema.org
ini contoh dari Microdata pada Blog kita, saya menggunakan Google Developer untuk mengeceknya :

ini hasil menggunakan Microdata pada Blog saya

sumber : schema.org

Read More

Syarat dan Ketentuan menggunakan Microdata

2. Syarat dan Ketentuan menggunakan Microdata

Untuk dapat menggunakan microdata kita harus memenuhi hal-hal seperti :

1.       Dapat menentukan apa saja yang ingin kita informasikan (contoh seperti : nama orang, barang, atau suatu ulasan yang kita berikan.

2.       Menentukan isi atau atribut yang akan kita berikan (Seperti : Film, orang, dan sebagainya) dan suatu yang kita ingin publish seperti nama, nomor telepon, deskripsi suatu benda, dan suatu harga.

Contoh dari

<div itemscope itemtype="http://schema.org/LocalBusiness">
   <span itemprop="name">DIAS Organization</span>
   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
     <span itemprop="streetAddress">Jl. Pulo Sirih Timur 4</span>
     <span itemprop="addressLocality">Bekasi Selatan</span>,
     <span itemprop="addressRegion">Indonesia</span>
     <span itemprop="postalCode">17148</span>
   </div>
   Phone: <span itemprop="telephone">081293991283</span>
</div>

Hasil yang akan dikeluar seperti :

Sumber : http://www.microdatagenerator.com/get-started/

Read More

Pengertian dari MICRODATA

1.      Pengertian Microdata

Microdata dapat diartikan seperti SEO atau bisa disebut dengan Search Engine Optimization atau bisa dibilang Optimisasi Mesin Pencari, Microdata ini berbentuk Script HTMl (HyperText Multi Language)  yang dapat membantu untuk menjadi mensin pencari yang cukup akurat, Microdata juga menggunakan basis WHATWG (Web Hypertext Application Technology Working Group). Seperti Search Engine pada umunya yaitu google, bing, yahoo bisa disebut mereka menggunakan aplikasi Microdata untuk membuat para penggunanya bisa mendapatkan informasi yang lebih pasti dan akurat.

Contoh applikasi Microdata ini dapat kita gunakan pada Browser kita, kali ini yang saya gunakan adalah Google Chrome dengan Ekstensi Microdata. Pertama kita install terlebih dahulu ekstensi yang terdapat pada Google Chrome ini. Lalu buka Link IMDB untuk mengetahui keguanaan dari Microdata tersebut.

Contoh

Pada screenshot yang saya berikan terdapat item, type, properties, name, duration, genre, aggregateRating, Description, Creator, Actors, Trailer, Headline. Ini merupakan penggunaan Microdata pada situs IMDB.com

Sumber :

http://trisnanugrohosite.blogspot.com/2012/12/microdatahtml5.html

https://budsus.wordpress.com/2013/05/08/mengenal-microdata/

Read More

Matematika Informatika 4 : Relasi Rekursi

Nama : Dias Puja Prayoga 

NPM : 52413404

Kelas : 2IA13 (Kelompok 1)

Kelompok 1 : 

- Azkya Novia

- Ari Satrio

- Dias Puja Prayoga

- Dimas Rizki Setiananda

- Fredy Kelana Putra

- Ichsan Perdana

- Joko Wahyu Prasetyo Dewo

- Rachmad Setiawan

- Raihan Oktora

- Yehezkiel C.

Relasi Rekursif

1.      Ada barisan yang memenuhi relasi rekursi  a_n = 3a_n-1+ 4_n-2 untuk n ≥ 2. Diketahui bahwa A₀ = 3 dan a₁ = 4 . Tentukan nilai dari a_2, a₃ dan a₄

Jawab:

a₂         = 3a_2-1 + 4a_2-2

            = 3a₁ + 4a₀

                = 3 (4) + 4 (3)

a₂         = 24

a₃            = 3a_3-1 + 4a_3-2

            = 3a₂ + 4a₁

                = 3 (24) + 4 (4)

a₃            = 96

a₄            = 3a_4-1 + 4a_4-2

                = 3a_{3 ­}+ 4a₂

                = 3 (96) + 4 (24)

a₄            = 384

2.      Ada barisan yang memenuhi relasi rekursi a_{n ­}– 2a_{n-1 ­}– 3_n-2 = 0 untuk n ≥ 2. Diketahui bahwa a₀ = 01 dan a₁ = 0. Tentukan nilai dari a₂ dan a₃!

Jawab:

Memindahkan suku selain a_n ke sebelah kanan menjadi a_n = 2_n-1 + 3a_n-2

Kemudian, menjumlahkan persamaan tersebut dgn memasukkan suku n = 2 dan n = 3

a₂             = 2a_2-1 + 3a_2-2

                = 2a₁ + 3a₀

                = 3 (0) + 4 (-1)

a₂            = -4

a₃            = 2a_3-1 + 3a_3-2

                = 2a₂ + 3a₁

                = 2 (-3) + 3 (0)

a₃            = -6

3.      Ada barisan yang memenuhi relasi rekursi a_n – a_n-1 - 5_5-2 + 4a_n-3 = 0 untuk n ≥ 3. Diketahui bahwa a₀  = -1, a₁ = 0, a₂ = 1. Tentukan nilai dari a₃!

Jawab:

Memindahkan suku selain ke sebelah kanan menjadi a_n = a_n-1 + a_n-1 + 5a_{n-2 ­}– 4a_n-3

Kemudian, menjumlahkan persamaan tersebut dgn memasukkan suku n = 4

a₃            = 2a_2-1 + 3a_2-2

                = 2a₁ + 3a₀

                = 3 (0) + 4 (-1)

a₃            = -4

4.      Diketahui : Suatu barisan c₀, c₁, c₂, … didefinisikan secara rekursif sebagai berikut :

Untuk semua bilangan bulat k ≥ 2,

C_k = (c_k-1 + k) (c_k-2 + 1)

Dengan kondisi awal c₀ = 1 dan c₁ = 2.

Ditanya : Hitunglah c₅ !

Penyelesaian :

Oleh karena barisan didefinisikan secara rekursif, maka c₅ tidak bisa dihitung secara langsung, tetapi harus terlebih dahulu menghitung c₂, c₃ dan c₄.

·         C₂ = c₁ + 2.c0 + 1 =

2 + 2.1 + 1 = 5

·         C₃= c₂ + 3 c₁ + 1 =

5 + 3.2 + 1 = 12

·         C₄= c₃ + 4 c₂ + 1 =

12 + 4.5 + 1 = 33

·         C₅= c₄ + 5 c₃ + 1 =

33 + 5.12 + 1 = 94

Jadi, c₅ = 94

5.      Tentukan baringan yang merupakan solusi dari Relasi Rekursi

a_n = 3a_n-1, jika diketahui a­₀ = 2.

Jawab :

a_n = 3a_n-1

a_n = 3(3a_n-2) = 3².a_n-2

a_n = 3(3(3a_n-3)) = 3³ . a_n-3

.

.

.

a_n = 3ⁿ.a_n-n = 3ⁿ.a₀

a_n = 2 . 3ⁿ

Sehingga barisan a_n = 2 . 3ⁿ merupakan solusi dari Relasi Rekursi a_n = 3a_n-1 dengan nilai awal a₀ = 2.

Read More