Summary To Ict

SUMMARY TO DT
1. Internet dan jaringan komputer

- Internet adalah jaringan komunikasi yang berfungsi untuk menghubungkan antara alat gawai
dengan alat gawai lainnya yang berada di dalam lingkup yang terjangkau.
- Jaringan adalah sekelompok komputer yang saling berhubungan antara yang satu dengan
yang lain sehingga dapat saling berbagi dan bertukar informasi.
2. Perangkat jaringan komputer

- Modem = Device yang membantu gadget terhubung internet melalui jalur telepon standar.
- Kabel penghubung dan konektor = Alat yang berfungsi menghubungkan server dengan
workstation. Kabel yang digunakan ada 2 yaitu, UTP (Unshielded Twisted Pair) dan STP
(Shielded Twisted Pair).
- NIC (Network Interface Card) = Perangkat penghubung komputer dengan komputer lain
dalam satu jaringan.
- HUB = Perangkat yang menyatukan kabel-kabel network dari tiap-tiap workstation, server
atau perangkat lain.
- Repeater = Perangkat yang dipasang pada titik-titik tertentu dalam sebuah jaringan untuk
memperkuat sinyal-sinyal yang masuk.
- Bridges = Peralatan jaringan yang digunakan untuk memperluas atau memecah jaringan.
- Router = Perangkat yang berfungsi menghubungkan suatu LAN ke suatu internetworking
(WAN) dan mengelola penyaluran lalu lintas data di dalamnya
3. Media transmisi jaringan

- Media transmisi jaringan adalah suatu media atau jalur untuk membawa data ke tujuan yang
diinginkan.
- Jenis media transmisi terbagi menjadi 2, Wired (Jaringan yang menggunakan kabel untuk
menghubungkan anggota anggota jaringan) =
a) Twisted pair cable
b) Coaxial cable
c) Fiber optic cable
dan Wireless (Jaringan yang menggunakan gelombang elektromagnetik untuk koneksi antar
anggota jaringannya) =
d) Frekuensi radio
e) Gelombang mikro
f) Infrared
g) Satelit
4. Macam-macam jaringan komputer berdasarkan fungsi

- Jaringan Client - Server = Server adalah komputer yang menyediakan fasilitas bagi
komputer-komputer lain di dalam jaringan. Client adalah komputer-komputer yang menerima
atau menggunakan fasilitas yang disediakan oleh server.
- Jaringan Peer - to - Peer = Kedudukan setiap komputer yang terhubung dalam jaringan
adalah sama.
5. Macam-macam jaringan komputer berdasarkan ruang lingkup
- PAN (Personal Area Network) = Jaringan komputer dengan ruang lingkup sangat terbatas
(biasanya hanya dalam 1 rumah).
- LAN (Local Area Network) = Jaringan komputer dengan ruang lingkup terbatas (area lokal).
- CAN (Campus Area Network) = Jaringan komputer dengan ruang lingkup satu
kampus/sekolah.
- MAN (Metropolitan Area Network) = Jaringan komputer dengan ruang metropolitan atau
dalam sebuah kota.
- WAN (Wide Area Network) = Jangkauannya mencakup daerah geografis yang luas
seringkali mencakup sebuah negara bahkan benua.
6. Fungsi dan peran komputer client dan server

- Komputer server = Berfungsi untuk menyimpan seluruh data, melayani permintaan akses
dari komputer client, serta mengelola data dalam sebuah jaringan.
- Komputer client = Berfungsi untuk meminta layanan dari komputer server untuk bisa
mengakses sebuah data.
7. Bahasa pemrograman web dasar HTML dan javascript

- <html> </html>
- <head> </head>
- <body> </body>
- <script type=”javascript”>
- var
8. Menjelaskan struktur dasar HTML

<html>
<head>
</head>
<body>
<script type=“text/javascript”>
...
</script>
</body>
</html>
9. Formatting text dengan HTML

a. Element BR (LIne Break)
- Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag
penutup
- Sintaks :
<br>
b. Element P (Paragraph)
- Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal
dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh
paragraf berikutnya. Jika tag </p> diabaikan, maka paragraf itu tidak akan diikuti
dengan baris kosong di akhir paragraf. Element P mempunyai attribute yaitu align
yang bernilai "left", "center", "right" yang menspesifikasikan posisi tepi horizontal dari
paragraf (default: "left").
- Sintaks :
<p align="left"|"center"|"right">
..........................
</p>
c. Element H1, H2, H3, H4, H5, H6 (Header)

- Element H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6
jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan
terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai "left",
"center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left").
- Sintaks :
<hx align="left"|"center"|"right">
..........................
</hx>
x : 1 ... 6
d. Element B (Bold)
- Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold)
- Sintaks :
<b>
..........................
</b>
e. Element I (Italic)
- Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).
- Sintaks :
<i>
..........................
</i>
f. Element U (Underline)
- Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
- Sintaks :
<u>
..........................
</u>
g. Element Pre (Preformatted text)

- Element PRE berfungsi untuk menampilkan teks seperti apa adanya.
- Sintaks :
<pre>
..........................
</pre>
h. Element Center
- Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal
ditengah.
- Sintaks :
<center>
..........................
</center>
i. Element Basefont
- Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web
browser. Atribut dari element ini adalah size yang merupakan ukuran huruf dengan
nilai "1" sampai dengan "7" pixel, atau berupa ukuran relatif ( + atau - ), default nya
adalah "3" pixel. Elemen ini tidak mempunyai tag penutup.
- Sintaks :
<basefont size="pixel">
j. Element Font
- Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf.
Element ini mempunyai attribute color untuk merubah warna huruf, face untuk
merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma),
dan size untuk merubah ukuran huruf (pixel).
- Sintaks :
<font color="warna" face="font" size="pixel">
..........................
</font>
k. Element HR (Horizontal Rule)

- Element HR berfungsi untuk membuat suatu garis horizontal. Elemen ini tidak
mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi
secara horizontal ("left", "center", "right"), size untuk ukuran ketebalan garis ("pixel"),
width untuk ukuran panjang garis ("persen"), dan noshade (garis solid)
- Sintaks :
<hr align="left"|"center"|"right" size="pixel" width="persen" noshade>
10. Membuat hyperlink HTML

- Link pada HTML dapa dibuat dengan tag <a> , kemudian tag ini harus memiliki atribut href untuk
menentukan alamat URL tujuan dari link. Link akan ditampilkan dengan warna biru dan garis
bawah. Ini adalah style standar dari setiap browser.
- Contoh : <a href="latihan 1.html">halaman sebelumnya</a>
- Penulisan : <a href=”*link*”></a>
11. Membuat tabel HTML

- Element OL (Ordered List) : Element OL berfungsi untuk membuat nomor daftar urut.
Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk
memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk
daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi
besar, i untuk abjad romawi kecil, 1 untuk angka desimal (default: start="1" type="1" ).
Dalam elemen OL harus terdapat beberapa element LI.
→ Sintaks
<ol start="number" type="A"|"a"|"I"|"i"|"1">
........................
</ol>
- Element UL (Unordered LIst) : Element UL berfungsi untuk membuat daftar tanpa nomor
urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type
berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini
adalah "circle", "square" dan "disc". Dalam elemen UL harus terdapat beberapa element LI.
→ Sintaks
<ul type="circle"|"square"|"disc">
..........................
</ul>
- Element LI (LIst Item) : Element LI merupakan isi dari pada daftar. Element ini harus berada
di dalam elemen OL atau UL. Element ini mempunyai attribute type dan value. Nilai atribut
type adalah A, a, I, i, 1, circle, square, disc dan attribute value berisikan nilai nomor urutan
dari attribute type.
→ Sintaks
<li type="A"|"a"|"I"|"i"|"1"|"circle"|"square"|"disc">
..........................
</li>
- Element Table : Element TABLE berfungsi untuk membuat suatu data multidimensi yang
terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border,
cellpadding(jarak antara tepi sel - dengan isi sel), cellspacing (jarak antara sel), width (lebar
tabel), height (tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.
→ Sintaks
<table
align="left"|"center"|"right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel"|"%"
height="pixel"|"%" >
........................
</table>
- Element Caption : Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini
harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top (judul
terletak di atas tabel), dan bottom (judul terletak di bawah tabel).
→ Sintaks
<caption align="top"|"bottom">
..........................
</caption>
- Element TR (Table Row) : Element TR mendefinisikan baris pada tabel dan element ini
harus berada di dalam element TABLE. Pada elemen TR terdapat element TH dan TD.
Attribute yang terdapat pada elemen ini adalah align, valign(posisi vertikal), dan bgcolor.
→ Sintaks
<tr
valign="top"|"middle"|"bottom"
bgcolor="color">
..........................
</tr>
- Element TH (Table Header) dan TD (Table Data) : Element TH dan TD merupakan informasi
pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya
tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di
dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan,
rowspan
→ Sintaks
<th
bgcolor="color"
colspan="number"
rowspan="number">
..........................
</th>
<td
bgcolor="color"
colspan="number"
rowspan="number">
..........................
</td>
12. Deklarasi javascript di document HTML
<script type=“txt/javascript">

</script>
13. Tipe-tipe variable javascript

- Tipe data :
a. Numeric
b. String
c. Boolean
d. Null
- Aturan penggunaan :
a. Nama variabel adalah case-sensitive (a dan A adalah 2 contoh variabel yang
berbeda)
b. Nama variabel harus dimulai dengan suatu huruf atau oleh karakter garis bawah
(underscore)
- Contoh deklarasi :
a. nama = ‘eve’;
b. angka = 17;
Contoh :
→ Contoh penggunaan variabel untuk menghitung luas persegi panjang
14. Operator aritmatika dan assignment javascript

- Operator Aritmatika : + - * / % ++ --
- Operator Assignment : = += -= *= /= %=
- Operator Perbandingan : == === != > < >= <=
- Operator Logika : && || !
15. Dialog box javascript

- Alert : digunakan untuk memperingatkan pengunjung hal-hal atau dalam kasus tertentu memberikan
instruksi. Syntax → window.alert (‘text’)
- Confirm : digunakan untuk memperingatkan pengunjung agar menguji atau menerima sesuatu dengan
memilih OK atau Cancel untuk konfirmasi. Syntax → window.confirm (‘text’)
- Prompt : digunakan untuk menampilkan sebuah prompt yang juga mempunyai kotak isian yang dapat
menerima sesuai informasi dari pengunjung. Syntax → window.prompt (‘text’,’defaultvalue’)
16. Struktur kontrol javascript (if else)

- Digunakan untuk mengetes apakah suatu kondisi itu benar (true) atau salah (false).
Contoh :
<html>
<head> <title>Belajar JavaScript</title> </head>
<body>
<script type="text/javascript">
var nilai
nilai = prompt('Silahkan masukkan nilai Anda','');
if(nilai <= 56)
{
window.alert('Sayang sekali. Anda tidak lulus.');
}
else
{
window.alert('Selamat! Anda lulus.');
}
</script>
</body>
</html>

Summary To Ict

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Summary To Ict

Diunggah oleh

Hak Cipta:

Format Tersedia

SUMMARY TO DT

1. Internet dan jaringan komputer

2. Perangkat jaringan komputer

3. Media transmisi jaringan

4. Macam-macam jaringan komputer berdasarkan fungsi

6. Fungsi dan peran komputer client dan server

7. Bahasa pemrograman web dasar HTML dan javascript

8. Menjelaskan struktur dasar HTML

9. Formatting text dengan HTML

c. Element H1, H2, H3, H4, H5, H6 (Header)

g. Element Pre (Preformatted text)

k. Element HR (Horizontal Rule)

10. Membuat hyperlink HTML

11. Membuat tabel HTML

12. Deklarasi javascript di document HTML

13. Tipe-tipe variable javascript

14. Operator aritmatika dan assignment javascript

15. Dialog box javascript

16. Struktur kontrol javascript (if else)

Anda mungkin juga menyukai