Rabu, 26 Maret 2014

Cara menggunakan Google Webmaster dan Bing Webmaster

Dosen : Bapak Nanang Suryadi
E-Commerce
FEB UB

Langkah – Langkah Menggunakan Google Webmaster Tools :

1) Login Ke https://www.google.com/webmasters/tools .
2) Setelah muncul tampilan dashboard, isikan alamat blog anda di kotak teks lalu klik Add Site.
3) Setelah mengklik Add Site maka URL blog anda akan ditambahkan ke Google Webmaster Tool.
4) Apabila anda memiliki blogspot.com, saat anda klik Add site biasanya langsung diverifikasi
5) Namun apabila diperlukan lagi untuk verifikasi :
Anda perlu memverifikasi URL blog anda terlebih dahulu. Kemudian pilih verifikasi Dengan Meta Tad.
6) Setelah muncul Kode Meta Tag untuk Verifikasi Copy kode tersebut ke blog anda.
Caranya Login ke blogger lalu klik Tata Letak lalu pilih. Edit HTML.
Setelah itu cari kode <head> biar lebih gampang cari kode tersebut. Gunakan tombol CTRL+F.
Jika sudah ketemu kode <head> nya paste kode Meta Tag dari Google Webmaster Tool di bawahnya.
Lalu klik save template.
7) Setelah itu kembali lagi ke halaman Google Webmaster Tool lalu klik verify . Setelah blog anda terverifikasi maka status blog anda di Google Webmaster Tool menjadi verified.

Namun apabila anda mengisikan alamat blog pada wordpress.com, langkah-langkahnya seperti ini saat memverifikasi:

1)      Login pada Wordpress.com untuk masuk ke situs blog anda
2)      Masuklah ke Dashboard
3)      Pilihlah tools, lalu cari Google Webmaster Tools
4)      Copy meta yang ada di kode verifikasi tadi ke dalam kotak yang tersedia
5)      Lalu klik “save change”
6)      Setelah itu kembali lagi ke halaman Google Webmaster Tool lalu klik verify .
7)      Setelah blog anda terverifikasi, status blog wordress anda di Google Webmaster Tool menjadi verified.

Cara membuat account di bing webmaster tools :
1. Kunjungi http://www.bing.com/toolbox/webmaster
2. Klik Sign Up With Microsoft Account untuk mendaftar
3. Isilah form akun anda,setelah selesai klik ACCEPT
4. Selanjutnya masuk melalui Sign In sesuai akun yang anda buat sebelumnya
5. Selanjutnya muncul tampilan form sekali lagi dan silahkan di isi kembali dan bila sudah klik save.
6. Lalu akan muncul tampilan yang meminta untuk memasukan alamat blog anda, dengan cara klik add site
7. Setelah anda memasukan alamat blog anda akan muncul menu verifikasi :
Silahkan pilih yang Option 2: Copy and paste a tag in your default webpage
copy kode tersebut dan letakan pada HTML template anda dengan meletakannya dibawah kode <head>

Setelah menambahkan kode, klik verify pada bing untuk memverifikasi blog anda.

9.Blog anda sudah terverifikasi

Langkah-Langkah Menggunakan BING Webmaster :

Masuklah ke akun anda yang telah anda buat tadi
Daftarkan situs pribadi anda ke bing webmaster, dengan memilih add site
Ketik nama situs blog anda, misal : www.saraswatylinggar.wordpress.com.

Klik submit

Lalu verifikasi situs blog pribadi anda, dengan memilih option 2, yaitu opsi memverifikasi situs blog menggunakan meta tag.
Copy konten meta tag yang ada
Login pada wordpress anda
Masuklah ke dashboard
Pilihlah tools lalu cari Bing Webmaster Center
Copy meta yang ada di kode verifikasi tadi ke dalam kotak yang tersedia
Lalu klik “save change”
Setelah itu kembali lagi ke halaman Bing Webmaster Center lalu klik verify .
Setelah blog anda terverifikasi, status blog wordress anda di Bing Webmaster Center menjadi verified.

Download File Disini :
Word : Webmaster
Pdf : webmaster

PHP (Hypertext Preprocessor)

Dosen : Bapak Nanang Suryadi
E-Commerce
FEB UB

Apa itu PHP ?

PHP adalah singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan Web yang disisipkan pada dokumen HTML. Berbeda dengan HTML yang hanya bisa menampilkan konten statis, PHP bisa berinteraksi dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website.

Karena penggunaan PHP memungkinkan Web dapat dibuat dinamis, maintenance situs Web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat di-download secara bebas dari situs resminya http://www.php.net. PHP ditulis menggunakan bahasa C.

Riwayat PHP

PHP diciptakan pertama kali Oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage-nya. Rasmus Lerdorf adalah salah seorang pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak berhenti sampai disini kemampuan PHP terus bertambah, dan sampai saat ini versi terbaru PHP yang telah dikeluarkan adalah PHP 5.0.x.

Keunggulan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih dari pada kemampuan CGI.

PHP dapat digunakan pada semua sistem operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris, dan Open BSD), Microsoft Windows, Mac OS, RISC OS. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), Netcape and iPlanet servers, Oreilly Website Pro Server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI Processor.

PHP tidak terbatas pada hasil keluaran HTML (Hyper Text Markup Language). PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file PDF, dan movie flash. PHP juga dapat menghasilkan text seperti XHTML dan file XML lainnya.

Salah satu fitur yang dapat diandalkan oleh PHP yakni dukungannya terhadap banyak database seperti Adabas D, dBase, Direct MS-SQL, Empress, FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, MSQL, MySQL, ODBC, Oracle, Ovrimos, PostgrSQL, Solid, Sybase, Unix DBM dan Velocis. Umumnya database MySQL digunakan untuk bekerja sama dengan PHP.

Sintaks PHP

Sintak Program atau Script PHP ditulis dalam apitan tanda khusus PHP. Ada tiga macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP, yakni sebagai berikut :
1. <?php ... ?>
2. <script language=”PHP”> ... </script>
3. <? ... ?>
Cara 1 dan 2 merupakan cara yang paling umum digunakan sekalipun cara 3 tampak lebih praktis karena cara 3 tidak selalu diaktifkan pada konfigurasi file php.ini yang terdapat pada direktori c:\apache\php.
Sumber : http://www.phpindonesia.net/artikel/mengenal-php

Aturan Penulisan PHP
Seperti bahasa pemograman lainnya, PHP juga memiliki aturan penulisan seperti case sensitifity (perbedaan antara huruf besar dan kecil), cara mengakhiri sebuah baris perintah, dan pengaruh penggunakan spasi dalam membuat kode program PHP.
1. Case Sensitivity (Perbedaan huruf besar dan kecil) dalam PHP
PHP tidak membedakan huruf besar dan kecil (Case Insensitive) untuk penamaan fungsi, class yang dideklarasikan sendiri, maupun constructor bawaan PHP seperti echo, while, dan class. Sehingga ketiga baris berikut akan dianggap sama:
1 <?php
2 Echo “Hello World”;
3 ECHO “Hello World”;
4 EcHo “Hello World”;
5 ?>

Namun PHP membedakan antara huruf besar dan huruf kecil (Case Sensitive) untuk penamaan variabel, sehingga $nama, $Nama dan $NAMA akan dianggap sebagai 3 variabel yang berbeda. Sering kali error terjadi dikarenakan salah menuliskan nama variabel, yang seharusnya menggunakan huruf kecil, ditulis dengan huruf besar.
Untuk mengatasi perbedaan ini, disarankan menggunakan huruf kecil untuk seluruh kode PHP, termasuk variabel, fungsi maupun class. Jika membutuhkan nama variabel yang terdiri dari 2 suku kata, karakter spasi bisa digantikan dengan underscore (_)

2. Penulisan Baris Perintah dalam PHP
Statement (baris perintah) di dalam PHP adalah kumpulan perintah PHP yang mengisntruksikan PHP untuk melakukan sesuatu. Baris perintah ini bisa terdiri dari satu baris singkat, seperti perintah echo untuk menampilakan text di layar, atau bisa sesuatu yang lebih rumit dan terdiri dari beberapa baris seperti kondisi if, atau kode perulangan (loop).

Berikut adalah contoh beberapa baris perintah dalam PHP:
1 <?php
2 echo "Hello, world";
3 sebuah_fungsi(21, "duniailkom");
4 $a = 1;
5 $nama = "duniailkom";
6 $b = $a / 25.0;
7 if ($y == $z) {
8 echo "Tampilkan Tabel";
9 }
10 ?>

Terlihat dari beberapa contoh baris perintah diatas, PHP menggunakan tanda semicolon (titik koma – ;) sebagai tanda akhir baris perintah.
Kumpulan baris perintah yang menggunakan tanda kurung kurawal seperti kodisi IF atau perulangan (loop) tidak membutuhkan tanda titik koma setelah kurung penutup.
1 <?php
2 if (true) {
3 echo "Perintah dijalankan"; // tanda titik koma harus ditulis
4 } // tidak diperlukan tanda titik koma setelah tanda kurung kurawal
5 ?>

3. Karakter Spasi dan Tab dalam PHP
Secara umum, karakter spasi dan tab diabaikan di dalam eksekusi program PHP. Anda boleh memecah sebuah statement menjadi beberapa baris, atau menyatukan beberapa statement dalam sebuah baris yang panjang. Seperti contoh berikut:
1 <?php
2 echo "Ini kalimat pertama"; echo "Ini kalimat kedua"; $nama="duniailkom";
3 ?>

Baris perintah itu sama artinya dengan
1 <?php
2 echo "Ini kalimat pertama";
3 echo "Ini kalimat kedua";
4 $nama = "duniailkom";
5 ?>

Walaupun contoh pertama lebih menghemat tempat, namun saya lebih menyarankan contoh kedua, dimana kita mengusahakan agar setiap statement berada pada satu baris saja, dan menambahkan beberapa spasi di awal untuk memudahkan membaca kode program.
Keuntungan penghematan beberapa baris dan beberapa byte dari sebuah file PHP tidak akan sebanding dengan efek sakit kepala yang anda dapati sewaktu mencoba memahami kode program yang dibuat 3 bulan kedepan (karena sering manggabungkan beberapa statement dalam satu baris). Menambahkan komentar pada bagian kode yang lebih rumit sebagai penjelasan juga sangat disarankan.
Sumber : http://www.duniailkom.com/aturan-dasar-penulisan-kode-php/

Contoh program PHP
Program Hello World
Program Hello World yang ditulis menggunakan PHP adalah sebagai berikut:
<?php
echo "Hello World";
?>

Program bilangan Fibonacci
Berikut ini adalah contoh program yang relatif lebih kompleks yang ditulis dengan menggunakan PHP. Contoh program ini adalah program untuk menampilkan 20 bilangan pertama dari deret bilangan Fibonacci.terdapat beberapa variable atau sintax. seperti function. itu merupakan bagian dari javascript.
<?php
function fibonacci_seq( $panjang ) {
for( $l = array(0,1), $i = 2, $x = 0; $i < $panjang; $i++ )
$l[] = $l[$x++] + $l[$x];
return $l;
}

fibonacci_seq(20);
// Angka "20" dapat diganti sesuai keinginan
?>

Tipe data
PHP memiliki 8 tipe data, yaitu:
1. Boolean
2. Integer
3. Float/ Double
4. String
5. Array
6. Object
7. Resource
8. NULL
Sumber : http://id.wikipedia.org/wiki/PHP

Cara Penulisan Kode PHP yang Baik dan Benar
CONTOH PENULISAN PHP SALAH
<?php
$user="tutor95";
if ($user=="tutor95"){
echo "Anda login sebagai $user";
echo "Selamat datang kembali $user";
}else{
echo "Anda gagal login";
}
?>
CONTOH PENULISAN PHP BENAR
<?php
$user="tutor95";
if ($user=="tutor95") {
echo "Anda login sebagai $user";
echo "Selamat datang kembali $user";
}else{
echo "Anda gagal login";
}
?>
Sumber : http://tutor95.blogspot.com/2013/02/cara-menulis-kode-php-yang-baik-dan.html

Mengapa Memilih PHP & MySQL?
Tdak semua bahasa pemprogaman dapat berjalan di semua sistem operasi dan web server yang ada, kalau dalam dunia programming, C dan Java adalah bahasa pemprogaman yang dapat berjalan hampir disemua sistem operasi, apalagi dengan Java, Java tidak lagi monoton masuk dalam dunia Komputer tetapi juga merambah dalam dunia mobile seperti Smartphone dan aplikasinya.
PHP & MySQL adalah sebuah pasangan yang sangat cocok dan dapat berjalan di hampir semua system operasi dan web server yang ada.
Alasan lain mengapa memilih PHP & MySQL adalah karena perkembangannya yang sangat cepat apalagi PHP & MySQL adalah bahasa pemprogaman yang bersifat open source, setiap waktu selalu muncul fungsi-fungsi tambahan yang dapat meningkatkan performa keduanya, apalagi ketika PHP sudah merambah kedalam dunia desktop dengan dikembangkannya PHP GTK, maka harus menunggu apa lagi, belajarlah mulai dari sekarang, tahap demi tahap, trial and error, karena bahasa pemprogaman PHP & MySQL bisa dibilang sebuah bahasa pemprogaman masa depan. Dan jika suatu saat Anda berminat masuk kedalam dunia IT atau lebih khususnya Web Deveploment maka anda sudah siap dan tidak terlalu banyak tertinggal.
Sumber : http://oktohsb.blogspot.com/p/manfaat-php.html

Download File disini :
Word : PHP
Pdf : PHP

HTML 5

Dosen : Bapak Nanang Suryadi
E-commerce
FEB UB

Penjelasan Singkat Tentang HTML 5
HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet.
HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.
Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ).
Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
Penanganan kesalahan yang lebih baik
Lebih markup untuk menggantikan scripting
HTML5 merupakan perangkat mandiri
Proses pembangunan dapat terlihat untuk umum

Pembuatan HTML5 ini berguna untuk memperbaiki kesalahan/ kekurangan dari HTML4 misalnya saja : untuk memanggil file flash (.flv) biasanya kan menggunakan :
<object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv"><param name="movie" value="flvplayer.swf?file=movies/holiday.flv" /><param name="wmode" value="transparent" /></object>

pada HTML5 fitur itu berubah menjadi :
<video src=video.mp4></video>
dengan itu kita bisa mengerti, bahwa tujuan di buatnya HTML5 yaitu untuk memudah kita melakukan proses edit suatu web, sehingga source kodenya tidak akan menjadi banyak.

Fitur baru dalam HTML5 :

Unsur kanvas untuk menggambar
Video dan elemen audio untuk media pemutaran
Dukungan yang lebih baik untuk penyimpanan secara offline
Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.
Elemen Baru Di HTML5
Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya :

Section serupa seperti h1-h6
Article bisa berupa entri blog atau tulisan konten
Aside menyajikan konten pelengkap
Header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
Footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.
Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.
Yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas dan elemen terkait berkas multimedia lainnya.

Atribut Baru Di HTML5
Dikenalkan pula beberapa atribut baru, seperti :

Atribut media, ping pada elemen pranala,
Autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form
Reversed pada elemen ol untuk urutan besar ke kecil.

Perubahan Makna Elemen
Ada beberapa elemen yang berubah makna, diantaranya :

Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak ‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i.
Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya.

Elemen Dan Atribut Yang Tidak Digunakan
Berikut ini beberapa elemen dan atribut yang tidak lagi muncul pada HTML 5 :

center,
font
strike, u, big
frame, frameset, noframes
acronym
longdesc
scope pada td

Apakah Browser Saya Support HTML5?
Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:
http://html5test.com
Dari data yang ada pada website itu didapatkan :

Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor
Google Chrome 20 dengan 414 total skor
Opera 12.00 dengan 385
Firefox 13 dengan 345
Safari 5.1 dengan 317
Internet Explorer 9 dengan 138 point.

Sumber : http://ah-shared.blogspot.com/2013/05/apa-itu-html5.html

Berikut tag tag dalam html5
disusun berdasarkan abjad

Tag dan Deskripsi
<!–…–>
mendefinisikan komentar
<!DOCTYPE>
mendefinisikan jenis document
<a>
mendefinisikan hyperlink
<abbr>
mendefinisikan ringkasan/singkatan
<acronym>
tidak di dukung di html5
<address>
mendefinisikan alamat
<applet>
tidak di dukung di html5
<area>
mendefinisikan area
<article>New
mendefinisikan artikel
<aside>New
mendefinisikan content selain content halaman
<audio>New
mendefinisikan audio
<b>
mendefinisikan text tebal
<base>
mendefinisikan url dasar untuk semua link pada halaman
<basefont>
tidak di dukung di html5
<bdo>
mendefinisikan arah tampilan text
<big>
tidak di dukung di html5
<blockquote>
mendefinisikan kutipan
<body>
mendefinisikan element body
<br>
mendefinisikan baris baru
<button>
mendefinisikan document button/tombol
<canvas>New
mendefinisikan
document grafis
<caption>
mendefinisikan document table caption
<center>
tidak di dukung di html5
<cite>
mendefinisikan kutipan
<code>
mendefinisikan text kode komputer
<col>
mendefinisikan atribut untuk kolom table
<colgroup>
mendefinisikan kolom table
<command>New
mendefinisikan perintah tombol
<datalist>New
mendefinisikan dropdown list
<dd>
mendefinisikan definisi deskripsi
<del>
mendefinisikan text yang di hapus
<details>New
mendefinisikan suatu elemen
<dialog>New
mendefinisikan dialog (conversation)
<dfn>
mendefinisikan definition term
<dir>
tidak di dukung di html5
<div>
mendefinisikan bagian dalam suatu document
<dl>
mendefinisikan daftar
<dt>
mendefinisikan istilah
<em>
mendefinisikan text rapat
<embed>New
mendefinisikan external content
<fieldset>
mendefinisikan fieldset
<figure>New
mendefinisikan isi media, dan keterangan
<font>
tidak di dukung di html5
<footer>New
mendefinisikan bagian footer
<form>
mendefinisikan formulir
<frame>
tidak di dukung di html5
<frameset>
tidak di dukung di html5
<h1> sampai <h6>
mendefinisikan header
<head>
mendefinisikan informasi tentang document
<header>New
mendefinisikan sebuah header untuk bagian suatu halaman
<hgroup>New
mendefinisikan informasi tentang bagian sebuah document
<hr>
mendefinisikan garis horisontal
<html>
mendefinisikan document html
<i>
mendefinisikan text italic
<iframe>
mendefinisikan inline sub frame
<img>
mendefinisikan gambar
<input>
mendefinisikan input
<ins>
mendefinisikan text yang disisipkan
<keygen>New
mendefinisikan sebuah kunci yang dihasilkan dalam bentuk
<kbd>
mendefinisikan text keyboard
<label>
mendefinisikana label untuk form
<legend>
mendefinisikan judul di fieldset
<li>
mendefinisikan list
<link>
mendefinisikan refrensi sumber
<map>
mendefinisikan peta gambar
<mark>New
mendefinisikan text yang ditandai
<menu>
mendefinisikan daftar menu
<meta>
mendefinisikan meta information
<meter>New
mendefinisikan ukuran yang sudah di tetapkan
<nav>New
mendefinisikan navigation link
<noframes>
tidak di dukung di html5
<noscript>
mendefinisikan bagian noscript
<object>
mendefinisikan sebuah object
<ol>
mendefinisikan daftar angka
<optgroup>
mendefinisikan grup pilhan
<option>
mendefinisikan drop-down option
<output>New
mendefinisikan beberapa jenis output
<p>
mendefinisikan paragraph
<param>
mendefinisikanparameter untuk sebuah objeck
<pre>
mendefinisikan text ke format awal
<progress>New
mendefinisikan kemajuan suatu tugas apapun
<q>
mendefinisikan kutipan pendek
<rp>New
digunakan untuk menentukan apakah browser mendukung ruby
<rt>New
menjelaskan tentanf penngunaan ruby
<ruby>New
mendefinisikan ruby annotations.
<s>
tidak di dukung di html5
<samp>
mendefinisikan sample computer code
<script>
mendefinisikan script
<section>New
mendefinisikan section
<select>
mendefinisikan selectable list
<small>
mendefinisikan text kecil
<source>New
mendefinisikan media resources
<span>
mendefinisikan bagian dalam sebuah document
<strike>
tidak di dukung di html5
<strong>
mendefinisikan text pekat/tebal
<style>
mendefinisikan style untuk css
<sub>
mendefinisikan subscripted text lawan pangkat
<sup>
mendefinisikan superscripted text pangkat
<table>
mendefinisikan table
<tbody>
mendefinisikan table body
<td>
mendefinisikan table cell
<textarea>
mendefinisikan text area
<tfoot>
mendefinisikan table footer
<th>
mendefinisikan table header
<thead>
mendefinisikan table header
<time>New
mendefinisikan date/time
<title>
mendefinisikan judul document
<tr>
mendefinisikan baris table
<tt>
tidak di dukung di html5
<u>
tidak di dukung di html5
<ul>
mendefinisikan daftar
<var>
mendefinisikan variable
<video>New
mendefinisikan video
<xmp>
tidak di dukung di html5
keterangan*
tag-tag diatas saya ambil dari w3school.com
yang di beri tanda merah adalah tag baru(hanya di html5), dimana tag tadi tidak ada di html 4
tag-tag baru tadi belum support di semua browser
yang di beri warna biru adalah tag html yang tidak support di html5
sumber : http://www.indaam.com/2010/05/tag-tag-dalam-html5-lengkap/

Contoh Penulisan Struktur HTML5
Struktur penulisan script web yang terbaru yaitu HTML5 memang sedikit berbeda dari biasanya, struktur lebih mudah dipahami . Berikut ini contoh struktur penulisan HTML5

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Your Website</title>
</head>
<body>
<header>
<nav>
<ul>
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
</ul>
</nav>
</header>
<section>
<article>
<header>
<h2>Judul Artikel</h2>
</header>
<p>Bagaimana cara membuat Blog? Apakah membuat blog itu harus membayar? Pertanyaan itu sering muncul ketika seseorang ingin membuat blog. Ada beberapa aplikasi yang dapat digunakan untuk membuat blog, baik yang bersifat gratis maupun berbayar. Pada bagian ini akan diuraikan beberapa aplikasi yang dapat digunakan untuk membuat blog secara gratis.</p>
</article>
<article>
<header>
<h2>Judul Artikel</h2>
</header>
<p>Pada awal munculnya Blog, aplikasi ini sering digunakan orang untuk menulis catatan kegiatan. Kala itu, blog berperan seperti catatan harian (diary) yang hanya berisi ungkapan perasaan seseorang. Namun perkembangan selanjutnya, Blog dimanfaatkan untuk membangun image branding, memperkuat diri sebagai tought leader melalui ide-ide dan inovasi baru, sarana komunikasi dan hubungan masyarakat, sarana pendidikan secara online dan masih banyak lagi manfaat lain.</p>
</article>
</section>
<aside>
<h2>Informasi Penulis</h2>
<p>Nama saya Zainal Hakim, saya seorang pengembang web yang tinggal di Banjarmasin – Kalimantan Selatan. Selamat belajar web di Blog Zainal Hakim.</p>
</aside>
<footer>
<p>Copyright 2013. By Zainal Hakim</p>
</footer>
</body>
</html>
Sumber : http://html5.blog.amikom.ac.id/

Download File disini :
Word : HTML 5
PDF : HTML 5

Rabu, 19 Maret 2014

Tugas E-Commerce Wordpress Manual

Install WordPress secara manual

1. Langkah pertama, sudah pasti adalah download WordPress dari situs WordPress.org

Terdapat 2 pilihan untuk jenis download, yaitu versi .zip dan .tar.gz Keduanya tidak ada masalah dan perbedaan selain ukuran filenya.

2. Setelah itu upload file hasil download (wordpress-xyz.zip atau wordpress-xyz.tar.gz) ke hosting anda melalui FTP. Agar memudahkan pencarian, letakkan file hasil downloadnya ke folder public_html atau www xyz mengacu pada versinya, contoh wordpress-3.5.1.zip

3. Setelah itu, masuk ke cpanel hosting anda. Buka File Manager. Masuk ke dalam folder public_html. Pilih file wordpress-xyz yang baru saja anda upload. Setelah itu lakukan ekstraksi dengan cara mengklik tombol Extract (Perhatikan kotak merah diatas)

4. Setelah proses ekstraksi selesai, maka secara otomatis akan ada sebuah folder baru yang bernama wordpress. Disitulah file hasil ekstraksi berada. Jika anda menginginkan WP diinstall pada folder domainanda.com/wordpress maka silahkan loncat ke #6, jika anda menginginkan WP diinstall pada root (namadomain.com) maka:

5. Pindahkan seluruh file yang ada di folder wordpress tersebut ke folder public_html alias naik 1 tingkat dengan cara klik Select All lalu Move File

6. Setelah selesai dipindah, arahkan browser anda ke tempat anda meletakkan WP. Berikutnya yang muncul adalah halaman install WP. Klik Create a configuration file, lalu setelah itu klik Let’s Go!

7. Berikutnya kamu akan berhadapan dengan halaman setting database. Masukkan:

Database Name: Nama database

Username: User/username yang diberikan izin untuk mengakses database

Password: Password dari user/username yang diberikan izin untuk mengakses database

Database host: localhost

Jika kamu tidak tahu harus isi apa, maka isi saja dengan localhost

Database Prefix: Untuk awalan, biarkan default (wp_)

8. Jika konfigurasi yang anda masukkan sudah benar, maka klik Submit.

9. Berikutnya adalah tampilan untuk membuat user admin. Masukkan username untuk administrator sesuai yang anda inginkan. Begitupun untuk password nya. Untuk alamat email, kami sarankan alamat yang aktif agar jika anda lupa username/password WP anda, anda bisa menggunakan fitur Lost Password bawaan WP.

10. Setelah itu muncul tampilan informasi. Dan tawaran login. Klik Log in.

Sumber : http://www.qwords.com/kb/2013/03/install-wordpress-secara-manual/

Plugin WordPress Untuk Membuat Toko Online Dengan Cepat

Apa saja plugin yang bisa kita pakai untuk membangun toko online?

WooCommerce

- Pengembang: WooThemes | www.woothemes.com

WP e-Commerce

- Pengembang: GetShopped | www.getshopped.org

Jigoshop
- Pengembang: JigoShop | www.jigoshop.com

CB Toko Online

- Pengembang: Lutvi Avandi | www.CafeBisnis.com

5. ShopperPress – Shopping cart ShopperPress hadir sebagai tema Wordpress yang bisa Anda instal, anda bisa menggabungkannya dengan fitur SEO juga. Juga lebih inklusif untuk mengatur fiturnya, ShopperPress mendukung beberapa pilihan pembayaran sehingga bisa mengubah blog WordPress anda menjadi toko online yang apik. Tool ini sangat bagus untuk penjualan afiliasi karena juga terintegrasi dengan Amazon dan eBay.

6. WP eStore Plugin – WP eStore Plugin adalah plugin yang cukup terdepan dan solusi untuk ritel online, meskipun tidak memiliki beberapa kustomisasi dan opsi pengiriman yang terintegrasi seperti PHPurchase. Dari pemilihan produk sampai ke kasir, plugin WP eStore membuat hal-hal yang relatif sederhana untuk Anda dan bahkan lebih mudah bagi pelanggan Anda. Fiturnya termasuk sebuah galeri untuk mengintegrasikannya ke blog Anda, dengan WordPress integrasi eMember, dan ada pilihan lainnya khusus untuk pengecer afiliasi.

Pada dasarnya, setiap plugin toko online itu mempunyai prinsip yang hampir sama, yakni menyediakan fitur shopping cart / keranjang belanja untuk memudahkan konsumen ketika hendak melakukan pembelian melalui website kita.

Sumber :

http://webhostmu.com/plugin-wordpress-untuk-toko-online/

http://www.tukangtokoonline.web.id/2012/03/wordpress-plugin-shopping-cart-pilihan.htm

Cara Membuat Toko Online Dengan Blog WordPress

Setelah sukses membuat blog WordPress, maka mungkin teman-teman ingin memperluas dengan membuat toko online sendiri.
Pertanyaannya, apakah blog WordPress bisa menjadi toko online ?
Bisa!
Langkah-langkahnya sebagai berikut:

Silahkan login ke Dashboard (WP-Admin) blog WordPress.
Alamat login adalah alamat blog lalu tambahkan /wp-admin/
Misalnya: www.semutkecil.com/wp-admin/
Lalu geser mouse ke “Plugins“, dan klik “Add New“.
Pada kolom “Search“, masukkan “wp e-commerce“, kemudian klik “Search Plugins“.
Setelah itu akan muncul banyak hasil pencarian.
Lakukan instalasi “WP E-Commerce” dengan klik “Install Now” yang terdapat dibawah namanya.
Klik “Ok” pada saat ditanya “Are you sure you want to install this plugin?“.
Setelah ter-install dengan sukses, silahkan klik “Activate Plugin“.
Plugin WordPress WP E-Commerce telah aktif.

Sumber : http://www.semutkecil.com/cara-membuat-toko-online-dengan-blog-wordpress/

Download File Bergambar Disini :

Word : Manual Wordpress

Pdf : Manual Wordpress

Kamis, 06 Maret 2014

Domain dan Hosting

PENGERTIAN DOMAIN

Nama domain adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai alamat IP.

Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya “balimechanicweb.net”. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.Dalam membuat atau membangun sebuah website, hal yang selalu dan wajib ada adalah domain dan web hosting. website dan domain sangat erat hubungannya dan tidak dapat terpisahkan. adapun bahwa nama domain itu ada beberapa jenis. Dan penggunaannya pun disesuaikan dengan tujuan dan lokasi negara.

TLD atau Top Level Domain Name adalah ektension atau kata yang berada dibelakang domain seperti .com (dot commercial), .net (dot network), .org (dot organization), .info (dot information) .edu (dot education), .gov (dot goverment), dan .mil (dot military).

Ada dua Top Level Domain, yaitu Generic Top Level Domain (gTLD) dan Country Code Top Level Domain (ccTLD). gTLD adalah domain yang akhiran .com, .net dan .org sedangkan ccTLD adalah TLD yang dikhusus untuk masing-masing negara, seperti Indonesia dengan kode ID (co.id, go.id, net.id dll) atau Jepang dengan kode jp (co.jp, ne.jp, or.jp dll).

Top Level Domain ada beberapa jenis : generik dan yang disponsori .yang generik ada beberapa jenis pula .walaupun tiap jenis TLD sebenarnya memiliki arti tersendiri . penjelasanya dapat dilihat dibawah ini :

.biz : Digunakan untuk keperluan bisnis.
.com : Digunakan untuk keperluan komensial.
.edu : Digunakan untuk keperluan pendidikan.
.info : Digunakan untuk keperluan informasi.
.name : Digunakan untuk keperluan web pribadi.
.net : Digunakan untuk keperluan internet.
.org : Digunakan untuk keperluan organisasi.
.pro : Digunakan untuk keperluan profesional.

Selain itu ada juga beberapa domain yang dikembangkan menggunakan sponsor seperti :

.aero : Digunakan untuk perusahaan penerbangan.
.asia : Digunakan untuk domain di asia.
.cat : Digunakan untuk kategori.
.coop : Digunakan untuk perusahaan cooperation.
.edu : Digunakan untuk pendidikan.
.gov : Digunakan untuk pemerintahan.
.int : Digunakan untuk internasioal.
.jobs : Digunakan untuk pekerjaan.
.mil : Digunakan untuk militer.
.mobi : Digunakan untuk keperluan mobile communication.
.tel : Digunakan untuk telekomunikasi.
.museum : Digunakan untuk website musium.
.travel : Digunakan untuk perjalanan.

Domain Indonesia:

.ac.id : Jenis domain yang digunakan bagi lingkungan akademik/perguruan tinggi dengan ketentuan dan kebijakan yang telah ditentukan.
.co.id : Jenis domain yang digunakan bagi organisasi komersial yang pada ketentuan dan kebijakan selanjutnya hanya diperuntukan bagi perusahaan dengan ketentuan dan kebijakan yang telah ditentukan.
.or.id : Jenis domain yang digunakan bagi organisasi selain organisasi yang masuk kedalam kategori domain ac.id, co.id, net.id, go.id, mil.id, sch.id, dst dengan ketentuan dan kebijakan yang telah ditentukan.
.net.id : Jenis domain yang digunakan bagi organisasi pemegang Izin Penyelenggara jasa telekomunikasi dengan ketentuan dan kebijakan yang telah ditentukan.
.web.id : Jenis domain yang digunakan bagi personal dan organisasi dengan ketentuan dan kebijakan yang telah ditentukan.
.sch.id : Jenis domain yang digunakan bagi sekolah dengan ketentuan dan kebijakan yang telah ditentukan.
.go.id : Jenis domain yang digunakan khusus bagi instansi pemerintah dengan ketentuan dan kebijakan yang telah ditentukan.
.mil.id : Jenis domain yang digunakan bagi kalangan militer dengan ketentuan dan kebijakan yang telah ditentukan.
.war.net.id Jenis domain yang digunakan bagi warung internet dengan ketentuan dan kebijakan yang telah ditentukan.

Keuntungan Memiliki Top Level Domain (TLD)

Keuntungan yang dapat diperoleh jika memiliki Top Level Domain (TLD) ialah hasil pencariannya lebih diutamakan di search engine. Sehingga situs yang menggunakan Top Level Domain akan lebih diunggulkan peringkatnya dalam hasil pencarian di google. Selain itu (TLD) membuat website anda terlihat lebih profesional dan pengunjung juga mudah mengingat domain website anda.

sumber: balimechanicweb.

Sub Domain

Subdomain merupakan bagian dari nama domain.

Contoh :
www.plasahosting.com
blogs.plasahosting.com
support.plasahosting.com
id.plasahosting.com

dari contoh diatas yang merupakan subdomain adalah : www, blogs, support dan id.

Addons Domain :

Addon domain merupakan domain baru yang ditambahkan ke domain utama dalam satu hosting.

Misalnya hosting utama : plasahosting.com

kita dapat menambahkan : blablabla.com ke hosting utama tersebut yang disebut addons domain.

Hasilnya, blablabla.com tampil dengan design websites berbeda dari domain utamanya.
Dalam prakteknya akan dibuatkan folder khusus secara otomatis di server untuk addons domain ini.

Semua file hasil design untuk addons domain tersebut akan di upload ke dalam folder yang telah terbentuk tersebut.

Parked domain

Parked domain adalah domain yang ditambahkan ke domain utama.

Bila pengunjung mengunjungi Park domain ini, tampilannya akan sama dengan domain utama.

Sumber : http://blogs.plasahosting.com/pengertian-istilah-domain-nama-domain-hosting/

PENGERTIAN HOSTING

Hosting adalah tempat atau jasa internet untuk membuat halaman website yang telah anda buat menjadi online dan bisa diakses oleh orang lain. Sedangkan Hosting Itu Sendiri Adalah : jasa layanan internet yang menyediakan sumber daya server-server untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL atau DNS.

Server hosting terdiri dari gabungan server-server atau sebuah server yang terhubung dengan jaringan internet berkecepatan tinggi.

Jenis – Jenis Hosting yang Ada :

Ada beberapa jenis layanan hosting yaitu shared hosting, VPS atau Virtual Dedicated Server, dedicated server, colocation server.

1. Shared Hosting adalah menggunakan server hosting bersama sama dengan pengguna lain satu server dipergunakan oleh lebih dari satu nama domain. Artinya dalam satu server tersebut terdapat beberapa account yang dibedakan antara account satu dan lainnya dengan username dan password.
2. VPS, Virtual Private Server, atau juga dikenal sebagai Virtual Dedicated Server merupakan proses virtualisasi dari lingkungan software sistem operasi yang dipergunakan oleh server. Karena lingkungan ini merupakan lingkungan virtual, hal tersebut memungkinkan untuk menginstall sistem operasi yang dapat berjalan diatas sistem operasi lain.
3. Dedicated Server adalah penggunaan server yang dikhususkan untuk aplikasi yang lebih besar dan tidak bisa dioperasikan dalam shared hosting atau virtual dedicated server. Dalam hal ini, penyediaan server ditanggung oleh perusahaan hosting yang biasanya bekerja sama dengan vendor.
4. Colocation Server adalah layanan penyewaan tempat untuk meletakkan server yang dipergunakan untuk hosting. Server disediakan oleh pelanggan yang biasanya bekerja sama dengan vendor.

Mengapa Blogger Memerlukan Hosting?

Yap, sebagai seorang blogger tentunya secara anda sadari atau tidak pasti membutuhkan tempat mempublikasikan tulisan anda ke dunia internet. Contohnya jika anda mempunyai blog di WordPress.com, Blogger.com, Multiply.com, DagDigDug.com, dan jasa blog lainnya, otomatis anda telah memakai jasa hosting yang mereka sediakan. Tapi jika anda memilih untuk self-hosted seperti Bloggingly ini, maka tentunya anda harus memiliki sewa hosting sendiri.

Memilih Jasa Web Hosting yang Baik

Ketika anda memutuskan untuk memiliki blog atau website yang hosting sebdiri, maka anda harus bisa memilih-milih jasa web hosting yang baik. Yang harus anda perhatikan ketika memilih hosting untuk blog atau website anda adalah:

1. Kebutuhan anda terhadap space dan bandwidth. Semakin banyak tulisan anda, maka semakin besar space yang akan dibutuhkan. Semakin banyak pengunjung blog anda maka semakin besar bandwidth yang dibutuhkan agar tidak terjadi server full load

2. Perhatikan layanan dan fitur dari tempat anda akan menghostingkan blog atau website anda. Bisa mencakup software apa saja yang ada di hostingnya serta support dari jasa hostingnya.

3. Target pembaca. Jika anda memilih target pembaca dari dalam negeri ada baiknya menggunakan server lokal saja agar lebih menghemat bandwidth. Tetapi jika anda memilih target yang glogal, maka tak ada salahnya anda memilih server luar negeri seperti di Amerika. Tapi keadaan ini tidaklah mutlak.

4. Harga yang pas. Konsultasikan kepada mereka yang lebih paham tentang kebutuhan hosting anda agar jasa yang anda sewa sesuai dengan uang yang akan anda keluarkan.

Cara Menyewa Web Hosting

1. Untuk menyewa jasa hosting anda perlu mengetahui hosting mana saja yang tersedia di tempat anda atau setidaknya di Indonesia.

2. Kemudian anda klik bagian pesan/ registrasi dari setiap halaman utama jasa hosting tersebut.

3. Ikuti saja langkah yang di instruksikan seperti memilih nama domain, cek ketersediaan nama domain yang anda inginkan, dan selesaikan pembayarannya.

4. Jika hosting anda sudah online biasanya anda akan mendapat email dari penyedia jasa atau chat saja officer yang sedang online di homepagenya.

sumber : wihans.web.id