Cara install Lamp server di ubuntu

Bagi yang ingin belajar php atau membuat website pasti tidak asing lagi dengan web server.

Yang diperlukan dalam belajar membuat website adalah aplikasi web server local.

Banyak aplikasi yang tersedia untuk menjalankan web server local. Tetapi saya lebih tertarik menggunakan aplikasi yang satu ini :: LAMP ::

Untuk memakai aplikasi ini kita harus download dan mengkonfigurasinya satu-satu berbeda dengan LAMPP. Aplikasi Lampp sudah bundle semuanya (Apache, MySQL, PHP, Perl). Lampp di windows terkenal dengan sebutan XAMPP.

Untuk pembahasan LAMPP / XAMPP akan saya tulis pada artikel selanjutnya. Cara install lamp server di ubuntu yang harus kita persiapkan adalah koneksi internet yang stabil.

Buka terminal dengan perintah ctr+alt+t kemudian ikuti langkah di bawah ini ::

1. Install Apache ::

 
   sudo apt-get install apache2 apache2-doc apache2-mpm-prefork apache2-utils apache2-suexec libexpat1 ssl-cert

2. Install PHP ::

 
   sudo apt-get install libapache2-mod-php5 libapache2-mod-ruby libapache2-mod-python php5 php5-common php5-curl php5-dev php5-gd php5-idn php-pear php5-imagick php5-imap php5-mcrypt php5-memcache php5-mhash php5-ming php5-mysql php5-pspell php5-recode php5-snmp php5-sqlite php5-tidy php5-xmlrpc php5-xsl

3. Install MySQL ::

 
   sudo apt-get install mysql-server mysql-client libmysqlclient15-dev

4. Install phpMyAdmin ::

 
   sudo apt-get install phpmyadmin

Setelah semuanya berhasil terinstall kemudian kita akan mengkonfigurasi web server Apache ::

 
   sudo gedit /etc/apache2/sites-enabled/000-default

Edit pada bagian ::

 
   Options Indexes FollowSymLinks MultiViews
 
   AllowOverride None //rubah pada baris ini
 
   Order allow,deny
 
   allow from all

Menjadi ::

 
   Options Indexes FollowSymLinks MultiViews
 
   AllowOverride All
 
   Order allow,deny
 
   allow from all

Setelah itu save.

Aktifkan mod rewrite ( Untuk mengaktifkan URL ramah) ::

 
   sudo a2enmod rewrite

Akan tampil di terminal ::

 
   Module rewrite installed; run /etc/init.d/apache2 force-reload to enable.

Kemudian restart Apachenya ::

 
   sudo /etc/init.d/apache2 restart

Langkah terakhir ubah kepemilikan root pada web server ::

 
   sudo chown -R [nama-user] /var/www

contoh ::

 
   sudo chown -R roypurbo /var/www

Selesai.

Sekarang akan kita tes dengan menggunakan browser. Buka Browsernya kemudian tuliskan http://localhost .

Hasil Tampilannya ::

untuk membuka phpmyadmin tuliskan di browser http://localhost/phpmyadmin.

Hasil tampilannya ::

Untuk meletakkan project kita di web server letaknya di /var/www/
Letakan dalam folder www

Cara ini berlaku untuk semua versi ubuntu. Terakhir saya mencoba menggunakan ubuntu 12.04 semuanya berfungsi dengan baik.

Sekian dulu tutorial dari saya

Salam Hangat


Roy Purbo

Read more »

Cara Install MySQL Workbench di Ubuntu

Pada artikel yang lalu kita sudah mengatahui cara install mysql di ubuntu, terus kita juga belajar cara install MySQL gui.

Bagi teman-teman yang merasa belum puas menggunakan MySQL admin pada artikel cara install MySQL gui masih ada alternatif yang lain.

Alternatif tersebut yaitu MySQL workbench. Pada aplikasi yang satu ini lebih lengkap konten-kontennya.

Untuk cara mengintall MySQL workbench. Silahkan ikuti step by step di bawah ini ::

Pertama buka terminal ctl+alt+t tuliskan di terminal dengan perintah ::

 
   sudo add-apt-repository ppa:olivier-berten/misc

Kemudian update ::

 
   sudo apt-get update

Tunggu sampai dengan selesai, terus tuliskan lagi diterminal dengan perintah ::

 
   sudo apt-get install mysql-workbench

Untuk tampilan programnya tidak saya sertakan. Teman-teman bisa langsung mencobanya.

Salam Hangat


Roy Purbo

Read more »

Cara install MySQL GUI di ubuntu

Bagi yang tidak familiar dengan terminal jangan takut. MySQL juga tersedia GUInya.

Dalam artikel ini saya akan berikan tips cara install MySQL GUI diubuntu. Tapi bagi teman-teman yang belum menginstall MySQLnya bisa baca tutorial Cara Install MySQL di ubuntu.

Untuk mengintall GUInya kita harus terkoneksi internet. 

Dalam artikel saya ini banyak menggunakan koneksi internet, jadi mohon maaf untuk versi offlinenya tidak saya buatkan jadi artikel.

Panggil terminal ctr+alt+t kemudian tuliskan diterminal dengan perintah ::

 
   sudo apt-get install mysql-admin

setelah selesai tuliskan lagi di terminal dengan perintah ::

 
   sudo apt-get install mysql-query-browser

Untuk membukanya kita bisa mencari di Applications --> Programming

tampilan MySQL Administrator ::

Dan ini Tampilan MySQL Query Browser ::

Read more »

Cara Install MySQL di Ubuntu

Buat para pengguna linux (ubuntu) pada artikel ini saya akan berbagi tips cara install MySQL di ubuntu.

Tapi syaratnya harus terkoneksi internet. Kalau inetnya lelet teman-teman masih bisa download packagenya.

Tutorial ini bisa di gunakan di ubuntu 10 - 12. Jadi tidak perlu khawatir beda versinya.

Pertama kita panggil terminal dengan cara ctr+alt+t setelah itu tuliskan di terminal ::

 
   sudo su

Nanti kita di perintahkan untuk memasukkan password.
Setelah memasukkan password kita update dulu dengan perintah ::

 
   apt-get update

Tunggu sampai update selesai.

Setelah selesai kita tuliskan perintah di bawah ini untuk mendownload MySQL ::

 
   apt-get install mysql-server

Tunggu sampai semua package terdownload, setelah semua terdownload pada proses penginstallan kita akan di minta untuk memasukkan password.

Jika anda tidak ingin mysqlnya memakai password kita bisa langsung klik OK.
cara untuk klik OK anda bisa tekan Tab pada keyboard terus tekan enter.

Setelah semuanya terinstall kita tinggal panggil MySQL nya di terminal.

 
   mysql -u root

Bagi yang memakai password bisa menggunakan perintah di bawah ini ::

 
   mysql -u root -p

Terus tekan enter. Yang memakai password akan di minta memasukkan passwordnya ::

Ini adalah tampilan saat kita berhasil masuk kedalam MySQL ::

Bagi teman-teman yang tidak biasa menggunakan terminal kita juga bisa menggunakan GUI nya ::

Cara install MySQL GUI di ubuntu
Cara intall MySQL Workbench

Read more »

Pengenalan MySQL

MySQL adalah perangkat lunak sistem manajemen basis data atau database management system (DBMS) yang multithread dan multiuser.


MySQL sebuah implementasi dari sistem manajemen basis data relasional (RDMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat dengan bebas menggunakan MySQL, akan tetapi perangkat lunak tersebut tidak boleh dijadikan produk komersial.

 MySQL merupakan turunan dari SQL (Structured Query Language). SQL adalah sebuah konsep pengoprasian basisdata,terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Beberapa perintah SQL yang harus diketahui adalah : 

• CREATE DATABASE, untuk membuat sebuah database. 
• DROP DATABASE, untuk menghapus sebuah database. 
• CREATE TABLE, untuk membuat sebuah table. 
• ALTER TABLE, untuk memodifikasi sebuah table. 
• DROP TABLE, untuk menghapus sebuah table. 
• SELECT, untuk menampilkan data dari database. 
• UPDATE, untuk memodifikasi data dari database. 
• INSERT INTO, untuk menambah data di database. 
• DELETE, untuk menghapus data dari database. 

Sedangkan perintah SQL untuk tingkat lanjut ada cukup banyak. Command tingkat lanjut ini berguna untuk mengolah data dengan cara yang lebih rumit dan kompleks.

Read more »

Cara membuat website dengan HTML Bagian 2 (Tamat)

Di artikel sebelumnya kita sudah membuat sketsa/mockup dan saya juga sudah menyertakan source codenya.

Source code tersebut kita modifikasi sedikit agar terlihat lebih baik. Bagi yang belum tahu bisa baca artikel http://roypurbo.blogspot.com/2013/03/cara-membuat-membuat-website-dengan.html.

Pertama anda bisa membuat headernya terlebih dahulu atau mencari di mbah google. Kalau sudah ada kita tinggal mengimplementasikannya.

Ini adalah source code yang sudah saya modifikasi ::

 
<table width="960" height="814" border="1" align="center" cellpadding="0" cellspacing="0" style="border:thin">
    <tr>
      <td height="118" colspan="4"><img src="blog/header-mana1.jpg" width="960" height="200" /></td>
    </tr>
    <tr bgcolor="#006699" bordercolor="#CCCCCC">
      <td width="214" height="25"><div align="center"><strong>Home</strong></div></td>
      <td width="222"><div align="center"><strong>Artikel</strong></div></td>
      <td width="284"><div align="center"><strong>Buku Tamu </strong></div></td>
      <td width="234"><div align="center"><strong>About</strong></div></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="2"><div align="left">
        <p><strong><em>Judul Artikel</em></strong></p>
        <div align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam. Heading H1Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae.
        </div>
      </div></td>
      <td height="28" bgcolor="#999999"><div align="center" class="style1">Kategori</div></td>
    </tr>
    <tr>
      <td rowspan="2"> </td>
    </tr>
    
    <tr>
      <td height="196" colspan="3"><table width="725" height="467" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="21" colspan="3" bgcolor="#006699"><div align="center">Galleri</div></td>
          </tr>
        <tr>
          <td width="235"><img src="blog/sponge.jpeg" width="235" height="214" /></td>
          <td width="235"><img src="blog/Spongebob Squarepants.jpg" width="235" height="214" /></td>
          <td width="470"><img src="blog/SpongeBob-SquarePants-p78.jpg" width="235" height="214" /></td>
        </tr>
        <tr>
          <td><img src="blog/images12.jpeg" width="188" height="171" /></td>
          <td><img src="blog/casper.jpg" width="235" height="214" /></td>
          <td><img src="blog/sosialisasi.jpg" width="235" height="214" /></td>
        </tr>
      </table></td>
    </tr>
    <tr bgcolor="#006666">
      <td height="1" colspan="4"><div align="center">Footer</div></td>
    </tr>
  </table>

Penjelasannya :

• Saya menggunakkan header dengan ukuran 960x200.
• <img ... > gunanya untuk menampilkan gambar di website.

Saya kira cukup itu saja penjelasannya, bagi teman-teman yang tidak paham silahkan baca artikel sebelumnya.

Hasil tampilan ::

 Ini hanya lah contoh cara membuat website dengan HTML, jadi teman-teman bisa berkreasi sendiri cara membuat layout websitenya. Semoga artikel ini bermanfaat buat kalian semua. (RP)

Read more »

Pelatihan Guru Pendidikan Agama Islam (PAI) berbasis IT

Terus berkembangnya teknologi saat ini memberikan pengaruh terhadap dunia pendidikan khusus dalam proses pembelajaran.

Teknologi infomasi dan komunikasi (TIK) menjadi pemicu berubahnya prilaku guru dalam belajar mengajar di kelas.

Guru-guru di tuntut untuk memanfaatkan TIK dalam pembelajaran agar cara pemberian materi dikelas lebih efektif.

Efek perubahan prilaku mengajar ini terjadi di seluruh Indonesia khususnya Kalimantan Selatan. Guru SMP Pendidikan Agama Islam mengikuti Workshop " Pembuatan Media Pembelajaran dan Evaluasi Berbasis IT GPAI SMP Provinsi Kalimantan Selatan Tahun 2013" bertempat di Jl. A. Yani km 5 komplek Banjar Indah Permai gedung MAPENDA Banjarmasin.

Pesertanya berjumlah kurang lebih 40 orang, di pilih dari kabupaten-kabupaten. Mereka semua dengan serius memperhatikan materi-materi yang di sampaikan oleh Narasumber.

Narasumber memperkenalkan Aplikasi "Pusat Sumber Belajar" yang di kembangkan oleh Balai Teknologi Informasi dan Komunikasi Pendidikan (BTIKP) Provinsi Kalsel. 

Aplikasi terbut bertujuan untuk memudahkan para guru untuk mengajar. Di dalam aplikasi guru dapat upload bahan ajar, materi, RPP dan Silabus. Jadi dengan Aplikasi tersebut semua kegiatan mengajar di kelas dapat terekam dan siswa bisa mengambil/mengunduh bahan ajar yang di berikan oleh gurunya. 

Dalam Aplikasi tersebut juga ada diperkenalkan kelas maya/Virtualclass. Dengan memanfaatkan fitur tersebut guru bisa membuat kuis/soal-soal. Bahkan kita bisa mempergunakannya untuk membuat soal-soal ulangan. Dan hasil Nilai saat siswa menjawab soal-soal yang diberikan oleh guru terekam di aplikasi.

Dengan Aplikasi tersebut, saat siswa tidak lulus menjawab soal kita bisa mensettingnya untuk Remedial. Kita bisa juga mengatur tanggal dan waktu untuk kuis/soal-soal yang kita buat.

Mudah-mudahan dengan memanfaatkan Aplikasi "Pusat Sumber Belajar" Pendidikan Di Kalimantan Selatan akan terus meningkat.

Salam Hangat

Roy Purbo

Read more »

Cara membuat membuat Website dengan HTML Bagian 1

Pada artikel-artikel sebelumnya, saya sudah membahas cara membuat Hyperlink, cara membuat table, terus saya juga sudah memberikan contoh cara membuat login form dengan HTML.

Dan artikel saya ini saya akan membahas cara membuat website dengan HTML.

Sebelum kita melangkah dalam cara membuat website, terlebih dahulu kita membuat sketsa website.

Alasan mengapa kita membuat sketsa duluan karena katanya yang paling sulit itu menentukan layout website. Kalau layout ada perubahan bisa jadi pada source yang lain juga banyak di rubah. Tapi itu sering terjadi jika kita download theme yang sudah jadi bukan bikinan sendiri.

Ini tampilan sketsa yang saya bikin ::

 

Dan ini adalah source codenya::

 
<table width="863" height="580" border="1" align="center">
    <tr>
      <td height="118" colspan="4"><div align="center">Header</div></td>
    </tr>
    <tr>
      <td width="166" height="25">Home</td>
      <td width="182">Artikel</td>
      <td width="259">Buku Tamu </td>
      <td width="228">About</td>
    </tr>
    <tr>
      <td colspan="3" rowspan="2"><div align="center">Isi Berita </div></td>
      <td height="28">Kategori</td>
    </tr>
    <tr>
      <td rowspan="2"> </td>
    </tr>
    
    <tr>
      <td height="196" colspan="3"><table width="621" height="201" border="1">
        <tr>
          <td colspan="3"><div align="center">Galleri</div></td>
          </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td height="1" colspan="4"><div align="center">Footer</div></td>
    </tr>
  </table>

Maaf Hasil tampilannya tidak bisa di perlihatkan, jadi teman-teman bisa mencobanya langsung.  Atikel ini saya akhiri sampai disini dlu sambungannya nanti saya tulis dalam artkel yang selanjutnya.

Mohon maaf karena ketidak nyamanan ini
Salam Hangat Dari saya


Roy Purbo

Read more »

Sitemap error

Banyak artikel bagaimana cara membuat sitemap blog di internet, banyak orang-orang yang ingin memanfaatkan fitur ini. 

Kita bisa membuat sitemap sendiri atau memakai sitemap yang sudah disediakan oleh google.

Untuk blogger sitemap sudah tersedia di root, kita tinggal tulisankan nama blog kita dan tulisankan sitemap.xml di ujungnya. Contoh : http://roypurbo.blogspot.com/sitemap.xml

Tentu saja hal ini berhasil, tetapi permasalahan akan datang setelah kita mendaftarkan sitemap kita di Google Webmaster Tools. Mungkin permasalahan ini cuman terjadi pada blog yang baru saja dibuat terus ingin langsung di daftarkan di Google Webmaster Tools, padahal jumlah postingan cuman ada 2 saja. Bagi anda yang mengalami permasalahan ini jangan takut, tetap teruskan saja menuliskan artikel pada blog anda. Setelah dirasa sudah cukup banyak postingan anda (10) coba daftarkan lagi sitemapnya di Google Webmaster Tools.

Kalau masih belum berhasil, coba di tunggu sampai beberapa hari kemudian terus anda coba sekali lagi. Bagi teman-teman blogspot yang mengalami masalah seperti ini saya sarankan hadapi lah dengan tenang. Karena sangat mustahil sitemap.xml error saat ingin kita daftarkan di Google Webmaster Tools.

Mudah-mudahan artikel ini bermanfaat buat para blogger-blogger pemula.
Salam hangat dari saya


Roy Purbo

Read more »

Cara membuat Login Form dengan HTML

Pada Artikel sebelumnya saya sudah membahas cara membuat table dengan HTML. Kali ini saya akan memberikan tips Cara membuat Login Form dengan HTML.

Teknik yang saya gunakan kali ini hanya untuk pemula. Disini saya masih menggunakan teknik cara membuat table. Tapi dengan dimodifikasi sedikit kita bisa merubahnya menjadi sesuatu yang baru. 

Coba perhatikan source code dibawah ini :

 
<table width="405" height="169" border="0" cellpadding="0" cellspacing="0">

    <tr bgcolor="#428ef6">
      <td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div></td>
    </tr>
    <tr>
      <td width="95" height="32">Username</td>
      <td width="304"><label>:
          <input name="username" type="text" id="username" />
      </label></td>
    </tr>
    <tr>
      <td height="26">Password</td>
      <td><label>:
          <input name="password" type="password" id="password" />
      </label></td>
    </tr>
    <tr>
      <td height="48"> </td>
      <td><input name="Login" type="submit" id="Login" value="Login" />
          <input name="Batal" type="submit" id="Batal" value="Batal" /></td>
    </tr>
    <tr bgcolor="#428ef6">
      <td height="26" colspan="2"><div align="right"><strong>roypurbo.blogspot.com</strong></div></td>
    </tr>
  </table>

Penjelasannya ::

• Di dalam <table>...</table> kita bisa mengasih attribut tinggi dan lebar juga. kita tinggal mengasih nilai pada attribut tersebut (height & width).
• <div align="center>... </div> gunanya untuk membuat text rata tengah.
• <strong>...</strong> untuk membuat text menjadi cetak tebal.
• Tag <input> untuk menentukan sebuah field input, dimana pengguna bisa memasukan data. Sebuah input dapat bervariasi dalam banyak cara, tergantung type attribut.
• attribut text pada input untuk membuat text field.
• attribut password untuk membuat text field rahasia.
• attribut submit untuk button.

Hasil Tampilannya ::

PLEASE LOGIN
Username	:
Password	:
roypurbo.blogspot.com

 Mudah sajakan ??? Silahkan anda modifikasi sendiri source code diatas.
Semoga artikel ini bermanfaat buat anda.

Read more »

Membuat table dengan HTML Bagian 2 (tamat)

Di artikel yang sebelumnya sudah saya jelaskan cara membuat table sederhana. Kali ini saya akan memberikan tips kepada teman-teman untuk mempercantik table.

Tapi sebelum saya jelaskan bagaimana cara mempercantik table, akan saya jelaskan sedikit cara untuk menggabungkan row dan colum di table.

 
<table border="1">
  <tr>
    <th rowspan="2">NPM</th>
    <th rowspan="2">Nama</th>
    <th colspan="2">Mata Kuliah</th>
  </tr>
  <tr>
    <th>Nilai Bahasa Indonesia</th>
    <th>Nilai PBO</th>
  </tr>
  <tr>
    <td>1920133</td>
    <td>roy purbo</td>
    <td align="center">A</td>
    <td align="center">A</td>
  </tr>
</table>

Dari potongan source code diatas attribut rowspan & colspan bernilai 2. Artinya saat kita berikan nilai pada attribut tersebut, row dan colum akan bergabung. Dari pada bingung dengan penjelasan saya, ini tampilan dari code diatas ::

NPM	Nama	Mata Kuliah
		Nilai Bahasa Indonesia	Nilai PBO
1920133	roy purbo	A	A

Pada table juga kita bisa memasukkan attribut align, yang artinya kita bisa membuat text punya kita menjadi rata tengah, kiri dan juga kanan.

Table juga bisa kita beri sentuhan warna agar menarik. Kita tinggal menambahkan attribut bgcolor.

 
<table border="1" cellpadding="1" cellspacing="0">
  <tr bgcolor="#3785ee">
    <th rowspan="2">NPM</th>
    <th rowspan="2">Nama</th>
    <th colspan="2">Mata Kuliah</th>
  </tr>
  <tr bgcolor="#3785ee">
    <th>Nilai Bahasa Indonesia</th>
    <th>Nilai PBO</th>
  </tr>
  <tr bgcolor="a9c9f4">
    <td>1920133</td>
    <td>roy purbo</td>
    <td align="center">A</td>
    <td align="center">A</td>
  </tr>
</table>

Hasilnya tampilan code diatas ::

NPM	Nama	Mata Kuliah
		Nilai Bahasa Indonesia	Nilai PBO
1920133	roy purbo	A	A

Bagaimana ?? mudah sajakan. Selebihnya teman-teman bisa mengutak-atik sendiri. Jangan pernah menyerah sebelum mencoba ... itu saja kata-kata dari aku.

Read more »

Cara membuat tabel dengan HTML bagian 1

Beragam macam kegunaan Table dalam membuat website. Kalau kita ingin membuat laporan di website kita banyak menggunakan fitur yang satu ini. 

Selain dalam pembuatan laporan, table juga bisa di gunakan untuk menata layout website.

Tapi kali ini kita akan membahas cara dasarnya saja. Untuk pembahasan tingkat lanjut, tunggu pada artikel berikutnya.

Perintah dasar dalam pembuata tabel ::

 
 <table border="1">
  <tr>
    <th>NPM</th>
    <th>Nama</th>
  </tr>
  <tr>
    <td>1920133</td>
    <td>roy purbo</td>
  </tr>
</table> 

Dari potongan source code diatas dapat kita ambil kesimpulan, untuk membuat sebuah table ::

• <table>...</table> digunakan sebagai awalan table. Attribut border berguna untuk menampilkan garis. Jika attribut border kita beri nilai 0, maka garis pada table tidak akan terlihat.
• <tr>...<tr> : untuk awalan baris. tr singkatan dari table row.
• <th>...</th> : digunakan untuk membuat table header. th singkatan dari table head.
• <td>...</td> : untuk menyusun kolom data. td singkatan dari table data.

Ini adalah tampilan dari potongan source diatas ::

NPM	Nama
1920133	roy purbo

Read more »

Cara membuat Hyperlink

Hyperlink dalam web/blog sangat penting perannya. Jika tidak ada Hyperlink semuanya jadi terasa hampa.

Hyperlink biasa orang-orang kenal sebagai link. Hyperlink bisa kita katakan sebagai penghubung ke halaman web atau file.

Dari berbagai kegunaannya Hyperlink bisa berupa tulisan bahkan juga berbentuk gambar. Contoh Hyperlink berbentuk tulisan ::

http://roypurbo.blogspot.com

Perintah dasar penulisan hyperlink dengan visual text ::

 
<a href="tujuannya">Judul linknya</a>

Perintah dasar penulisan hyperlink dengan visual gambar ::

 
<a href="tujuan filenya">
 <img src="file gambar" width="lebar" height="tinggi" border="garisluar" />
</a>

Perintah dasar penulisan hyperlink email ::

 
<a href="mailto:alamatemail@domain.com">Text/Gambar/alamat email</a>

Read more »

Daftar tag HTML

Buat para teman-teman yang baru belajar HTML perlu teman-teman tahu definisi dan cara penggunaan tag-tag yang ada di HTML.

Dalam artikel ini saya akan menuliskan penjelasan dalam menggunakan tag HTML.

Semoga artikel saya ini bisa membantu teman-teman yang masih dalam tahap belajar.

Berikut ini adalah tabel tag-tag HTML dan fungsinya:

 Tag Utama

Tag	Atribut	Deskripsi
<html></html>		Baris paling atas dari setiap file HTML
<head></head>		Informasi umum dari sebuah halaman web
<title></title>		Judul halaman. Terdapat pada head
<body></body>	Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth	Settingan atribut untuk seluruh dokumen

Modifikasi Teks

Tag	Deskripsi	Contoh
<b></b>	Teks tebal	Teks tebal
<i> </i>	Teks miring	Teks miring
<u> </u>	Teks garis bawah	Teks garis bawah
<pre></pre>	Preformatted teks	Contoh teks
<h1></h1>	Header 1	Header 1
<h2></h2>	Header 2	Header 2
<h3> </h3>	Header 3	Header 3
<h4></h4>	Header 4	Header 4
<h5></h5>	Header 5	Header 5
<h6></h6>	Header 6	Header 6
<sub></sub>	Subscript	Subscript
<sup></sup>	Superscript	Superscript

Font

Tag	Atribut	Deskripsi
<font></font>	Color, size, name	Mengubah gaya suatu huruf

Links

Tag	Atribut	Deskripsi
<a> </a>	Href, target, style, class, name, id	Membuat link ke dokumen atau situs lainnya

Gambar

Tag	Atribut	Deskripsi
<img>	Src, alt, name, border, height, width	Menampilkan sebuah gambar

Formatting

Tag	Deskripsi	Contoh
<blockquote></blockquote>	Digunakan untuk mengatur text dan gambar dalam suatu tag	Contoh text in a block quote format ( “ “ )
<ol></ol>	Ordered List (digunakan dengan <li>)	1. Item 1
<ul></ul>	Unordered List (digunakan dengan <li>)	• Item 1
<li>	Elemen List
<dd></dd>	Definition List
<dt>	Definition Term
<dd>	Definition Description
<p></p>	Paragraf
<br>	Ganti baris
<hr>	Garis horizonta
<center></center>	Menengahkan elemen

Tabel

Tag	Deskripsi	Contoh
<table></table>	Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign	Mengatur semua elemen table
<tr></tr>	Height, bgcolor, background, align, valign, title	Membuat baris baru
<td></td>	Height, width, bgcolor, background, align, valign, title, colspan, rowspan	Membuat kolom
<th></th>	Height, width, bgcolor, background, align, valign, title, colspan, rowspan	Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody>	Height, width, align, valign, bgcolor, background	Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup>	Height, width, align, valign, bgcolor, background, colspan	Format yang berlaku bagi kolom

Form

Tag	Deskripsi	Contoh
<form></form>	Method, action, name, enctype	Mengatur elemen dari form
<input type=>	Text, password, hidden, radio, checkbox, submit, image, reset	Variasi dari tipe elemen input dalam form
<select></select>	Name, size	Membuat combo-box. Digunakan bersama dengan option
<option>	Selected, name, value
<textarea></textarea>	Name, rows, cols, wrap	Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
wrap	Off virtual physical	no wrap word wrap, sent as one line word wrap, sent with breaks

Sekian dulu penjelasannya, saya sarankan sering-sering di coba. Nanti semuanya akan hafal dengan sendirinya.

Read more »

Membuat tulisan bergerak dengan HTML

Bagi teman-teman yang baru belajar html, saya akan berbagi tips sedikit tentang html. Pada tulisan ini saya ingin membuat tulisan bergerak/berjalan. Dalam perintah html sudah tersedia caranya, kita hanya perlu menyisipkan code ini : <marquee>TEXT</marque>.

Dengan menaruh perintah tersebut secara otomatis tulisan kita akan bergerak dari kanan kekiri secara horizontal. cukup mudah bukan ???

Selain itu kita juga bisa menambahkan attribut bawaan. Ini adalah contoh attribut bawaan yang bisa kita tambahkan kedalam marquee ::

• direction : digunakan untuk mengubah arah. Pada attibut ini kita bisa memberi nilai : up membuat tulisan menjadi bawah ke atas, down : tulisan menjadi atas kebawah, left : tulisan dari kanan ke kiri, right : sebaliknya dari kiri ke kanan.
• scrollamount : gunanya untuk mengatur lompatan karakter pada tiap gerakan. Nilai 1 minimal yang bisa kita berikan pada attrbut ini, semakin tinggi nilai yang kita beri semakin besar jarak lompatannya menuju garis finish.
• scrolldelay : untuk mengatur kecepatan gerak. Attribut ini juga minimal nilai yang diberikan adalah 1. semakin tinggi semakin cepat gerakannya.

Bagi teman-teman yang bingung dengan penjelasan scrollamount dan scrolldelay saya akan berikan contohnya ::

 
  <marquee scrollDelay="10" scrollamount="3" direction="right">Hello Word</marquee> 

Hasil tampilan Code diatas ::

Hello Word

Masih bingung dengan contohnya ?? saya akan berikan contoh yang lain lagi ::

 
  <marquee scrollDelay="20" scrollamount="10" direction="right">Hello Word</marquee> 

Hasil tampilan Code diatas ::

Hello Word

Dari kedua contoh diatas kita bisa mengambil kesimpulan bahwa perubahan kombinasi nilai scrollamount dan scrolldelay sangat berpengaruh terhadap kecepatan dan halus tidaknya pergerakan objek.

Read more »

Tulisan Pertama Ku

Salam Hangat semuanya, ini adalah postingan pertama ku. Di blog ini aku ingin berbagi ilmu yang aku dapat dari kampus dan hasil browsing di mbah google.

Jadi mohon maaf klo seandainya tulisan di blog ini standar-standar saja. Karena aku juga masih dalam tahap belajar. Mungkin ilmu yang aku share ini tergolong pemula, jadi klo ada kekurangan silahkan di tambahkan asal jangan di timpuk pakai bata ya gan :D

Pertama aku ingin share ilmu pemprograman Php dlu karena bahasa ini lah yang pertama kali aku kuasai. Di katakan mudah ya tidak juga, karena semuanya itu tidak ada yang mudah klo kita tidak belajar.

Daftar tulisan yang ingin aku masukan :
1. tutorial php
2. tutorial java
3. tutorial codeigniter
4. tutorial yii

Sampai sini dlu ntar liat aja di kategorinya :P

Read more »