Panduan Cara Membuat Tabel dengan HTML bagian II (Memberi Pewarnaan Pada Tabel)

Setelah sebelumnya saya menulis artikel tentang Cara Membuat Tabel dengan HTML, berikutnya saya akan mencoba berbagi informasi lebih lanjut tentang cara membuat tabel dengan html dengan kustomisasi pewarnaan yang lebih menarik, namun masih tergolong sederhana. seperti, bagaimana membuat warna pada baris tabel, membuat cellpadding dan juga cellspacing pada tabel.
Berikut contoh sintaknya :

<table bgcolor='black' cellpadding='5' cellspacing='1' width='300px'>
<tr bgcolor='yellow'><td align='center'>Nama</td><td align='center'>Jenis Kelamin</td></tr>
<tr bgcolor='white'><td>Doni</td><td>Pria</td></tr>
<tr bgcolor='white'><td>Jono</td><td>Pria</td></tr>
<tr bgcolor='white'><td>Susi</td><td>Wanita</td></tr>
<tr bgcolor='white'><td>Yanti</td><td>Wanita</td></tr>
</table>

Akan menghasilkan tabel seperti berikut ini :

Nama	Jenis Kelamin
Doni	Pria
Jono	Pria
Susi	Wanita
Yanti	Wanita

Penjelasan :

• Teks yang berwarna biru merupakan properties tambahan yang akan dijelaskan
• bgcolor='black' maksudnya adalah tabel yang kita buat akan diberikan warna hitam pada backgroundnya secara keseluruhan.
• cellpadding='5' maksudnya memberikan jarak/padding pada <td>/cell, sehingga terlihat lebih longgar setiap cellnya.
• cellspacing='1' maksudnya, kita memberikan jarak antara cell yg satu dengan cell yang lainnya (terlihat dari garis batas hitam antar cell)
• width='300' maksudnya memberikan panjang tabel sepanjang 300px.
• bgcolor='yellow', memberikan warna background berwarna kuning pada satu baris tabel.
• bgcolor='white', memberikan warna background berwarna putih pada satu baris tabel. 
• align='center', meletakkan tulisan di center/tengah tengah cell. 

 Itulah sedikit penjelasan tentang cara memberikan pewarnaan pada tabel.
Semoga bermanfaat

Read more ...

Web Programming : Aplikasi Apakah Yang Harus Disiapkan Untuk Mulai Belajar Pemrograman Web ?

Mungkin artikel ini sedikit basi, mengingat sebelumnya saya langsung masuk ke artikel tentang HTML dan PHP. Untuk itu saya menulis kembali artikel tentang aplikasi apa sih yang dibutuhkan untuk memulai belajar web programming?. 

Yap, mari kita bahas satu-satu aplikasi apa saja yang diperlukan untuk belajar web programming menurut saya sih. Karena setiap programmer memiliki aplikasi favoritnya sendiri.

1. XAMPP
XAMPP adalah salah satu aplikasi paketan web server APACHE dan MySQL yang perlu dipersiapkan untuk mulai belajar web programming. XAMPP juga merupakan salah satu yang terpopuler digunakan oleh web programmer. Dan satu hal yang harus kita ketahui, bahwa XAMPP itu bukanlah nama web server, namun di dalam XAMPP itu terdapat web server yang bernama APACHE dan juga database yang bernama MySQL. XAMPP bersifat gratis dan bebas untuk didownload, ini link nya : https://www.apachefriends.org/download.html.

2. Browser Mozilla Firefox atau Google Chrome
Semua sobat blogger pastinya tau dan memiliki salah satu browser tersebut bukan? yap, browser ini nantinya akan digunakan untuk menampilkan hasil program / aplikasi yang telah kita rancang / buat.
Bagi yang belum punya, ini link nya https://www.mozilla.org/en-US/firefox/all/ (Mozilla Firefox) dan http://www.google.com/chrome/ (Google Chrome)

3. Notepad ++
Notepad ++ ini nantinya digunakan sebagai editor koding program PHP yang akan digunakan. Lalu apa yang membedakan notepad++ dan notepad?, yap jawabannya sederhana, yaitu di notepad++ setiap baris ada angkanya dan pewarnaan kodingnya pun lebih ramah mata.
Untuk mendownloadnya : http://notepad-plus-plus.org/download/v6.7.7.html

Nah, itulah beberapa aplikasi yang dapat digunakan dan harus disiapkan untuk mulai belajar web programming / pemrograman web.

Selamat mencoba...

Read more ...

Web Programming : Mengenali Perbedaan Dasar Penggunaan Bahasa HTML dan PHP

Hai sobat blogger,
Pada artikel kali ini saya akan mencoba menjabarkan mengenai cara untuk mengenali perbedaan dasar bahasa pemrograman HTML dan PHP dalam dunia web programming.
HTML merupakan singkatan dari Hypertext Markup Language, yang merupakan suatu bahasa/ kumpulan tag-tag yang digunakan sebagai pembangun desain suatu halaman web sementara PHP merupakan suatu bahasa yang lebih diarahkan untuk PROSES dalam pengolahan data suatu web.

Lalu, yang jadi pertanyaannya, kapan kita menggunakan HTML dan kapan kita menggunakan PHP?
Untuk menjawab hal tersebut, saya langsung membuat sebuah koding berikut

<html>

<head>

<title>Contoh</title>

</head>

<body>

   Halo Dunia !!!

</body>

</html>

Lalu kita simpan file tersebut dengan nama index.html
Koding di atas murni merupakan koding HTML, jadi kalau kita menyimpan dengan nama index.html, kita dapat membukanya melalui browser tanpa harus memiliki web server tersendiri. (karena ekstensinya html)

Selanjutnya bandingkan dengan koding tersebut

<html>

<head>

<title>Contoh</title>

</head>

<body>

 <?php

   echo "Halo Dunia !!!";

?> 

</body>

</html>

Lalu simpan dengan nama file index.php (Penyimpanan file harus di web server) karena file tidak bisa dibuka tanpa mengakses web server.

Kedua koding di atas akan menghasilkan tampilan yang sama di browser. Koding yang pertama semuanya menggunakan HTML, sedangkan koding yang kedua menggunakan HTML, tapi disisipi kode PHP. Dengan demikian kita sudah bisa mengetahui bagaimana perbedaan dasar penggunaan HTML dan PHP.

Read more ...

Panduan Cara Membuat Tabel dengan HTML

Bagi seorang pemula yang ingin belajar bahasa pemrograman HTML, sering kali merasa bingung ketika melihat sintak HTML dalam pembuatan tabel, akan muncul rasa bingung kapan penggunaan <tr> dan <td>. Berikut ini penulis coba menjabarkan dengan jelas kepada teman-teman pembaca semuanya :

<table border='1'>

<tr><td>Nama</td><td>Jenis Kelamin</td></tr>

<tr><td>Doni</td><td>Pria</td></tr>

<tr><td>Agung</td><td>Pria</td></tr>

<tr><td>Susi</td><td>Wanita</td></tr>

<tr><td>Ranti</td><td>Wanita</td></tr>

</table>

Sintak tersebut akan menghasilkan tampilan tabel seperti berikut :

Nama	Jenis Kelamin
Doni	Pria
Agung	Pria
Susi	Wanita
Ranti	Wanita

Penjelasan Script :

• Kode <table>, ditutup dengan </table> merupakan tag pembuka dan penutup untuk pembuatan tabel
• border=1, merupakan salah satu properties pada tabel untuk menambahkan border / pembatas pada setiap cell tabel.
• Selanjutnya tag <tr>, ditutup dengan </tr> merupakan tag pembuka dan penutup sebuah baris di dalam tabel, dan di antara tag <tr> dan </tr> tersebut diisi dengan tag <td></td> yang merupakan pembuka dan penutup sebuah cell, jika ada yang belum tahu apa arti cell, cell yaitu yang ditempati oleh kata Nama, yang terletak dalam satu cell, jenis kelamin dalam satu cell, dan lainya.
• Dengan demikian sangat jelas bagaimana membedakan penggunaan <tr> dan </td> bukan.

Bagi pembaca yang ingin benar -benar memahami pembuatan tabel pada HTML, sebaiknya langsung mencobanya dan mengembangkan sintak - sintak tersebut lagi.
Selamat mencoba.
 

Read more ...

Belajar Pemrograman Web : Mengenal Struktur Dasar dan Tag - Tag HTML

Dalam memulai untuk mempelajari bahasa pemrograman berbasis web, hal pertama yang pastinya harus dipelajari dan diketahui adalah mengenai HTML. HTML adalah sintak / script dasar yang digunakan oleh web programmer dalam merancang interface suatu web. Untuk itu , di sini penulis mencoba untuk membagi ilmu mengenai struktur dasar dan tag - tag HTML

Struktur Dasar HTML

Struktur Dasar HTML adalah sebagai berikut
<html>
 <head>
      <title> Di Sini Ditulis Judul Web </title>
 </head>
 <body>
        Di sini ditulis isi / konten web
 </body>
</html>

Penjelasan :
Pada struktur di atas, setiap tag membagi perannya masing - masing dalam HTML

• Tag <html> bertugas membuka suatu halaman web, dan di akhir halaman (paling bawah) juga selalu diakhiri dengan </html> untuk menutup halaman web.
• Kemudian tag <head> , seperti namanya, tag tersebut merupakan kepala dari sebuah halaman web, di dalam head tersebut kita meletakkan tag <title> untuk menempatkan judul web, judul web tersebut diakhiri dengan tag </title>. Selain berisikan title, tag head ini juga nantinya diisi oleh tautan - tautan link seperti javascript dan css.
• Tag <body> , Merupakan pembuka untuk konten web kita. di dalam tag body inilah kita dapat menaruh semua isibaik teks ataupun gambar yang ingin ditampilkan di website. Tag body diakhiri dengan </body>

Beberapa Tag Penting dalam HTML

Berikut ini beberapa tag penting yang sering digunakan dalam pembuatan halaman website :

• <b>, berfungsi memeberikan cetak tebal pada teks, contoh <b>Ilmu Dua</b> akan menghasilkan tulisan Ilmu Dua
• <i>, berfungsi memberikan cetak miring pada teks, contoh <i>Ilmu Dua</i> akan menghasilkan tulisan Ilmu Dua
• <u>, berfungsi memberikan garisbawah pada teks, contoh <u> Ilmu Dua</u> akan menghasilkan tulisan Ilmu Dua
• <p>, berfungsi membuat paragraf baru.
• <center>, berfungsi untuk mengetengahkan teks.
• <h1><h2><h3>, berfungsi memberikan judul besar pada teks.
• <br/>, berfungsi mengantarkan tulisan pada baris berikutnya.
• <marquee>, berfungsi memberikan efek teks berjalan.
• <table>, berfungsi membuat tabel, tag <table> ini diikuti dengan <tr> dan <td>  dalam pembuatan baris dan kolomnya.

Mungkin itu dulu beberapa tag html yang bisa penulis bagi, semoga mampu memberikan pencerahan bagi teman - teman semua..

Read more ...

Ebook Panduan Pemula Belajar Web Programmer HTML, PHP, dan MySQL

Bagaimana cara memulai untuk menjadi seorang Web Programmer yang handal bagi seorang pemula ?
Pertanyaan ini lah yang sangat sering ditanyakan oleh seorang yang baru menggeluti dunia programming. Dan jawaban untuk pertanyaan tersebut sangat mudah yaitu : Kita Harus Mulai Belajar dan Telaten.

Lalu untuk menjadi seorang Web Programmer harus belajar dari mana?
Yap, tentu saja berikut ini penulis akan mencoba menggambarkan sedikit langkah-langkah untuk menjadi web programmer yang handal, sebelum teman-teman semua membaca ebook nya, walaupun penulis sendiri juga tidak terlalu ahli dalam web programmer. hehehe.

Langkah-langkahnya, yaitu :
Mempelajari Dasar - Dasar HTML.
Yap, ini adalah langkah dasar untuk mempelajari web programming dan desain. HTML merupakan singkatan dari HyperText Markup Language. Dari HTML ini teman-teman akan mulai mengenal beberapa tag-tag dasar untuk desain web, seperti membuat struktur halaman web, mempertebal tulisan, mengubah warna font, membuat tabel,dll.

Selanjutnya Pelajari CSS
CSS adalah singkatan dari Cascading Stylesheet yang digunakan untuk mempercantik halaman web, mulai dari membuat layout web, membuat border, desain warna body, dll.

Masuk ke Programming PHP
Lalu setelah teman-teman cukup menguasai HTML dan CSS, teman-teman bisa masuk ke pemrosesan / programming PHP. PHP merupakan singaktan dari PHP Hypertext Processor. PHP memungkinkan kita membuat struktur web yang lebih dinamis, tentunya dengan terkoneksi ke database. Untuk tahap awal setidaknya teman-teman mencoba memahami PHP Prosedural dulu.

Memahami Object Oriented Programming PHP (OOP)
Setelah cukup mamahami betul PHP Prosedural selanjutnya, teman-teman dapat mulai mencoba OOP. Pada tahap inilah yang menurut saya sangat sulit. untuk itu kita harus benar-benar serius mempelajarinya. OOP sendiri merupakan keharusan bagi sebagian besar pekerjaan Programmer.

Mempelajari Database MySQL
PHP seringkali tidak lepas dari database MySQL, keduanya sering dikaitkan dan dianggap sangat berjodoh. Mempelajari MySQL mulai dari query-query dasar untuk INSERT, UPDATE, DELETE.

Mungkin itulah tahap-tahap awal untuk mulai belajar web programming, apabila sudah mahir untuk hal-hal di atas, selanjutnya teman-teman dapat mencoba mempelajari framework - framework PHP dan HTML seperti CodeIgniter, Bootstrap, Laravel, Yii Framewrks, dll.

Untuk ebook nya dapat diambil dari halaman slideshare penulis di :
http://www.slideshare.net/deathaphrodite

Semoga bermanfaat

Read more ...

Mengenali Pemrograman dan Database

Dunia IT berkembang dengan sangat pesat sehingga memunculkan spesialisasi - spesialisasi baru di dalamnya, sebut saja pekerjaan Desktop Programmer, Web Programmer, Technical Support, Database Administrator, dan masih banyak lainnya. Untuk mengupas satu per satu tentang spesialisasi tersebut pastinya membutuhkan artikel yang panjang. Untuk itu penulis hanya coba menjabarkan tentang programming dan database.

Dunia programming dimana pelakunya disebut sebagai programmer tidak lepas dari yang namanya koding dan sintak. Dalam lapangannya, seorang programmer dituntut memiliki kemampuan untuk membuat ataupun suatu aplikasi yang mampu mengatasi permasalahan suatu perusahaan.

Programmer sendiri diharapkan menguasai paling tidak salah satu bahasa pemrograman. Dan mereka dihadapkan juga pada pilihan apakah menguasai bahasa pemrograman desktop ataupun bahasa pemrograman web.
Bahasa pemrograman desktop seperti Visual Basic, VB.NET, Ms Visual FoxPro, dll.
Aplikasi desktop ini bersifat local standing, dan tidak bisa diakses dari mana saja seperti halnya aplikasi web / website. Sedangkan bahasa pemrograman web seperti PHP, ASP, JSP memungkin seorang programmer untuk membuat aplikasi berbasis web yang dapat diakses dimanapun.

Semua aplikasi yang dirancang menggunakan bahasa pemrograman di atas digunakan untuk mengolah data, dimana data yang diolah tersebut nantinya disimpan ke dalam database. Database inilah yang sangat berperan penting dalam proses penyediaan report data yang dibutuhkan perusahaan. Beberapa aplikasi yang dapat mengelola database disebut dengan Relationship Database Management System (RDBMS) seperti MySQL, Oracle, Ms Access, PostgreSQL.

Dan seorang Database Administrator diharapkan mampu menguasai setiap pemrosesan query - query database tersebut. Mereka juga bertanggung jawab akan keamanan data, ekspor impor data, dan kustomisasi database lainnya.

Jadi, bagi kita yang ingin menjadi Programmer diharapkan mempu menguasai setidaknya satu bahasa pemrograman dan satu RDBMS. dengan kemampuan tersebut maka mereka sudah memiliki kemampuan untuk merancang sebuah aplikasi database.

Sekarang tergantung dari kitanya, ingin menjadi apa..

Read more ...