ILMU KOMPUTER: 2014

Jumat, 22 Agustus 2014

Membuat Background di 3dsMAX

Suatu karya berupa gambar 3D maupun animasi 3d akan lebih indah dan menarik apabila memiliki Background didalamnya sehingga akan membuat gambar atau animasi tersebut menjadi lebih hidup dan nyata.

Bagaimana membuat Background, menambahkan background, berikut panduan langkah-langkah memberikan background:

1. Buka salah satu file 3ds max yang Anda miliki. Misalkan saya memiliki gambar sebuah pemandangan digurun.

Gambar 01 . Hasil Render gambar tanpa background.

2. Selanjutnya klik Menu Rendering > Environment. Akan terbuka jendela Environment & Effects.

3. Di rollout Common Parameters, pada kategori Background, klik tulisan None pada Environment Map, kemudian akan terbuka jendela Material/Map Browser dan Anda klik ganda pada pilihan Bitmap.

4. Anda cari gambar Image yang Anda inginkan, lalu klik tombol Open. Maka gambar tersebut akan langsung menjadi gambar Background di Scene 3D Anda. Tutup jendela Environment & Effects.

Gambar 02. Contoh image bitmap yang diambil sebagai latar background.

Gambar 03. Pemberian image bitmap.

5. Aktifkan Viewport Perspective dan Anda Render (Rendering>Render>Render).

Gambar 04. Hasil Render pemberian Background.

Membuat Drop Down Menu Sederhana di Website

Pada tutorial Dreamweaver kali ini saya akan mencoba memberikan penjelasan bagaimana cara membuat drop down menu yang simple dan sederhana agar bisa dan mudah dipelajari serta dikembangkan mungkin nantinya oleh para calon web developer maupun web designer yang singgah di website ilmugrafis. Sedikit penjelasan, Dropdown Menu merupakan menu yang bila kita sorot dengan mouse maka menu tersebut akan memunculkan menu yang lain (sub menu). Saat ini banyak sekali yang sudah menggunakan Drop Down menu karena alasan terlihat lebih modern dan canggih, menambah keindahan website sampai menghemat space/ruang di websitenya karena dengan drop down kita bisa memberikan sub menu tersembunyi pada menu di website kita.

Ok, mari kita mencoba membuatnya:

1. Buka aplikasi dreamweaver kita, disini saya menggunakan Dreamweaver 8 karena ringan di komputer saya. Bagi yang sudah menggunakan dreamweaver CS5 bahkan CS6 tenang saja karena cara ini bisa diaplikasikan untuk semua dreamweaver
(start >> all program >> Dreamweaver)

2. buat CSS file, caranya. Klik File >> New >> Tab General >> Basic Page >> Css
membuat css

tulis Kode CSS di bawah ini

/* CSS untuk drop down menu dimulai */
ul
{
list-style:none;
padding:0px;
margin:0px
}
ul li
{
display:inline;
float:left;
}
ul li a
{
color:#ffffff;
background:#990E00;
margin-right:5px;
font-weight:bold;
font-size:12px;
font-family:verdana;
text-decoration:none;
display:block;
width:100px;
height:25px;
line-height:25px;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border: 1px solid #560E00;
}
ul li a:hover
{
color:#cccccc;
background:#560E00;
font-weight:bold;
text-decoration:none;
display:block;
width:100px;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border: 1px solid #000000;
}
ul li.sublinks a
{
color:#000000;
background:#f6f6f6;
border-bottom:1px solid #cccccc;
font-weight:normal;
text-decoration:none;
display:block;
width:100px;
text-align:center;
margin-top:2px;
}
ul li.sublinks a:hover
{
color:#000000;
background:#FFEFC6;
font-weight:normal;
text-decoration:none;
display:block;
width:100px;
text-align:center;
}
ul li.sublinks
{
display:none;
}
/* CSS drop down menu sederhana end */

wow banyak bener, tenang copy dan paste saja CSS ini ke CSS yang baru anda buat dengan dreamweaver,
memasukkan css

save dan beri nama "dropdown.css"

3. Sekarang buat halaman web, pakai saja HTML agar lebih simple, karena jika memilih format PHP butuh bantuan Sever untuk mengoprasikannya
caranya mirip css tadi, cuma urutannya File >> New >> Basic Page >> Html >> Ok
sekarang panggil css yang kita buat, caranya:
css oke

klik browse, lalu ambil "dropdown.css", OK
Nah setelah langkah di atas benar maka akan ada code seperti ini di halaman html kita.
code css

itu artinya style (CSS) yang kita buat telah masuk ke halaman html

4. Masukkan kode ini ke code html kita. pilih code

<ul>
<li><a href="#" class="dropdown">Menu One</a></li>

<li class="sublinks">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
</li>

</ul>


<ul>
<li><a href="#" class="dropdown">Menu Two</a></li>

<li class="sublinks">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
</li>

</ul>

copy dan paste code di atas di bagian antara <body> .... </body> , bagi yang belum mengerti tag seperti ini lihat tutorial BELAJAR WEBSITE HTML

4. Tambahkan JQuery Script, wow apa lagi ini ya? tenang... lebih jelasnya klik Pengenalan JQuery Website
memasukkan jquery

tulis codenya, Letakkan di bawah tag Title

setelah itu tambahkan code Javascript ini,
letakkan di bawah tag JQuery

ini gambarnya
tambahan javascript

Selesai, dan hasilnya kira - kira seperti ini

Gambar: Drop down menu sederhana

Drop down menu telah selesai dibuat, Lihat Demo Drop Down menu ini Disini. Anda bisa mengganti menu - menu sesuai keinginan anda dengan mengedit teks "Menu One" atau "Menu Two" dan Sub menu "Link 1" sampai dengan "Link 5" pada halaman coding HTML, silahkan dikembangkan sesuai keinginan.

BELAJAR Membuat WEBSITE - Basic HTML

Mungkin anda yang masih awam bertanya - tanya, bagaimana cara membuat website? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah Website yang baik. Lain halnya dengan instan CMS maupun instan blog yang kita tinggal mendaftar saja di penyedia layanan blog seperti Blogspot, Wordpress, dll. Maupun CMS seperti Joomla, Mambo, dll yang tinggal instal saja seperti. Disini kita belajar manual web (membuat website secara manual) walaupun masih sederhana dan statis. Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Chrome, Firefox, Internet Explorer, Netscape, Opera, dll).

Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

BELAJAR WEBSITE

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, Sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga Dreamweaver. Untuk mudahnya, kita gunakan program Dreamweaver.

Apa yang dimkasud dengan file HTML?

-    HTML merupakan kependekan dari Hyper Text markup Language

-    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

-    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

-    File HTML harus memiliki ekstensi htm atau html

-    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

PENGENALAN KODE HTML
>>New >> Basic Page >> HTML , setelah itu atur ke mode Code
tutorial dreamweaver

disini anda akan menemui tag - tag semacam ini:

<HTML>

</HTML>

Penjelasan:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya.
Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

Sekarang kita akan beralih pada tag selanjutnya.

<HTML>

<BODY>

</BODY>

</HTML>

Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:

<HTML>

<BODY>

Tulisan ini akan tampak dalam browser by ilmugrafis.

</BODY>

</HTML>

Sekarang simpanlah file ini dengan meng-klik menu File lalu Save. Nah, lihatlah hasil karya anda yang pertama dengan menekan F12 disitu akan muncul tulisan "Tulisan ini akan tampak dalam browser by ilmugrafis." tanpa tag HTML. Sekarang anda mungkin mulai mengerti cara kerja HTML dan markup tag, begitulah cara kerjanya, jadi yg muncul di broser hanya tulisan saja sedangkan tagnya hanya merupakan suatu perintah bagi browser untuk menampilkan perintah kita.

Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.

<HTML>

Tulisan ini akan tampak dalam browser by ilmugrafis.

</BODY>

</HTML>

Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya tekan F12 atau klik tombol Refresh pada browser atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:
tutorial dreamweaver

Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa contohnya seperti #rrggbb.

Ok setelah menguasai tag di atas maka kita lanjutkan ke inspeksi tag HEAD dan TITLE. Di sini terlihat bahwa kita mempunyai tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:

<HTML>

<HEAD>

<TITLE>WEBSITE BUATANKU</TITLE>

</HEAD>

Tulisan ini akan tampak dalam browser.

</BODY>

</HTML>

Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: WEBSITE BUATANKU
previewnya kurang lebih seperti ini, disini saya menggunakan browser Firefox:
tutorial dreamweaver

Alhamdulillah, selesailah latihan pertama Belajar Membuat Website - HTML

Lens Effect Pada CorelDRAW

Di tutorial ini kita akan mencoba membuat atau mengaplikasikan Lens Effect pada CORELDRAW (semua versi mulai 11,12,X3,X4), dengan tutorial ini diharapkan kita dapat mengembangkan sendiri dari penggunaan Lens Effect menurut imajinasi kita masing-masing. Langkah-langkahnya sebagai berikut :

Mari kita mulai Tutorial Coreldraw Dasar kali ini:

1. Sudah pasti buka corelDraw dan buat blank page

2. Buatlah beberapa lingkaran seperti gambar dibawah ini

setelah itu seleksi dua lingkaran kiri dan lalu combine (Ctrl+L) lalu beri warna Hitam, dan buatlah satu lingkaran kecil lagi sehingga seperti pada gambar dibawah ini

Groupkan (Ctrl+G) semua lingkaran bagian Kanan, lalu seleksi semua object dan centerkan ( C ).

3. Buat satu lingkaran besar (lebih besar dari lingkaran pertama) dan beri warna putih, letakan sesuai keinginan seperti pada gambar dibawah ini

hilangkan Out Linenya.

4. Transparasikan lingkaran putih tadi dengan menggunakan Transparency tool

Lalu akan keluar submenu diatas, pilih radial

Setelah itu, masukan object Lingkaran putih tadi pada lingkaran hitam dengan menggunakan Power Clip (Effect >> Power Clip >> Place Inside Continer), Letakan Sesuai kehendak, Buatlah object baru berupa persegi dan gunakan Text Tool lalu klikan pada garis(tepat pada garis object)Persegi, tulis sesuka hati, Ungroupkan (Ctrl+U) lingkaran kanan pertama tadi dan seleksilah lingkaran kecil, beriwarna putih dan transparasikan kembali dengan menggunakan Transparency Tool dan pilih linier.

6. Seleksi lingkaran yag tadi satu group dengan lingkaran kecil, lalu klik Effect >> Lens pada menu

Maka akan muncul Docker Window seperti pada gambar dibawah ini

Pilih Magnify, dan sesuaikan Amount dengan keinginan kita, sehingga menjadi seperti pada gambar dibawah ini

Dan kita tinggal mengexportnya menjadi JPEG untuk membuatnya menjadi bitmap
Docker Window : Window yang menampilkan Perintah-perintah yang dapat kita gunakankembali saat kita melakukan editing

Hasilnya:

KAca PEmbesar

Membuat Chrome Frame Dengan Style Photoshop

Menyambung tutorial yang telah diterbitkan yaitu Mengenal Style Pada Photoshop, kali ini saya akan menjelaskan bagaimana caranya mengolah menjadi frame photo yang cantik dan menarik...

LANGKAH-LANGKAHNYA:
1. Pilih Foto yang akan di jadikan kita berikan frame:

Lalu pilih Save As (untuk menyimpan ke dalam Komputer / Download ke komputer)

Note:
Bagi anda yang punya HP berwarna yang bisa mengakses GPRS bisa memakai gambar ini sebagai wallpaper dengan mengetik di browser anda
http://www.ilmugrafis.net/photoshop/p_foto_30/ilmugrafis-img-30.jpg

2. Buat Lembar Kerja Baru ( CTRL + N)

Lalu OK

3. Buat Gambar Kotak dengan menggunakan Rectangle Tool
Lalu pilih Style yang diinginkan, disini penulis memulih Chromed Satin
Hasilnya:

4. Gunakan Move Tool lalu Drag / Geser gambar Wanita Cantik yang telah kalian donwload di atas ke Lembar kerja Chromed Frame
Setelah itu gunakan Transform ( CTRL + T ) untuk memperkecil atau menyesuaikan ukuran gambar

Setelah Transform sesuai ukuran maka tekan tombol Enter

5. Ok Tinggal Memberikan Efek, Efek Yang diberikan adalah
Caranya: Pilih Pada Menu Utama di bagian atas, LAYER - LAYER STYLE - INNER SHADOW...

OK

Kemudian
LAYER - LAYER STYLE - STROKE...

OK

Hasilnya:

mmmm... Bautiful Girl in Chromed Frame

BAHASA PEMROGRAMAN WAJIB UNTUK HACKER

Bahasa pemrograman

1. Python

Python diciptakan oleh seorang hacker bernama Guido van Rossum. Konon Python sangat banyak digunakan di berbagai produk Google sehingga mereka harus mempekerjakan Guido van Rossum secara eksklusif. Bahasa pemrogaman ini terbilang cukup mudah untuk dipelajari. Sangat cocok untuk pemula yang belum punya pengalaman dalam dunia pemrograman. Python dilengkapi dengan dokumentasi yang terstruktur dan sangat lengkap. Dukungan dari komunitasnya yang sangat besar juga akan sangat banyak membantu. Untuk mengetahui lebih jauh tentang bahasa pemrograman Python, situs resminya bisa menjadi rujukan yang sangat baik.

2. C/C++

Bahasa C adalah bahasa utama yang digunakan untuk menyusun Unix, BSD, dan Linux. Bahasa C dibuat oleh Dennis M Ritchie yang termasuk dalam daftar 6 hacker paling top di dunia. Bahasa C sangat efisien dalam pengelolaan resource komputer. Namun semua itu harus dilakukan secara manual sehingga sangat rentan menjadi bug.Bahasa ini termasuk dalam kategori low level programming language. Sangat cocok dipelajari untuk mulai masuk ke dunia pemrograman yang lebih serius. Bahasa C++ merupakan pengembangan dari bahasa C dan sudah mendukung konsep Object Oriented Programming (OOP). Menguasai salah satu atau kedua bahasa ini akan menjadi modal yang sangat penting untuk seorang calon hacker.

3. PERL

PERL yang merupakan singkatan dari Practical Extraction and Reporting Language dibuat oleh seorang hacker bernama Larry Wall.Perl termasuk ke dalam kategori bahasa pemrograman berbasisscript sama seperti Python.Perl sangat banyak digunakan untuk kepentingan praktis untuk melakukan otomasi berbagai tugas administrasi sistem operasi.Selain itu, Perl juga banyak digunakan untuk pengembangan halaman web interaktif dalam bentuk CGI. Perl dilengkapi dengan puluhan hingga ratusan pustaka yang siap digunakan untuk pengembangan program untuk berbagai keperluan. Di situs resminya, kita dapat menemukan dokumentasi dan tutorial untuk pemula yang cukup lengkap.

4. Java

Java dibuat oleh salah satu dari 6 hacker top di dunia, James Gosling. Namanya terinspirasi dari kopi Jawa yang memiliki rasa dan aroma yang sangat nikmat dan khas. Java memiliki prinsip WORA (Write Once Run Everywhere). Secara prinsip, program yang disusun dengan bahasa Java memang dapat berjalan di berbagai platform sistem operasi dan prosesor tanpa melakukan perubahan kode sedikitpun. Java adalah bahasa pertama yang menerapkan konsep OOP murni. Bahasa ini kurang cocok untuk dipelajari seorang pemula yang baru mengenal bahasa pemrograman. Informasi lebih lanjut tentang Java dapat dicek di situs resminya.

5. LISP

Lisp merupakan salah satu bahasa pemrograman tingkat tinggi tertua selain Fortran. Awalnya Lisp ditulis oleh John McCarthy, namun saat ini pengembangannya dilakukan oleh Steve Russel, Timothy P. Hart, dan Mike Levin. Dalam perkembangannya ada banyak dialek Lisp yang muncul, dua yang paling populer adalah Common Lisp dan Scheme. Saat ini bahasa Lisp sangat banyak digunakan dalam riset kecerdasan buatan (Artificial Inteligence). Mempelajari Lisp akan memberikan cita rasa yang berbeda bagi seorang pemrogram. Cara terbaik untuk memulai mempelajari Lisp adalah dengan mengutak-atik mode editor Emacs atau plugin Script-Fu di GIMP

Pengertian Bahasa Pemrograman

Bahasa pemrograman (programming language) adalah sebuah instruksi standar untuk memerintah komputer agar mempunyai fungsi tertentu. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan program komputer. Bahasa ini memungkinkan seorang programmer dapat menentukan secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan disimpan/diteruskan, dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.

Fungsi Bahasa Pemrograman

Fungsi bahasa pemrograman yaitu memerintah komputer untuk mengolah data sesuai dengan alur berpikir yang kita inginkan. Keluaran dari bahasa pemrograman tersebut berupa program/aplikasi. Contohnya adalah program yang digunakan oleh kasir di mal-mal atau swalayan, penggunaan lampu lalu lintas di jalan raya, dll.

Bahasa Pemrograman yang kita kenal ada banyak sekali di belahan dunia, tentang ilmu komputer dan teknologi dewasa ini. Perkembangannya mengikuti tingginya inovasi yang dilakukan dalam dunia teknologi. Contoh bahasa pemrograman yang kita kenal antara lain adalah untuk membuat aplikasi game, antivirus, web, dan teknologi lainnya.

Bahasa pemrograman komputer yang kita kenal antara lain adalah Java, Visual Basic, C++, C, Cobol, PHP, .Net, dan ratusan bahasa lainnya. Namun tentu saja kebutuhan bahasa ini harus disesuaikan dengan fungsi dan perangkat yang menggunakannya.

Namun,secara umum bahasa pemrograman terbagi menjadi 4 kelompok, yaitu :

Object Oriented Language (Visual dBase, Visual FoxPro, Delphi, Visual C)
High Level Language (seperti Pascal dan Basic)
Middle Level Language (seperti bahasa C), dan
Low Level Language (seperti bahasa Assembly)