IT4EDUCATION

Membuat Logo Indosiar

IT FOR EDUCATION 0 Design, Elearning, IT 00.10

<div class="separator" style="clear: both; text-align: center;">
<a href="http://edugrafs.files.wordpress.com/2010/07/23.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="" class="aligncenter size-full wp-image-292" height="304" src="http://edugrafs.files.wordpress.com/2010/07/23.jpg?w=500" title="23" width="400" /> </a></div>
<div style="text-align: justify;">
<strong><strong></strong> </strong></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>1. Membuat Logo Indosiar</strong></div>
1. Sepertri biasa buat file baru <strong>Ctrl+N</strong><br />
lalu membuat sebuah lingkaran menggunakan <strong>Ellipse Tool</strong> atau tekan <strong>F7 </strong>usahakan sambil menekan <strong>Ctrl+Shift</strong>
 supaya bentuknya proposional, di tutorial ini sengaja saya tidak 
menyebutkan patokan  ukuran – ukurannya, Anda bisa memberikan ukuran 
pada masing – masing objek yang lebih sesuai lagi dengan hati Anda<br />

2. Buat persegi panjang dengan menggunakan <strong>Rectangle Tool</strong> <strong>(F6) </strong>dan timpakan di lingkaran yang telah kita buat tadi, atur letaknya seperti pada gambar di bawah ini :<br />

2. Tekan <strong>Ctrl A</strong> pada keyboard untuk menyeleksi semua objek kemudian <strong>Trim</strong><strong><strong> </strong></strong>pada <strong>Menu Bar</strong> klik <strong>Arange > Shaping> Trim</strong><br />
Setelah ditrim kamudian hapus persegi panjangnya seperti pada gambar di bawah ini :<br />

<a href="http://edugrafs.files.wordpress.com/2010/07/13.jpg"><img alt="" class="aligncenter size-medium wp-image-282" height="126" src="http://edugrafs.files.wordpress.com/2010/07/13.jpg?w=300&h=126" title="13" width="300" /></a>Maka hasilnya :<br />

<div style="text-align: justify;">
4. Buat lagi persegi panjang tipis gan 
seperti kira-kira pada gambar di bawah kemudian lakukan trim sepertti 
pada langkah sebelumnya.</div>
<a href="http://edugrafs.files.wordpress.com/2010/07/15.jpg"><img alt="" class="aligncenter size-full wp-image-284" src="http://edugrafs.files.wordpress.com/2010/07/15.jpg?w=500" title="15" /></a><br />

<div style="text-align: justify;">
Setelah ditrim dan dihapus / delete / 
ditiadakan / dimusnahkan ( opo….hehehe : ) persegi panjangnya maka nanti
 hasilnya seperti di bawah ini :</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/16.jpg"><img alt="" class="aligncenter size-full wp-image-285" src="http://edugrafs.files.wordpress.com/2010/07/16.jpg?w=500" title="16" /></a></div>
<div style="text-align: justify;">
5. Kemudian klik kanan pilih<strong>Break Curve Apart ( Ctrl K ) </strong>untuk
 memisahkan masing – masing objek hasil trim / potongan tadi yang masih 
menyatu, hal ini dilakukan untuk mempermudah pewarnaannya nanti.</div>
<div style="text-align: justify;">
6. Sekarang kita duplikat objeknya lakukan <strong>Transformations </strong>pada <strong>Menu Bar</strong> klik<strong> Arange > Transformation> Posision ( Alt + F7 )</strong>,<strong> </strong>jika kotak dialog <strong>Transformations </strong>sudah muncul di sebelah kanan pada layar monitor Anda, mari kita klik langkah – langkah seperti yang dilingkari di bawah ini :</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/17.jpg"><img alt="" class="aligncenter size-medium wp-image-286" src="http://edugrafs.files.wordpress.com/2010/07/17.jpg?w=144&h=300" title="17" /></a></div>
<div style="text-align: justify;">
7. Kemudian  posisikan sehingga menjadi seperti ini :</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/18.jpg"><img alt="" class="aligncenter size-full wp-image-287" src="http://edugrafs.files.wordpress.com/2010/07/18.jpg?w=500" title="18" /></a></div>
<div style="text-align: justify;">
8. Sekarang kita warnain masing masing objek seperti di bawah ini :</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/19.jpg"><img alt="" class="aligncenter size-full wp-image-288" src="http://edugrafs.files.wordpress.com/2010/07/19.jpg?w=500" title="19" /></a></div>
<div style="text-align: justify;">
Anda bisa mewarnai semirip mungkin dengan yang aslinya,</div>
<div style="text-align: justify;">
9. Setelah memberikan pewarnaan seperti di atas sekarang kita tambahkan Teks Indosiarnya, saya menggunakan <strong>Century Gothic Bold</strong>, dan yang huruf <strong>O</strong> nya itu kita bisa membuatnya sendiri dengan 3 lingkaran merah. kemudian atur ukuran dan posisikan seperti pada gambar di bawah.</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/20.jpg"><img alt="" class="aligncenter size-full wp-image-289" src="http://edugrafs.files.wordpress.com/2010/07/20.jpg?w=500" title="20" /></a></div>
<div style="text-align: justify;">
10.<strong> </strong>Sekarang kita hilangkan <strong>Outline</strong>-nya. Caranya <strong>Ctrl A</strong> untuk memblok seluruh objek klik <strong>Fly Over Outlinen-</strong>nya pilih <strong>None</strong> :</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/21.jpg"><img alt="" class="aligncenter size-full wp-image-290" src="http://edugrafs.files.wordpress.com/2010/07/21.jpg?w=500" title="21" /></a></div>
<div style="text-align: justify;">
11. Buat persegi panjang lagi dan atur letaknya supaya mengelilingi semua objek yang telah kita buat tadi, lalu gunakan <strong>Shape Tool</strong>
 untuk menumpulkan siku  persegi panjangnya drag salah satu node yang 
terletak di pojok persegi panjangnya atur arahnya gan. Ilustrasinya Anda
 bisa melihat gambar di bawah :</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/22.jpg"><img alt="" class="aligncenter size-medium wp-image-291" height="142" src="http://edugrafs.files.wordpress.com/2010/07/22.jpg?w=300&h=142" title="22" width="300" /></a></div>
Hasil akhirnya akan terlihat seperti di bawah ini :<br />

<div style="text-align: justify;">
Tutorial Logo Indosiar memang untuk Anda<br />
Saya meminta maaf kepada perusahaan yang punya logo, baik itu dalam 
penggunaan logo tanpa izin, maupun  kekurangan dan ketidak 
sempurnaannya. Tapi tujuan saya di sini hanya ingin belajar dan belajar 
!!! serta membagikan ilmu apa yang sedang saya pelajari, karena dengan 
metode belajar seperti itu kita akan lebih bisa memahami apa yang sedang
 kita pelajari tidak kurang dan juga tidak lebih</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<strong>2. Membuat Desain Logo Windows Media Player</strong></div>
<div style="text-align: justify;">
Langkah – Langkahnya:</div>
1. Buatlah 2 buah lingkaran dengan <strong>ELLIPSE TOOL</strong> (F7)<br />

<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/24.jpg"><img alt="" class="aligncenter size-full wp-image-293" src="http://edugrafs.files.wordpress.com/2010/07/24.jpg?w=500" title="24" /></a></div>
<div style="text-align: justify;">
2. Setelah itu tekan CTRL + A (Select All)<br />
Lalu tekan CTRL + G (Group)</div>
3. Untuk Lebih memudahkan munculkan <strong>Grid,</strong> Caranya: pada Menu Utama pilih <strong>View – Grid</strong>, Kemudian buat 2 Kotak dengan Rectangle Tool (F6) sebagai bantuan memotong 3/4 bagian lingkaran<br />

<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/25.jpg"><img alt="" class="aligncenter size-full wp-image-294" src="http://edugrafs.files.wordpress.com/2010/07/25.jpg?w=500" title="25" /></a></div>
Sambli tekan dan tahan tombol Shift —- Klik (Lingkaran – Kotak kanan – Kotak Bawah) lalu gunakan Metode <strong>Simplify </strong><br />
Hasilnya:<br />

Kemudian hapus kedia kotak dengan tombol <strong>Delete</strong><br />
Nah hasilnya:<br />

<h2>
Download materi di sini</h2>
<a href="http://edugrafs.files.wordpress.com/2010/07/tutorial-corel-draw.pdf"><img alt="" class="alignnone size-thumbnail wp-image-39" src="http://edugrafs.files.wordpress.com/2010/04/pdf.png?w=150&h=150" title="pdf" /></a>

Membuat Logo Indosiar

1. Membuat Logo Indosiar 1. Sepertri biasa buat file baru Ctrl+N lalu membuat sebuah lingkaran menggunakan Ellipse Tool atau te...

Baca selengkapnya »

Panduan Dasar Corel Draw X4

IT FOR EDUCATION 0 Design, Elearning, IT 00.07

<address>
<strong>Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik.</strong></address>
<address>
<strong>Kompetensi Dasar </strong>: <strong>1.1. Menunjukkan menu ikon yang terdapat dalam perangkat lunak pembuat </strong></address>
<address>
<strong> grafis</strong></address>
<address>
<strong>Indikator Pencapaian:  Mengidentifikasi menu ikon yang terdapat dalam perangkat lunak pembuat </strong></address>
<address>
<strong> grafis</strong></address>
<address>
<strong> Mendemonstrasikan menu ikon yang terdapat dalam perangkat lunak </strong></address>
<address>
<strong> pembuat grafis</strong></address>
<address>
 </address>
<address>
 </address>
<address>
 </address>
<address>
<strong><br />
</strong></address>
<address>
 </address>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/1.jpg"><img alt="" class="alignleft size-full wp-image-262" src="http://edugrafs.files.wordpress.com/2010/07/1.jpg?w=500" title="1" /></a>Ilmu
 Grafis Tutorial Memulai CorelDraw untuk pemula berisi pengenalan dan 
panduan dasar dalam belajar komputer desain. Sebelum kita memulain 
tutorial CorelDraw akan lebih baik jika kita mengetahui apa saja yang 
terkandung didalamnya. Coreldraw adalah pengolah Vektor berupa garis dan
 bidang yang diolah berdasarkan pengaturan-pengaturan angka-angka 
vektor.</div>
<div style="text-align: justify;">
Pada pengenalan ini kita akan mempelajari
 lebar kerja atau tampilan CorelDraw. Disini saya menggunakan CorelDraw 
Graphic Suite X4 yang pada dasarnya hampir sama dengan coreldraw 
pendahulunya yaitu X3, CorelDraw 10, 11, dan 12. Kemiripan ini 
dikarenakan agar parapengguna CorelDraw tidak cenggung untuk menghadapi 
perubahan pada setiap versi. Untuk langkah cepat kita akan memulai dari 
awal apa saja yang ada di dalam Coreldraw.</div>
<strong>Memulai Coreldraw</strong><br />

1. Klik tombol Start > Program > Corel Graphic Suite X4 > Corel Draw<br />

<address>
<em>Interface / Tampilan Coreldraw</em></address>
<address>
<em><br />
</em></address>
<address>
<em><a href="http://edugrafs.files.wordpress.com/2010/07/3.jpg"><img alt="" class="aligncenter size-medium wp-image-264" height="180" src="http://edugrafs.files.wordpress.com/2010/07/3.jpg?w=300&h=180" title="3" width="300" /></a></em></address>
<address>
 </address>
<address>
 </address>
<address>
 </address>
<address>
</address>
<address>
Peralatan untuk mendesain di CorelDraw semua terdapat pada tool
 box (lihat interface pada point 6). Ada beberapa tool yang mempunyai 
tombol flyout (panah kanan bawah) yang berisi beberapa tool lainnya. 
Flyout selengkapnya ada pada gambar berikut:</address>
<address>
<a href="http://edugrafs.files.wordpress.com/2010/07/4.jpg"><img alt="" class="aligncenter size-medium wp-image-265" height="180" src="http://edugrafs.files.wordpress.com/2010/07/4.jpg?w=300&h=180" title="4" width="300" /></a>
</address>
<address>
<strong><a href="http://edugrafs.files.wordpress.com/2010/07/5.jpg"><img alt="" class="aligncenter size-medium wp-image-266" height="180" src="http://edugrafs.files.wordpress.com/2010/07/5.jpg?w=300&h=180" title="5" width="300" /></a></strong><strong>Penjelasan</strong>
</address>
<ol>
<li><em>Pick      tool </em>: Mengaktifkan obyek dan untuk melakukan editing dasar dari      obyek. Misalnya scaling, rotating, skewing, resizing</li>
</ol>
<strong>Shape Tools</strong><br />

<ol>
<li><em>Shape      Tool</em> : Melakukan proses editing node pada shape( komponen garis dari      obyek).</li>
<li><em>Smudge      Tool </em>: Menggosok obyek sehingga merubah bentuk obyek yang digosok      tersebut.</li>
<li><em>Roughen      Tool</em> : Memberikan efek distorsi pada obyek.</li>
<li><em>Transform      Tool </em>: Merotasi, membesarkan, mengecilkan, skewing image secara      bebas.</li>
</ol>
<strong>Crop Tools</strong><br />

<ol>
<li><em>Crop      Tool</em> : Digunakan untuk menghapus objek diluar seleksi.</li>
<li><em>Knife      Tool</em> : Pisau yang berfungsi untuk memotong obyek. Cara kerjanya      persis seperti menggunakan pisau biasa.</li>
<li><em>Eraser      Tool </em>: Menghapus bagian tertentu dari obyek.</li>
<li><em>Virtual      Segment delete tool</em> : Menghapus segmen secara virtual</li>
</ol>
<strong>Zoom Tools </strong><br />

<ol>
<li><em>Zoom      Tool</em> : Membesarkan atau mengecilkan tampilan area kerja di monitor.</li>
<li><em>Hand      Tool </em>: Menggeser area kerja ke posisi tertentu.</li>
</ol>
<strong>Curve Tools</strong><br />

<ol>
<li><em>Freehand      Tool </em>: Membuat obyek berupa garis bebas.</li>
<li><em>Bezier      Tool</em> : Membuat obyek garis dengan menentukan banyaknya node.</li>
<li><em>Artistic      Media Tool</em> : Membuat obyek garis dengan berbagai bentuk yang      artistik.</li>
<li><em>Pen Tool</em> : Membuat obyek kombinasi antara garis lurus dan garis lengkung secara      langsung.</li>
<li><em>Polyline      Tool</em> : Membuat obyek kombinasi garis lurus dan freehand secara      langsung.</li>
<li><em>3-Point      Tool</em> : Membuat obyek garis dengan kurva 3 point.</li>
<li><em>Connector      Tool</em> : Membuat obyek garis konektor secara interaktif</li>
<li><em>Dimension      Tool</em> : Membuat obyek garis ukuran pada suatu obyek yang kita buat.</li>
</ol>
<strong>Smart Tools</strong><br />

<ol>
<li><em>Smart      Fill</em> : Untuk mewarna objek dan garis secara bersamaan sesuai dengan      pengaturan.</li>
<li><em>Smart      Drawing </em>: Membuat obyek garis secara bebas seperti freehand tool,      namun dengan hasil yang lebih bagus.</li>
</ol>
<strong>Rectangle Tools</strong><br />

<ol>
<li><em>Rectangle      Tool</em> : Membuat obyek persegi panjang atau bujur sangkar.</li>
<li><em>3-Point      Rectangle Tool</em> : Membuat obyek persegi panjang atau bujur sangkar      dengan kemiringan tertentu.</li>
</ol>
<strong>Ellipse Tools</strong><br />

<ol>
<li><em>Ellipse      Tool </em>: Membuat obyek lingkaran atau elips.</li>
<li><em>3-Point      Ellipse Tool</em> : Membuat obyek lingkaran atau elips dengan kemiringan      tertentu.</li>
</ol>
<a href="http://edugrafs.files.wordpress.com/2010/07/6.jpg"><img alt="" class="aligncenter size-medium wp-image-267" height="180" src="http://edugrafs.files.wordpress.com/2010/07/6.jpg?w=300&h=180" title="6" width="300" /></a><strong>Penjelasan</strong><br />

<strong>Object Tools</strong><br />

<ol>
<li><em>Polygon      Tool</em> : Membuat obyek segi banyak.</li>
<li><em>Star      Tool</em> : Membuat obyek-obyek bintang.</li>
<li><em>Complex      Star Tool </em>: Membuat obyek-obyek bintang sudut banyak.</li>
<li><em>Graph      Paper </em>: Membuat obyek menyerupai tabel.</li>
<li><em>Spiral      Tool</em> : Membuat obyek spiral.</li>
<li><em>Text      Tool</em> : Membuat obyek teks.</li>
<li><em>Table      Tool </em>: Membuat tabel.</li>
</ol>
<strong>Perfect Shape Tools</strong><br />

<ol>
<li><em>Basic      Shapes Tool</em> : Membuat obyek-obyek dasar.</li>
<li><em>Arrow      Shapes Tool</em> : Membuat obyek-obyek anak panah.</li>
<li><em>Flowchart      Shapes Tool</em> : Membuat obyek-obyek flowchart.</li>
<li><em>Banner      Shapes Tool</em> : Membuat objek-objek banner.</li>
<li><em>Callout      Shapes Tool</em> : Membuat obyek-obyek callout (objek isi teks pada      komik).</li>
</ol>
<strong>Eyedropper Tools</strong><br />

<ol>
<li><em>Eyedropper      tool</em> : Mengambil sampel warna dari suatu obyek.</li>
<li><em>Paintbucket      tool</em> : Memberikan warna tertentu pada suatu obyek.</li>
</ol>
<strong>Interactive Tool</strong>s<br />

<ol>
<li><em>Blend      tool</em> : Memberikan efek transformasi dari satu obyek ke obyek lain.</li>
<li><em>Contour      tool</em> : Memberikan efek kontur pada obyek.</li>
<li><em>Distort      tool </em>: Memberikan efek distorsi pada obyek.</li>
<li><em>Drop      shadow tool</em> : Memberikan efek bayangan pada obyek.</li>
<li><em>Envelope      tool</em> : Memberikan efek perubahan bentuk pada obyek.</li>
<li><em>Extrude      tool </em>: Memberikan efek tiga dimensi pada obyek.</li>
<li><em>Transparency      tool</em> : Memberikan efek transparansi warna pada obyek.</li>
</ol>
<strong>Interactive Fiil Tools</strong><br />

<ol>
<li><em>Fill      tool </em>: Mewarna objek dengan macam-macam metode.</li>
<li><em>Mesh      fiil tool</em> : Mewarna bidang pada objek.</li>
</ol>
<strong>Outline Tools</strong><br />

<ol>
<li><em>Outline      color dialog</em> : Memunculkan color outline tool.</li>
<li><em>No      outline </em>: Menghilangkan outline.</li>
<li><em>Hairline      outline</em> : Memberikan outlinedengan ukuran sangat kecil.</li>
<li><em>½ point      outline</em> : Memberikan ukuran outline½ poin.</li>
<li><em>1 point      outline</em> : Memberikan ukuran outline1 poin.</li>
<li><em>2 point      outline</em> : Memberikan ukuran outline2 poin.</li>
<li><em>8 point      outline</em> : Memberikan ukuran outline8 poin.</li>
<li><em>16 point      outline</em> : Memberikan ukuran outline16 poin.</li>
<li><em>24 point      outline </em>: Memberikan ukuran outline24 poin.</li>
<li><em>Color      docker window</em> : Memunculkan color docker windowuntuk outline.</li>
<li><em>Fill      color dialog</em> : Memunculkan kotak dialog warna isi.</li>
<li><em>Fountine      fill dialog</em> : Memunculkan kotak dialog warna gradasi</li>
<li><em>Pattern      fill dialog</em> : Memunculkan kotak dialog pola.</li>
<li><em>Texture      fill dialog </em>: Memunculkan kotak dialog tekstur.</li>
<li><em>Postscript      fill dialog </em>: Memunculkan kotak dialog postscript.</li>
<li><em>No fill</em> : Menghilangkan warna isi.</li>
<li><em>Color      docker dialog</em> : Memunculkan color docker window untuk warna isi.</li>
</ol>
<strong>Property Bar</strong><br />

<div style="text-align: justify;">
Property bar adalah fasilitas yang 
disediakan untuk memunculkan fungsi-fungsi yang sering digunakan ketika 
aktif pada salah satu alat gambar pada tool box. Isi dari property bar 
akan menyesuaikan dengan salah satu alat yang sedang aktif pada tool 
box. Pengaturan halaman bisa dilakukan melalui Property Bar pada saat 
Pick Tool dan berikut ini adalah salah satu fungsi yang muncul pada 
property bar ketika mengaktifkan text tool:</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/7.jpg"><img alt="" class="aligncenter size-medium wp-image-268" height="180" src="http://edugrafs.files.wordpress.com/2010/07/7.jpg?w=300&h=180" title="7" width="300" /></a></div>
<strong>Pengaturan sebelum mendesain</strong><br />

<div style="text-align: justify;">
Sebelum kita mulai mendesain, sebaiknya 
kita atur dulu halaman yang akan kita gunakan. Pengaturan halaman 
tersebut meliputi pemilihan jenis kertas, ukuran kertas, orientasi 
kertas, satuan ukuran yang akan digunakan dan lain-lain. Klik Menu <strong>Tool > Options</strong> maka akan muncul window seperti berikut:</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/8.jpg"><img alt="" class="aligncenter size-medium wp-image-269" height="180" src="http://edugrafs.files.wordpress.com/2010/07/8.jpg?w=300&h=180" title="8" width="300" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<a href="http://edugrafs.files.wordpress.com/2010/07/9.jpg"><img alt="" class="alignleft size-full wp-image-270" src="http://edugrafs.files.wordpress.com/2010/07/9.jpg?w=500" title="9" /></a>Ilmu
 Grafis Memotong, Menggabung, dan Operasi Objek pada CorelDraw merupakan
 tutorial penting dalam pengolah objek. Pada saat objek menumpuk kita 
bisa mengoperasikan beberapa trik agar objek satu sama lainnya tidak 
saling mempengaruhi. Atau terkadang kita berniat untuk menghilangkan 
objek yang berada di atas objek lainnya atau juga kita berniat mengambil
 sisa perpaduan antar objek dan lain sebagainya.</div>
<address>
 Ke semua operasi tersebut sering kita lihat pada operasi 
matematika berupa himpunan dan semesta. Konsep kerjanya sama. Fasilitas 
ini dalam CorelDraw dibagi menurut hasil objek yang diciptakan. Untuk 
lebih mengenal operasi ini silakan lihat tutorial berikut</address>
<address>
 </address>
<address>
 </address>
<h2>
Cara Memotong, Menggabung, dan Operasi Objek pada CorelDraw</h2>
<div style="text-align: justify;">
1. Kita buat dulu objeknya. Objek pertama
 adalah persegi dan objek kedua adalah lingkaran sempurna. Gunakan tool 
Rectangle dan Ellipse tool untuk membuat kedua ojek tersebut, sambil 
menekan tombol keyboard CTRL + klik dan drag via tool tersebut agar 
objek menjadi benar-benar persegi dan lingkaran.</div>
<address>
 2. Warnai objek tersebut dengan warna merah untuk lingkaran dan kuning untuk persegi. Aktifkan <em>snap to objek </em>dan pindah posisi tengah lingkaran di unjung pojok bawah kanan persegi.</address>
<address>
 </address>
<address>
 </address>
<address>
<a href="http://edugrafs.files.wordpress.com/2010/07/10.jpg"><img alt="" class="aligncenter size-medium wp-image-271" height="180" src="http://edugrafs.files.wordpress.com/2010/07/10.jpg?w=300&h=180" title="10" width="300" /></a></address>
<address>
 </address>
<address>
3. Pilih objek lingkaran menggunakan pick tool kemudian sambil 
menekan tombol SHIFT klik objek persegi, sehingga keduanya terseleksi.</address>
<address>
4. Property Bar berubah dan siap kita lakukan operasi objek.
<a href="http://edugrafs.files.wordpress.com/2010/07/11.jpg"><img alt="" class="aligncenter size-medium wp-image-272" height="180" src="http://edugrafs.files.wordpress.com/2010/07/11.jpg?w=300&h=180" title="11" width="300" /></a><br />

<strong>Penjelasan :</strong><br />

</address>
<span style="font-style: normal;">Baca selengkapnya>></span><br />

<h2>
Download materi di sini</h2>
<a href="http://edugrafs.files.wordpress.com/2010/07/panduan-coreldraw.pdf"><img alt="" class="alignnone size-thumbnail wp-image-39" src="http://edugrafs.files.wordpress.com/2010/04/pdf.png?w=150&h=150" title="pdf" /></a>

Panduan Dasar Corel Draw X4

Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik. Kompetensi Dasar : 1.1. Menunjukkan menu ikon yang terdapat dalam pe...

Baca selengkapnya »

Perbedaan HTML dan XHTML

IT FOR EDUCATION 0 Elearning, IT, Web 23.57

<div style="text-align: justify;">
Perbedaan HTML dan XHTML?</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Posting sebelumnya sudah saya paparkan tentang perbedaan HTML dan HTML5,
 untuk posting kali ini saya akan jelaskan perbedaan yang mendasar 
antara HTML dan XHTML.</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDhLdvCSSI6Ph2LEkvaDoECYatJ3PTsnr2MpEf94PDwQSCGoRNMkSRZru_sz68ldQOWAMeSW7pN1fd1o76dcJ75REayncF2KtumrOR2G8GYwfHc8fG1VvwsStHPjzaAh8jxgAAiekz00/s1600/sgml-xml-relationships.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDhLdvCSSI6Ph2LEkvaDoECYatJ3PTsnr2MpEf94PDwQSCGoRNMkSRZru_sz68ldQOWAMeSW7pN1fd1o76dcJ75REayncF2KtumrOR2G8GYwfHc8fG1VvwsStHPjzaAh8jxgAAiekz00/s400/sgml-xml-relationships.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="text-align: justify;">

XHTML singkatan dari Extensible HyperText Markup Language, adalah versi 
HTML yang lebih disiplin, ketat dan stabil. XHTML adalah kombinasi 
antara HTML dan XML (Extensible Markup Language). XML diciptakan untuk 
menjelaskan data, sedangkan HTML diciptakan untuk menampilkan data.<br /><br />HTML
 (bahasa asli World Wide Web) secara pesat digantikan oleh XHTML. 
Keduanya sebenarnya hampir sama dikarenakan XHTML adalah warisan atau 
berasal dari HTML yang dirancang untuk menyesuaikan standar XML. Hanya 
ada beberapa perbedaan kecil antara kedua bahasa markup ini, bisa 
dikatakan bahwa XHTML adalah generasi baru HTML.<br />Salah satu keunggulan yang dimiliki XHTML adalah dapat digunakan pada perangkat non “komputer” seperti ponsel dan semacamnya.<br /><br /></div>
<ol style="text-align: justify;">
<li>Semua elemen dan attribute pada dokumen XHTML harus diketik dalam huruf kecil (ini tidak perlu pada HTML).</li>
<li>Semua tag pembuka harus ditutup dengan tag penutup, di HTML banyak 
tag- tag pembuka dibiarkan terbuka tanpa menutupnya namun tidak terjadi 
error bila dibuka pada browser, salah satu contohnya adalah line break 
dan image tag.</li>
<li>Dalam dunia XHTML, segala tag harus bersarang secara teratur 
(properly nested), artinya bahwa jika anda membuka tag “a” setelah itu 
membuka tag baru di dalamnya, maka tag yang paling baru harus ditutup 
duluan dan tag yang terbuka pertama harus ditutup paling akhir. Walaupun
 nesting ini juga terdapat dalam dunia HTML namun tidak seketat 
peraturan di XHTML.</li>
<li>Tiap value pada attribute harus terbungkus dengan tanda kutip ganda atau tunggal dan atributnya sendiri tidak boleh disingkat.</li>
<li>Image tag harus terdapat alt attribute yang menyediakan deskripsi 
image, untuk memungkinkan mereka memiliki beberapa persyaratan untuk 
aksesibilitas bersama dengan standar web yang berbeda.</li>
<li>Persyaratan lain dari XHTML adalah adanya pernyataan dari DOCTYPE 
yang menentukan aturan mana yang diikuti oleh dokumen anda (aturan yang 
diwarisi dari XML). Anda akan menemukan pernyataan ini pada barisan 
pertama dari atas ketika anda mengaktifkan halaman source kode XHTML 
yaitu tipe dokumen deklarasi (juga disebut dengan DTD atau DOCTYPE). 
Sebagian besar halaman web yang diciptakan hari ini akan menyertakan 
deklarasi DOCTYPE tersebut. Ada 3 DTD untuk XHTML: Strict (hanya akan 
validasi jika tanpa tag usang), Transisi (masih akan memvalidasi dengan 
tag usang), dan Frameset (untuk halaman yang "set up frame"). Semua 
dokumen XHTML harus sesuai dengan aturan sintaks XML.</li>
</ol>

Perbedaan HTML dan XHTML

Perbedaan HTML dan XHTML? Posting sebelumnya sudah saya paparkan tentang perbedaan HTML dan HTML5, untuk posting kali ini saya akan je...

Baca selengkapnya »

Perbedaan HTML dan HTML5

IT FOR EDUCATION 0 Elearning, IT, Web 23.54

<div style="text-align: justify;">
<b>Perbedaan HTML dan HTML5?</b><br />
<br />
Bagi para designer web, pasti sudah pada tahu tengtang sejarah html dan perkembangan yang sekarang html5. <br />
<br />
<b>HyperText Markup Language (HTML)</b> adalah sebuah bahasa markah yang
 digunakan untuk membuat sebuah halaman web, menampilkan berbagai 
informasi di dalam sebuah penjelajah web Internet dan pemformatan 
hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat 
menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas
 yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam 
format ASCII normal sehingga menjadi halaman web dengan 
perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya 
banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan 
SGML (Standard Generalized Markup Language), HTML adalah sebuah standar 
yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini 
merupakan standar Internet yang didefinisikan dan dikendalikan 
penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh 
kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja 
di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi 
tinggi di Jenewa).<br />
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ0z8NsU3huLm4CuczFcneFahtwoJ0kkgAT9NgNqQmJe-AJsMUaQYr27_nDLGREz27XqBtQ3q1SAD-kr8mexCg3tX6K3pxHhokK3k5lmreqCtZWhvky7OcunhcjuxCbN8xjouOCRzgfc4/s1600/HTML5_logo_and_wordmark.svg.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ0z8NsU3huLm4CuczFcneFahtwoJ0kkgAT9NgNqQmJe-AJsMUaQYr27_nDLGREz27XqBtQ3q1SAD-kr8mexCg3tX6K3pxHhokK3k5lmreqCtZWhvky7OcunhcjuxCbN8xjouOCRzgfc4/s400/HTML5_logo_and_wordmark.svg.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="text-align: justify;">
<br />
Sedangkan<b> HTML5</b> adalah sebuah bahasa markah untuk menstrukturkan 
dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari 
Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali 
diciptakan pada tahun1990 dan versi keempatnya, HTML4, pada tahun 
1997[1]) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan 
utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar 
mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan 
juga mudah dimengerti oleh mesin.<br /><br />
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World 
Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah 
tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 
merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama 
ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh 
banyak perangkat lunak pembuat web. (wikipedia.com)<br /><br /><br /><br /><br /><b>PERBEDAAN HTML DENGAN HTML 5</b><br /></div>
<ol style="text-align: justify;">
<li>Fitur Embed Video Directly.</li>
<li>Templating Embeded</li>
<li>Web worker.</li>
<li>Semantic</li>
<li>Local Storage</li>
</ol>
<div style="text-align: justify;">
<b style="font-family: 'Georgia Serif';">1. Fitur Embed Video Directly.</b><br /><br style="font-family: 'Georgia Serif';" /><span style="background-color: white; font-family: 'Georgia Serif';">Biasanya
 kita sering menggunakan iframe pada tag HTML untuk mengembed video, 
sekarang anda udah gak usah lagi embed dengan iframe yang notabene 
membuat situs/blog anda lama banget buat di aksesnya. Fitur ini sering 
disebut canvas.</span><br /><br style="font-family: 'Georgia Serif';" /><b style="font-family: 'Georgia Serif';">2.  Templating Embeded</b><br /><br style="font-family: 'Georgia Serif';" /><span style="background-color: white; font-family: 'Georgia Serif';">Pada
 HTML sebelumnya, untuk membuat sebuah website. Kita harus kenal yang 
namanya CSS. Sekarang anda bisa langsung membuat template website secara
 otomatis dengan HTML5. Contohnya: <header> jika anda ingin 
membuat header, <aside>untuk sidebar, <footer> untuk footer.
 dan masih banyak lagi.</span><br /><br style="font-family: 'Georgia Serif';" /><b style="font-family: 'Georgia Serif';">3. Web worker.</b><br /><br style="font-family: 'Georgia Serif';" /><span style="background-color: white; font-family: 'Georgia Serif';">Pastinya
 anda sering kan gunain javascript, ketika multitrheading script yang 
kita buat terlalu banyak. Pastinya web kita lambat banget tuh buat di 
akses. Web worker ini bisa menjadi penawar web yang menggunakan banyak 
javascript karena kabarnya bisa mempercepat tampilan website anda 
walaupun javascript yang terimplant pada website anda banyak.</span><br /><br style="font-family: 'Georgia Serif';" /><b style="font-family: 'Georgia Serif';">4. Semantic</b><br /><br style="font-family: 'Georgia Serif';" /><span style="background-color: white; font-family: 'Georgia Serif';">Pastinya
 HTML5 mengimplementasikan semantic terbarunya donk. Intinya sih supaya 
anda tidak salah dalam menggunakan tag div atau span. Karena masih 
banyak yang keliru hingga sekarang. Semantic di HTML5 bisa memperbaiki 
semuanya. seperti pada pembuatan menu. Kita bisa menggunakan nav untuk 
membuat navigasi yang sempurna.</span><br /><br style="font-family: 'Georgia Serif';" /><b style="font-family: 'Georgia Serif';">5. Local storage.</b><br /><br style="font-family: 'Georgia Serif';" /><span style="background-color: white; font-family: 'Georgia Serif';">Tau
 gak yang namanya chace, chace disini sering banget di optimisasi oleh 
webmaster terutama bagi webnya yang berat. Biasanya sih sering di 
aktivkan tuh chace untuk web mereka jadi ketika anda mengakses situs 
mereka, anda tidak mendownload web mereka secara keseluruhan melainkan 
hanya updatenya saja. Cuma chace juga mempunyai batasan. Hanya sedikit 
yang bisa di tampung dalam chace sehingga ketika web tersebut memang 
total sizenya banyak pasti banyak yang ilang. HTML5 sudah bisa menyimpan
 banyak bahkan video.</span><span style="font-family: 'Georgia Serif';"></span><br /><span style="font-family: 'Georgia Serif';"></span><br />
source : navinot<br /><br />
HTML<b style="font-family: 'Droid Serif', 'Times New Roman', serif; font-size: 14px; line-height: 28px;"> 5 menambahkan unsur-unsur baru untuk secara khusus mengidentifikasi masing-masing konstruksi umum:</b></div>
<ul style="text-align: justify;">
<li style="background-color: white; border: 0px none; font-family: "Droid Serif","Times New Roman",serif; font-size: 14px; line-height: 28px; margin: 0px; outline: 0px none; padding: 0px; vertical-align: baseline;">section:
 Sebuah bagian atau bab dalam sebuah buku, sebuah bagian dalam sebuah 
bab, atau pada dasarnya apa pun yang memiliki pos sendiri dalam HTML 4</li>
<li style="background-color: white; border: 0px none; font-family: "Droid Serif","Times New Roman",serif; font-size: 14px; line-height: 28px; margin: 0px; outline: 0px none; padding: 0px; vertical-align: baseline;">Header: header Halaman yang ditampilkan pada halaman , tidak sama dengan unsur kepala</li>
<li style="background-color: white; border: 0px none; font-family: "Droid Serif","Times New Roman",serif; font-size: 14px; line-height: 28px; margin: 0px; outline: 0px none; padding: 0px; vertical-align: baseline;">Footer: Halaman footer di mana baik cetak pergi; tanda tangan dalam sebuah pesan e-mail</li>
<li style="background-color: white; border: 0px none; font-family: "Droid Serif","Times New Roman",serif; font-size: 14px; line-height: 28px; margin: 0px; outline: 0px none; padding: 0px; vertical-align: baseline;">Nav: Koleksi link ke halaman lain</li>
<li style="background-color: white; border: 0px none; font-family: "Droid Serif","Times New Roman",serif; font-size: 14px; line-height: 28px; margin: 0px; outline: 0px none; padding: 0px; vertical-align: baseline;">Article: Sebuah entri independen dalam sebuah blog, majalah, ringkasan, dan sebagainya</li>
</ul>
<div style="text-align: justify;">
<br /><b>KESIMPULAN :</b><br />1. HTML5 adalah pengembangan dari HTML 4<br />2. HTML5 lebih menyempurnakan kepada vasilitas audio, video serta visual.<br />3. HTML5 harus didukung dengan web browser yang suport HTML5</div>
<div style="background-color: white; margin-bottom: 0.5em; margin-top: 0.5em; text-align: justify;">
<span style="color: #252525; font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.399999618530273px;"><br /></span></span></div>
<span style="color: #252525; font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.399999618530273px;"><br /></span></span>

Perbedaan HTML dan HTML5

Perbedaan HTML dan HTML5? Bagi para designer web, pasti sudah pada tahu tengtang sejarah html dan perkembangan yang sekarang html5. Hyp...

Baca selengkapnya »

Form, dan Perbedaan Methode POST dan GET

IT FOR EDUCATION 0 Elearning, IT, Web 23.52

<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhker4s5pUFJ5Rxa2XVKVZlWo633UTUMWcWR_tipQC4bFazTXLLj6kA5TebUvPYyTUZTTtJ3sBsE0vcApDZuLTRbAYIATx3B6nFt9Fkdc1LzcOD9P6dEiMr7nwRQEuoSisAPyv0lG-pD9o/s1600/images+%2815%29.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhker4s5pUFJ5Rxa2XVKVZlWo633UTUMWcWR_tipQC4bFazTXLLj6kA5TebUvPYyTUZTTtJ3sBsE0vcApDZuLTRbAYIATx3B6nFt9Fkdc1LzcOD9P6dEiMr7nwRQEuoSisAPyv0lG-pD9o/s320/images+%2815%29.jpg" width="320" /></a>Form adalah?</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
kali ini saya akan membahas tentang penggunaan form dan methode yang 
digunakannya. untuk lebih jauhnya saya bahas sebagai berikut:</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
Form adalah sebuah tag HTML yang di fungsikan untuk melakukan pengiriman
 data dari client side menuju server side untuk di olah dan akan di 
kembalikan ke sisi client side jika di perlukan, tergantung dari fungsi 
website tersebut….<span id="more-331" style="margin: 0px; padding: 0px;"></span></div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
Pengiriman data pada FORM dapat melalui dua buah cara yaitu <strong style="margin: 0px; padding: 0px;">GET</strong> dan <strong style="margin: 0px; padding: 0px;">POST</strong>.</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
Get adalah metode pengiriman data menggunakan query string, jadi seluruh
 nilai pada form anda akan di kirim ke sisi server/file dan nilai dari 
form anda akan tampil pada barus URL/ Address bar<br style="margin: 0px; padding: 0px;" />contoh,<br style="margin: 0px; padding: 0px;" /><a href="http://www.namadomain.com/file.php?nama=ian+lubis&alamat=denpasar" rel="nofollow" style="border-bottom-color: rgb(153, 102, 51); border-bottom-style: dashed; border-bottom-width: 1px; color: #265e15; margin: 0px; padding: 0px; text-decoration: none;">http://www.namadomain.com/file.php?nama=ian+lubis&alamat=denpasar</a></div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
<strong style="margin: 0px; padding: 0px;"><span class="skimlinks-unlinked" style="margin: 0px; padding: 0px;">file.php</span> </strong>adalah file yang menerima dari nilai query string, dan disana terdapat dua buah variable <strong style="margin: 0px; padding: 0px;">“nama”</strong> dan <strong style="margin: 0px; padding: 0px;">“alamat”</strong>, setiap varibale <strong style="margin: 0px; padding: 0px;">GET</strong> selalu di akhiri dengan tanda <strong style="margin: 0px; padding: 0px;">=</strong>, hal ini bertujuan untuk mengisikan nilai dari variable tersebut.</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
Contoh penulisan untuk mengambil nilai dari query string adalah :</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin: 0px; padding: 0px;">
<div class="syntaxhighlighter  php" id="highlighter_810310" style="font-size: 1em !important; margin: 1em 0px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px; position: relative !important; width: 507.84375px;">
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 507px;"><tbody style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
1</div>
</td><td class="code" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 478px;"><div class="container" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php plain" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><?php </code><code class="php functions" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(255, 20, 147) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">echo</code> <code class="php variable" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$_GET</code><code class="php plain" style="-webkit-box-shadow: none !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">[nama_variable]; ?></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
Metode lain adalah<br style="margin: 0px; padding: 0px;" /><strong style="margin: 0px; padding: 0px;">POST</strong>,
 post sendiri mengirimkan data ke sisi lain/ file namun tidak 
menampilkan nilai dari form pada address bar seperti GET/ Query String.</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
</div>
<div style="background-color: white; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; line-height: 19.45599937438965px; margin-bottom: 0.7em; margin-top: 0.7em; padding: 0px;">
Untuk penjelasan lebih lengkapnya materi tentang form dan methode yang digunakanya dapat di download melalui link dibawah ini:</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="margin-left: auto; margin-right: auto;"><a href="http://adf.ly/4214430/materi-form" target="_blank"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdeFgFWkiDgSD52ehNBrdt0ZEizZUzeZ79KruWZkhEHn-vcRraXYQHcHDfFHv6NrbaRenUYA5s70AXYapX3ZHV6chmaLjjhFTL-lH7RMjrTw9Wv94A5AqlkvRtfZ_njNe2cJFyMlqi6bs/s1600/images+%2813%29.jpg" width="200" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/4214430/materi-form" target="_blank">Download Materi</a></td></tr>
</tbody></table>

Form, dan Perbedaan Methode POST dan GET

Form adalah? kali ini saya akan membahas tentang penggunaan form dan methode yang digunakannya. untuk lebih jauhnya saya bahas sebagai...

Baca selengkapnya »

Membuat Database di Microsoft Access 2013

IT FOR EDUCATION 0 Elearning, IT, Web 23.50

<div class="separator" style="clear: both; text-align: left;">
Bagaimana Membuat <a href="http://adf.ly/4214430/database" target="_blank">Database</a> dengan Microsoft Access 2013?</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="margin-left: auto; margin-right: auto;"><a href="http://adf.ly/4214430/database" target="_blank"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1SGzyl-P9ATvQ6_kfl1jKM7KbojYYwQVJuuRYscTk0ILAn4PbHwuYP7OWOLR63insqB3jMTKslbFP0rOa_IVZYyB62Ks3ZZkuZY6uDP6-jnB9mAXdcthqrj1lFGOXTEOYHTiEvASiWI/s320/m.access.jpg" width="320" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/4214430/database" target="_blank">Create Database Access 2013</a></td></tr>
</tbody></table>
<div class="separator" style="clear: both;">
<br /><b>Microsoft Access adalah</b> aplikasi adalah sebuah program 
aplikasi basis data komputerrelasional yang ditujukan untuk kalangan 
rumahan dan perusahaan kecil hingga menengah. Aplikasi ini merupakan 
anggota dari beberapa aplikasi Microsoft Office, selain tentunya 
Microsoft Word, Microsoft Excel, danMicrosoft PowerPoint. Aplikasi ini 
menggunakan mesin basis data Microsoft Jet Database Engine, dan juga 
menggunakan tampilan grafis yang intuitif sehingga memudahkan pengguna.<br /><br />Microsoft
 Access dapat menggunakan data yang disimpan di dalam format Microsoft 
Access, Microsoft Jet Database Engine, Microsoft SQL Server, Oracle 
Database, atau semua kontainer basis data yang mendukung standar ODBC. 
Para pengguna/programmer yang mahir dapat menggunakannya untuk 
mengembangkan perangkat lunak aplikasi yang kompleks, sementara para 
programmer yang kurang mahir dapat menggunakannya untuk mengembangkan 
perangkat lunak aplikasi yang sederhana. Access juga mendukung 
teknik-teknik pemrograman berorientasi objek, tetapi tidak dapat 
digolongkan ke dalam perangkat bantu pemrograman berorientasi objek.</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
Pada posting kali ini saya akan membahas tentang pembuatan database 
dengan menggunakan microsoft access 2013. Adapun langkah-langkahnya 
sebagai berikut :</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
1. Buka Aplikasi Microsoft Access 2013 --> lalu pilih Blank Dekstop Database (lihat gambar1)</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWefy74SR2pmcKCXLQLbGPFgOA8CsnrnETjGe1wmTSeBYf8vUQc7clCHSkB8fZSyDIyR7qUeXb-w53jFcK2ap4PeAX0cy_Suo3qIpGA1QDlw8EFCQYyko8nAZ7Eefc6Stv8kHJFl35nDc/s1600/1.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWefy74SR2pmcKCXLQLbGPFgOA8CsnrnETjGe1wmTSeBYf8vUQc7clCHSkB8fZSyDIyR7qUeXb-w53jFcK2ap4PeAX0cy_Suo3qIpGA1QDlw8EFCQYyko8nAZ7Eefc6Stv8kHJFl35nDc/s1600/1.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1</td></tr>
</tbody></table>
2. Beri Nama Database (Gambar2)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0sjmouMkVLheEe3vaC-spNUBDoIK10iYqct_GbZ-Cg-zo9nl9orWG4H4-rsUrbShPYGwmuoHWewDV0G_g5hWfryjpzlMZpWYsFskVrwPoEpIrixIo96nbUKZfZLmf5OpRmtS7-tXJ4tY/s1600/2.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0sjmouMkVLheEe3vaC-spNUBDoIK10iYqct_GbZ-Cg-zo9nl9orWG4H4-rsUrbShPYGwmuoHWewDV0G_g5hWfryjpzlMZpWYsFskVrwPoEpIrixIo96nbUKZfZLmf5OpRmtS7-tXJ4tY/s1600/2.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 2</td></tr>
</tbody></table>
 3. Tentukan Lokasi penyimpanan database --> lalu pilih Create (Gambar 3-5)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKQbODQR-RUF4icJraT6e91qI86wP4qBMH_wjYkfAzyi5S8_wjrLNJgWazEYxT8tKK1kzWk0V6KMWR231ddJdhvaoRzRNlkiArHNdDcax8VwZpnwUpwONcTJPoR9wVDRbTsiOl4WVtyo/s1600/3.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKQbODQR-RUF4icJraT6e91qI86wP4qBMH_wjYkfAzyi5S8_wjrLNJgWazEYxT8tKK1kzWk0V6KMWR231ddJdhvaoRzRNlkiArHNdDcax8VwZpnwUpwONcTJPoR9wVDRbTsiOl4WVtyo/s1600/3.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 3</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-Q3VIBXFZJkv4BgdQjjYmYPxlcyX0EEF7WKkszCIKupAo8dqmN1IiSC4HnO9XAO1pvzkLZVChIXGOrn-H5lkIllfKSf1iEB5xsoG9HmYXRRppcFRO5TrIWIk52BEaU2AbVJRmJKrokI/s1600/4.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-Q3VIBXFZJkv4BgdQjjYmYPxlcyX0EEF7WKkszCIKupAo8dqmN1IiSC4HnO9XAO1pvzkLZVChIXGOrn-H5lkIllfKSf1iEB5xsoG9HmYXRRppcFRO5TrIWIk52BEaU2AbVJRmJKrokI/s1600/4.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 4</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiifGCxlL4OVd5MGLEhWSJUsfe250WJ1U7Kb3znM93UlIyN191WouHUMJsznyCd_Qj-060uICdVwWAlsI5kSPygPCB5LQK8ixwxmU6MNPj0wWLr4hyZtTavco1JFPyVsSnbctMyTlxKCfA/s1600/5.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiifGCxlL4OVd5MGLEhWSJUsfe250WJ1U7Kb3znM93UlIyN191WouHUMJsznyCd_Qj-060uICdVwWAlsI5kSPygPCB5LQK8ixwxmU6MNPj0wWLr4hyZtTavco1JFPyVsSnbctMyTlxKCfA/s1600/5.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 5</td></tr>
</tbody></table>
4. Database sudah dibuat, selanjutnya kita buat tabelnya.<br />
5. Pada Panel kiri, Klik kanan pada table1 --> lalu pilih Design View (Gambar 6)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDAmqzHa2iHAPVFuyo8wS0ag-KlfkbBjmGPdjqbqjouxH7Wy5sRjz_UAnYjmyF6qw-GQyopqS2c9ggeiGXwS0mYoqoK_2mks3J-61McoA6h7u0h1vZSaEQUYUSXLAaxQzrm5jI8P2Z7tk/s1600/6.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDAmqzHa2iHAPVFuyo8wS0ag-KlfkbBjmGPdjqbqjouxH7Wy5sRjz_UAnYjmyF6qw-GQyopqS2c9ggeiGXwS0mYoqoK_2mks3J-61McoA6h7u0h1vZSaEQUYUSXLAaxQzrm5jI8P2Z7tk/s1600/6.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 6</td></tr>
</tbody></table>
 6. Beri nama Tabelnya, Lalu klik OK (Gambar 7)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmWkEtOZzGZZoDvJFLWYm6f0YLSFwrNXtHxvw65S2za1DFUsDe0Xxr6fam8SBOUYfApaLpE_ZqK4RwqIutIXeszYcCtHKhURmFam-6D7n9m2JY8ZReenLq0ocXyzvZ2k1fR0X78p33iDQ/s1600/7.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmWkEtOZzGZZoDvJFLWYm6f0YLSFwrNXtHxvw65S2za1DFUsDe0Xxr6fam8SBOUYfApaLpE_ZqK4RwqIutIXeszYcCtHKhURmFam-6D7n9m2JY8ZReenLq0ocXyzvZ2k1fR0X78p33iDQ/s1600/7.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 7</td></tr>
</tbody></table>
 7. Lalu tentukan field pada tabel tersebut (Gambar 8)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQfkg23357mcyCcsMEPrBAlNjzO4vREjVeAn4TUHtO_aNgBXZxQHqdj1CQSiiGcocjwNC4_1I6A4bzscjvZl8LGN6TPWvXq1Cq5CLqAmk3CgEoBaAQ4WGd1OMIe297T75h8zidr_Xt8Mk/s1600/8.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQfkg23357mcyCcsMEPrBAlNjzO4vREjVeAn4TUHtO_aNgBXZxQHqdj1CQSiiGcocjwNC4_1I6A4bzscjvZl8LGN6TPWvXq1Cq5CLqAmk3CgEoBaAQ4WGd1OMIe297T75h8zidr_Xt8Mk/s1600/8.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 8</td></tr>
</tbody></table>
 8. Selanjutnya Isi Field pada tabel tersebut (Gambar 9)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSQqiXXXuQjh17whRcXNlw2NPfUlkw1s_Ef5uBCcPwZPVSfPOpiIdRph1MCLTkz0Gic4IO05LumIuuLbIGFcvvjdDyKLqQ2-Iolyr118KiZ38QSYsIKLhMi_qE7nPEMGvQD_0kqKf5HE/s1600/9.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSQqiXXXuQjh17whRcXNlw2NPfUlkw1s_Ef5uBCcPwZPVSfPOpiIdRph1MCLTkz0Gic4IO05LumIuuLbIGFcvvjdDyKLqQ2-Iolyr118KiZ38QSYsIKLhMi_qE7nPEMGvQD_0kqKf5HE/s1600/9.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 9</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvet8srLBIRTMNN3J1thL5W_OHhrgTBQkucNNfMS7zNWRNwcfxot5Rie0-Ar6NKSk4gAy10DueOYJwfiboOwlHXDAkOy7CfB626MvRHghMIDgyw1xfymTgkGR54FBsD1FuBAYCCCCDe2Y/s1600/10.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvet8srLBIRTMNN3J1thL5W_OHhrgTBQkucNNfMS7zNWRNwcfxot5Rie0-Ar6NKSk4gAy10DueOYJwfiboOwlHXDAkOy7CfB626MvRHghMIDgyw1xfymTgkGR54FBsD1FuBAYCCCCDe2Y/s1600/10.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 10</td></tr>
</tbody></table>
9. Database dan Tabel berhasil dibuat.<br />
<br />
Demikian Tutorial membuat <a href="http://adf.ly/4214430/database" target="_blank">Database </a>dengan Microsoft Access 2013. semoga bermanfaat.

Membuat Database di Microsoft Access 2013

Bagaimana Membuat Database dengan Microsoft Access 2013? Create Database Access 2013 Microsoft Access adalah aplikasi adalah sebuah...

Baca selengkapnya »

Basis Data (Database)

IT FOR EDUCATION 0 Elearning, IT, Web 23.48

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zvENYjwyWJq01xsIhTLox-QyCurIp0UnEzLvb5fuSBuofMoZrurEgqNSztkZ5dg2sZDRqhyiF1E6EASKADyjYDncdLySCd_5pdugtg1xOSnzUixjqf2q1NYonZCQUACBJ0nwgXYJLLM/s1600/images+%282%29.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="303" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zvENYjwyWJq01xsIhTLox-QyCurIp0UnEzLvb5fuSBuofMoZrurEgqNSztkZ5dg2sZDRqhyiF1E6EASKADyjYDncdLySCd_5pdugtg1xOSnzUixjqf2q1NYonZCQUACBJ0nwgXYJLLM/s320/images+%282%29.jpg" width="320" /></a>Basis Data adalah?<br />
Basis data dan Database<br />
<div style="text-align: justify;">
Basis Data atau yang dikenal dalam bahasa inggris yaitu Database adalah 
kumpulan data yang disimpan secara sistematis di dalam komputer dan 
dapat diolah atau dimanipulasi menggunakan perangkat lunak (program 
aplikasi) untuk menghasilkan informasi. Pendefinisian basis data 
meliputi spesifikasi berupa tipe data, struktur, dan juga 
batasan-batasan data yang akan disimpan. Basis data merupakan aspek yang
 sangat penting dalam sistem informasi dimana basis data merupakan 
gudang penyimpanan data yang akan diolah lebih lanjut. Basis data 
menjadi penting karena dapat menghidari duplikasi data, hubungan antar 
data yang tidak jelas, organisasi data, dan juga update yang rumit.
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Proses memasukkan dan mengambil data ke dan dari media penyimpanan data 
memerlukan perangkat lunak yang disebut dengan sistem manajemen basis 
data (database management system | DBMS). DBMS merupakan sistem 
perangkat lunak yang memungkinkan user untuk memelihara, mengontrol, dan
 mengakses data secara praktis dan efisien. Dengan kata lain semua akses
 ke basis data akan ditangani oleh DBMS. Ada beberapa fungsi yang harus 
ditangani DBMS yaitu mengolah pendefinisian data, dapat menangani 
permintaan pemakai untuk mengakses data, memeriksa sekuriti dan 
integriti data yang didefinisikan oleh DBA (Database Administrator), 
menangani kegagalan dalam pengaksesan data yang disebabkan oleh 
kerusakan sistem maupun disk, dan menangani unjuk kerja semua fungsi 
secara efisien.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Tujuan utama dari DBMS adalah untuk memberikan tinjauan abstrak data 
kepada user (pengguna). Jadi sistem menyembunyikan informasi tentang 
bagaimana data disimpan, dipelihara, dan tetap dapat diambil (akses) 
secara efisien. Pertimbangan efisien di sini adalah bagaimana merancang 
struktur data yang kompleks tetapi masih tetap bisa digunakan oleh 
pengguna awam tanpa mengetahui kompleksitas strukturnya.</div>
<div>
<br /><b><span style="font-size: medium;">Dilihat dari jenisnya, basis data dibagi menjadi dua yaitu:</span></b><br /><br /><b>Basis data flat-file.</b> </div>
<div>
<div style="text-align: justify;">
Basis data flat-file ideal untuk data berukuran kecil dan dapat dirubah 
dengan mudah. Pada dasarnya, mereka tersusun dari sekumpulan string 
dalam satu atau lebih file yang dapat diurai untuk mendapatkan informasi
 yang disimpan. Basis data flat-file baik digunakan untuk menyimpan 
daftar atau data yang sederhana dan dalam jumlah kecil. Basis data 
flat-file akan menjadi sangat rumit apabila digunakan untuk menyimpan 
data dengan struktur kompleks walaupun dimungkinkan pula untuk menyimpan
 data semacam itu. Salah satu masalah menggunakan basis data jenis ini 
adalah rentan pada korupsi data karena tidak adanya penguncian yang 
melekat ketika data digunakan atau dimodifikasi.</div>
<div style="text-align: justify;">
</div>
<b><div style="text-align: justify;">
<b>Basis data relasional.</b> </div>
</b></div>
<div style="text-align: justify;">
Basis data ini mempunyai struktur yang lebih logis terkait cara 
penyimpanan. Kata "relasional" berasal dari kenyataan bahwa tabel-tabel 
yang berada di basis data dapat dihubungkan satu dengan lainnya. Basis 
data relasional menggunakan sekumpulan tabel dua dimensi yang 
masing-masing tabel tersusun atas baris (tupel) dan kolom (atribut). 
Untuk membuat hubungan antara dua atau lebih tabel, digunakan key 
(atribut kunci) yaitu primary key di salah satu tabel dan foreign key di
 tabel yang lain. Saat ini, basis data relasional menjadi pilihan karena
 keunggulannya. Beberapa kelemahan yang mungkin dirasakan untuk basis 
data jenis ini adalah implementasi yang lebih sulit untuk  data dalam 
jumlah besar dengan tingkat kompleksitasnya yang tinggi dan proses 
pencarian informasi yang lebih lambat karena perlu menghubungkan 
tabel-tabel terlebih dahulu apabila datanya tersebar di beberapa tabel.</div>

Basis Data (Database)

Basis Data adalah? Basis data dan Database Basis Data atau yang dikenal dalam bahasa inggris yaitu Database adalah kumpulan data yang di...

Baca selengkapnya »

Widget Kalender/Tanggal PHP

IT FOR EDUCATION 1 Elearning, IT, Web 23.46

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPgaOXyK2iOt8-wD1tL8ye_DqPmPDAZDblSWnv4MnbGLkkDEo5nKR_a1xKUFFoUyKVg1oVdfQm6Lk18xn1q5e5Twymjth48BZYe79kGeojIDq3renKwumT9iJjotVfzujQ5YGvX0Qj7Q/s1600/Calendar_0.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPgaOXyK2iOt8-wD1tL8ye_DqPmPDAZDblSWnv4MnbGLkkDEo5nKR_a1xKUFFoUyKVg1oVdfQm6Lk18xn1q5e5Twymjth48BZYe79kGeojIDq3renKwumT9iJjotVfzujQ5YGvX0Qj7Q/s320/Calendar_0.jpg" width="320" /></a></div>
<div>
</div>
<div style="text-align: justify;">
<a href="http://adf.ly/Q8qZP" target="_blank">Widget Kalender Dengan PHP</a>, Pada kesempatan kali ini.. saya ingin share sedikit kepada temen, ataupun yang lainnya , Dari Pada Bingung nyari Cara Membuat <a href="http://adf.ly/Q8qZP" target="_blank">Widget Kalender Dengan PHP</a> yang biasa diletakkan di sedebar-sidebar website, Mendingan langsung di <a href="http://adf.ly/Q8qZP" target="_blank">download aja script Widget kalender</a>
 di bawah ini yang saya buat sendiri. kalian tinggal simpan di website 
sehingga ada widget untuk mengingatkan tentang waktu 
tahun,bulan,hari,tanggal..<br />
langsung aja sob, download di bawah ini:</div>
<div>
<br /> </div>
<div>
Berikut tampilan Widget Kalender nya :</div>
<div>
</div>
<div style="text-align: center;">
<b>Kalender1:</b></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcMp9WZciMhQa3iPJuNzhrqAwl_zPQox5-XyfT_m1vwxDqvajt6sZNdkWOLX8AU2Kf178pBza9PFfN5m4ePKnHzivyHVucgRoIqN01DNmTNLnAwv3YT0ohjEXihtpmZ54ka0FtLE6kawg/s1600/kalender1.png" style="margin-left: auto; margin-right: auto;" width="195" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/Q8pk8"><b>Download Script Kalender1</b></a></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>Kalender2:</b></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2iSjktUqG8ZjR8XXVvGuGpdBjGb547tS0OaEZ3wBTSu-12mOcEzkS7I03h0jwpOdtA7qnt028VHImbf4Zp_Ph-M3wQjS_EhteRoGgGNs-QHBPSycGwKFBySkKuiVF1pUjfXzHtkJtFjc/s1600/kalender2.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2iSjktUqG8ZjR8XXVvGuGpdBjGb547tS0OaEZ3wBTSu-12mOcEzkS7I03h0jwpOdtA7qnt028VHImbf4Zp_Ph-M3wQjS_EhteRoGgGNs-QHBPSycGwKFBySkKuiVF1pUjfXzHtkJtFjc/s1600/kalender2.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/Q8prw" rel="nofollow" target="_blank"><b>Download Script Kalender2</b></a></td></tr>
</tbody></table>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>Kalender3:</b></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVzXetUCmAub8_ZROsL8scQgSJMkEgRnqWExgVJURWgYOumaQi0ZjISJJfS0XWymJXEdzDl69YaTLCZt9KjZCWOEFKAT1Qq2BMeMJMLtbAFtDbQIhuYkNmivMHxontZrsePP2r6K2lQ2g/s1600/kalender3.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVzXetUCmAub8_ZROsL8scQgSJMkEgRnqWExgVJURWgYOumaQi0ZjISJJfS0XWymJXEdzDl69YaTLCZt9KjZCWOEFKAT1Qq2BMeMJMLtbAFtDbQIhuYkNmivMHxontZrsePP2r6K2lQ2g/s1600/kalender3.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/Q8pvJ" rel="nofollow" target="_blank"><b>Download Script Kalender3</b></a></td></tr>
</tbody></table>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>Kalender4:</b></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6krhdQz44uqZBDhIOsD86c1M0PG6ofoWvNDz3-cnnlBvhO5C1eR_aujyG1XXgsIMiDiobr916mCFi19Izca86DOkQw94Lr1-A7GKsPafDIO6zkNOScNXMI4t46r7JJW20TPpXs5M3fk4/s1600/kalender4.png" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6krhdQz44uqZBDhIOsD86c1M0PG6ofoWvNDz3-cnnlBvhO5C1eR_aujyG1XXgsIMiDiobr916mCFi19Izca86DOkQw94Lr1-A7GKsPafDIO6zkNOScNXMI4t46r7JJW20TPpXs5M3fk4/s1600/kalender4.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/Q8pyK" rel="nofollow" target="_blank"><b>Download Script Kalender4</b></a></td></tr>
</tbody></table>
Semoga Bermanfaat......<br />
Jangan Lupa Comentnya ok.......

Widget Kalender/Tanggal PHP

Widget Kalender Dengan PHP , Pada kesempatan kali ini.. saya ingin share sedikit kepada temen, ataupun yang lainnya , Dari Pada Bingung...

Baca selengkapnya »