ABSTRAK

Wahyu Raja Reply 6:32 PM

Apa Itu Abstrak??

Sudahkah saudara tahu apa itu abstrak?. Sudahkah anda membaca laporan penelitian?. Ada apa ketika saudara membukanya di halaman- halaman pembuka?. Yup........Betul. Anda akan menjumpai yang namanya Abstrak. 

What is Abstract? Abstrak merupakan uraian ringkas, cermat dan menyeluruh dari isi suatu karangan ilmiah. Abstrak yang baik harus memenuhi syarat – syarat sebagai berikut :
  1. Merupakan uraian singkat, cermat dan menyeluruh sehingga mencerminkan keseluruhan isi judul. Abstrak dapat berdiri sendiri sebagai satu kesatuan yang utuh sehingga dapat dimuat dalam satu majalah yang khusu memuat abstrak.
  2. Tanpa komentar dari pembuatnya diluar apa yang dikemukakan dalam karangan ilmiah.
  3. Dapat dikerjakan orang lain, tetapi sebaiknya dibuat sendiri oleh penulisnya karena ia lebih memahami apa yang disajikan dalam karangan ilmiah tersebut.
  4. Terdapat pada permulaan karangan ilmiah sehingga pembanca segera dapat mengetahui informasi yang disajikan sesuai dengan keperluan.
  5. Isi suatu abstrak sebaiknya jangan melebihi 250 kata atau sekitar 25 baris jika setiap baris terdiri atas 10 kata.
  6. Huruf yang digunakan dalam abstrak sebaiknya berbeda besarnya dengan huruf isi karangan ilmiah.
  7. Sedapat mungkin dihindari pemakaian kalimat aktif, sebaiknya kalimat pasif.
  8. Kepustakaan, singkatan, ilustrasi, grafik dan tabel tak boleh dicantumkan.
  9. Dibawah abstrak sebaiknya dicantumkan kata-kata kunci (key words) sebanyak 3 sampai 10 kata yang kira-kira dapat dipakai untuk mengindeks karangan ilmiah kita dalam karangan ilmiah sejenis. Kata kunci adalah kata-kata yang penting dan paling menonjol dalam karangan ilmiah.

When I clicked on Project Options, Devcpp crashed.

Wahyu Raja Reply 6:07 PM
This is the solution :

I found a work-around, turn off DEP for dev-cpp.

Since it took me some some time to find where MS had hidden that one,
let's add instructions for those who don't do this regularly:
------------
Right click 'My Computer' -> Properties -> Advanced
Select 'Performance Settings' -> 'Data Execution Prevention'
and then add 'dev-cpp' to the 'turn off' list.
And don't forget to select that new item.

Wahyu Raja Reply 6:03 AM

Mencapai Batas RAM di Windows 7 4 GB 

 

Malam Sobat bloger semua, tengah malam ini saya coba sempatkan untuk share sebuah tools untuk windows 7 yang 32 bit/x86 yang penggunaan RAM-nya 4 GB namun hanya terpakai 2.80 atau 3 GB aja, wah rugi donk beli memory tapi malah ngak terpake semua. Menurut Microsoft Windows 7 32/x86 bit bisa suport Memory 4 GB namun kenyataannya hanya bisa 2.80 ampe 3 GB aja karena pihak Microsoft meng-locker fungsi tersebut. Ini adalah salah 1 trik marketing dari Microsoft agar Windows 64 bit/x64 bisa dibeli. Namun,
sesungguhnya untuk yang pengguna Windows 7 32 bit juga bisa mengunlocker RAM sampai mencapai batas, Sesuai dari judul diatas adalah mencapai batas RAM di Windows 7 4 GB, saya share 1 tools untuk mengunlocker fungsi dari RAM 4 GB tersebut.
Gambar diatas adalah System properties dari Laptop saya, yang semula hanya bisa membaca RAM 2.80 GB saja. Sangat disayangkan bila kita Upgrade to 4 GB namun hanya terpakai 2.80 GB aja.
Sekarang penggunaan Memory yang saya gunakan sudah hampir mencapai 4 GB, namun karena pengalokasian untuk System lain yang ada di Windows 7 hanya 3.68, sisanya di alokasikan pada System.

1. Windows 7 Ultimate 32 bit/x86
2. Download Tools Disini
3. Backup data pada Windows (Jaga2 jika terjadi Crash pada Windows, Yang saya lakukan tida perlu membackup, harus berani mencoba, hehehehehe)
4. Silent Anti Virus karena biasanya pacth disangka sebagai Virus.
5. Run Tools
Maka akan muncul seperti yang diatas, jika sudah yakin jangan ragu klik aja yang dilingkari merah pada gambar. Tunggu hingga selesai. Jika sudah selesai, terlihat tulisan "Mode Windows 7 Test" pada kiri pojok bawah windows, klik Remover Watermark.
Jika sudah, klik System restart. tunggu hingga restart. Ketika boot pada windows terdapat dual boots. Pilih windows 7 ohne DDR-RAM Sperre Dan Cek/ periksa RAM terpakai pada Syster Propertis. Selamat RAM Sobat sudah Maksimal.
Untuk menghilangkan dual boots, masuk ke Properties pada My komputer > System Protection > Advance > Pada Staruo dan Recovery > Setting
Pilih default operating System > windows 7 ohne DDR-RAM Sperre sebagai default.
setting time to display 0 seconds.
Semoga bermamfaat...

Sumber : http://katsuo-stmikwd.blogspot.com/2012/02/mencapai-batas-ram-di-windows-7-4-gb.html

Apa Itu Komputer?

Wahyu Raja Reply 3:22 PM
--------------------------------------------------------------------------------------------------------------------------------------
Apa Itu Komputer?

---------------------------------------------------------------------------------------------------------------------------------------


Sumber
Ilmukomputer.com
Penyusun
Abdul Hady
Para Penulis
Romi Satria Wahono
Yuhefizar



---------------------------------------------------------------------------------------------------------------------------------------
 Pengertian
 Komputer berasal dari bahasa latin computare yang mengandung arti menghitung. Karena luasnya bidang garapan ilmu komputer,  para pakar dan peneliti sedikit berbeda dalam mendefinisikan termininologi komputer.
 • Menurut Hamacher [1], komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital,  kemudian memprosesnya sesuai dengan program yang tersimpan di memorinya, dan menghasilkan output berupa informasi.
 • Menurut Blissmer [2], komputer adalah suatu alat elektonik yang mampu melakukan beberapa tugas sebagai berikut:
 - menerima input
 - memproses input tadi sesuai dengan programnya
 - menyimpan perintah-perintah dan hasil dari pengolahan
 - menyediakan output dalam bentuk informasi
 • Sedangan Fuori [3] berpendapat bahwa komputer adalah suatu pemroses data yang dapat melakukan perhitungan besar secara  cepat, termasuk perhitungan aritmetika dan operasi logika, tanpa campur tangan dari manusia.

 Untuk mewujudkan konsepsi komputer sebagai pengolah data untuk menghasilkan suatu informasi, maka diperlukan sistem  komputer (computer system) yang elemennya terdiri dari hardware, software dan brainware. Ketiga elemen sistem komputer  tersebut  harus saling berhubungan dan membentuk kesatuan. Hardware tidak akan berfungsi apabila tanpa software, demikian juga  sebaliknya. Dan keduanya tiada bermanfaat apabila tidak ada manusia (brainware) yang mengoperasikan dan mengendalikannya.
 1. Hardware atau Perangkat Keras: peralatan yang secara fisik terlihat dan bisa djamah.
 2. Software atau Perangkat Lunak: program yang berisi instruksi/perintah untuk melakukan pengolahan data.
 3. Brainware: manusia yang mengoperasikan dan mengendalikan sistem komputer.

---------------------------------------------------------------------------------------------------------------------------------------
 Perangkat pada Komputer

 Input Device, adalah perangkat-perangkat keras komputer yang berfungsi untuk memasukkan data ke dalam memori komputer,  seperti keyboard, mouse, joystick dan lain-lain.
 Prosesor, adalah perangkat utama komputer yang mengelola seluruh aktifitas komputer itu sendiri. Prosesor terdiri dari dua bagian  utama, yaitu ;
 • Control Unit (CU), merupakan komponen utama prosesor yang mengontrol semua perangkat yang terpasang pada komputer,  mulai dari input device sampai output device.
 • Arithmetic Logic Unit (ALU), merupakan bagian dari prosesor yang khusus mengolah data aritmatika (menambah, mengurang dll)  serta data logika (perbandingan).

 Memori adalah media penyimpan data pada komputer. Memori ini terbagi atas dua macam, yaitu
 • Read Only Memory (ROM), yaitu memori yang hanya bisa dibaca saja, tidak dapat dirubah dan dihapus dan sudah diisi oleh  pabrik pembuat komputer. Isi ROM diperlukan pada saat komputer dihidupkan. Perintah yang ada pada ROM sebagian akan  dipindahkan ke RAM. Perintah yang ada di ROM antara lain adalah perintah untuk membaca sistem operasi dari disk, perintah  untuk mencek semua peralatan yang ada di unit sistem dan perintah untuk menampilkan pesan di layar. Isi ROM tidak akan hilang  meskipun tidak ada aliran listrik. Tapi pada saat sekarang ini ROM telah mengalami perkembangan dan banyak macamnya, al ;

 a. PROM (Programable ROM), yaitu ROM yang bisa kita program kembali dengan catatan hanya boleh satu kali perubahan setelah  itu tidak dapat lagi diprogram.
 b. RPROM (Re-Programable ROM), merupakan perkembangan dari versi PROM dimana kita dapat melakukan perubahan  berulangkali sesuai dengan yang diinginkan.
 c. EPROM (Erasable Program ROM), merupakan ROM yang dapat kita hapus dan program kembali, tapi cara penghapusannya  dengan menggunakan sinar ultraviolet.
 d. EEPROM (Electrically Erasable Program ROM), perkembangan mutakhir dari ROM dimana kita dapat mengubah dan  menghapus program ROM dengan menggunakan teknik elektrik. EEPROM ini merupakan jenis yang paling banyak digunakan saat  ini.
 • Random Access Memori (RAM), dari namanya kita dapat artikan bahwa RAM adalah memori yang dapat diakses secara random.  RAM berfungsi untuk menyimpan program yang kita olah untuk sementara waktu (power on) jika komputer kita matikan, maka  seluruh data yang tersimpan dalam RAM akan hilang. Tujuan dari RAM ini adalah mempercepat pemroses data pada komputer.
 Agar data yang kita buat tidak dapat hilang pada saat komputer dimatikan, maka diperlukan media penyimpanan eksternal, seperti  Disket, Harddisk, PCMCIA card dan lain-lain.
 Output Device, adalah perangkat komputer yang berguna untuk menghasilkan keluaran, apakah itu ke kertas (hardcopy), ke layar  monitor (softcopy) atau keluaran berupa suara. Contohnya printer, speaker, plotter, monitor dan banyak yang lainnya.

---------------------------------------------------------------------------------------------------------------------------------------
 Komponen-Komponen Komputer
 Komputer terdiri dari tiga komponen utama yang tidak dapat dipisahkan, yaitu ;
 Hardware (perangkat keras), merupakan peralatan fisik dari komputer yang dapat kita lihat dan rasakan. Hardware ini terdiri dari ;
 a. Input/Output Device (I/O Device)
 Terdiri dari perangkat masukan dan keluaran, seperti keyboard dan printer. (lihat sub menu periferal)
 b. Storage Device (perangkat penyimpanan)
 Merupakan media untuk menyimpan data seperti disket, harddisk, CD-I,dll.
 c. Monitor /Screen
 Monitor merupakan sarana untuk menampilkan apa yang kita ketikkan pada papan keyboard setelah diolah oleh prosesor. Monitor  disebut juga dengan Visual Display Unit (VDU).
 d. Casing Unit
 Casing unit adalah tempat dari semua peralatan komputer, baik itu motherboard, card, peripheral lain dan Central Procesing Unit  (CPU). Casing unit ini disebut juga dengan System Unit.
 e. Central Procesing Unit (CPU)
 Central Procesing Unit adalah salah satu bagian komputer yang paling penting, karena jenis prosesor menentukan pula jenis  komputer. Baik tidaknya suatu komputer, jenis komputer, harga komputer, ditentukan terutama oleh jenis prosesornya. Semakin  canggih prosesor komputer, maka kemampuannya akan semakin baik dan biasanya harganya akan semakin mahal.

 Software (perangkat lunak), merupakan program-program komputer yang berguna untuk menjalankan suatu pekerjaan sesuai  dengan yang dikehendaki. Program tersebut ditulis dengan bahasa khusus yang dimengerti oleh komputer. Software terdiri dari  beberapa jenis, yaitu ;

 a. Sistem Operasi, seperti DOS, Unix, Novell, OS/2, Windows, dll.
 Adalah software yang berfungsi untuk mengaktifkan seluruh perangkat yang terpasang pada komputer sehingga masing-masingnya  dapat saling berkomunikasi. Tanpa ada sistem operasi maka komputer tak dapat difungsikan sama sekali.
 b. Program Utility, seperti Norton Utility, Scandisk, PC Tools, dll.
 Program utility berfungsi untuk membantu atau mengisi kekurangan/kelemahan dari system operasi, misalnya PC Tools dapat  melakukan perintah format sebagaimana DOS, tapi PC Tools mampu memberikan keterang dan animasi yang bagus dalam proses  pemformatan. File yang telah dihapus oleh DOS tidak dapat dikembalikan lagi tapi dengan program bantu hal ini dapat dilakukan.
 c. Program Aplikasi, seperti GL, MYOB, Payroll, dll.
 Merupakan program yang khusus melakukan suatu pekerjaan tertentu, seperti program gaji pada suatu perusahaan. Maka program  ini hanya digunakan oleh bagian keuangan saja tidak dapat digunakan oleh departemen yang lain. Biasanya program aplikasi ini  dibuat oleh seorang programmer komputer sesuai dengan permintaan/kebutuhan seseorang/lembaga/perusahaan guna keperluan  interennya.
 d. Program Paket, seperti MS-Word, MS-Excel, Lotus 125, dll
 Adalah program yang disusun sedemikian rupa sehingga dapat digunakan oleh banyak orang dengan berbagai kepentingan. Seperti  MS-Word, dapat digunakan oleh departemen keuangan untuk membuat nota, atau bagian administrasi untuk membuat surat  penawaran dan lain sebagainya.
 e. Bahasa Pemrograman, Pascal, Fortran, Clipper, dBase, dll.
 Merupakan software yang khusus digunakan untuk membuat program komputer, apakah itu sistem operasi, program paket dll.  Bahasa pemrograman ini biasanya dibagi atas 3 tingkatan, yaitu ;
 1. Low Level Language, bahasa pemrograman generasi pertama, bahasa pemrograman jenis ini sangat sulit dimengerti karena  instruksinya menggunakan bahasa mesin. Biasanya yang mengerti hanyalah pembuatnya saja.
 2. Midle Level Language, merupakan bahasa pemrograman tingkat menengah dimana penggunaan instruksi sudah mendekati  bahasa sehari-hari, walaupun begitu masih sulit untuk di mengerti karena banyak menggunakan singkatan-singakatan seperti STO  artinya simpan (singkatan dari STORE) dan MOV artinya pindah (singkatan dari MOVE).Yang tergolong kedalam bahasa ini adalah  Assembler, ForTran (Formula Translator).
 3. High Level Language, merupakan bahasa tingkat tinggi yang mempunyai ciri mudah dimengerti, karena menggunakan bahasa  sehari-hari, seperti BASIC, COBOL, dBase dll.

 Brainware (User), adalah personil-personil yang terlibat langsung dalam pemakaian komputer, seperti Sistem analis, programmer,  operator, user, dll. Pada organisasi yang cukup besar, masalah komputerisasi biasanya ditangani oleh bagian khusus yang dikenal  dengan bagian EDP (Electronic Data Processing), atau sering disebut dengan EDP Departemen, yang dikepalai oleh seorang  Manager EDP.
---------------------------------------------------------------------------------------------------------------------------------------
 Penggolongan Komputer
 Beberapa tahun lalu, penggolongan komputer dilakukan atas dasar besarnya RAM yang ada tiap komputer. Waktu itu, komputer  yang memiliki memori atau RAM antara 512 KB hingga 1 MB disebut dengan Komputer Mikro dan yang memiliki RAM lebih dari 1  MB disebut Komputer Mini. Penggolongan seperti ini sekarang tidak tepat lagi, karena komputer sakupun sekarang sudah banyak  yang memiliki RAM lebih besar dari 1 MB. ( 1 MB = 1.024 KB)
 Penggolongan jenis-jenis komputer yang lebih tepat adalah berdasarkan jenis prosesor yang ada pada komputer, karena  kemampuan kerja komputer ditentukan oleh kemampuan prosesornya, semakin tinggi jenis prosesor yang digunakan, maka  semakin tinggi pulalah kinerja dari komputer tersebut. Penggolongan komputer berdasarkan criteria lain masih dimungkinkan,  misalnya berdasarkan ukuran fisik, system operasi, dan jenis data yang diolah. (lihat tabel)
Dasar Penggolongan Jenis Komputer
Generasi I ( 1946 - 1959 )
II ( 1960 - 1965 )
III ( 1966 - 1970 )
IV ( 1971 - sekarang )
V ( pemanfaat teknologi Artificial Inteligence (AI))
Prosesor Mainframe
Minikomputer
IBM compatible atau PC
Macintosh
Bentuk dan ukuran Fisik Tower
Desktop
Portable
Laptop Komputer
Notebook
Sub notebook (handbook)
Palmtop (handheld)
Sistem Operasi Unix
Netware
DOS
OS/2
Windosw NT (Network Technology)
System
NextStep
Jenis data yang diolah Analog
Digital
Hybrid
 Jenis Komputer Berdasarkan Prosesor
 Berdasarkan prosesornya, komputer digolongkan ke dalam tiga bagian, yaitu mainframe, minicomputer dan Personal Computer  (PC). Penggolongan ini dalam beberapa tahun mendatang akan semakin kabur dan mungkin akan hilang, karena komputer  mainframe dan mini mengalami perkembangan yang lambat, sementara komputer PC berkembang terus dengan pesatnya.

 a. Mainframe adalah komputer yang prosesornya mempunyai kemampuan sangat besar, karena ditujukan untuk banyak pemakai.  Mainframe menyediakan sedikit waktu dan sebagian memorinya untuk setiap pemakai (user), kemudian berpindah lagi kepada  pemakain lain, lalu kembali kepemakai yang pertama. Perpindahan ini tidak dirasakan oleh pemakai, seolah-olah tidak ada apa-apa.  Mainframe disediakan untuk banyak pemakai (multi user) dan setiap pemakai dapat menggunakan program yang berbeda pada saat  yang sama (multitasking). Komputer mainframe mempunyai CPU yang berada pada satu mesin sendiri, mempunyai perangkat  penyimpanan, komunikasi di satu mesin sendiri dan dihubungkan dengan banyak terminal yang terdiri dari keyboard dan monitor  saja. Komputer jenis ini biasanya digunakan pada perusahaan yang berskala besar, seperti kantor pusat penerbangan nasional.  Komputer mainframe saat sekarang kalah saing dengan komputer PC dengan teknologi internet.

 b. Minicomputer sebenarnya adalah bentuk mini dari komputer mainframe. Kalau mainframe dapat memiliki ribuan terminal,  komputer mini lebih terbatas hanya sampai puluhan dan mungkin hanya ratusan. Komputer mini ditujukan untuk perusahaan yang  tidak begitu besar tetapi juga tidak begitu kecil. Komputer mini cocok untuk perguruan tinggi yang hanya memiliki satu atau dua  fakultas, pabrik yang produknya hanya untuk memenuhi kebutuhan daerah setempat. Komputer mini ini sekarang jarang dipakai,  karena lebih fleksibel menggunakan komputer PC dengan teknologi Local Area Network-nya (LAN)
 c. Personal Computer (PC) atau komputer pribadi adalah komputer yang ditujukan untuk satu pemakai dengan satu pemakain  program aplikasi pada suatu saat. Oleh karenanya, perangkatnya dapat diringkas ke dalam satu mesin saja. Komputer ini memiliki  monitor, keyboard dan CPU. Namun didalam CPU ini sebenarnya tidak hanya terdapat prosesor saja, tetapi juga ada perangkat  penyimpanan dan mungkin saja dipasangi perangkat tambahan (periferal). Komputer jenis inilah yang paling banyak digunakan, baik  itu di rumah, kantor, lembaga kursus, sekolah dll. Dengan menambahkan berbagai perangkat tambahan, komputer PC dapat  menandingi komputer mainframe dan mini, seperti telah dijelaskan diatas.
 Jenis Komputer Berdasarkan Bentuk dan Ukuran Fisik
 Perlu diketahui bahwa komputer tidak dibedakan kemampuannya berdasarkan ukuran fisiknya. Bukan berarti komputer yang kecil  bentuknya berarti kecil pula kemampuannya.
 a. Tower (menara) adalah yang biasanya diletakkan disamping atau dibawah meja, karena ukurannya yang relatif besar, sehingga  memenuhi meja. Komputer ini biasanya banyak memiliki ruang didalamnya dan banyak memiliki expansion slot (tempat untuk  memasang card tambahan), sehingga bisa ditambahkan dengan berbagai perangkat tambahan.
 b. Desktop (meja) adalah komputer yang ukuran sedikit lebih kecil dari Tower, tetapi biasanya diletakkan diatas meja. Komputer ini  paling banyak dipakai karena harganya yang lebih murah bila dibandingkan dengan bentuk yang lain. Komputer yang kita pakai  sekarang ini adalah jenis desktop.
 c. Portable (mudah dibawa – bawa) adalah komputer yang ukuran sedikit lebih kecil dari Desktop, karena bagian-bagiannya dapat  dirangkai menjadi satu kotak saja, sehingga mudah dibawa kemana-mana. Komputer ini ditujukan bagi pemakai yang sering  bertugas dilapangan, misalnya insinyur yang bertugas menyelesaikan suatu rumah atau peneliti yang mengumpulkan data dilokasi  yang jauh dari kantornya. Komputer ini kurang populer karena relatif besar dan berat.
 d. Notebook (buku catatan) adalah komputer yang ukurannya sebesar buku catatan (yang banyak dipakai pelajar dan mahasiswa  Amerika) saja. Notebook mempunyai ukuran yang sama dengan kerta kuarto, yaitu 8 ½ x 11 inci, tebalnya berkisar 1 hinggan 1 ½  inci dan beratnya antara 4 sampai 6 kg.
 e. Subnotebook adalah computer yang ukuran ada diantara komputer notebook dan palmtop. Ukuran komputer ini sedikit lebih kecil  dari notebook karena ada sebagian perangkat yang tidak dipasang, biasanya disk drive.
 f. Palmtop adalah komputer yang yang dapat digenggam karena ukurannya yang sangat kecil, kira-kira sedikit lebih kecil  dibandingkan kaset video Beta. Komputer ini sering disebut handheld computer. Komputer ini tidak memerlukan aliran listrik,  melainkan baterai kecil biasa (ukuran AA). Kelemahan dari komputer ini adalah layarnya yang terlalu kecil dan keyboardnya sedikit  lebih kecil dari ukuran standar, sehingga menyulitkan pamakai.

 Komputer Berdasarkan Jenis Data yang Diolah
 Berdasarkan pada data yang diolahnya, computer dapat dibagi atas tiga bagian, yaitu ;
 a. Komputer Analog digunakan untuk mengolah data kualitatif, bekerja secara kontinu dan parallel, biasanya tidak memerlukan  bahasa perantara. Contohnya komputer yang digunakan dirumah sakit untuk mengukur suhu, kecepatan suara, voltase listrik dll.
 b. Komputer Digital digunakan untuk mengolah data kuantitatif (huruf, angka, kombinasi huruf & angka, karakter-karakter khusus)  biasanya memerlukan bahasa perantara. Contohnya komputer PC dll.
 c. Komputer Hybrid, merupakan kombinasi antara komputer analog dengan digital. Contohnya Facsimile.

HTML 5

Wahyu Raja Reply 8:15 AM
element-element baru dalam HTML 5

  • markup element
<article> = For external content, like text from a news-article, blog, forum, or any other content from an external source

<aside> = For content aside from the content it is placed in. The aside content should be related to the surrounding content

<command> = A button, or a radiobutton, or a checkbox

<details> = For describing details about a document, or parts of a document

<summary> = A caption, or summary, inside the details element

<figure> = For grouping a section of stand-alone content, could be a video

<figcaption> = The caption of the figure section

<footer> = For a footer of a document or section, could include the name of the author, the date of the document, contact information, or copyright information

<header> = For an introduction of a document or section, could include navigation

<hgroup> = For a section of headings, using <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings

<mark> = For text that should be highlighted

<meter> = For a measurement, used only if the maximum and minimum values are known

<nav> = For a section of navigation

<progress> = The state of a work in progress

<ruby> = For ruby annotation (Chinese notes or characters)

<rt> = For explanation of the ruby annotation

<rp> = What to show browsers that do not support the ruby element

<section> = For a section in a document. Such as chapters, headers, footers, or any other sections of the document

<time> = For defining a time or a date, or both

<wbr> = Word break. For defining a line-break opportunity.

  • media element 
<audio> = For multimedia content, sounds, music or other audio streams

<video> = For video content, such as a movie clip or other video streams

<source> = For media resources for media elements, defined inside video or audio elements

<embed> = For embedded content, such as a plug-in

  • canvas element
<canvas> = For making graphics with a script

  • form element  
<datalist> = A list of options for input values

<keygen>= Generate keys to authenticate users

<output> = For different types of output, such as output written by a script
  • attribute values
tel = The input value is of type telephone number

search = The input field is a search field

url =The input value is a URL

email = The input value is one or more email addresses

datetime = The input value is a date and/or time

date = The input value is a date

month = The input value is a month

week = The input value is a week

time = The input value is of type time

datetime-local = The input value is a local date/time

number = The input value is a number

range = The input value is a number in a given range

color = The input value is a hexadecimal color, like #FF8800

  • HTML 5 Video
html 5 menyuport 3 jenis file : ogg, MPEG4, WebM.
best browser yg menyuport semua format video untuk HTML 5 : chrome 6.0+

contoh
single video<video src="movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>

multiple video
<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video> 
content "Your browser does not support the video tag." dimaksudkan jika web browser yg user pakai tidak suport, maka akan muncul tulisan tersebut.

attribute :
attribute value deskripsi

audio muted Defining the default state of the the audio. Currently, only "muted" is allowed

autoplay autoplay If present, then the video will start playing as soon as it is ready

controls controls If present, controls will be displayed, such as a play button

height pixels Sets the height of the video player

loop loop If present, the video will start over again, every time it is finished

poster url Specifies the URL of an image representing the video

preload preload If present, the video will be loaded at page load, and ready to run. Ignored if "autoplay" is present

src url The URL of the video to play

width pixels Sets the width of the video player


  • HTML 5 Audio
HTML 5 menyuport file audio : ogg vorbis, mp3, wav.
sama seperti video, web browser yg menyuport : chrome 6.0+

contoh :
single audio<audio src="song.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

multiple audio
<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio> 


Attribute value description

autoplay autoplay Specifies that the audio will start playing as soon as it is ready.

controls controls Specifies that controls will be displayed, such as a play button.

loop loop Specifies that the audio will start playing again (looping) when it reaches the end

preload preload Specifies that the audio will be loaded at page load, and ready to run. Ignored if autoplay is present.

src url Specifies the URL of the audio to play

  • HTML 5 Canvas
berfungsi untuk menggambar graphic dalam web kita. Menggunakan JavaScript dalam penggambaran'a. Canvas berbentuk persegi panjang, dan anda mengontrol setiap pixel dalam canvas tersebut. anda bisa menggambar garis, kotak, lingkaran, charackter, dan memasukkan image kedalamnya.

contoh:
contoh kanvas element<canvas id="myCanvas" width="200" height="100"></canvas> 

javascript untuk menggambar<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script> 

contoh gambar garis
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();
</script>

contoh gambar lingkaran
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.beginPath();
cxt.arc(70,18,15,0,Math.PI*2,true);
cxt.closePath();
cxt.fill();
</script>

contoh gradient warna
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
var grd=cxt.createLinearGradient(0,0,175,50);
grd.addColorStop(0,"#FF0000");
grd.addColorStop(1,"#00FF00");
cxt.fillStyle=grd;
cxt.fillRect(0,0,175,50);
</script>

contoh untuk menyisipkan gambar
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
var img=new Image()
img.src="img_flwr.png"
cxt.drawImage(img,0,0);
</script>
 
untuk mencoba gbr garis klik disini

untuk mencoba gbr lingkaran klik disini

untuk mencoba gradient warna klik disini

untuk mencoba memasukkan gambar klik disini 

untuk menggambar sebuah bentuk dalam canvas, anda diharuskan mengetahui koordinat.

contoh :

(0,0,150,75)

150,175 >>> yang berarti menggambar persegi panjang dengan besar 150x75

0,0 >>> yang berarti dimulai dari koordinat 0,0  (X=0, Y=0)
 
HTML 5 Web Storage
 
kalau di lihat dari fungsinya, html 5 ini tidak terlalu beda dari fungsi "cookies", tapi tetap ada bedanya lha ya.... :mellow: 



bedanya dari cookies, web storage ini bisa menyimpan data yg ukuran'a 
lebih besar. web storage ini tidak selalu me-request ke server, berbeda 
dengan cookies yg selalu me-request ke server, yg menjadikan performa 
website internet anda berkurang.

Dalam web storage, data dari stiap web yang berbeda disimpan di tempat 
yang berbeda pula, dan website tersebut hanya bisa meng-akses data 
stored dari website itu sendiri. HTML 5 web storage menggunakan 
javascript untuk men-store dan mengakses data.



jenis-jenis web storage :



local storage object

local storage object menyimpan data tanpa mengenal batasan waktu. Data 
akan tetap ada sampai besok, minggu depan, tahun depan (sampai komputer 
anda mleduk pokok'a :yahoo: ).



contoh:

<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script> 


dan untuk melihat berapa kali user telah melihat web tersebut
<script type="text/javascript">
if (localStorage.pagecount)
  {
  localStorage.pagecount=Number(localStorage.pagecount) +1;
  }
else
  {
  localStorage.pagecount=1;
  }
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script> 






Session Storage Object

berbeda dengan local storage, session storage ini hanya menyimpan data 
sampai user menutup browser nya, dan data tersebut akan automatis 
di-delete.



contoh:

<script type="text/javascript">
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script> 

dan untuk melihat berapa kali user telah melihat web tersebut
<script type="text/javascript">
if (sessionStorage.pagecount)
  {
  sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
  }
else
  {
  sessionStorage.pagecount=1;
  }
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script> 
 
HTML 5 Input Type
 
HTML 5 mempunyai beberapa input type baru:

* email

* url

* number

* range

* Date pickers (date, month, week, time, datetime, datetime-local)

* search

* color



browser yg terbaik untuk men-suport html 5 input type : Opera 11.0+

note : jika memakai html 5 ini pada browser yang tidak suport, maka akan dibaca sebagai text biasa.



Email

digunakan untuk yg berisikan email address. value dari email address tersebut akan langsung di validasi setelah form di submit.

E-mail: <input type="email" name="user_email" />



Url

digunakan untuk yg berisikan alamat URL. value dari email ini juga akan 
langsung di validasi setelah form di submit (mirip kayak email, cuma yg 
ini bedanya url).

website: <input type="url" name="user_url" />



Number

input ini digunakan untuk input field yang berupa angka (hanya angka !).
 Anda juga bisa membatasi angka apa saja yang bisa di-isi.

Points: <input type="number" name="points" min="1" max="10" />

attribute>>value >>penjelasan :
[color="#FF0000"]max[/color]            [color="#00BFFF"]number[/color]         Specifies the maximum value allowed[color="#FF0000"]min[/color]            [color="#00BFFF"]number[/color]         Specifies the minimum value allowed[color="#FF0000"]step[/color]           [color="#00BFFF"]number[/color]         Specifies legal number intervals (if step="3", legal numbers could be -3,0,3,6, etc)
[color="#FF0000"]value[/color]  [color="#00BFFF"]number[/color]         Specifies the default value


Range

digunakan untuk input field yang berupa value from a range of number. 
Range type ditampilkan sebagai slide bar. Menurut saya input type ini 
sama aja sama input type number...

<input type="range" name="points" min="1" max="10" />

attribute>>value >>penjelasan
[color="#FF0000"]max[/color]            [color="#00BFFF"]number[/color]         Specifies the maximum value allowed
[color="#FF0000"]min[/color]            [color="#00BFFF"]number[/color]         Specifies the minimum value allowed
[color="#FF0000"]step[/color]           [color="#00BFFF"]number[/color]         Specifies legal number intervals (if step="3", legal numbers could be -3,0,3,6, etc)
[color="#FF0000"]value[/color]  [color="#00BFFF"]number[/color]         Specifies the default value


Date Picker

date picker berfungsi untuk input type berupa tanggal. (biasanya kan ada kalau registrasi harus mencantumkan tgl lahir..).

fungsi-fungsi input type date picker :

* date : Selects date, month and year

* month : Selects month and year

* week : Selects week and year

* time : Selects time (hour and minute)

* datetime : Selects time, date, month and year (UTC time)

* datetime-local : Selects time, date, month and year (local time)



contohnya :

[/code]

Date: <input type="date" name="user_date" />

[/code]



Color

digunakan untuk input type berupa warna.

Color: <input type="color" name="user_color" />

HTML 5 Form Element
 
input - input terbaru dari HTML 5 form :

* datalist

* keygen

* output





Datalist

Datalist element memberikan list yang lebih spesifikasi dari sebuah 
option di dalam input type. List di buat dengan option di dalam 
datalist.

Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3Schools" value="http://www.w3schools.com" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist> 




K3yg3n (3 ganti 'e')

tujuan dari element ini untuk memberikan security, dengan cara 
autentikasi user. Element ini mempunyai 2 buah generator, 1 private dan 1
 public. private key di simpan di client, sedangkan public key disimpan 
di server. Public key digunakan untuk men-generate client sertifikat, 
untuk autentikasi user.

<form action="demo_form.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <[JaMu] name="security" /><input type="submit" />
</form> 




Output

Output element digunakan untuk berbagai macam output, seperti kalkulasi, atau script output.

<output id="result" onforminput="resCalc()"></output>
     
HTML 5 Form Attributes
 
New form attributes:

* autocomplete

* novalidate



New input attributes:

* autocomplete

* autofocus

* form

* form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)

* height and width

* list

* min, max and step

* multiple

* pattern (regexp)

* placeholder

* required



langsung saja...



Autocomplete

Autocomplete attribute menjelaskan bahwa form/ input type tersebut 
mempunyai autocomplete. Saat user mengetik di autocomplete input type, 
browser akan men-display option list untuk mengisi field tersebut.



note : autocomplete bekerja dengan tag <form> dan <input> 
type : text, search, url, telephone, email, password, datepickers, 
range, dan color.

contoh

<form action="demo_form.asp" method="get" autocomplete="on">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>





Autofocus

fungsi autofocus : memfokuskan suatu field saat page selesai load.

note : autofocus bekerja dengan tag <input>



contoh:

User name: <input type="text" name="user_name"  autofocus="autofocus" /> 




Form Attribute

form attribute men-spesifikasikan 1 atau lebih form dari suatu input field

note :untuk men-spesifikasikan lebih dari 1 form gunakan space-separated list, dan hanya bekerja pada <input> type.

contoh:

<form action="demo_form.asp" method="get" id="user_form">
First name:<input type="text" name="fname" />
<input type="submit" />
</form>
Last name: <input type="text" name="lname" form="user_form" />





Form Overrides

fungsi : mengijinkan anda untuk me-overrides form attribute :

-action

-enctype

-method

-novalidate

-target

note : hanya bekerja pada <input> type : submit dan image.

contoh :

<form action="demo_form.asp" method="get" id="user_form">
E-mail: <input type="email" name="userid" /><br />
<input type="submit" value="Submit" />
<br />
<input type="submit" formaction="demo_admin.asp" value="Submit as admin" />
<br />
<input type="submit" formnovalidate="true"
value="Submit without validation" />
<br />
</form>





height dan Width

height dan width men-spesifikasikan height dan width dari sebuah gambar di dalam input field.

contoh:

<input type="image" src="img_submit.gif" width="24" height="24" />  
    

Search

Ikuti Channel Youtube Aku Yaa.. Jangan Lupa di subscribe. Terima kasih.

Google+ Followers

Popular Posts

Translate