PAHLAWAN

Sabtu, 02 Mei 2015

Belajar HTML5

PENGERTIAN

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.

Tujuan dibuatnya HTML5 :

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

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.

HTML5 sangat powerful, sampai-sampai almarhum Steve Jobs pernah mengatakan HTML5 sebagai pengganti Flash, perkataan Steve Jobs tersebut sedikit banyak mempengaruhi para programmer yang ingin mengembangkan flash. Tentunya membuat sebagian dari mereka berpindah ke HTML5. Steve Jobs juga mengatakan kalau Flash itu berat dan boros baterai. Dan Apple tidak akan mensupport Flash lagi.

LOGO HTML5

Status
Berdasarkan pada jadwal kerja W3C, HTML5 diperkirakan menjadi kandidat rekomendasi pada akhir tahun 2010. Namun, publikasi pertama draft HTML 5 meleset selama 8 bulan. Permintaan dokumen terakhir dan tahap kandidat rekomendasi diharapkan dapat dicapai pada tahun 2008, tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C. WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.
Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat rekomendasi pada tahun 2012 . Kriteria di W3C agar sebuah spesifikasi dapat berstatus – Direkomendasikan – adalah “yang kedua: 100% selesai dan penerapannya dapat dilakukan pada dua atau lebih sistem yang berbeda”. Pada wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya. Meski demikian, banyak bagian dari spesifikasi sudah stabil dan telah dapat diterapkan pada produk.

Markup / Struktur Penulisan

Bagaimana memulai HTML? Cukup menuliskan tag berikut

<!DOCTYPE HTML>

Lengkap nya sebagai berikut:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
 <meta charset="UTF-8">
 <title></title>
</head>
<body>

</body>
</html>

Ada beberapa Tag HTML baru yang bisa dipakai seiring munculnya HTML5

<header>

Header dari sebuah section, mungkin lebih enak menyebutnya seperti itu
Biasanya Header berfungsi untuk menentukan header dari website yang berisi Logo/Nama Website atau deskripsi website
header juga bisa diletakkan diantara <section>, untuk menandakan judul dari sebuah section

<section>

Section biasanya digunakan untuk meletakkan konten, sebuah section biasanya diletakkan setelah Header, dan sebelum Footer

<nav>

Untuk mendefinisikan area navigasi, biasanya berisi daftar link.

<article>

Article biasanya untuk menempatkan entry independent dalam sebuah blog, majalah, ringkasan dan sebagainya.
biasanya terletak didalam section

<aside>

Sebuah aside menunjukan konten yang berkaitan dengan konten lain nya yang ada di sekitar nya. Biasanya aside bisa digunakan untuk area sidebar pada sebuah blog.

<footer>

Untuk menentukan bagian footer atau bagian bawah dari sebuah website, biasanya berisi hak cipta dari sebuah website.

Penggunaan nya dalam struktur HTML selengkapnya sebagai berikut:

<!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>Your menu</li>
   </ul>
  </nav>
 </header>

 <section>
  <article>
   <header>
    <h2>Article title</h2>
    <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
   </header>
   <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  </article>

  <article>
   <header>
    <h2>Article title</h2>
    <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
   </header>
   <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  </article>

 </section>

 <aside>
  <h2>About section</h2>
  <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
 </aside>

 <footer>
  <p>Copyright 2009 Your name</p>
 </footer>
</body>
</html>

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5

Referensi:
http://www.tutorial-webdesign.com/mengenal-struktur-html5/

Minggu, 22 Maret 2015

Program Pengajian Karyawan

#include <iostream>
#include <conio>
#include <stdio>

main(){

char nama[50];
int jenis_kelamin, nik, status_pernikahan, kendaraan, gaji_pokok, uang_makan, tunjangan, transport, gaji_kotor, pajak, gaji_bersih;

cout<<"gaji karyawan\n\n";

cout<<"masukkan nama karyawan : ";gets(nama);
cout<<"masukkan NIK : ";cin>>nik;
cout<<"jenis Kelamin 0=perempuan, 1=laki-laki : ";cin>>jenis_kelamin;
cout<<"status 0=jones, 1=menikah : ";cin>>status_pernikahan;
cout<<"kendaraan 0=motor, 1=mobil : ";cin>>kendaraan;
cout<<"masukkan gaji pokok : ";cin>>gaji_pokok;
cout<<"masukkan uang makan : ";cin>>uang_makan;

if(jenis_kelamin==1 && status_pernikahan==1){
tunjangan=500;
}
else{
tunjangan=0;
}

if(kendaraan==0){
transport=500;
}
else if(kendaraan==1){
transport=1000;
}
else{
transport=0;
}

gaji_kotor=gaji_pokok+tunjangan+uang_makan+transport;
pajak=0.05*gaji_kotor;
gaji_bersih=gaji_kotor-pajak;

cout<<"\n\n\n";
cout<<"karyawan ini "<<nama;cout<<", dengan NIK "<<nik;
cout<<"\nmenerima gaji :\n";
cout<<"tunjangan : "<<tunjangan<<endl;
cout<<"transpor : "<<transport<<endl;
cout<<"gaji kotor : "<<gaji_kotor<<endl;
cout<<"pajak : "<<pajak<<endl;
cout<<"gaji bersih : "<<gaji_bersih<<endl;

getch();

}

Jumat, 20 Maret 2015

Belajar HTML Marquee

Belajar membuat gambar/tulisan berjalan???

Salah satu bentuk modifikasi tulisan di blog adalah dengan membuat efek teks yang bisa bergerak. Bisa dari kanan ke kiri, atau dari atas ke bawah dan sebaliknya. Teks efek ini disebut marquee, untuk lebih jelasnya pengertian dari Marquee adalah bahasa HTML untuk memberikan efek sebuah kata atau kalimat menjadi berjalan atau bergerak. Marquee ini mempunyai daya tarik tersendiri karena animasi berjalan/bergeraknya tersebut, selain itu penggunaan marquee ini bisa menghemat tempat pada blog anda.

Misalkan anda mempunyai sebuah widget khusus pertukaran link yang di pasang di sidebar, bila pertukaran link anda sudah mencapai puluhan atau ratusan tentu saja akan membuat sidebar anda menjadi sangat panjang dan yang pasti akan terlihat sangat jelek.

Kekurangan marquee yang baru saya temukan adalah ketika konten atau isi dari marquee melebihi kapasitas (height atau width), sewaktu loading blog belum selesai seluruh isi marquee akan terlihat, dan itu memang cukup mengganggu juga. Berikut beberapa atribut yang bisa digunakan untuk marquee agar terlihat lebih bagus dan cantik

bgcolor : Atribut ini digunakan untuk mengatur background dari text yang akan diberi efek marquee.
direction : Digunakan untuk mengatur gerakan dari text tersebut (up, down, left right).
scrollamount : Untuk mengatur kecepatan dari gerakan text (angka dalam px), semakin tinggi angka yang digunakan, maka akan semakin cepat gerakan dari textnya.
behaviour : Untuk mengatur efek dari gerakannya (slide, scroll, alternate).
width : Untuk mengatur lebar dari area text nya (dinyatakan dalam px atau %).
height : Untuk mengatur tinggi dari area text nya (dinyatakan dalam px atau %).
align : Untuk mengatur posisi (center, left, right).
onmouseover : Untuk memberhentikan efek ketia disorot(hover) mouse.
onmouseout : Untuk melanjutkan efek bila mouse sudah tidak menyorot(hover) text.

Sebenarnya masih banyak atribut-atribut lain yang bisa anda gunakan, atribut diatas hanyalah atribut yang sering digunakan. Sekarang kita lihat contoh dari efek-efek marquee ini.

Contoh marquee dari kiri ke kanan

<marquee direction="right" scrollamount="2"> Contoh Marquee dari kiri ke kanan </marquee>

Contoh Marquee dari kiri ke kanan

Contoh marquee dari kanan ke kiri

<marquee direction="left" scrollamount="2"> Contoh Marquee dari kanan ke kiri </marquee>

Contoh Marquee dari kiri ke kanan

Contoh marquee dari atas ke bawah

<marquee direction="down" scrollamount="2" height="100" width="50%"> Contoh Marquee dari atas ke bawah </marquee>

Contoh Marquee dari atas ke bawah

Contoh marquee dari bawah ke atas

<marquee direction="up" scrollamount="2" height="100" width="50%"> Contoh Marquee dari bawah ke atas </marquee>

Contoh Marquee dari bawah ke atas

Contoh marquee dengan menggunakan background biru dan warna font putih

<font color="white"><marquee direction="right" scrollamount="2"bgcolor="blue"> Contoh Marquee dengan menggunakan background biru dan warna font putih </font></marquee>

Contoh Marquee dengan menggunakan background biru dan warna font putih

Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

<marquee direction="down" scrollamount="2" onmouseover="this.stop()"onmouseout="this.start()" height="100"> Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot</marquee>

Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

Itulah beberapa contoh efek-efek marquee yang bisa anda gunakan, anda bisa berexplorasi lebih jauh lagi. Silahkan anda bereksperimen sendiri.

Referensi:

http://alvhiniaamitaba.blogspot.com/2015/03/belajar-membuat-gambartulisan-berjalan.html#more

Kamis, 19 Maret 2015

cara install ulang windows 7

Cara Install Ulang Windows 7 Lengkap+Gambar, dalam hal install windows ini masih banyak yang tidak mengetahui caranya, tapi kalau bagi siswa SMK yang mengambil jurusan komputer rata-rata bisa menginstall ulang komputer/laptop nya sendiri, bagi kamu yang belum bisa, ayo ikuti langkah2 menginstall ulang windows 7 dibawah ini. gampang kok :D

Pastikan kalo kita udah backup drivernya, agar setelah install gak perlu download lagi, bagi yang belum, baca aja disini Cara Backup Driver Windows Dalam 5 Menit. Jangan lupa juga copy file penting yang di Local C ke Local D, karena saat kita format, file yang di desktop, my document dan download akan hilang , karena termasuk dalam Local C.

Sebelum install windows 7, tentu saja kamu harus punya DVD Windows 7 yang masih baik kondisi nya, kalau udah rusak, buang saja , hihi, jika ada file windows iso, burn aja ke DVD, cara nya liat disini Cara Burning Windows 7 Ke CDVD

Oke, langsung aja Masukan DVD Windows 7 , lalu setting Bios agar boot ke CDROM, jika belum di setting, lihat disini Cara Setting Booting Bios Ke CDROM.

Jika sudah, akan ada tulisan Press Any Key To Continue, Enter aja.
Maka akan muncul seperti ini.

KLIK GAMBAR UNTUK MEMPERBESAR :)

Ini jangan diubah, langsung next aja bro..

Pilih Install now

Centang I accept the license terms, lalu next..

Pilih Custom..

Pilih Partisi yang akan di isi dengan Windows 7, karena ini hanya ada 1 partisi, maka langsung saja, tetapi di laptop/PC anda pasti ada beberapa partisi, pilih yang partisi C, sekitar 100GB, bisa di cek di MyComputer..

Karena ada pertanyaan dari teman yaitu cara nya agar data2 saya yang lain tidak hilang, dan yang dihapus cuma windows 7 nya bagaimana?

Penjelasan

Ini cukup sulit dijawab, karena data dan disk di setiap komputer/laptop berbeda, tetapi saya akan menjelaskan garis besarnya cara mempercepat koneksi internet.
Secara umum, file windows yang akan kita format dan kita install ulang berada di local disk C yang berkapasitas kurang lebih 100 GB, dan data2 kita terletak di Local Disk D, atau E, dan seterusnya, jadi kita hanya perlu masuk ke windows 7, dan buka disk C, kira2 isi file nya seperti ini. topologi jaringan komputer.

Jika isinya seperti gambar diatas, maka disk C itulah yang akan kita gunakan untuk diformat dan diinstall ulang, jika tidak, lihat di local disk yang lain.
----------------------------------

Oke, setelah tau, maka kita kembali lagi ke proses install, pilih disk yang berisi windows dan klik Drive Options, lalu Format. Setelah Format lalu Next, windows akan memulai install, kira2 30 menit,

Tunggu Proses Install.. Setelah itu PC akan restart sendiri beberapa kali, tunggu saja..

Masukan Username (Nama Kamu) dan nama Komputer

Masukan Passwordd, jika tidak ingin menggunakan password, langsung next aja.

Masukan kalo kamu punya Serial Key, kalo gak punya ya hilangkan Centang nya dan next, windows kamu akan trial dan expired dalam jangka waktu tertentu, bisa menggunakan Windows Loader agar windows kamu menjadi full version, search aja windows loader di google :)

Pilih Ask Me Later

Atur Waktu diwilayah Anda

Keluar kan CD nya, SELESAI !

Setelah selesai install windows, sekarang tinggal install drivernya, liat aja di Cara Install Driver Yang Sudah Di Backup ..

MASALAH yang sering terjadi saat install adalah berhentinya proses install ataupun error, kemungkinan besar ini disebabkan oleh rusaknya DVD windows anda, dan juga masalah pada Harddisk, kamu bisa mencoba menginstall di laptop kawan ataupun menggunakan DVD lain untuk mengetahui apa yang rusak.
Terimakasih telah membaca artikel Cara Install Ulang Windows 7 Lengkap+Gambar.

Referensi:
http://www.adalahcara.com/2013/03/cara-install-ulang-windows-7-lengkap.html

Selasa, 17 Maret 2015

Menghitung Program Struktur

CARA MENGHITUNG LUAS,KELILING DAN SISI MIRING SEGITIGA

#include "iostream.h"

#include "math.h"

#include "conio.h"

int main(){

float Al,Ting,Si,Ls,Kl;

cout<<"\n************PROGRAM MENGHITUNG************";

cout<<"\n***SISI MIRING, LUAS, KELILING SEGITIGA***";

cout<<"\n******************************************";

cout<<"\n";

cout<<"masukkan panjang alas\t ";cin>>Al;

cout<<"masukkan panjang tinggi\t ";cin>>Ting;

Si=sqrt((Al*Al)+(Ting*Ting));

clrscr();

cout<<"\n*****************HASILNYA*****************";

cout<<"\n\tSisi miring\t\t ";cout<<Si;

cout<<"\n\tLuas segitiga\t\t ";cout<<((Al*Ting)/2);

cout<<"\n\tKeliling segitiga\t ";cout<<(Al+Ting+Si);

cout<<"\n******************************************";

cout<<"\n";

cout<<"\n\t\tTerima Kasih";

getch();

}

Minggu, 15 Maret 2015

Mengenal Bagian Bagian Dalam CPU Komputer dan Fungsinya

Mengenal Bagian Bagian Dalam CPU Komputer dan Fungsinya –

Kali ini saya akan memposting Bagian-bagian CPU dan Fungsinya .Terasa kurang lengkap rasanya kalau kita kenal komputer kalu tidak tau isinya , langsung saja kita ketopik dan berikut adalah Bagian-bagian CPU dan Fungsinya :

· CPU

CPU (Central Processing Untit) adalah induk atau pusat pemprosesan data dari sebuah perangkat komputer, didalam CPU terdapat beberapa komponen yang saling terhubng satu sama lain. Adapun komponen-komponen yang terdapat dalam CPU secara umum adalah sebagai berikut :

· VGA Card

VGA card merupakan bagian komputer, di dalam CPU yang berperan penting untuk menampilkan output process ke monitor. Tanpa VGA card, layar komputer tidak akan menampilkan apa-apa alias blank. VGA card sendiri ada yang berupa slot tambahan ataupun bawaan produsen motherboard atau disebut juga VGA on board. Bagian-bagiannya antara lain terdiri dari memory dan kipas sebagai pendingin. Fungsinya sama, yaitu menampilkan teks dan gambar ke monitor, hanya warna dan desain yang berbeda, tergantung pihak manufaktur. Kipas dibutuhkan untuk mendinginkan komponen VGA card yang panas, karena bagian ini bekerja cukup berat setiap saat.

· Casing

Casing Berfungsi sebagai tempat kita meletakkan atau menempelkan motherboard, power supply, optical disc drive, hard disk, dan lain sebagainyaMelindungi berbagai komponen di dalamnya dari debu, panas, air, atau kotoran lainnya pada saat bekerja Casing juga menjadi penting karena hampir semua periferal macam motherboard, CD-ROM drive, harddisk, dan floppy drive menggunakan casing ini sebagai tempat dudukannya alias tempat bekerjanya sehari-hari.

· Power Supply

Masih bagian dalam komputer, yang tersimpan dalam CPU yaitu power supply. Sesuai dengan namanya power supply ini berfungsi mengalirkan listrik ke setiap bagian komputer agar dapat berjalan. Yang biasa dipakai di PC rumahan adalah jenis ATX.

· Motherboard

adalah papan sirkuit tempat berbagai komponen elektronik atau komponen komputer lainnya saling terhubung seperti seperti processor, video card, sound card, hard disk, dan lain sebagainya. Motherboard berfungsi untuk menghubungkan setiap komponen-komponen komputer tersebut agar bisa saling berkomunikasi satu sama lain. Setiap motherboard memiliki spesifikasi-nya masing-masing, spesifikasi seperti processor apa yang didukungnya dan berapa kapasitas maksimal RAM yang didukung oleh motherboard tersebut

· Prosesor

Proesor merupakan sebuah alat berbentuk chip kecil yang berguna untuk proses berfikir dan logika dari penjalanan sebuah perintah komputer. Semakin tinggi kecepatan prosessor maka, semakin cepat komputer dalam memproses berbagai macam data. Itupun tentunya harus didukung dengan RAM dan Harddisk yang besar.

· RAM

RAM (Random Access Memory). Berfungsi menampung data yang telah terproses oleh processor sebelum di alirkan kebagian-bagian yang membutuhkan, banayknya pengembangan yang dilakukan pada bagian ini membuat kita lebih mudah dalam pemilihan ram yang cocok untuk pekerjaan kita, apalagi sekarang hampir semua merk menerapkan sistem garansi lifetime pada ram.4 .Chipsetmengatur komunikasi antara komponen. Chipset dibagi menjadi dua bagian. Chip pertama disebut “Nort Bridge” yang dapat mengatur komunikasi antara AGP, RAM, Processor, dan South Bridge pada chipset. Dan bagian chip yang kedua adalah “South Bridge” yang dapat mengatur semua inputan dan output pada komputer, termasuk PCI dan ISA bus. Processor, Memori (RAM), Cache, dan Chipset bekerja bersama untuk mengaktifkan fungsi komputer

· Harddisk

Harddisk adalah tempat penyimpanan data konvensional yang bekerja secara mekanik. Semakin besar kapasitas harddisk, semakin bayak pula data-data yang dapat disimpan. Satuan kapsitas harddisk adalah byte. Saat ini kapasitas harddisk dopasaran bervariasi, mulai dari 250 GB, 500 GB, 1 Tera, hingga 3 Tera. Fungsi dari harddisk adalah sebagai tempat penyimpanan data.

referensi:
http://www.ilmuane.com/2014/01/mengenal-bagian-bagian-cpu-dan-fungsinya.html

Recent Post

Belajar HTML5

PENGERTIAN

Tujuan dibuatnya HTML5 :

Fitur baru dalam HTML5 :

<header>

<section>

<nav>

<article>

<aside>

<footer>

Program Pengajian Karyawan

Belajar HTML Marquee

Contoh marquee dari kiri ke kanan

Contoh marquee dari kanan ke kiri

Contoh marquee dari atas ke bawah

Contoh marquee dari bawah ke atas

Contoh marquee dengan menggunakan background biru dan warna font putih

Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

cara install ulang windows 7

Menghitung Program Struktur

Mengenal Bagian Bagian Dalam CPU Komputer dan Fungsinya

Send Quick Massage

Pages