Jumat, 27 September 2013

Warnai Foto dengan Berbagai Warna

Photoshop : Colorizing a Photo With Multiple Colors

Hello, sekarang saya akan mengajarkan anda cara mewarnai foto dengan banyak warna, seperti pelangi,penasaran???

lihat gambar dibawah

 keren kan, yuk langsung praktek!

1. Buka aplikasi Photoshop anda, saya menggunakan Photoshop CS5.
2. Kemudian, buka foto yang akan anda edit, caranya : File - Open
 setelah foto dibuka langsung ikuti langkah berikut!

Langkah 1 : tambah Vertical Guide pertama dengan Set 25%
Sebelum kita mewarnai bagian foto kita, kita harus membuat bagian/pemisah, dengan cara menggunakan Photoshop guides, caranya pilih View yang terdapat pada menu bar, kemudian pilih New Guide, atur 
orientation : vertikal
position : 25%
lihat gambar dibawah
 maka hasilnya terdapat sebuah garis vertikal


Langkah 2 : tambahkan Vertical Guide kedua dengan Position 50%
sama dengan langkah pertama View - New Guide atur
Orientation : Vertical
Position : 50%
maka hasilnya akan terdapat dua garis vertikal


Langkah 3 : tambahkan Vertical Guide ketiga dengan Position 75%
langkah sama menu View - New Guide, atur
Orientation : Vertical
Position : 75%
 maka hasilnya terdapat 3 garis vertical


Langkah 4 : enable Snap To Guides
sekarang, pilih View - Snap To - Guides
lihat gambar dibawah!


Langkah 5 : pilih Rectangular Marquee Tool
pilih Rectangular Marquee Tool yang terdapat pada Tool Bar sebelah kiri, atau tekan tombol M pada keyboard


Langkah 6 : Blok bagian kiri dengan Rectangular Marquee Tool
setelah anda memilih Rectangular Marquee Tool blok bagian kiri gambar, lihat gambar dibawah, terdapat garis hitam putih pada bagian kiri


Langkah 7 : tambahkan Hue/Saturation
caranya pilih menu Image - Adjusment - Hue/Saturation, atau menggunakan shortcut keyboard CTRL + U
 setelah itu akan muncul tampilan seperti dibawah, atur
Hue : 0
Saturation : 25
Lightness : 0
enable colorize
hasilnya lihat sendiri!!


Langkah 8 : Blok bagian lain dengan Rectangular Marquee Tool
langkah ini sama dengan langkah 6 memblok bagian yang diseleksi dengan Rectangular Marquee Tool, lihat gambar dibawah!
saya memblok bagian ke2, lihat bagian 2 terdapat garis hitam - putih


Langkah 9 : tambahkan Hue/Saturation
langkah ini sama dengan langkah ke 7, caranya sama Image - Adjusment - Hue/Saturation, atau shortcut keyboard CTRL + U, atur
Hue : 205
Saturation : 25
Lightness : 0
enable colorize


Langkah 10 : blok bagian lain dengan Rectangular Marquee Tool
sama halnya dengan langkah langkah berikutnya, blok bagian ke 3


Langkah 11 : tambahkan Hue/Saturation
caranya pilih menu Image - Adjusment - Hue/Saturation, atau menggunakan shortcut keyboard CTRL + U, atur
Hue : 105
Saturation : 25
Lightness : 0
enabled colorize

Untuk langkah berikutnya sama seperti langkah langkah sebelumnya,memblok bagian ke 4 dan untuk warna, atur sesuai selera anda sendiri!!


Langkah 12 : Clear Guides
caranya pilih View - Clear Guides, maka garis warna birumuda secara otomatis akan hilang

maka hasilnya


Langkah Terakhir : Simpan Gambar
nah simpan gambar dengan cara pilih menu File - Save As
Simpan dengan nama apa saja dan harus berekstensi .jpg atau .PNG, saya menyimpan nama rainbow.jpg 

nah sekian ilmu dari saya mengenai materi diatas, jika ada yang dipertanyakan silahkan tinggalkan komentar anda! wassalam.


Kamis, 26 September 2013

HTML : Form Buku Tamu

HTML : Membuat Form Buku Tamu

assalam, kali ini saya akan mengajarkan anda tentang HTML, yaitu cara membuat Form, tau gak form? form merupakan formulir, tempat anda mengisi nama, jenis kelamin, alamat, dan lain lain deh,,oke daripada anda penasaran yuk langsung saja praktek...

<html>
<head>
<title>Formulir Buku Tamu</title>
</head>
<body>
<table>
<tr>
<td colspan = "3"><center>Formulir Buku Tamu</center></td>
</tr>

<tr>
<td>Nama</td>
<td>:</td>
<td><input type = "text" size = "30"></td>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type = "radio" name = "r">Pria <input type = "radio" name = "r">Wanita</td>
</tr>

<tr>
<td>Tempat , Tanggal Lahir</td>
<td>:</td>
<td><input type = "text" size = "30"></td>
</tr>

<tr>
<td>Alamat</td>
<td>:</td>
<td><input type = "text" size = "30"></td>
</tr>

<input type = "submit" value = "ok"> <input type = "reset" value = "batal">

<table>
</body>
</html> 

Maka hasilnya akan seperti :


Formulir Buku Tamu
Formulir Buku Tamu
Nama :
Jenis Kelamin : Pria Wanita
Tempat , Tanggal Lahir :
Alamat :

jika sudah simpan dengan nama formulir.html

 

Sabtu, 14 September 2013

HTML : Formulir

HTML : Membuat Formulir

Formulir, seperti form pendaftaran, nah seperti itulah yang akan kita praktekkin pada materi ini,praktek yokk!!

<html>
<body>
Nama : <input type = "text" size = "31" maxlength = "30"><br>
Password : <input type = "password" size = "31" maxlength = "30"><br>
<input type = "button" value = "Daftar"> <input type = "reset" value = "Batal">
</body>
</html>

maka hasilnya :
Nama :
Password :


Simpan dengan nama form.html

HTML : Option Value

HTML : Membuat Option Value

Option Value???apaan tuh, artinya adalah pilihan, nah tahu kan, yuk kita praktek!!

<html>
<body>
<select name = "merk">
<option value = "ASUS">ASUS
<option value = "HP">HP
<option value = "TOSHIBA">TOSHIBA
<option value = "ACER">ACER
<option value = "SONY">SONY
</body>
</html>

maka hasilnya akan seperti :



Simpan dengan nama option.html

HTML : Input Type Checkbox

HTML : Membuat Input Type Checkbox

sekarang saatnya Checkbox, tahu gak checkbox, yuk praktekkin aja daripada penasaran,
pertama ketik dulu syntax dibawah ini!!

<html>
<body>
Hobby : <br>
<input type = "checkbox">Olahraga<br>
<input type = "checkbox">Makan<br>
<input type = "checkbox">Otak Atik Komputer<br>
<input type = "checkbox">Otak Atik Syntax<br>
<input type = "checkbox">Baca Buku<br>
</body>
</html>

maka hasilnya akan seperti dibawah ini
Hobby :
Olahraga
Makan
Otak Atik Komputer
Otak Atik Syntax
Baca Buku

Simpan dengan nama checkbox.html

HTML : Input Type Radio

HTML : Membuat Input Type Radio

pada materi HTML sekarang ini saya akan membahas tentang Input Type, dah pada tahu belum apa itu input type, nah daripada penasaran mending langsung praktek yupz.!

<html>
<body>
Kewarganegaraan : <br>
<input type = "radio" name = "r" checked>Indonesia
<input type = "radio" name = "r">Australia
<input type = "radio" name = "r">Arab Saudi
<input type = "radio" name = "r">Amerika
<input type = "radio" name = "r">Kanada
</body>
</html>

Maka hasilnya akan seperti dibawah ini
Kewarganegaraan :
Indonesia Australia Arab Saudi Amerika Kanada

simpan dengan nama radio.html

HTML : Table

HTML : Belajar Membuat Tabel

okray guys, sekarang saya akan menshare/berbagi ilmu HTML tentang cara membuat tabel. Tabel dalam HTML dibuat dengan menggunakan tag awal <TABLE>  dan tag penutup </TABLE>, tag ini memiliki beberapa bagian penting, seperti :

<TABLE> ... </TABLE> : berfungsi membentuk table
<TH> ... </TH> : berfungsi membentuk judul kolom
<TR> ... </TR>  : berfungsi membentuk baris
<TD> ... </TD>    : berfungsi membuat sel data
Border : berfungsi memberikan garis pada tabel

  
tampilan diatas adalah tampilan table sederhana dari HTML, penasaran kan cara membuatnya??yuk kita praktek dari yang sederhana sampai rumit!

<table border = "1">
<tr><th>NO</th><th>Nama</th></tr>
<tr><td>1</td><td>Ujang</td></tr>
 <tr><td>2</td><td>Udin</td></tr>
</table>

simpan dengan tabel1.html
maka hasilnya :
NONama
1Ujang
2Udin

ok, tampilan diatas sangat sederhana anda bisa memodifikasinya sesuai keinginan anda, tabel1 sudah, sekarang kita membuat tabel2, kita buat lebih keren lagi,

<table border = "1" bgcolor = "#006600" cellpadding>
<tr><th>NO</th><th>Nama</th><th>Status</th></tr>
<tr><td>1</td><td>Epul</td><td>Duda</td></tr>
<tr><td>2</td><td>Saprudin</td><td>Bujangan</td></tr>
</table>

simpan dengan nama tabel2.html
maka hasilnya :

NONamaStatus
1EpulDuda
2SaprudinBujangan

nah sudah pemanasannya sekarang kita akan bermain ke yang lebih rumit <COLSPAN><ROWSPAN>, ok saya jelaskan!
<ROWSPAN> : berfungsi menggabungkan baris pada tabel
<COLSPAN>  : berfungsi menggabungkan kolom pada tabel

ok langsung saja dipraktekkin

<table border = "1" bgcolor = "yellow">
<tr><th>Provinsi</th><th>Kota</th></tr>
<tr><td rowspan = "2">Jawa Barat</td><td>Tasikmalaya</td></tr>
<tr><td>Bandung</td></tr>
<tr><td rowspan = "2">Jawa Timur</td><td>Jember</td></tr>
<tr><td>Surabaya</td></tr>
</table>

ProvinsiKota
Jawa BaratTasikmalaya
Bandung
Jawa TimurJember
Surabaya

keren kan,simpan dengan nama tabelrowspan.html
setelah kita membuat tabel rowspan yuk kita buat tabel colspan

<table border = "1" bgcolor = "orange">
<tr><td colspan = "2">Opsi</td></tr>
<tr><td>Ya</td><td>Tidak</td></tr>
<tr><td>Hapus</td><td>Edit</td></tr>
<table>

Opsi
YaTidak
HapusEdit

simpan dengan nama tabelcolspan.html

nah sekian ilmu yang saya berikan untuk anda semoga bermanfaat, untuk yang lainnya anda berkreasi sendiri, otak atik sendiri syntax HTML tabel ini, wassalam
 

Kamis, 12 September 2013

Sekilas Tentang MySQL

Tentang MySQL
1. Pengenalan
    MySQL merupakan software/perangkat lunak sistem manajemen basis data SQL atau DBMS yang multithread, multi user. MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU.

2. Fitur - fitur MySQL :
- Multi User, dapat digunakan oleh beberapa pengguna
- Mengenal perintah SQL standar, SQL (Structure Query Language) merupakan suatu bahasa standar yang berlaku di semua software database
- Mendukung views
- Mendukung triggers
- Mendukung foreign key
- Fleksibel dengan berbagai pemrograman
- Security yang baik
- Ragam tipe data

3. Pengenalan Database, DBMS, RDBMS Pada MySQL
    a. Database (Basis Data), adalah kumpulan informasi yang disimpan didalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut.
ada beberapa istilah Database diantaranya :
~ Table : kumpulan data yang diorganisasikan kedalam baris (record) dan kolom (field)
~ Field : kolom dari sebuah table. Field memiliki ukuran type data tertentu yang menentukan bagaimana data nantinya tersimpan
~ Record : baris dari suatu  tabel
~ Key : suatu field yang dapat dijadikan kunci dalam operasi tabel, dalam konsep database, key memiliki banyak jenis diantaranya Primary Key, Foreign Key, Composite Key
~ SQL (Structure Query Language) : bahasa yang digunakan untuk mengakses database
 
   b. DBMS (Database Management System), merupakan suatu perangkat lunak yang memungkinkan user untuk membuat, memelihara, mengontrol, dan mengakses database secara praktis dan efisien. Dengan DBMS, user akan lebih mudah mengontrol dan memanipulasi data yang ada.

   c.  RDBMS (Relationship Database Management System), merupakan salah satu jenis DBMS yang mendukung adanya hubungan antar tabel.

4. Dasar - Dasar MySQL
   a.  DDL (Data Definition Language), merupakan perintah SQL yang berhubungan dengan pendefinisian suatu struktur database dalam table
Beberapa perintah dasar DDL :
> CREATE : untuk membuat table, seperti : CREATE TABLE anwari;
> ALTER : untuk mengganti nama table, seperti : ALTER TABLE anwari;
> RENAME : untuk mengganti nama table, seperti : RENAME TABLE anwari to anwar;
> DROP : untuk menghapus table, seperti : DROP anwari;

   b. DML (Data Manipulation Language), merupakan perintah SQL yang berhubungan dengan pengolahan atau manipulasi data dalam table atau record.
Beberapa perintah DML :
> SELECT : untuk memilih record, seperti : SELECT * FROM anwari;
> INSERT : untuk memasukkan data kedalam table, seperti : INSERT INTO anwari VALUES('a')
> UPDATE : untuk mengolah data dalam table, seperti : UPDATE anwari SET a='a';
> DELETE : untuk menghapus data dalam table, seperti : DELETE FROM anwari WHERE a = 'a';

okelah sekian ilmu dari saya, jika anda merasa kurang puas dengan ilmu ini silahkan bertanya dengan berkomentar, atau anda cari sendiri dari sumber lainnya, wassalam.

Sekilas Tentang HTML

About HTML

1. Pengenalan
HTML (Hyper Text Mark Up Language) merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrogramman karena sifatnya yang hanya memberikan tanda  (marking up) pada suatu naskah teks dan bukan sebagai program. Berdasarkan kata - kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext
link Hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah - naskah lainnya, jika kita klik pada kata untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumenyang kita tuju.

Markup
artinya Markup menunjukkan bahwa pada file HTML berisi suatu instruksi
tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web

Language
meski HTML sendiri bukan merupakan bahasa pemrogramman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-Up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi

2. Struktur Tag HTML
tag HTML selalu diawali dengan <HTML> dan diakhiri dengan </HTML>
tanda / artinya slash (untuk mengakhiri)
berikut daftar tag HTML :

a. <HTML> : penanda sebuah file HTML
b. <HEAD> : penanda bagian atas HTML pada bagian ini anda bisa menambahkan tag <TITLE> untuk judul web anda.
c. <BODY> : penanda bagian elemen body HTML
d. <FONT> : untuk memodifikasi huruf pada HTML, ada beberapa cara untuk memodifikasi huruf diantaranya :
   - <FONT FACE = "Arial"> : untuk mengatur bentuk huruf
   - <FONT SIZE  = "2"> : untuk mengatur ukuran huruf
   - <FONT COLOR = "red"> : untuk mengatur warna huruf
e. <p> : menandakan sebuah paragraf
f. <br> : line break, enter
g. <b> : membuat teks menjadi tebal
h. <i> : membuat teks menjadi miring

3. Menyimpan File
nah untuk menyimpan file HTML itu sangat mudah, file ini harus berekstensi .html ,
contoh praktek.html

ok, materi tentang HTML dari saya cukup sekian, jika anda merasa kurang puas silahkan tinggalkan komentar atau cari sumber lainnya mengenai HTML, wassalam.


SEKILAS TENTANG JAVA SCRIPT

About JAVA SCRIPT

1. Pengenalan
        Java Script, adalah bahasa skrip yang ditempelkan pada kode HTML dan di proses disisi client. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Bahasa pemerogramman ini memiliki banyak keunggulan dibandingkan dengan bahasa pemrogramman lainnya yaitu : 
> Filenya kecil
> Akses data cepat
> Bersifat kompiler - InterpreterDapat dibaca oleh segala system operasi seperti Windows,      Linux, MAC

Ada beberapa Web Browser yang mendukung untuk menjalankan Java Script yaitu :
> Mozilla Firefox
> Internet Explorer
> Netscape

Pada awalnya perkembangan Java Script dengan pesat disebabkan semakin menjamurnya web - web yan ada di internet. Perkembangan WWW(World Wide Web) yang sangat pesat menyebabkan munculnya banyak homepag dengan halaman halaman yang sangat menarik.

2. Struktur Java Script  
Program yang dibuat dalam script harus diberi tanda :
<script> .......... </script>

a. Penulisan Java Script bisa dilakukan dengan 2 cara yaitu :
- Java ditulis dalam dokumen HTML
- Java ditulis dalam file terpisah, perintah yang digunakan :
<script scr = "nama file(berekstensi .javascript"> .......... </script> 

b. Letak Java Script dalam HTML bisa dilakukan dengan 2 cara yaitu :
- bisa diletakkan dalam kode <HEAD> .......... </HEAD>
- atau juga dalam kode <BODY> .......... </BODY>

3. Menyimpan File
Cara menyimpan file pada Java Script bisa dengan cara yaitu :
- dengan berekstensi .javascript, jika file tersebut tidak bergabung dengan file HTML
- dengan berekstensi .HTML, jika file tersebut bergabung dengan file HTML

nah itulah sekilas info tentang Java Script, jika anda merasa kurang puas dengan apa yang saya jelaskan silahkan tinggalkan komentar, atau anda browse materi ini dari sumber lainnya, Wassalam 
 

Rabu, 11 September 2013

JAVA SCRIPT : Menampilkan Tanggal

JAVA SCRIPT : Display Date

Ya salam, sekarang saya akan berbagi ilmu tentang java script, saya tidak akan membahas tentang apa itu java script, tapi saya akan langsung mempraktekannya kali ini yang di praktekkin adalah cara menampilkan tanggal dengan sekali click.
Dari pada anda penasaran, okeh langsung saja copas atau ketik ulang syntax dibawah ini

<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Show Date & Time</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date & Time</button>
</body>
</html>
 


Maka hasilnya :

Show Date & Time

 

hasil tampilan

nah setelah itu simpan dengan nama tanggal.html, atau terserah anda yang penting berekstensi .html, ok sekian dari saya mengenai Java Script, wassalam.

Sabtu, 07 September 2013

PHP : Test Input Text Without Database

PHP : Test Input Text Tanpa Database

nah pada bab PHP ini, saya membahas PHP tentang tes input text, tahu gakkk?? nah gak usah panjang lebar dijelaskan, coba saja sendiri, copy paste syntaxnya, atau ketik sendiri biar keren...!!!

<html>
<head><title>Input Data</title><head>
<body>

<form action = "" method = "POST"  name = "input">
Masukkan Text : <input type = "text" name = "nama" size = "50"><br>
<input type = "submit" name = "input" value = "INPUT">
</form>
</body>
</html>

<?php
if(isset($_POST['input'])) {
$nama = $_POST['nama'];
echo "Hasil : <b>$nama</b>";
}
?>

Hasil dari eksekusi file

okray, simpan dengan nama input.php, sudah tahu kan cara menyimpan dan menjalankan file php, kalau belum tahu, silahkan anda belajar disini : cara menyimpan dan menjalankan file PHP ,okeh,,sekiam ilmu dari saya,jika ada kesulitan silahkan tinggalkan komentar anda,,wassalam.

Selasa, 03 September 2013

Cara Menyimpan File PHP & Menjalankannya

PHP : Menyimpan File & Menjalankannya

nah untuk anda yang newbie pada dunia PHP tentu saja belum mengetahui cara menyimpan dan menjalankanya, file PHP berbeda dengan file HTML, CSS, file PHP merupakan fileyang diselipkan dilingkungan HTML, file PHP ini di eksekusi di lingkungan server, yaitu server localhost, nah daripada waktu terbuang yuk langsung aja dipraktekin cyinn,,,,,,

Pertama, anda diharuskan mempunyai software xampp, software ini berguna untuk menyimpan file php yang telah kita buat nanti, jika anda belum mempunyai software tersebut silahkan download disini

Kedua, install software xampp tersebut, caranya gampang, tinggal next,next aja..atau anda cari sendiri di Google

Ketiga, setelah meinstall software tersebut, anda buka text editor anda, seperti Notepad++, Adobe Dreamweaver, dll.

Keempat, silahkan anda ketikkan syntax php yang ingin anda praktekin, seperti syntax dibawah ini
  setelah diketik, anda simpan, caranya, klik Save As, pilih Disk Drive C - XAMPP - htdocs - buat folder dengan nama praktikum, buka folder praktikum - Save dengan nama praktek1.php, harus berekstensi .php
pilih disk drive C, seperti gambar diatas


pilih folder xampp pada drive C

setelah membuka folder xampp, buka folder htdocs

nah, disini anda saya sarankan untuk membuat folder baru, setelah folder dibuat anda simpan file php tadi dengan ekstensi .php

Menyimpan sudah,,okkeee sekarang ngejalaninnya,,yuk jalan...
Pertama, buka web browser anda, seperti Mozilla Firefox, Google Chrome,,saya saranin untuk memakai Mozilla Firefox.

Kedua, pada address bar ketikkan localhost/praktek
- localhost merupakan server local, untuk menjalank file php secara offline
- praktek merupakan folder tempat kita menyimpan file php

Ketiga, langsung saja pilih file yang kita save tadi maka secara otomatis akan muncul hasilnya

nah sekian ilmu dari saya, jika ada yang ingin anda tanyakan silahkan tinggalkan pesan.


Senin, 02 September 2013

PHP : Builtin - Matematika

PHP : Builtin - Matematika

Nah pada bab PHP ini saya akan mengajarkan anda tentang Builtin - Matematika, dah pada tahu belum?? ok, mari kita bahas.
Contoh Builtin Matematika pada PHP ini seperti Fungsi Perpangkatan, Fungsi Akar, Pembulatan Keatas,  Pembulatan Kebawah, nah daripada anda penasaran dengan materi yang satu ini yuk langsung aja praktek, silakan anda ketik atau copas syntax dibawah ini!

<html>
<head>
<title>PHP : Builtin - Matematika</title>
</head>
<body>
<?php
$a=pow(5,0);           //Fungsi Perpangkatan
$b=sqrt(5000);        //Fungsi Akar
$c=ceil(45.786);      //Pembulatan Keatas
$d=floor(3.567);      //Pembulatan Kebawah
echo "5 pangkat 0 = $a <br>";
echo "akar 5000 = $b <br>";
echo "ceil (45.768) = $c <br>";
echo "floor(3.567) = $d <br>";
?>
</body>
</html>

Hasil dari PHP : Builtin - Matematika

Jika sudah diketik/dicopas simpan dengan nama builtin-mtk.php, atau terserah anda mau diberi nama apa aja, yang penting berekstensi .php. Nah untuk angka yang ada pada syntax tersebut anda bisa mengubah sesuka hati anda.