Semua Perangkat Keras Komputer Beserta Fungsi dan Gambarnya Lengkap

1. Monitor
Monitor ini mmpunyai fungsi sbagai alat output yaitu tempat untuk mengeluarkan hasil proses yang dilakukan oleh komputer berupa informasi yang dibutuhkan oleh pemakai komputer.

2. CPU (Central Processing Unit)
CPU berfungsi sbagai pengendali proses kinerja computer dengan kata lain yaitu sbagai tempat mengatur semua instruksi program pada komputer & sbagai pengelola semua aktivitas kinerja di dalam komputer.

3. Printer
Printer berfungsi untuk untuk mencetak data seperti tulisan, gambar/foto pada kertas.

4. Scanner
Scanner ini seperti mesin fotocopy & berfungsi untuk mengkopy data objek & dipindahkan kedalam memory komputer & hasilnya dapat dilihat pada monitor komputer.

5. Mouse
Mouse berfungsi untuk menunjuk posisi kursor / pointer pada layar komputer secara cepat.

6. Keyboard
Keyboard berfungsi untuk mengetik / memasukkan huruf, angka, karakter khusus serta melakukan perintah-perintah untuk menyimpan file & membuka file.

7. Speaker
Speaker berfungsi untuk merubah gelombang listrik dari perangkat audio menjadi gelombang suara atau getaran.

8. Modem
Modem berfungsi alat komunikasi dua arah & saat ini lebih digunakan untuk menghubungkan komputer ke jaringan internet.

9. Stabilizer
Fungsi stabilizer untuk menstabilisikan tegangan listrik apabila voltase listrik turun.

10. Harddisk
Fungsi harddisk untuk menyimpan data komputer & penyimpanan Operation System (OS) serta sbagai alat booting komputer.

11. RAM / Modul Memori
Fungsi RAM / Memori adalah sebgai perangkat yang menyimpan proses kinerja komputer untuk sementara sehingga membuat akses data yang sama lebih cepat.

12. Power Supply
Power Supply berfungsi sbagai penghantar arus listrik, kontrol voltase pada perangkat keras komputer.

13. Kabel Data
Kabel data berfungsi untuk mengirim data atau menerima data komputer.

14. Kabel VGA
Fungsi kabel VGA untuk menampilkan  out put / hasil pengolahan data komputer & selanjutnya bisa bisa dilihat di layar monitor.

15. Fan / Kipas
Fungsi fan adalah sbagai pendingin perangkat komputer, seperti processor, harddisk

16. LAN Card
Fungsi LAN Card untuk menghubungkan antara komputer satu dengan yang lainnya dalam jaringan LAN

17. Motherboard
Fungsi Motherboard / Mobo sbagai wadah / papan sirkuit utama tempat macam-macam komponen elektronik yang saling terhubung yang memiliki chip bios, jalur-jalur & juga konektor sbagai penghubung dari masing-masing perangkat yang terpasang.

18. Processor
Fungsi processor untuk merespon & mengolah segala intruksi yang menghidupkan komputer.

19. Headsets
Fungsi headsets untuk mendengarkan suara & berbicara dengan perangkat komunikasi atau komputer.

20. Microphone
Fungsi microphone adalah menangkap gelombang suara & mengubahnya menjadi arus listrik.

21. CD-Room
Fungsi Cd-Room sbagai tempat untuk proses burning, copy CD & install software menggunakan CD/DVD.

22. CD / DVD
Fungsi CD/DVD untuk menyimpan data

23. Flashdisk
Fungsi Flashdisk untuk menyimpan data-data

24. Webcam
Fungsi Webcam sbagai alat bantu pada komputer misalnya untuk melihat gambar orang yang diajak chatting.

25. Joystick
Fungsi joystick sbagai alat bantu untuk memainkan permainan / game.

26. Video Adaptor atau GPU
Fungsi Video Adaptor sbagai penghubung peralatan proses data dengan peralatan output berupa layar monitor & juga dapat memaksimalkan fungsi layar sehingga dapat menampilkan grafis dalam resolusi & kualitas warna yang terbaik & juga dapat mempercepat kinerja software Operation System.

27. Sound Card
Fungsi Sound Card sbagai penghubung output audio ke speaker, penghubung input suara ke komputer melalui mikrofon.

28. UPS
Fungsi UPS untuk menyimpan/menyediakan arus listrik tambahan

29. Barcode
Fungsi Barcode untuk membaca kode yang berbentuk kotak atau garis lalu diterjemahkan dalam bentuk angka-angka, biasanya terdapat pada kasir supermarket.

Memahami Konsep Teknologi Aplikasi Web

WWW (Word Wide Web)
   Merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama.


   Web adalah fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, animasi, suara, dan multimedia lainnya, dimana diantara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca data tersebut diperlukan sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozila Firefox dan Google Chrome.

Website (Situs Web)
   Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu. Diibaratkan website ini seperti buku yang berisi topik tertentu.


HTML (HyperText Markup Language)
   Merupakan bahasa standar yang digunakan untuk membuat suatu dokumen atau halaman web, terdiri dari kode-kode singkat tertentu yang akan ditampilkan oleh web browser.

Script dasar HTML:

<html>
<head>
<title>Judul Web</title>
</head>
<body>Selamat Datang di Website Kami
</body>
</html>

Web Developer adalah orang yang bekerja membuat web.


Hal-hal yang perlu diperhatikan dalam membuat web.
1. Dapat digunakan (USABILITY)
2. Navigation / Petujuk
3. Judul / Title
4. Peta Situs (Site Map)
5. Fasilitas Pencarian
6. Grafik dan Link
7. Konsep Penulisan
8. Kesederhanaan
9. Mudah Diakses
10. Teknologi Baru

Tag HTML

•  Dokumen Head

1. Judul
      Mendeklarasikan judul suatu dokumen HTML

<title>...Judul...</title>

2. URL
      Menyatakan URL asal suatu dokumen HTML

<base href="...">

3. Link
      Tag yang menghubungkan suatu dokumen dengan dokumen lainnya dalam website yang dibuat.

<link href="..."

4. Meta
      Tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML.

<meta name="..." content="...">

5. Index
      Tag yang menyatakan bahwa dokumen tersebut diperkenankan oleh server web.

<isindex>

6. Style
      Tag yang mendefinisikan style dari dokumen HTML.

<style ahref="...">

• Attribut Body

<body>...</body>

1. Warna Latar

<body bgcolor="lime">

2. Warna Teks

<body teks="blue">

3. Warna Link

<body link="green"alink="red">

Contoh penulisan sintaksnya:

<body bgcolor="lime" text="blue" link="green"alink="red">

Jenis-jenis Bahasa Pemrograman Berbasis Web

Pemrograman = Proses membuat sebuah program komputer

Berbasis           = Berdasarkan pada

Web                = Halaman situs yang menampilkan berbagai informasi berbentuk teks, gambar, audio, video, dan animasi melaliu protokol tranfer hypertext.

   Dari pengertian diatas dapat disimpulkan bahwa Pemrograman berbasis web adalah proses pembuatan sebuah program komputer yang berdasarkan pada halaman situs yang menampilkan berbagai informasi berbentuk teks, gambar, audio, video, dan animasi melalui protokol transfer hypertext.

Terdapat berbagai jenis bahasa programan berbasis web seperti berikut:

1. Bahasa Pemrograman HTML (HyperText Markup Language)

      HTML merupakan bahasa standar yang digunakan untuk membuat suatu dokumen atau halaman web, terdiri dari kode-kode singkat tertentu yang akan ditampilkan oleh web browser.

2. Bahasa Pemrograman JavaScript
      JavaScript adalah bahasa script yang dapat bekerja di sebagian besar browser. JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.  JavaScript pertama kali dikembangkan oleh  Brendan Eich. Walaupun namanya JavaScript namun bahasa pemrograman ini tidak ada hubungannya dengan bahasa pemrograman java. JavaScript dapat digunakan untuk membuat efek rollover baik gambar maupun teks dan yang paling utama untuk membuat AJAX.
3. Bahasa Pemrograman PHP (Hypertext Preprocessor)
      PHP adalah bahasa pemrograman yang digunakan secara luas untuk penggunaan, pembuatan, dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.
4. Bahasa Pemrograman ASP (Active Server Pages)
      ASP merupakan script yang bersifat server-side yang ditambahkan pada HTML untuk membuat situs web menjadi lebih menarik, dinamis dan efektif sehingga isi dari sebuah website dapat diprogram untuk mendapatkan hasil yang berbeda.
5. Bahasa Pemrograman XML (Extensible Markup Language)
      XML adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C, untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML didesain untuk menyimpan data secara ringkas sehingga menjadi lebih efisien dan mudah diatur.
6. Bahasa Pemrograman WML (Wireless Markup Language)
      WML adalah bahasa markup yang digunakan untuk mengimplementasikan WAP dokumen WML berbasis XML, dimana versinya mempunyai DPD dokumen type devinition. WML merupakan analog dari HTML yang berjalan pada protocol nirkabel.
7. Bahasa Pemrograman CSS (Cascading Style Sheet)
      CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman. Sama halnya Microsfot Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).
8. Bahasa Pemrograman AJAX (Asynchronous JavaScript And XML)
      AJAX adalah bahasa pemrograman yang membuat web lebih interaktif. Salah satu contoh web yang banyak menggunakan AJAX adalah Facebook. Dengan menggunakan AJAX web terlihat lebih dinamis karena tidak semua page terload.

Fungsi Toolbox pada Adobe Photoshop CS 2, 3, 4, 5, 6.

1. Move Tool

Move Tool (shortcut keyboard: L) berfungsi untuk memindahkan layer/objek baik itu berupa gambar ataupun teks.

2. Marquee Tool

Marquee Tool berfungsi untuk menyeleksi objek. Marquee Tool dibagi menjadi 4, yaitu:

1. Rectangular Marquee Tool (shortcut keyboard: M), berfungsi untuk menyeleksi objek berbentuk kotak/segiempat.
2. Elliptical Marquee Tool (shortcut keyboard: M), berfungsi untuk menyeleksi objek berbentuk lingkaran/elips.
3. Single Row Marquee Tool, berfungsi untuk menyeleksi objek dengan garis horizontal.
4. Single Column Marquee Tool, berfungsi untuk menyeleksi objek dengan garis vertikal.

3. Lasso Tool 

 


Lasso Tool juga berfungsi untuk menyeleksi objek, tetapi dalam bentuk yang bebas. Lasso Tool dibagi menjadi 3, yaitu:

1. Lasso Tool (shortcut keyboard: L), berfungsi untuk menyeleksi objek dalam bentuk bebas sesuai keinginan. 
2. Polygonal Lasso Tool (shortcut keyboard: L), berfungsi untuk menyeleksi objek dalam bentuk garis-garis bebas.
3. Magnetic Lasso Tool (shortcut keyboard: L), menyeleksi objek dengan garis yang otomatis menempel pada objek yang diseleksi.

4. Quick Selection & Magic Wand Tool

1. Quick Selection Tool (shortcut keyboard: W), berfungsi untuk menyeleksi area secara bebas berdasarkan warna atau pixel.
2. Magic Wand Tool (shortcut keyboard: W), berfungsi untuk menyeleksi objek berdasarkan warna yang sama.

5. Crop & Slice Tool

 

1. Crop Tool (shortcut keyboard: C), berfungsi untuk memotong gambar dengan bentuk kotak/segiempat.
2. Slice Tool (shortcut keyboard: C), berfungsi untuk memotong gambar menjadi beberapa bagian.
3. Slice Select Tool (shotcut keyboard: C), berfungsi untuk memotong gambar dari potongan Slice Tool.

6. Eyedropper, Color Sample, Ruler, and Note Tool 

1. Eyedropper Tool (shortcut keyboard: I), berfungsi untuk mengambil sampel warna.
2. Color Sample Tool (shortcut keyboard: I), berfungsi untuk sampel warna dari beberapa tititk.
3. Ruler Tool (shortcut keyboard: I), berfungsi untuk mengukur jarak dari 2 titik yang telah dipilih pada gambar.
4. Note Tool (sortcut keyboard: I), berfungsi untuk membuat catatan pada gambar.

7. Healing Brush & Patch Tool

1. Spot Healing Brush Tool (shortcut keyboard: J), berfungsi untuk menyamarkan atau menghilangkan noda-noda di gambar.
2. Healing Brush Tool (shortcut keyboard: J), juga berfungsi untuk menyamarkan atau menghilangkan noda-noda di gambar, tetapi kita harus mengambil sampel warna terlebih dahulu.
3. Patch Tool (shortcut keyboard: J), berfungsi untuk menyamarkan atau menghilangkan noda-noda di gambar dengan cara menyeleksi area kemudian menyeretnya ke bagian gambar yang bersih.
4. Red Eye Tool (shortcut keyboard: J), berfungsi untuk menghilangkan warna merah pada mata.

8. Brush & Pencil Tool

  

1. Brush Tool (shortcut keyboard: B), berfungsi untuk mewarnai gambar dengan efek sapuan kuas.
2. Pencil Tool (shortcut keyboard: B), berfungsi untuk mewarnai gambar dengan efek goresan pensil.
3. Color Replacement Tool (shortcut keyboard: B), berfungsi untuk mengganti warna gambar.
4. Mixer Brush Tool (shortcut keyboard: B), berfungsi untuk mencampur warna dalam sikat stroke tunggal.

9. Stamp Tool 

1. Clone Stamp Tool (shortcut keyboard: S), berfungsi untuk menyalin pola gambar yang sudah dipilih, kemudian menimpanya ke gambar lain.
2. Pattern Stamp Tool (shortcut keyboard: S), berfungsi untuk memberi tekstur pada gambar.

10. History Brush Tool

 

1. History Brush Tool (shortcut keyboard: Y), berfungsi untuk menampilkan semua rekaman perintah Brush Tool.
2. Art History Brush Tool (shortcut keyboard: Y), berfungsi untuk menampilkan semua rekaman perintah Brush Tool yang diberi style art.

11. Eraser Tool

 

1. Eraser Tool (shortcut keyboard: E), berfungsi untuk menghapus layer/objek.
2. Background Eraser Tool (shortcut keyboard: E), berfungsi untuk menghapus background menjadi transparan.
3. Magic Eraser Tool (shortcut keyboard: E), berfungsi untuk menghapus warna dominan yang telah kita pilih.

12. Gradient & Paint Bucket Tool

1. Gradient Tool (shortcut keyboard: G), berfungsi untuk membuat gradasi warna.
2. Paint Bucket Tool  (shortcut keyboard: G), berfungsi untuk membuat warna sesuai dengan warna Foreground.

13. Blur, Sharpen, and Smudge Tool

 

1. Blur Tool, berfungsi untuk mengaburkan/memberi efek blur pada gambar.
2. Sharpen Tool, berfungsi untuk menajamkan gambar.
3. Smudge Tool, berfungsi untuk memberikan efek lukisan seperti cat basah pada gambar.

14. Dodge, Burn, and Sponge Tool

 

1. Dodge Tool (shortcut keyborad: O), berfungsi untuk memperterang warna gambar.
2. Burn Tool (shortcut keyborad: O), berfungsi untuk menggelapkan warna gambar.
3. Sponge Tool (shortcut keyboard: O), berfungsi untuk menguatkan atau mengurangi warna.

15. Pen & Point  Tool

1.  Pen Tool (shortcut keyboard: P), berfungsi untuk membuat garis path, vektor, ataupun mask pada gambar.
2. Freeform Pen Tool (shortcut keyboard: P), berfungsi untuk membuat garis path, vektor, ataupun mask dengan bentuk bebas pada gambar.
3. Add Anchor Point Tool, berfungsi untuk menambahkan titik anchor yang berfungsi untuk mengedit garis path.
4. Delete Anchor Point Tool, berfungsi untuk menghapus titik anchor pada garis path.
5. Convert Point Tool, berfungsi untuk mengubah garis path dengan cara menggeser titik anchor.

16. Type/Text Tool

 

1. Horizontal Type Tool (shortcut keyboard: T),  berfungsi untuk membuat teks secara horizontal pada gambar.
2. Vertical Type Tool (shortcut keyboard: T), berfungsi untuk membuat teks secara vertikal pada gambar.
3. Horizontal Type Mask Tool (shortcut keyboard: T), berfungsi untuk membuat seleksi dengan bentuk teks secara horizontal.
4. Vertical Type Mask Tool (shortcut keyboard: T), berfungsi untuk membuat seleksi dengan bentuk teks secara vertikal.

17. Path & Direct Selection Tool

 

1. Path Selection Tool (shortcut keyboard: A), berfungsi untuk menggeser objek path.
2. Direct Selection Tool (shortcut keyboard: A), berfungsi untuk menggeser titik anchor untuk melakukan pengubahan pada bentuk path.

18. Shapes Tool

1. Rectangle Tool (shortcut keyboard: U), berfungsi untuk membuat objek berbentuk segi empat.
2. Rounded Rectangle Tool (shortcut keyboard: U), berfungsi untuk membuat objek berbentuk segi empat dengan sudut melengkung.
3. Ellipse Tool (shortcut keyboard: U), berfungsi untuk membuat objek berbentuk lingkaran.
4. Polygon Tool (shortcut keyboard: U), berfungsi untuk membuat objek berbentuk segi banyak.
5. Line Tool (shortcut keyboard: U), berfungsi untuk membuat objek berbentuk garis.
6. Custom Shape Tool (shortcut keyboard: U), berfungsi untuk membuat objek dengan berbagai bentuk yang telah disediakan di option bar.

19. Hand & Rotate Tool

 

1. Hand Tool (shortcut keyboard: H), berfungsi untuk menggeser bidang kanvas.
2. Rotate View Tool (shortcut keyboard: R), berfungsi untuk melihat gambar dengan cara memutarnya.

20. Zoom Tool

Zoom Tool (shortcut keyboard: Z), berfungsi untuk memperbesar atau memperkecil gambar.


21. Set Foreground & Background Color 

Set Foreground & Background Color, berfungsi untuk mengatur warna foreground dan background.

22. Edit in Quick Mask Mode

Edit in Quick Mask Mode, berfungsi untuk menyeleksi dengan cara memisahkannya dengan latar belakang gambar.