Pages

Kamis, 20 Maret 2014

KUIS

"KUIS"

Kuis 19 Maret 2014
MAGENTA BLUE
YELLOW GREP
RED
>

Jumat, 30 November 2012

Dasar-dasar HTML (Hyper Text Markup Language)


Sewaktu di SMA saya pernah belajar sedikit tentang HTML , dan saat kuliah ini dan bergabung dengan UKM CYBERTECH, saya kembali mempelajari HTML, apa ithu HTML, dan dasar - dasar HTML, dan pada tulisaan  kali ini saya menggabungkan pembelajaran yang saya dapatkan sewaktu SMA dan UKM cybertech .

Hyper Text Markup Language atau yang biasa kita singkat menjadi HTML  adalah bahasa pengkodean yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di sebuah program web browser Internet. HTML sebenarnya bukanlah bahasa pemrograman, melainkan sebuah standar tata cara penyajian teks dan materi pendukungnya agar dapat tersaji secara terstruktur di halaman web. Meskipun dewasa ini sudah banyak program bantu untuk membuat halaman web secara cepat dan praktis, namun untuk kebutuhan tertentu, penguasaan dasar-dasar pengkodean HTML tetap diperlukan.

Mengenal Dokumen HTML
Dokumen HTML adalah file halaman web. Jadi misalnya jika Anda membuka halaman Beranda, lalu berpindah ke halaman Kontak, maka sebenarnya Anda sedang mengakses file HTML Beranda lalu berpindah ke file HTML Kontak. Cara paling mudah untuk mengetahui kode HTML sebuah halaman web adalah dengan perintah View > Source / Page Source pada web browser. Di sana akan ditampilkan kode sumber HTML yang digunakan untuk menyusun halaman web yang tampil di browser. Berikut contoh kode HTML halaman web mesin pencari Google.

Ekstensi file HTML adalah .htm atau .html. Dokumen HTML dapat disusun secara manual melalui program pengolah teks seperti Notepad atau notepad ++, atau menggunakan program bantu Visual HTML Editor seperti Microsoft Frontpage atau Dreamweaver. Pengkodean HTML tidak terlepas dari penggunaan tag. Tag adalah standar frase tertentu yang digunakan untuk mengatur halaman web. Tag dipakai untuk mengatur apa saja yang ada di dalamnya. Oleh sebab itu, tag biasanya berupa sepasang frase yang disebut dengan tag pembuka dan tag penutup. Sebagai contoh, untuk mengatur judul halaman web, digunakan tag pembuka <TITLE> dan diakhiri dengan tag </TITLE>. Sebagai catatan, penggunaan huruf kapital atau huruf normal sama saja, tidak berpengaruh pada hasil halaman web.

struktur dokumen HTML

• Dokumen HTML diawali tag <HTML> dan diakhiri tag </HTML>.
• Judul halaman dan beberapa informasi mengenai dokumen HTML berada di antara tag <HEAD>...</HEAD>.
• Isi halaman web yang nantinya ditampilkan di web browser berada di antara tag <BODY>...</BODY>.

Coba susun kode contoh di atas menggunakan program Notepad. Simpan dengan Save As, pada File name isi latihan.html dan pada Save as type pastikan terpilih All Files (*.*). Jalankan pada web browser, maka hasilnya akan muncul.

Melayout Teks

Untuk memformat atau mengatur layout teks di halaman web, digunakan tag-tag sebagai
 berikut :
  •  <H1>, <H2>, hingga <H6> : untuk mengatur judul dan sub judul artikel di halaman web.
  • <P> : untuk menetapkan sekelompok kalimat menjadi sebuah paragraf.
  • <BR /> : untuk memenggal teks ke baris selanjutnya.
  • <HR /> : memberikan garis pemisah.
  • <B> : untuk memberi efek cetak tebal pada huruf.
  • <I> : untuk memberi efek cetak miring pada huruf.
Membuat Daftar

Anda bisa mengatur beberapa baris teks menjadi sebuah daftar, baik daftar berurut maupun daftar tidak berurut.
  • Daftar Berurut
Daftar berurut adalah daftar yang disajikan dalam urutan angka. Tag yang dipakai adalah tag <ol> dan <li>.
  • Daftar Tidak Berurut
Daftar tidak berurut adalah daftar yang disajikan dalam list bullet. Tag yang dipakai adalah tag <ul> dan <li>.

Membuat Link

Untuk menyisipkan link, digunakan tag <a>. Susunan sederhananya adalah : <a href=”URL”>Teks</a>

Mengenal Atribut

Beberapa tag HTML menggunakan atribut. Atribut merupakan informasi tambahan yang disisipkan ke sebuah tag pembuka. Atribut huruf dipakai untuk merujuk URL target link, sedangkan atribut src dipakai untuk merujuk URL target gambar yang akan ditampilkan. Tag <a> dan <img> juga dapat diberi beberapa atribut lainnya. Sebagian besar tag HTML dapat disisipi atribut. Ada beberapa atribut yang bisa diterapkan di berbagai tag, namun ada juga atribut yang hanya bisa diterapkan ke tag tertentu, seperti tag <a>dan <img> di atas. Atribut antara lain lazim dipakai untuk memformat style teks dan gambar, mengatur warna, dan mengatur tabel. style="background-color:red" (mengatur warna latar menjadi merah)

style="font-size:12px" (mengatur ukuran hurud menjadi 12 piksel)
style="font-family:Verdana" (mengatur teks menggunakan font Verdana)
style="text-align:center" (mengatur teks menjadi rata tengah)

Contoh pemakaiannya, coba sisipkan atribut style pada tag

<BODY> agar warna halaman menjadi merah :
<BODY style="background-color:red">

Membuat Tabel

Untuk membuat tabel, digunakan tag <table>. Selain itu, diperlukan tag <tr> untuk membuat baris tabel dan tag <td> untuk membagi baris tabel menjadi beberapa kolom.

Menyisipkan Gambar , Video dan Audio

untuk memasukkan gambar ke dalam dokumen HTML kita, digunakan tag <img>. Atribut-atribut yang biasa digunakan:
  1. src untuk menunjukkan lokasi file gambar.
  2. align untuk menentukan posisi dari gambar.
  3. height untuk menentukan tinggi gambar dalam pixel ketika ditampilkan di browser.
  4. width untuk menentukan lebar gambar dalam pixel ketika ditampilkan di browser. Apabila tidak disebutkan atribut height dan width, maka ukuran gambar yang ditampilkan di browser akan sama dengan ukuran file.
  5. hspace untuk menentukan jarak antara gambar dengan text secara horizontal.
  6. vspace untuk menentukan jarak antara gambar dengan text secara vertikal.
  7. border untuk menentukan batas-batas pada gambar.
Untuk memasukkan audio ke dalam dokumen HTML kita, digunakan tag <embed>. Atribut-atribut yang digunakan:
  1. src digunakan untuk menentukan lokasi file music
  2. align digunakan untuk menentukan posisi.
  3. border digunakan untuk menentukan batas-batas.
  4. height digunakan untuk menentukan tinggi dari object yang dimasukkan.
  5. width digunakan untuk menentukan lebar dari object yang dimasukkan.
  6. hspace digunakan untuk menentukan jarak horizontal antara object dengan text.
  7. vspace digunakan untuk menentukan jarak vertikal antara object dengan text.
Apabila kita ingin menjadikan lagu "pangandaran.mp3" di atas sebagai lagu latar (background) dalam halaman web kita, maka digunakan tag <bgsound>.
Untuk memasukkan video ke dalam dokumen HTML, juga digunakan tag yang sama yaitu tag <embed>
Penulisan kode HTML-nya juga menyerupai penulisan kode HTML untuk memasukkan file audio.
Contoh - contoh Latihan pembelajaran saat UKM cybertech.

 Latihan 1 
  • Input 
  • Output

Latihan 2
  • Input


  • Output

Latihan 3
  • Input 

  • Output
Latihan 4
  • Input

  • Output
Latihan 5
  • Input 
  • Output
Latihan 6
  • Input
  • Output
Latihan 7
  • Input
  • Output


semoga pembelajaran HTML ini bermanfaat  @_~  n  ~_@

Jumat, 23 November 2012

Cara Menginstal Windows XP pada virtualbox



Oracle VM VirtualBox adalah software virtual yang dapat digunakan untuk virtual OS di berbagai macam sistem operasi. Software ini dapat digunakan untuk menginstall lebih dari satu OS di mesin yang sama, kita dapat juga menghapusnya dengan mudah tanpa takut akan kehilangan sistem operasi.

saat ini, saya akan meng-install WinXP divirtual machine yang akan dibuat.
langkah - langkah nya yaitu :

1. DOWNLOAD & INSTALL VIRTUALBOX

  • Pertama download dulu installer-nya di sini. Pilih sesuai dengan tipe OS yang Anda gunakan.

  • Setelah itu jalankan file installer-nya. Klik Next> pada saat VirtualBox Setup Wizard muncul.

  • Selanjutnya Anda bisa memilih lokasi instalasinya. Klik Next> untuk melanjutkan.

  • Pilih di mana saja Anda ingin shortcut dibuat, lalu klik Next>.

  • Biasanya akan muncul peringatan bahwa koneksi ke jaringan akan diputus sementara pada selama proses instalasi. Klik saja Next>.

  • Klik Install untuk memulai proses instalasi.

  • Jika UAC muncul, klik saja Yes.

  • Sampai disini Anda sudah berhasil meng-install VirtualBox. Klik Finish untuk menjalankan program VirtualBox.

  • SETUP VIRTUAL MACHINE & GUEST OS Selanjutnya yang perlu dilakukan adalah membuat virtual machine-nya. Klik New di VirtualBox Manager untuk memulai.

  • Anda akan disambut oleh New Virtual Machine Wizard. Klik Next untuk melanjutkan.
  • Di sini Anda akan memilih jenis OS apa yang akan Anda install sebagai Guest OS. Dalam contoh ini kita akan meng-install WinXP. Klik Next jika sudah selesai memilih jenis OS.

  • Anda bisa menentukan berapa besar memory (RAM) untuk virtual machine ini nantinya. Geser slider ke angka yang inginkan, lalu klik Next.

  • selanjutnya, pastikan Anda memilih Create new hard disk, seperti ilustrasi di bawah ini. Jika sudah, klik create.

  • selanjutnya, pilihlah tipe hard drive 

  • Anda bisa memilih apakah ukuran virtual hard disk ini nantinya besarnya bisa berubah atau selalu tetap. Untuk penghematan sebaiknya Anda memilih yang Dynamically expanding storage. Klik Next jika sudah memilih.

  • Di sini Anda bisa memilih lokasi dimana virtual hard disk ini akan dibuat, sekaligus juga menentukan ukuran maksimal hard disk (hard disk maximum size). VirtualBox secara default menyarankan ukuran sebesar 10 G. Namun Anda juga bisa men-set lebih kecil selama Anda yakin bahwa ukuran tersebut sudah cukup untuk kebutuhan Anda nantinya. Klik Next.

  • instal virtual mesin selesai, Klik Finish. 
  • Terlihat bahwa Anda sudah mempunyai satu virtual machine bernama Mia septi aulia, walaupun isinya masih kosong. 

  • pilih setting, kemudian storage . maka akan keluar tampilan seperti

  • pada storage. klik empty dan pada attributes terdapat icon cd klik, dan open OS pada komputer / laptop. kemudian klik OK 
  • Tampilan instalasi WinXP pun akan mulai keluar.Tunggu beberapa saat sampai muncul tulisan "press any key to boot from CD" seperti tampilan Seperti gambar di bawah ini
  • Tekan ENTER atau sembarang tombol, lalu proses instalasi akan mengecek hardware komputer anda, kemudian akan muncul tulisan "windows setup" seperti gambar dibawah ini
  • lalu file-file di dalam cd akan di load ke dalam komputer, kemudian akan muncul tampilan "welcome to setup" seperti gambar dibawah ini
  • Tekan "ENTER" untuk menginstal windows xp, "R" untuk repair system windows yang sebelumnya pernah terinstal, "F3" untuk keluar dari proses instalasi, lalu akan muncul (End User Licese Aggrement) seperti gambar di bawah ini
  • Tekan "F8" kemudian proses instalasi akan mencari dan membaca partisi hardisk anda, kemudian akan muncul semua partisi hardisk anda, seperti gambar di bawah ini
  • Tekan "ENTER" untuk langsung menginstal windows, "C" untuk membuat partisi hardisk anda, kapasitas partisi sesuai dengan kebutuhan anda, dalam satuan MB, selanjutnya jika anda membuat partisi dengan menekan tombol "C", maka akan muncul gambar seperti di bawah ini
  • Kemudian tuliskan kapasitas partisi yang ingin anda buat, seperti terlihat pada gambar diatas, sebagai contoh, misalkan kapasitas hardisk anda 10 GB, lalu anda ingin membagi dua, maka tuliskan 5000,jangan 5, karna partisi satuannya MB, tentunya anda mengerti kan...?? cat" 1GB = 1000 MB
  • Kenudian tekan "ENTER" maka akan muncul gambar seperti dibawah ini
  • kemudian pilih "format the partition using the NTFS file system (Quick)" atau "format the partition using the NTFS file system (Quick)" lalu tekan "ENTER" maka akan muncul layar sepert gambar di bawah ini
  • Kemudian arahkan pointer pada posisi "unpartitioned space", lalu tekan "C" maka akan muncul gambar seperti gambar sebelumnya, dalam hal ini layar yang akan muncul seperti gambar sebelumnya menunjukan sisa partisi yang telah anda bagi, jika anda cuma membagi 2 partisi saja maka langsung tekan "ENTER" tapi jika anda ingin mempartisi lagi sisa hardisknya maka tinggal di bagi lagi aj, seperti langkah-langkah sebelumnya, mengertikan maksud saya....??
  • setelah selesai partisi ketika anda menekan "ENTER" seperti yang di jelaskan di atas, maka akan muncul gambar sperti gambar diatas, setelah itu arahkan poiter di posisiC: partition1 [New Raw], tapi biasanya sudah berada di posisi tersebut, maka anda tinggal menekan "ENTER" saja untuk proses instalasi windows, kemudian akan muncul proses format seperti gambar di bawah ini
  • Setelah selesai format, kemudian windows akan ,menyalin file untuk proses instalasi, seperti gambar di bawah ini
  • Setelah proses penyalinan selesai, secara otomatis komputer akan melakukan restart seperti gambar di bawah ini, dalam hal ini untuk mempercepat proses restart, anda bisa langsung menekan "ENTER"
  • Setelah itu akan muncul loading windows seperti gambar di bawah ini.
  • selanjutnya proses instalasi windows di mulai 1..2..3...GOoooo muncul layar seperti gambar di bawah ini
  • selanjutnya tinggal menunggu, sambil ngopi jg bisa, biar lebih terinspirasi, eitssss, tp jangan kemana mana dulu, karna selanjutnya akan muncul layar seperti gambar di bawah ini
  • Langsung klik "NEXT" aja BOS...!!! lalu mucul lagi bos layar seperti gambar di bawah ini
  • Isi nama dan organisasinya, terserah BOS aja... lalu tekan "NEXT" kemudian akan muncul layar seperti gambar di bawah ini
  • Masukan serial nombernya, jangan sampe salah ya....!!! kemudian tekan "Next"selanjutnya akan muncul layar administrator, isi aja mau dinamain apa komputernya, terserah deeeehhhhh......kalau mau pake pasword tinggal di isi juga paswordnya, terserah juga mo apa paswordnya.... lalu tekan "Next" maka muncul layar Date and Time Setting seperti gambar di bawah ini
  • Masukan settingan jam dan tanggal, tentukan juga time zone anda, untuk jakarta : pilih GMT+7 Klik "Next" lagi BOS.... setelah proses instalasi windows delanjutkan, seperti gambar di bawah ini
  • Silahkan Menunggu lumayan lama BOS,.... sampai muncul layar seperti gambar di bawah ini
  • Selanjutnya akan muncul layar work group or computer Domain,seperti gambar di bawah ini
  • jika komputer anda terhubung dengan sebuah domain, maka isikan nama domainnya, tapi jika komputer anda stand alone, maka pilih radio button yang paling atas, lalu tekan "Next"
  • Selanjutnya akan muncul display setting, seperti gambar di bawah ini, klik "OK" aja BOS....!!!
  • Kemudian windows akan mendeteksi tampilan optimal dari PC anda, seperti terlihat pada gambar di bawah ini, Klik "OK" aj BOS...!!!
  • Proses instalasi hampir selesai BOS..... selanjutnya akan muncul loading jendela windows seperti gambar di bawah ini
  • Selanjutnya anda akan dibawa masuk ke dalam windows untuk pertama kalinya seperti terlihat pada gambar di bawah ini, tekan "Next" aj BOS..
  • Selanjutnya akan muncul layar "Help Protect Your PC", seperti gambar di bawah ini, kemudian pilih "Not Right Now" lalu tekan "Next"
  • Kemudian komputer akan mengecek koneksi ke internet, seprti terlihat pada gambar di bawah ini, pilih "Yes" lalu tekan "Next"
  • Kemudian akan muncul pilihan aktivasi windows, seperti gambar di bawah ini, lalu tekan "Next"
  •  Setelah itu akan muncul tampilan seperti gambar di bawah ini yang menunjukan pilihan untuk menambah pengguna komputer, Anda bisa memasukkan beberapa pengguna yang akan mengakses komputer Anda, Namun jika satu akun sudah cukup, atau Anda menginstall komputer untuk dipakai bergantian, cukup masukkan satu user kemudian klik "Next"
  • Proses instalasi windows selesai, kemudian akan muncul layar seperti gambar di bawah ini, klik "finish", maka proses instalasi selesai.....
  • Selesailah sudah semua.... kemudian perlahan masuk ke windowsnya seperti telihat pada gambar di bawah ini



semoga cara mengistal window xp pada virtualbox ini bermaanfaat.  @_~