Tugas Pengantar Komputer 2
I. Pengantar HTML
HyperText Markup Language merupakan standard bahasa yang digunakan untuk menampilkan document web, yang biasa anda lakukan dengan HTML yaitu :
• Mengontrol tampilan dari web page dan contentnya.
• Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
• Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
• Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.
Dokumen HTML disebut sebagai markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks tersebut dalam suatu dokumen.
Dokumen HTML disebut sebagai hypertext, ini berarti suatu dokumen tidak harus dibaca secara berurutan dari atas ke bawah. Dokumen dapat dibaca langsung menuju ke topik tertentu secara langsung dalam dokumen dengan menggunakan teks penghubung.
HTML DASAR ::
STRUKTUR DASAR DOKUMEN
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head>
<title>Disini Judul Dokumen HTML</title>
</head>
<body>
Disini penulisan informasi Web
</body>
</html>
Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:
a. Tag Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
b. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
<p>
<b>
................
</b>
</p>
Contoh penulisan tag-tag yang salah
<p>
<b>
................
</p>
</b>
c. Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG>
nama-attr="nilai-attr"
nama-attr="nilai-attr"
.................
>
.................
</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">
d. Element HTML Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.
Sintaks:
<html>
..........
</html>
e. Element HEAD Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
Sintaks:
<head>
...........
</head>
f. Element TITLE Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title>
.........
</title>
g. Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>
Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi. Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
LATIHAN
Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.
Latihan 1:
Menampilkan teks:
Belajar bahasa pemrograman web ternyata mudah juga :)
Nama file: latihan1_1.html
<html>
<head>
<title>Latihan1-1</title>
</head>
<body>
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>
Tugas tambahan:
Gantilahteks tersebut dengan teks lainnya.
Latihan 2:
Merubah warna teks menjadi merah:
Belajar bahasa pemrograman web ternyata mudah juga :)
Nama file: latihan1_2.html
<html>
<head>
<title>Latihan1-2</title>
</head>
<body text="red">
Belajar bahasa pemrogramanweb ternyata mudah juga :)
</body>
</html>
Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.
Latihan 3:
Merubah warna background menjadi hitam.
Nama file: latihan1_3.html
<html>
<head>
<title>Latihan1-3</title>
</head>
<body text="red" bgcolor="black">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>
Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.
Latihan 4: Merubah background dengan suatu gambar.
Nama file: latihan1_4.html
<html>
<head>
<title>Latihan1-4</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>
catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar
2. Contoh-contoh script HTML
HTML Dasar
Dokumen HTML sederhana
HTML Paragraf
HTML Paragraf 2
HTML Headings
HTML Horizontal Line
HTML Komentar
HTML Multi komentar
HTML Format
HTML List
HTML Nested List / List dalam List
HTML Definition List
HTML Menengah
HTML Links
HTML Links 2
HTML Image / Gambar
HTML Image / Gambar
HTML Links pada Gambar
HTML Tabel
HTML Tabel 2
HTML Tabel 3
HTML Tabel 4
HTML CSS (Inline CSS)
HTML CSS (Internal CSS)
HTML Warna
HTML Background
HTML Background dengan inline CSS
HTML Background dengan gambar
HTML Background dengan gambar (Inline CSS)
HTML Form : Text Field
HTML Form : Text Password
HTML Form : Radio Button
HTML Form : Check Box
HTML Block : Elemen Div
HTML Block : Elemen Span
HTML iFrame
HTML Embed
HTML Youtube : Dengan iFrame
HTML Youtube : Dengan Embed
HTML Marquee
HTML Mahir
HTML Layout dengan tabel
HTML Layout dengan div
Tugas Pengantar Komputer
1. Sejarah Komputer dari Masa ke Masa Presentation Transcript
1. Sejarah Komputer dariMasa ke masa
Komputer adalah suatu peralatan elektronik yang dapat menerima input, mengelola input, memberikan informasi, menggunakan suatu program yang tersimpan di memory komputer, dapat menyimpan program dan hasil pengolahan, serta bekerja secara otomatisvv Dalam sejarah komputer, ada 5 generasi.
Generasi Pada tahun 1946‑1956, generasi ini mengandalkan ruang tabung hampa (vacuumtube). Komputer ini membutuhkan ruangan yang luas, berkemampuan rendahdan terkenal dengan daya panasnya. Ukuran penyimpanannya hanya sekitar +/-2000 byte dan untuk menjalankan program dan pencetakan masih dilakukan pertamasecara manual.
Generasi Kedua Pada tahun 1957-1963. Transistor menggantikan kedudukan vacuum tube dalam menyimpan dan melakukan proses informasi. Transistor bentuknya lebih kecil, tidak begitu panas dan mengkonsumsikan sedikit tenaga. Ukuran penyimpanan berkapasistas sebesar 32 kb dengan kecepatan 20.000-30.000 perintah per detik.
Generasi Ketiga Pada tahun 1964-1975. Intergrated circuit (IC) sudah mulai digunakan pada komputer. Ukuran penyimpanan berkapasitas 2 megabyte dengan kecepatan +/ 5 juta perdetik. Generasi ini pula yang memperkenalkan tekhnologi software yang mudah digunakan.
Generasi Keempat Tahun 1971, menggunakan Metal Oxide Semiconductor (MOS). Yang masuk dalam kelompok ini adalah produksi BMC, IBM dan Apple yang kini beredar di pasaran.
Generasi Kelima Pada tahun 1980 sekarang. Komputer telah menggunakan teknologi”Very Large Scale Integrated Circuits (VLSIC). Dalam sebuah chip, teknologi ini mampu menampung jutaan circuit. Chip ini dinamakan dengan microprocessor. Ukuran penyimpananm empunyai kapasitas yang besar dengan kecepatan jutaan perintah perdetik.
2. Sejarah Hardware Komputer Hardware merupakan perangkat untukmemenuhi kebutuhan berbagai informasi. Hardware : input, output serta perangkat penyimpanan data
Sejarah CPU Processor merupakan otak dan pusat pengendali computer yang didukung oleh komponen lainnya. Processor adalah Sebuah IC yang mengontrol keseluruhan jalannya sebuah sistem komputer. Digunakan sebagai pusat atau otak dari komputer yang berfungsi untuk melakukan perhitungan dan menjalankan tugas.
Generasi pertama Komputer angkatan pertama yang menggunakan CPU model ini adalah ENIAC (Electronic Numerical Integrator and Computer) Dikembangkan oleh J.P. Eckert dan J.W. Maughly di Amerika Serikat.
Generasi Kedua Dari model botol, di tahun 1948, proses komputasi mulai masuk ke “komputer generasi kedua” yang menggunakan transistor. Didemonstrasikan pertama kali oleh Bell Telephone Laboratories.
Pada computer generasi ketiga mulai digunakan semikonduktor, yang menggabungkan lusinan transistor dalam sebuah chip silikon kecil.
3. Sejarah GPU GPU pertama dibuat oleh IBM dengan nama IBM PC video ca pada tahun 1981. Saat ituistilahnya MDA (Monochrome Display Adapter) dan hanya bisa beroperasi untuk text modedengan ukuran 80 kolom 25 baris (80x25). Sejak tahun 2003, ATI dan Nvidiamen dominasi pasaran kartu grafis denganproduk Radeon dan GeForce mereka denganjumlah hampir 90%.
Dasar Pemahaman Memory Komputer Memori (atau lebih tepat disebut memori fisik) merupakan istilah generik yang merujuk pada media penyimpanan data sementara pada komputer. Memori fisik umumnya diimplementasikan dalam bentuk Random Access Memory (RAM), yang bersifat dinamis(DRAM). ROM dapat menyimpan data tanpa kebutuhan daya dan tidak dapat ditulisi sewaktu-waktu
sejarah memori komputer Bentuk awal dari memori komputer yang sebenarnya menggunakan drum sebagai bagian bekerja dengan data dimuat ke drum.
4. Sejarah HarddiskHarddisk pertama
Cara kerja hard disk adalah: pada saat berhenti head berada diatas piringan hard disk pada saat diaktifkan piringan hard disk berputar di spindel.Perputaran yang standar ialah 5200rpm-10000rpm,sedangkan yang khusus 7200-1500rpm. pada saaat berputar sangat cepat head mengembang pada piringan hard disk sedangkan head bergerak ke kiri ke kanan pada saat mengembang itu baru head melakukan pembacaan dan menulis
Motor spindel berputar berlawanan dengan arah jarum jam karena perputaran sangat cepat akan mengakibatkan gaya permukaan sehingga head mengambang pada pletter pada saat komputer/hard disk dimatikan membuat head mendarat /berhenti pada tempat tertentu,disebut landing zone Fungsi Harddisk : Sebagai media penyimpan data
Flash disk/ flash memory Flash disk/ flash memory atau dinamakan memori stik ada yang menyebutnya USB drive adalah teknologi penyimpanan sekunder.
5. Dasar Pemahaman tentang Power Supply Power Supply adalah perangkat keras yang berfungsi untuk menyuplai tegangan langsung ke komponen dalam casing yang membutuhkan tegangan.
Cara kerja power supply Kita hanya cukup menekan tombol power pada casing, yang terjadi adalah power supply akan melakukan cek dan tes sebelum membiarkan sistem start. Jika tes telah sukses, power supply mengirim sinyal khusus pada motherboard, yang disebut power good.
6. Dasar pemahaman mainboard Motherboard atau mainboard merupakanpapan utama dimana terdapat komponen-komponen serta chip controller yang bertugasmengatur lalu lintas data dalam sistemmotherboard.
2. Definisi Komputer
Definisi Komputer dapat di terjemahkan sebagai sekumpulan alat elektronik yang satu sama lain saling bekerja sama terkoordinasi dibawah kontrol program dengan kemampuan dapat menerima data (input) lalu mengolah data (proses) tersebut dengan menghasilkan informasi (output).
Komputer pada saat sekarang ini menjadi bagian penting perannya dalam kehidupan manusia baik untuk membantu berbagai aktivitas pekerjaan ataupun untuk multimedia hiburan yang lengkap. Pada saat ini banyak orang telah menggunakan komputer dalam kesehariannya apalagi bila sudah terhubung ke internet pasti lebih betah duduk berlama-lama di depan komputer. Menjelaskan pengertian internet dimana komputer adalah hal terpenting karena internet itu merupakan jaringan luas untuk menghubungkan komputer diberbagai tempat dibelahan dunia. Bila sudah terhubung ke internet ataupun jaringan komputer yang lebih kecil yaitu LAN ataupun WAN maka perlu diwaspadai akan adanya perpindahan virus beserta variannya yang bisa merusak sistem komputer yang akan berakibat fatal, untuk itu setiap komputer gunakan antivirus terbaik agar lebih aman dan nyaman dalam menggunakan komputer dan menjelajah didunia maya internet online.
Beberapa sumber terpercaya dalam berbagai media online dan juga media cetak seperti buku-buku komputer beberapa ahli telah mendefinisikan komputer diantaranya adalah sebagai berikut ini :
V.C. Hamacher et al, 1982 Komputer merupakan mesin penghitung elektronik yang dengan cepat dapat menerima informasi input digital, memrosesnya sesuai dengan program yang tersimpan di memorinya dan menghasilkan output informasi.
Robert H. Blissmer, 1985
Komputer ialah suatu alat elektronik yang mampu melakukan beberapa tugas seperti menerima input, memroses input, menyimpan perintah-perintah dan menyediakan output dalam bentuk informasi.
Donald H. Sanderes, 1985
Komputer adalah sistem elektronik untuk memanipulasi data dengan cepat dan tepat serta dirancang dan diorganisasikan agar secara otomatis menerima dan menyimpan data input, memrosesnya, dan menghasilkan output di bawah pengawasan suatu langkah-langkah instruksi program (Sistem Operasi) yang tersimpan di didalam penyimpannya (stored program).
Elias M. Awad
Komputer sebuah alat hitung yang memproses data untuk disajikan dalam bentuk data digital dan data analog.
Larry Long dan Nancy Long
Komputer adalah alat hitung elektronik yang mampu menginterpresentasikan dan juga melaksanakan perintah program untuk input, output, perhitungan, dan operasi-operasi logik.
William M. Fuori
Komputer adalah suatu alat pemroses data yang dapat melakukan perhitungan besar secara cepat, termasuk perhitungan aritmetika dan operasi logika, tanpa campur tangan dari manusia.
Williams, Sawyer
Komputer adalah mesin multiguna yang dapat diprogram, yang menerima data (fakta-fakta dan gambar-gambar kasar) dan memproses atau memanipulasinya ke dalam informasi yang dapat kita gunakan
Definisi Komputer Menurut Para Ahli tersebut diatas bisa dijadikan bahan dalam memahami komputer lebih luas lagi yang diawali dengan melihat awal penggunaan komputer ternyata ditujukan kepada orang yang memiliki kegiatan atau pekerjaan menghitung lalu berkembang sesuai waktu dengan komputer menunjukkan kepada mesin/alat yang digunakan untuk membantu pekerjaan manusia.
Pengertian Komputer Secara Umum bisa kita artikan kepada kumpulan alat elektronik yang tersusun menjadi rangkaian membentuk sebuah mesin berteknologi dengan kontrol sistem operasi disertai program-program yang mampu menerima dan menyimpan data, melakukan pengolahan dan memberikan hasil dalam bentuk informasi sesuai prosedur operasi yang dirumuskan.
Perangkat Lunak dan perangkat keras pada komputer
Pengertian Sistem operasi Komputeradalah perangkat lunak komputer atau software yang bertugas untuk melakukan kontrol dan manajemen perangkat keras dan juga operasi-operasi dasar sistem, termasuk menjalankan software aplikasi seperti program-program pengolah data yang bisa digunakan untuk mempermudah kegiatan manusia. Sistem Operasi dalam bahasa Inggrisnya disebut Operating System, atau biasa di singkat dengan OS.
Sistem Operasi komputer merupakan software pada lapisan pertama yang diletakkan pada memori komputer, (memori komputer dalam hal ini ada Hardisk, bukan memory ram) pada saat komputer dinyalakan. Sedangkan software-software lainnya dijalankan setelah Sistem Operasi Komputer berjalan, dan Sistem Operasi akan melakukan layanan inti umum untuk software-software itu. Layanan inti umum tersebut seperti akses ke disk, manajemen memori, skeduling task, dan antar-muka user. Sehingga masing-masing software tidak perlu lagi melakukan tugas-tugas inti umum tersebut, karena dapat dilayani dan dilakukan oleh Sistem Operasi. Bagian kode yang melakukan tugas-tugas inti dan umum tersebut dinamakan dengan kernel suatu Sistem Operasi.
Sistem Operasi berfungsi sebagai penghubung antara lapisan hardware dan lapisan software. selain itu, Sistem Operasi komputer juga melakukan semua perintah perintah penting dalam komputer, serta menjamin aplikasi-aplikasi yang berbeda fungsinya dapat berjalan lancar secara bersamaan tanpa hambatan. Sistem Operasi Komputer menjamin aplikasi perangkat lunak lainnya bisa memakai memori, melakukan input serta output terhadap peralatan lain, dan mempunya akses kepada sistem file. Jika beberapa aplikasi berjalan secara bersamaan, maka Sistem Operasi Komputer akan mengatur jadwal yang tepat, sehingga sebisa mungkin semua proses pada komputer yang berjalan mendapatkan waktu yang cukup untuk menggunakan CPU dan tidak saling mengganggu dengan perangkat yang lain.
Nama lain dari Software adalah perangkat lunak. Seperti nama lainnya itu, yaitu perangkat lunak, sifatnya pun berbeda dengan hardware atau perangkat keras, jika perangkat keras adalah komponen yang nyata yang dapat diliat dan disentuh oleh manusia, maka software atau Perangkat lunak tidak dapat disentuh dan dilihat secara fisik, software memang tidak tampak secara fisik dan tidak berwujud benda tapi bisa di operasikan.
Pengertian Software komputer adalah sekumpulan data elektronik yang disimpan dan diatur oleh komputer, data elektronik yang disimpan oleh komputer itu dapat berupa program atau instruksi yang akan menjalankan suatu perintah. Melalui software atau perangkat lunak inilah suatu komputer dapat menjalankan suatu perintah.