LAPORAN PRAKTIKUM PENGELOLAAN INSTALASI KOMPUTER

     A.   Alat dan Bahan :

-      Obeng +

-      Pinset

B.   Langkah Kerja

Ø Proses Pembongkaran

1.      Langkah pertama menyiapkan casing

2.      Melepas Perangkat kabel,

      

3.      Langkah Selanjutnya adalah melepaskan power supply. Sebelum dilepas, buka terlebih dahulu baut yang mengunci casing power supply,

4.      Selanjutnya adalah melepaskan hardisk

  

5.      Komponen yang dilepas selanjutnya adalah VGA card 

6.      Pelepasan konektor untuk tombol power, Audio dan USB front.

7.      Selanjutnya adalah melepaskan motherboard, dimulai dengan melepaskan baut-baut yang menguncinya dengan menggunakan obeng +

 

7.      Langkah selanjutnya adalah pelepasan processor pda chips

 

8.      Selanjutnya adalah melepas RAM

 

Ø Proses Pemasangan

1.      Pasang prosessor.

Pemasangan Prosesor

Letakkan prosesor diatas socket (Perhatikan tanda ∆ di ujung prosesor – harus sama dengan tanda ∆ disocket).

2.      Berikutnya memasang RAM

 

Memasang RAM (DDR)

Tarik kesisi luar pengait modul RAM yang berwarna putih, tancapkan modul memori dengan teliti.

3.      Pasang motherboard ke casing

 

4.      Pasang VGA card

 

5.      Langkah selanjutnya adalah memasang hardisk

 

  

Memasang hardisk

6.      Memasang konektor power

Pemasangan konektor power

7.      Langkah berikutnya adalah memasang kabel-kabel data.

 Pemasangan konektor untuk tombol power, Audio dan USB front.

8.      Pasang penutup casing

Read more ...

HTML 5

Apa yang Baru di HTML5?

Pengkodean karakter (charset) deklarasi juga sangat sederhana:

Contoh HTML 5:

Catatan: pengkodean karakter default di HTML5 adalah UTF-8.

New HTML5 Elemen

Unsur-unsur baru yang paling menarik adalah:
Unsur semantik baru seperti <header>, <footer>, <article>, dan <section>.
Kontrol bentuk baru atribut seperti nomor, tanggal, waktu, kalender, dan jangkauan.
Unsur-unsur baru grafis: <svg> dan <canvas>.

Unsur-unsur baru multimedia: <audio> dan <video>.


Catatan: Dalam bab HTML5 Dukungan, Anda akan belajar 
bagaimana untuk "mengajarkan" browser lama untuk menangani HTML5 semantik.

New HTML5 API (Application Programming Interfaces)

• Yang paling menarik baru API adalah:
• HTML Geolocation
• HTML Drag dan Drop
• HTML Penyimpanan Lokal
• HTML Aplikasi Cache
• Pekerja Web HTML
• HTML SSE

Catatan: penyimpanan lokal adalah pengganti yang kuat untuk cookies.

Elemen Dihapus di HTML5

Unsur-unsur HTML4 berikut telah dihapus dari HTML5:

Catatan: Dalam bab HTML5 Migration, Anda akan mempelajari cara mudah bermigrasi dari HTML4 ke HTML5.

Sejarah HTML

Sejak awal dari web, ada banyak versi HTML:

Tim Berners-Lee menciptakan "World Wide Web" pada tahun 1989, dan Internet melepas pada 1990-an.

Dari tahun 1991 hingga 1998, HTML dikembangkan dari versi 1 ke versi 4.

Pada tahun 2000, World Wide Web Consortium (W3C) merekomendasikan XHTML 1.0.

XHTML sintaks adalah ketat, dan pengembang dipaksa untuk menulis sah dan "well-formed" kode.

Pada tahun 2004, WHATWG (Web Hypertext Application Technology Working Group) dibentuk sebagai jawaban untuk memperlambat perkembangan W3C, dan keputusan W3C untuk menutup pengembangan HTML, mendukung XHTML.

WHATWG ingin mengembangkan HTML, konsisten dengan bagaimana web itu digunakan, sementara kompatibel dengan versi HTML.

Pada periode 2004-2006, inisiatif WHATWG mendapat dukungan oleh vendor browser utama.

Pada tahun 2006, W3C mengumumkan bahwa mereka akan mendukung WHATWG.

Pada tahun 2008, pertama HTML5 rancangan publik dirilis

Pada 2012, WHATWG dan W3C memutuskan pemisahan:

WHATWG akan mengembangkan HTML sebagai "Living Standard".

Sebuah standar hidup tidak pernah sepenuhnya lengkap, tapi selalu diperbarui dan diperbaiki. Fitur baru dapat ditambahkan, tapi fungsi lama tidak dapat dihapus.

WHATWG Living Standard diterbitkan pada tahun 2012, dan terus diperbarui.

W3C akan mengembangkan HTML5 definitif dan standar XHTML5, sebagai "snapshot" dari WHATWG.


W3C HTML5 rekomendasi dirilis Oktober 2014 28.

Sumber: www.w3schools.com

Read more ...

Membuat Efek Marquee

Marquee adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih hidup dan dapat menghemat ruangan pada blog kita.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :

• Alternate : Teks bergerak bolak-balik
• Slide : Teks hanya bergerak sekali saja
• Scroll : Teks bergerak ke satu arah secara kontinu

2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

• Up : Teks bergerak keatas
• Down : Teks bergerak kebawah
• Left : Teks bergerak kekiri
• Right : Teks bergerak kekanan

3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:

Contoh 1: Efek teks berjalan bolak-balik secara horizontal:

Welcome To My Blog

Kodenya:

<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Welcome To My Blog</marquee></font>



Contoh 2: Efek teks berjalan bolak-balik secara vertikal:

Welcome To My Blog

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">Welcome To My Blog</marquee></font>



Contoh 3: Efek teks berjalan kekanan secara kontinu

Welcome To My Blog

Kodenya:

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Welcome To My Blog</marquee></font>



Contoh 4: Efek teks berjalan kekiri sekali saja

Welcome To My Blog

Kodenya:

<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Welcome To My Blog</marquee></font>



Contoh 5: Efek teks berjalan kekanan tiga kali

Welcome To My Blog

Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="450px">Welcome To My Blog</marquee></font>



Contoh 6: Efek Bounce

Panduan membuat blog

Kodenya:

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Panduan membuat blog</marquee></marquee></font>


Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh saya memasukkan kode ini:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">panduan membuat blog untuk pemula beserta tips n triknya...</marquee></font>

Hasilnya seperti ini:

panduan membuat blog untuk pemula beserta tips n triknya...

Silahkan menggeser mouse Anda ke area marquee untuk melihat hasilnya..

Ini hanya beberapa contoh efek marquee atau teks berjalan. Masih banyak efek-efek lain. Silahkan utak-atik sendiri dengan mengganti nilai-nilai pada attributes.

Sumber : http://www.hermanblog.com/2008/11/membuat-efek-marquee-atau-teks-berjalan.html

Read more ...

Apa itu HTML?

HTML adalah bahasa markup untuk menggambarkan dokumen web (halaman web).

• HTML singkatan dari Hyper Text Markup Language
• Sebuah bahasa markup adalah seperangkat tag markup
• Dokumen HTML dijelaskan oleh tag HTML
• Setiap tag HTML menjelaskan isi dokumen yang berbeda

Contoh HTML

Penjelasan Contoh HTML

• Deklarasi DOCTYPE  mendefinisikan jenis dokumen menjadi HTML
• Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
• Teks antara <head> dan </ head> memberikan informasi tentang dokumen
• Teks antara <title> dan </ title> memberikan judul untuk dokumen
• Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
• Teks antara <h1> dan </ h1> menggambarkan judul
• Teks antara <p> dan </ p> menggambarkan sebuah paragraf

Menggunakan deskripsi ini, web browser dapat menampilkan dokumen dengan judul dan paragraf.

Tag HTML

Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut:

<Tagname> konten </ tagname>

Tag HTML biasanya datang berpasangan seperti <p> ​​dan </ p>

Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir

Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag

Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.

Web Browser

Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.

Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen:

Struktur Halaman HTML

Di bawah ini adalah visualisasi dari struktur halaman HTML:

Hanya <body> daerah (area putih) ditampilkan oleh browser.

Deklarasi <! DOCTYPE> 

Deklarasi <! DOCTYPE>  membantu browser untuk menampilkan halaman web dengan benar.

Ada jenis dokumen yang berbeda di web.

Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.

DOCTYPE deklarasi tidak sensitif huruf. Semua kasus yang diterima:

Deklarasi Umum

Versi HTML

Sejak awal dari web, ada banyak versi HTML:

Sumber : http://www.w3schools.com

Read more ...