Tugas Ecommerce

Tugas Artikel Ecommerce dan Ecommerce di Indonesia dan Internasional

About Ecommerce

Ecommerce Indonesia dan Internasional

cc: Nanang Suryadi

Advertisements

Strategy Campaign

Dengan Google AdWords, yang penting adalah hasil. Pengoptimalan berarti mengambil langkah untuk mendapatkan hasil yang diinginkan dengan meningkatkan mutu dan kinerja akun – tanpa menambah biaya. Kami telah merancang strategi pengoptimalan tersebut untuk membantu Anda mencapai kesuksesan dengan kampanye iklan Anda.

1. Idenifikasi tujuan periklanan

Strategi pengoptimalan Anda tergantung pada tujuan yang Anda tetapkan untuk kampanye.
Dengan memperhatikan tujuan spesifik, Anda dapat berupaya secara strategis untuk mencapai sasaran, melacak performa, dan melakukan modifikasi yang diperlukan untuk mendapatkan hasil yang dikehendaki

2. Organisir account demi efektifitas yang maksimum

Account dengan struktur yang baik dapat dikelola dengan mudah dan digunakan untuK menargetkan khalayak secara efektif.

  • Mengatur kampanye menurut topik: Buat kampanye terpisah untuk setiap baris produk, sumber daya, atau merek. Tindakan ini akan membantu Anda memantau iklan dengan lebih mudah dan melakukan penyesuaian yang diperlukan untuk meningkatkan performa kampanye. Tetapkan tujuan yang ingin  diperoleh melalui masing-masing kampanye. Setelah itu, atur kampanye berdasarkan tujuan tersebut.
  • Menargetkan bahasa dan lokasi yang tepat:  Untuk setiap kampanye, Anda dapat menargetkan iklan ke bahasa dan lokasi tertentu (sekaligus memilih anggaran dan pengaturan lainnya). Pastikan Anda hanya menargetkan bahasa dan lokasi yang relevan dengan bisnis Anda. Misalnya, jika Anda mengirimkan produk ke lokasi dalam jarak tertentu dari perusahaan, targetkan negara, teritori, kawasan, atau kota yang terkait dengan wilayah tersebut, bukan ‘Semua Negara’.
  • Membuat grup iklan yang sangat spesifik:  Sama seperti kampanye, setiap grup iklan harus berpusat pada satu produk atau layanan agar iklan dapat dipastikan menjangkau pengguna yang paling memenuhi syarat.
  • Menghindari kata kunci yang sama dalam grup iklan: Google hanya menampilkan satu iklan untuk setiap pengiklan dengan kata kunci tertentu, sehingga Anda tidak perlu menyertakan kata kunci yang sama dalam grup iklan atau kampanye yang berbeda. Kata kunci yang sama akan saling bersaing dan kata kunci berperforma lebih baik akan memicu iklan Anda.

3. Pilih kata kunci dan penempatan yang relevan

Semakin relevan kata kunci dan penempatan  dengan sasaran Anda, semakin mudah Anda menjangkau calon pelanggan.

  • Memilih kata kunci dengan saksama: Cantumkan kata kunci khusus yang terkait langsung dengan tema khusus grup iklan dan laman arahan Anda. Untuk visibilitas iklan yang optimal, sertakan variasi kata kunci yang relevan dengan bentuk tunggal dan jamaknya.
  • Memanfaatkan opsi pencocokan kata kunci: Dengan sebagian kata kunci, Anda akan mendapatkan lebih banyak tayangan iklan, sedangkan dengan sebagian lainnya, Anda akan mendapatkan lebih sedikit tayangan, namun berpotensi klik lebih besar.
  • Menggunakan kampanye bertarget penempatan: Penempatan merupakan lokasi di Jaringan Display Google  yang dapat menampilkan iklan Anda. Dengan penargetan penempatan, Anda dapat memilih satu per satu tempat di Jaringan Display untuk menampilkan iklan (disebut dengan penempatan terkelola) atau membiarkan penargetan iklan Google yang telah terbukti menayangkan iklan pada laman situs web yang paling relevan dengan produk dan layanan Anda (penempatan otomatis). Kami hanya akan melihat penempatan terkelola ketika menelusuri tempat-tempat relevan untuk menayangkan iklan. Tidak seperti penempatan otomatis, kata kunci tidak diharuskan.

 4. Buat iklan yang langsung pada tujuan dan target

Konten iklan Anda harus menarik perhatian pengguna dan membuat bisnis Anda terlihat menonjol.

  • Sertakan kata kunci dalam teks iklan Anda (untuk iklan bertarget kata kunci)
  • Buat iklan yang sederhana dan menarik
  • Gunakan ajakan bertindak yang menarik: Beberapa teks ajakan bertindak adalah Beli, Jual, Pesan, Telusuri, Sign up, dan Dapatkan Harga
  • Uji beberapa iklan dalam setiap grup iklan

5. Optimasi situs web untuk mendapatkan konversi

Pada akhirnya, situs Web Anda akan menentukan tingkat konversi iklan, karena itu pastikan situs Anda dirancang agar pengguna dapat menyelesaikan tindakan yang diinginkan. 

  • Tunjukkan halaman arahan yang tepat kepada pengguna
  • Uji efektivitas konten situs Anda.
  • Evaluasi desain situs Anda:  penggunaan Google Analytics
  • Perhatikan pengalaman pengguna

6. Lacak kinerja account

Pemantauan hasil memungkinkan Anda memastikan bahwa Anda mendapatkan laba atas investasi yang tinggi.

  • Periksa statistik akun Anda.
  • Buat laporan.
  • Gunakan analisis web: Google analytics membantu Anda menganalisis apa yang dilakukan pengguna di situs Anda. Informasi rinci perilaku pengguna dapat membantu Anda membuat laman landas yang lebih bertarget dan efektif.

7. Coba dan modifikasi promosi untuk mendapatkan hasil yang diinginkan

Mengoptimalkan kampanye secara rutin akan membantu Anda mengikuti perkembangan pengguna dan tren pasar, kemudian pada akhirnya mencapai tujuan iklan Anda. 

  • Evaluasi performa kampanye Anda dan buat perubahan yang diperlukan: Pelajari strategi yang efektif untuk mencapai tujuan Anda berdasarkan performa iklan.

cc: Nanang Suryadi

Google AdWords

Google AdWords adalah sebuah produk periklanan yang dibuat oleh Goolge yang sampai saat ini masih menjadi sumber pemasukan utama Google di bidang periklanan. Google AdWords adalah sebuah strategi pemasaran periklanan baru yang menggunakan mesin pencarian Google sebagai saran beriklan, biasa disebut juga sebagai  Search engine marketing  atau pemasaran berbasis mesin pencari.

Google AdWords mempunyai dua cara beriklan, yaitu:

1. Sistem PPM atau Pay Per Million Impressions, dimana para pengiklan membayar produk yang diiklankan melalui Google berdasarkan jumlah per seribu impressions atau tayang nya iklan tersebut.

2. Sistem PPC atau Pay Per Click, dimana para pengiklan membayar iklan berdasarkan jumlah klik yang didapt dari iklan tersebut. Jadi apabila iklan tersebut tampil di mesin pencarian Google namun tidak ada yang melakukan klik, maka pengiklan tidak akan membayar biaya tayang iklannya.

Strategi Google AdWords adalah dengan menargetkan keyword pencarian. Jadi kita bisa menargetkan iklan kita keluar pada kata kunci tertentu. Sebagai contoh apabila seseorang ingin mengiklankan mengenai rental mobil, maka dia bisa menargetkan keyword “sewa mobil” pada Google AdWords dan kemudian iklannya akan muncul pada hasil pencarian ketika orang memasukkan keyword “sewa mobil”.

Platform Google Adwords terbagi 2, yaitu :

1. Google Search, dimana iklan kita muncul pada mesin pencarian Google. Platform search ini berdasarkan text dan keyword.

2. Google Display Network, dimana iklan kita akan muncul pada situs-situs yang termasuk ke dalam jaringan Google Display Network. Yaitu situs-situs yang memasang Google Adsense pada situsnya. Platform Display Network ini berdasarkan text, image, flash maupun video.

Google juga menyediakan alat (tool) Keyword Tool untuk melihat data mengenai jumlah pencarian dan tingkat kompetisi pemakaian suatu keyword untuk beriklan di AdWords. Selain itu dengan menggunakan Google Insight dan Google Trends kita juga dapat mengetahui trend keywords yang sedang banyak dicari oleh suatu masyarakat sehingga kita bisa menargetkan campaign iklan kita melalui keywords tersebut sesuai dengan tren yang berlaku saat ini.

Namun tidak semua yang memasang iklan di Google memiliki kemampuan ataupun waktu untuk mengelola kampanye iklan secara efisien karena sangat banyak sistem pengaturan atausettings yang dapat mempengaruhi efektivitas kampanye iklan mereka. Masalah tersebut dapat diatasi oleh agen Adwords yang mempekerjakan seorang AdWords Qualified Individual yang mampu mengoptimalkan iklan agar tidak ceroboh dan tanpa disadari membuang-buang anggaran budget Adwords-nya.

cc: Nanang Suryadi

Webmaster Guideline Yahoo

Bing adalah mesin poencari yang memiliki desain inovatif.untuk pengguna baru (new users interface) akan dibawa untuk mencari informasi yang mereka inginkan dengan cepat berdasarkan  apa yang mereka butuhan dengan berbagai fitur, seperti Quick Tabs.

Dasar Bing SEO

·         SEO pada dasarnya adalahtentanf bagaiamna membuat website yang baik. Dan d Bing, ada beberapa cara yang dapat dilakukan untuk mencapai peringkat yang optimal untuk situs yang kita miliki. Cara yang dimaksud adalah sebagai berikut:

·        Mengembangkan konten asli  yang diarahkan kepada audiens

·         Gunakan kode artiched dalam halaman web ykita sehingga pengguna web browser dan mesin pencari crawler dapat membaca konten yang akan diindeks

Mendapatkan link autoratif dan berkualitas tinggi

Pekerjaan SEO dan tugas webmaster  yang harus dilakukan adalah harus menjadi sukses . Didalam Bing itu sendiri, SEO akan membawa perbaikan dalam peringkat situs yang kita miliki didalam mesin pencari lainnya.

Dan pada akhirnya, SEO tetaplah SEO.pengguna baru Bing hanya memberikan peluang bagi pencari untuk menemukan informasi apa yang pengguna inginkan menjadi lebih cepat dan mudah. Dan manfaat dari ebmaster itu sendiri telah bekerja untuk kualitas konten itu sendiri, arsitekturnua, dan usaha dalam produktifitas beberapa inbound link berkualitas tinggi.

Kunci dan Alat untuk Melakukan SEO dengan Bing

Untuk mengikuti perkembangan informasi terbaru dan terbesar dating dari pusat Webmaster Bing, ada beebrapa hal yang harus diperhatikan:

  • ·         Review pedoman resmi atas Bing untuk pengindeksan dokumen yang sukses untuk rekomendasi berbagai masalah teknis dan konten, dan juga mengetahui masalah yang dapat mempengaruhi peringkat situ kita
  • ·         Kunjungi blog pusat webmaster untuk mengikuti informasi terbaru/ berlangganan RSS feed pada blog kita untuk mengotomatisasi proses ini
  • ·         Daftarkan semua website kita dengan Bing Webmaster pusat

    referensi:

     Bing.com

cc: nanang suryadi

Webmaster Guideline Google

Apabila situs kita telah selesai, maka kita harus meng-input situs tersebut ke http://www.google/submityour content/. Kirim sitemap dengan Google Webmaster Tools. Hal ini digunakan Google untuk mempelajari dan mengenal tentang struktur situs yang kita miliki.

Dalam men-desain situs, akan lebih baik apabila kita membuat situs yang jelas dan teks link. Setiap halaman harus dapat kenal,setidaknya dengan satu teks link. Akan lebih baik apabila dalam menulis halaman, kita menulis dengan jelas dan akurat dalam menjelaskan konten- konten yang ada. Dan selain itu,  kita harusmneggunakan “kata pengguna” yang dapat memudahakan pencari informasi mendapatkan site ktia. Penggunaaan teks akakn lebih baik dibandingkan penggunakaan gambar, karena Google Crawler tidak dapat mendeteksi tulisan didalam gambar. Apabila tetap ingin menggunakan gambar untuk konten teks,  baik untuk menggunakan “ALT” untuk memasukkan beberapa kata dari teks deskriptif. Dan harus dipastikan bahwa elemen dan atribut ALT yang akurat.

Memeriksa lnk yang rusak dan HTML yang benar harus dilakukan. Jika ingin menggunakan halaman dinamis (yang berisi karakter “?”). Untuk gambar dan video, ada hal- hal penting yang harus diperhatikan. Gunakan browser teks seperti Lynx untuk memriksa situs yang kita miliki. Dan biarkan bot pencarian untuk masuk ke situs kita tanda ID atau argument yang melacak jalur mereka melalui situs.

Selain itu, kita harus memastikan bahwa server web kita mendukuk If- Modified- Sine HTTP header, yang mana memungknkan server web kita untuk memberigtahu Google apakah konen kita telah berubah sejak terakhir kali pembaca memasuki web kita. Fitur ini juga menghemat bandwidth dan overhead. Memanfaatkan file robots. Txt pada server web yang kita miliki. Dengan menggunala file ini akan memberitahukan crawler direktori mana yang dapat atau tidak dijelajahi. Untuk dapat lebih memahaminya bagaimana secara otomatis mesin akan membawa ke web kita,maka  dapat mengunjungi  http://code.google.com.web.controlcrawlindex/docs/faq.html. dan untuk mengujinya, ktia dapat menggunakan Google Webmaster Tools.

Iklan dalam suatu web tidak mempengaruhi peringkat dalam pencarian. Dan untuk mencegah crawling dari halaman pencariam maka kita dapat menggunakan robot.txt .

Menguji situs muncul pada browser yang berbeda

Hal ini berguna untuk memantau dan menyediakan kepada pengguna hasil- gasil yang relevan dari Google itu sendiri. Pencarian situs yang cepat juga dapat meningkatkan kepuasan pengguna dan meningkatkan kualitas dari we b secara keseluruhan. Google sebagai mesin pencari menganjurkan agar webmaster dapat memonito performa situs dengan menggunakan “Page Speed. YSlow, WebPAgeTest, atau alat lainnya.

Pedoman untuk menjaga kualitas. Pedoman ini akan membuat Goolg ememberikan respon yang negative apabila terjadi perilaku yang menipu arau praktik negative lainnya. Apabila kita merasa bahwa situs lain telah menyalahgunakan panduan kualitas (praktik negative), maka hal ini dapat kita laporkan ke https://www.google.com/webmasters/tools/spamreport.

Prinsip dasar dalam menjaga kualitas site.

Dalam membuat halaman kita tidak boleh menipu pengguna yang sering disebut “cloaking”. Dan kita juga jangan pernah berpartisipasi dalam skema link yang dirancang untuk meningkatkan peringkat situs/ Page Rank. Dan juga hindari link ke spammer web atau “bad neighborhoods” di web, yang mana mungkin saja akan member pengaruh negattif oleh link tersebut. Dan harus diingat bahwa jangan menggunakan rogram kompuer yang tidak sah untuk mengirim halaman,rating, dll karena Goole tidak merekomendasikan penggunaan produck seperti Web Position, Gold yang mengirim perintah otomatis atau terprogram ke Google. Ada beberapa hal yang harus dijadikan pedoman dalam menjaga kualitas, seperti:

  1.  Hindari teks atau link yang tersembunyi
  2. Jangan menggunakan cloaking atau sneaky redirects
  3. Jangan mengirimkan query otomatis ke Google
  4. Jangan memuat halaman yang tidak relevan dengan kata kunci
  5.  Jangan membuat laman subdomain atau domain dengan duplikat konten substansial
  6. Jangan membuat halaman dengan perilaku jahat, seperti phising atau menginstall virus, troja, atau badware lain
  7.  Hindari laman “doorway” yang dibuat hanya untuk mesin pencari atau “cookie cutter” pendekatan seperti program afiliasi dengan kontes asli sedikit atau tidak ada

 referensi:

Pada sejarahnya…

Pada sejarahnya, internet masuk Indonesia pada tahun 1995. Saat itu, pengguna internet hanya kalangan terbatas, tidak seluas saat ini.Seiring berkembangnya untuk didapatkan, teknologi, jaringan internet yang semakin mudah ditemukan dimana- mana, dan juga dengan biaya akses yang sangat terjangkau. Jumlah pengguna internet di Indonesia menembus angka 50 juta. Sebuah kenaikan yang dianggap luar biasa. Saat ini Indonesia merupakan negara kedua pemakaian internet terbesar setelah Rusia, dan hal ini menunjukkan bahwa Indonesia tak kalah pesat perkembangan teknologi nya dibanding negara- negara lain.


Perkembangan yang pesat ini harus ditanggapi dengan sikap yang bijak dalam penggunaan internet tersebut. Tidak adanya batasan pemakaian internet dari segi usia, baik anak- anak maupun dewasa membuat kita harus bijak dalam meggunakan internet. hal ini saya kutip dari wahidun blog. internet digunakan untuk berbagai fungsi, seperti fungsi berita, media sosial, bahkan promosi maupun penjualan (e-commerce). namun dalam kenyataannya, perkembangan penggunaan internet di Indonesia tidak diikuti oleh pemakaian yang maksimal. Kebanyakan dari pengguna internet di Indonesia saat ini menggunakan internet hanya sebatas untuk kesenangan saja. Misalnya untuk meng-update status di laman jejaring sosial, namun kurang dalam pemanfaatan media e-commerce. Akan tetapi penyebab hal ini terjadi karena kurangnya infrastruktur yang dapat menunjang e-commerce itu sendiri.. Sebagaimana yang dilasir oleh VIVAnews.com pertengahan Februari 2012 lalu mengatakan, “Sebenarnya, lembaga riset internasional, Frost and Sullivan melihat potensi penggunaan internet di Indonesia ke arah e-commerce, semenjak meledaknya jejaring sosial itu.


Namun sayangnya, infrastruktur masih menjadi kendala dalam pengembangan e-commerce. ‎”Saat ini, dari tiga operator utama, jaringan 3G yang cukup mumpuni untuk coverage e-commerce baru mencakup 20 persen. Dari sini kelihatan seberapa besar data traffic yang bisa di-cover,” kata Iwan Rachmat, Senior Consultant Frost and Sullivan, di Hotel Intercontinental, Jakarta.


Iwan juga mengatakan bahwa pasar e-commerse di Indonesia mulai tumbuh. Data riset lembaganya mencatat pada 2010 dari jumlah pasar e-commerce, komposisi iklan 8,39 persen, game 11,54 persen dan video musik 2,7 persen. “Ini mulai tumbuh, tinggal cakupan kapasitas dan infrastrukturnya,” kata Iwan.


Berdasarkan artikel diatas yang saya kutip dari beberapa nara sumber, maka dapat diprediksi pada tahun 2012 ini perkembangan internet di Indonesia akan semakin meningkat. Tingkat pemakaian internet sendiri diyakini akan meningkat drastis dengan adanya peningkatan dalam infrastruktur yang mendukung. Dan dengan begitu, peningkatan internet sebagai media e-commerce pun akan semakin marak pada tahun 2012 ini.


Referensi:

  1. wahidunblog.com
  2. VIVAnews.com
  3. anneahira.com

Perkembangan Internet di indonesia tahun 2012 (Ecommerce task)

Pada sejarahnya, internet masuk Indonesia pada tahun 1995. Saat itu, pengguna internet hanya kalangan terbatas, tidak seluas saat ini.Seiring berkembangnya untuk didapatkan, teknologi, jaringan internet yang semakin mudah ditemukan dimana- mana, dan juga dengan biaya akses yang sangat terjangkau. Jumlah pengguna internet di Indonesia menembus angka 50 juta. Sebuah kenaikan yang dianggap luar biasa. Saat ini Indonesia merupakan negara kedua pemakaian internet terbesar setelah Rusia, dan hal ini menunjukkan bahwa Indonesia tak kalah pesat perkembangan teknologi nya dibanding negara- negara lain.

 

Perkembangan yang pesat ini harus ditanggapi dengan sikap yang bijak dalam penggunaan internet tersebut. Tidak adanya batasan pemakaian internet dari segi usia, baik anak- anak maupun dewasa membuat kita harus bijak dalam meggunakan internet. hal ini saya kutip dari wahidun blog. internet digunakan untuk berbagai fungsi, seperti fungsi berita, media sosial, bahkan promosi maupun penjualan (e-commerce). namun dalam kenyataannya, perkembangan penggunaan internet di Indonesia tidak diikuti oleh pemakaian yang maksimal. Kebanyakan dari pengguna internet di Indonesia saat ini menggunakan internet hanya sebatas untuk kesenangan saja. Misalnya untuk meng-update status di laman jejaring sosial, namun kurang dalam pemanfaatan media e-commerce. Akan tetapi penyebab hal ini terjadi karena kurangnya infrastruktur yang dapat menunjang e-commerce itu sendiri.. Sebagaimana yang dilasir oleh VIVAnews.com pertengahan Februari 2012 lalu mengatakan, “Sebenarnya, lembaga riset internasional, Frost and Sullivan melihat potensi penggunaan internet di Indonesia ke arah e-commerce, semenjak meledaknya jejaring sosial itu.

 

Namun sayangnya, infrastruktur masih menjadi kendala dalam pengembangan e-commerce. ‎”Saat ini, dari tiga operator utama, jaringan 3G yang cukup mumpuni untuk coverage e-commerce baru mencakup 20 persen. Dari sini kelihatan seberapa besar data traffic yang bisa di-cover,” kata Iwan Rachmat, Senior Consultant Frost and Sullivan, di Hotel Intercontinental, Jakarta.

 

Iwan juga mengatakan bahwa pasar e-commerse di Indonesia mulai tumbuh. Data riset lembaganya mencatat pada 2010 dari jumlah pasar e-commerce, komposisi iklan 8,39 persen, game 11,54 persen dan video musik 2,7 persen. “Ini mulai tumbuh, tinggal cakupan kapasitas dan infrastrukturnya,” kata Iwan.

 

Berdasarkan artikel diatas yang saya kutip dari beberapa nara sumber, maka dapat diprediksi pada tahun 2012 ini perkembangan internet di Indonesia akan semakin meningkat. Tingkat pemakaian internet sendiri diyakini akan meningkat drastis dengan adanya peningkatan dalam infrastruktur yang mendukung. Dan dengan begitu, peningkatan internet sebagai media e-commerce pun akan semakin marak pada tahun 2012 ini.

 

Referensi:

  1. wahidunblog.com
  2. VIVAnews.com
  3. anneahira.com

HTML 5 dan Kode Terbaru

Sebelum memasuki HTML5, ada baiknya bagi saya untuk menjelaskan pengertian dari HTL itu sendiri. HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. HTML juga dapat digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.


Dan untuk HTML5 didefinisikan sebagai iterasi terbaru dari HTML, bahasa dasar dari Web. KEtika selesai akan menggantikan kedua versi saat ini, HTML 4.-1 dan XHTML 1.1. Meskipun kita harus berhati- hati dalam menggunakan HTML 5 pada proyek- proyek Web yang lebih besar karena sebagian browser tidak memahaminya, belajar tentang perbaikan dengan lebih dari versi terakhir adalah menarik dan bermanfaat.


Perkembangan standart bahasa markup website menuju HTML5 itu sendiri sudah ditunggu-tunggu developer web seluruh dunia. Meskipun belum dirilis secara resmi, banyak fitur HTML5 yang sudah diimplementasikan oleh browser-browser besar seperti Mozilla Firefox, Opera, Safari, dan Google Chrome.


Berikut ini adalah beberapa hal tentang HTML5 yang wajib Anda ketahui jika Anda ingin menjadi developer Web yang handal (perubahan code pada HTML 5):

Pada versi sebelumnya:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Pada HTML 5:

Code:

<!DOCTYPE html><html lang="en">

Pada saat menggunakan CSS untuk layout:

Code script lama:

Code:

<div id="wrapper"></div>
<div id="header"></div>
<div></div>

Pada HTML 5 menjadi:

Code:

<wrapper></wrapper>
<header></header>
<comment></comment>

Untuk Canvas HTML 5:

Untuk contoh simple nya, kita akan menggambar sebuah garis pada halaman web kita, analoginya, canvas pada HTML 5 seperti canvas pada saat kita melukis. Jadi tempat/ media gambar kita terpasang pada canvas ini.


Berikut script utnuk membua line kita:

Code:

<script>

function drawLine() {
var canvas=document.getElementById("myCanvas");
var c=canvas.getContext("2d");

c.moveTo(100,150);
c.lineTo(450,50);
c.lineWidth=10;
c.strokeStyle="#7CFC00"; // line color
c.stroke();
}

</script>

lalu kita tampilkan line tersebut dengan script:

Code:

<canvas id="myCanvas" width="578" height="200"></canvas>

dan pada body HTML di set onload ke function drawline,menjadi:

Code:

<body onload="drawLine()">

Contenteditable. Yaitu atribut baru dari HTML5 yang memungkinkan sebuah elemen untuk dimodifikasi langsung pada tampilan. Contoh sederhananya:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Judul</title>

</head>

<body>

<h2>Daftar barang piknik</h2>

<ul contenteditable="true">

<li>Jas hujan</li>

<li>Tenda</li>

<li>Air minum</li>

</ul>

</body>

</html>

Validasi email. Dengan validasi langsung di tampilan, Anda dapat mencegah seorang user untuk memanggil script website dengan input yang salah. Ini dapat mengurangi jumlah request yang tidak valid terhadap script program Anda. HTML5 menawarkan fitur validasi email secara langsung dengan mengubah type dari elemen input menjadi “email”. Sayangnya, masih belum semua browser memberikan support untuk fitur ini. Dari percobaan penulis, salah satu browser yang memiliki fitur ini adalah Opera.

1

2

3

4

5

<form action="" method="post">

<label for="email">Email:</label>

<input id="email" type="email" name="email" />

<button type="submit">OK</button>

</form>

Atribut required. Satu lagi untuk input pada HTML5, memungkinkan validasi pada sisi client terhadap input yang harus diisi. Dengan demikian, Anda tidak perlu membuat fungsi javascript untuk melakukannya. Cukup menambahkan atribut “required” pada elemen “input”. Jika tombol submit ditekan, akan muncul pesan error.

?

1

2

3

4

5

<form method="post" action="">

<label for="someInput">Nama:</label>

<input type="text" id="someInput" name="someInput" placeholder="Muhammad Fauzil Haqqi" required>

<button type="submit">Go</button>

</form>

Referensi: