Software Engineering Materials

Perangkat Keras Jaringan Komputer

Perangkat keras dalam jaringan komputer merupakan peralatan - peralatan yang digunakan untuk menghubungkan komputer dengan sebuah jaringan komputer, peralatan tersebut meliputi: conector RJ 45, Kabel UTP, LAN Card, Switch, Router, modem, AP dan lain-lain. Jadi jika kita ingin membangun sebuah jaringan komputer maka perlatan - peralatan tersebut harus ada. Berikut adaah penjelasan dari perangkat keras dalam jaringan komputer:

LAN card, perangkat ini sangat penting sekali untuk jaringan komputer dengan media kabel karena LAN Card merupakan jalur utama untuk menghubungkan komputer dengan perangkat jaringan yang lain. Untuk lebih jelas baca:LAN Card pada artkel sebelumnya
konektor RJ 45, konektor ini digunakan jika pada komputer menggunakan NIC dengan port RJ 45 yang berfungsi sebagai penghubung antara kabel dengan LAN Card.
Kabel UTP, komponen ini sangat penting sekali karena berfungsi sebagai lalu lintas utama jaringan, akan tetapi sekarang sudah mulai ditinggalkan karena kebanyakan orang menggunakan media tanpa kabel (WIFI). Untuk lebih jelas baca: Kabel UTP
Switch, merupakan menghubungkan komputer dengan jaringan yang lebih besar. prinsip kerjanya sama dengan HUB akan tetapi switch lebih pintar dibandingkan dengan hub.
Modem, merupakan perangakat yang akan menghubungkan kita ke jaringan internet

Perangkat kers diatas merupakan perangkat yang wajib ada jika kita ingin membangun jaringan internet.
Semoga artikel ini bermanfaat ......

Frame HTML

Cara Membuat Frame HTML - Frame adalah teknik yang digunakan untuk membagi window menjadi beberapa bagian. Setiap bagian kita isi dengan sebuah halaman web yang sesuai. Keuntungan dari penggunaan frame adalah mudahnya pengaturan hubungan antar satu halaman dengan halaman lainnya.

Frame dapat digunakan untuk berbagai macam keperluan, antara lain:
1. Membuat suatu daftar isi pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isinya
2. Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isis dokumen
3. Membuat suatu dokumen tanya jawab, dll.

Cara Membuat Frame HTML

Untuk membuat halaman web yang menggunakan frame kita perlu membuat beberapa file html, yaitu:

Sebuah pendefinisi file. File tersebut kita butuhkan untuk menampilkan halaman web dengan bentuk frame

Beberapa file pengisi frame, yang jumlahnya tergantung dari berapa bagian yang akan kita buat pada frame tersebut

Sama halnya seperti membuat tabel, dalam mendefinisikan frame, hal pertama yang harus dilakukan adalah mendefinisikan dahulu bentuk frame yang akan dibuat, misalnya bentuk frame pada contoh berikut:

Frame A1 - Cara Membuat Frame HTML

Frame A2 - Cara Membuat Frame HTML

Frame B1 - Cara Membuat Frame HTML

Frame B2 - Cara Membuat Frame HTML

Cara Membuat Frame HTML

Untuk membuat frame seperti Frame A2, sebuah halaman kita bagi menjadi dua bagian terlebih dahulu secara horizontal seperti Frame A1, kemudian dibagi lagi hingga seperti Frame A2. Demikian pula untuk membuat Frame B2 harus melalui bentuk Frame B1. Urutan ini akan sangat memengaruhi bentuk frame yang akan kita bangun.

Tag untuk membuat frame diawali dengan menggunakan <FRAMESET> dan diakhiri dengan </FRAMESET>. Pada file pendefinisi frame kita tidak lagi memerlukan tag <BODY></BODY>, sehingga struktur dasar pendefinisi frame adalah sebagai berikut:

<html>
<head>
<title></title>
</head>
<frameset>
--- bagian frame ---
</frameset>
</html>

Pada file pendefinisi frame ini, setiap kita akan membagi menjadi beberapa bagian, maka kita gunakan tag <FRAMESET></FRAMESET>. Atribut-atribut yang dapat menyertai tag ini adalah:

BORDER, untuk menentukan tebal garis pemisah antar frame
ROWS, untuk menentukan berapa baris bagian yang akan dibentuk
COLS, untuk menentukan berapa kolom yang akan dibentuk

Jika kita tidak akan membagi lagi frame yang ada, maka selanjutnya kita definisikan frame tersebut dengan tag <FRAME>. Atribut-atribut yang dapat menyertai tag ini adalah:

NAME, untuk memberi identitas/nama bagi frame tersebut. Fungsinya adalah ketika frame tersebut dijadikan target untuk menampilkan suatu halaman.
SRC, menunjukkan file yang mengisi frame tersebut.
SCROLLING, untuk menunjukkan apakah kita akan menggunakan scrolling bar di samping atau di bawah halaman, opsi inputnya adalah "YES, NO atau AUTO".

Yang perlu diperhatikan saat membuat file pendefinisi frame adalah bahwa kita telah mempunyai file yang akan digunakan untuk mengisi frame tersebut.

Cara Membuat Frame HTML

Sekarang, kita akan membuat halaman web yang memiliki frame dengan tiga bagian (seperti gambar FRAME A2). Pertama, kita perlu membuat file pengisi frame sebanyak 3 buah.

Buatlah file HTML berikut, simpan dengan nama logo.html

<html>
<head>
<title></title>
</head>
<body bgcolor="#006699">
<h2><font color="#FFFFFF">Cara Membuat WEB</font></h2>
</body>
</html>

Selanjutnya, buatlah file yang kedua, simpan dengan nama menu.html

<html>
<head>
<title></title>
</head>
<body bgcolor="#CCCCFF">
<h4>Latihan</h4>
Mencoba latihan membuat Frame HTML
</body>
</html>

Buatlah file yang ketiga, simpan dengan nama welcome.html

<html>
<head>
<title></title>
</head>
<body>
<h2>Selamat Datang</h2>
<h4>Anda berada pada halaman latihan Membuat FRAME HTML</h4>
</body>
</html>

Yang terakhir adalah kita membuat file pendefinisi frame, simpan dengan nama index.html

<html>
<head>
<title></title>
</head>
<frameset rows="25%,*" border="0">
<frame name="atas" src="logo.html" />
<frameset cols="20%,*">
<frame name="menu" scrolling="no" src="menu.html" />
<frame name="isi" src="welcome.html" />
</frameset>
</frameset>
</html>

Cara Membuat Frame HTML

Formulir Web

By : Isnan W

1. Apa yang dimaksud form web? Formulir (form) web merupakan bagian dari dokumen web yang dapat diisikan oleh pengguna, untuk memberikan informasi tertentu dari pengguna kepada website.

2. Jelaskan contoh anatomi formulir web?

1. Judul (title) Setiap formulir harus memiliki judul (title) yang singkat dan menjelaskan kegunaan dari formulir tersebut. Jika digunakan untuk halaman login seperti pada contoh, maka perlu menyebutkan nama situs, sehingga pengunjung tahu di mana mereka berada.

2. Tautan registrasi untuk bukan anggota (non members) Pengunjung yang bukan anggota (non member) memiliki keterbatasan dalam mengakses suatu situs. Fitur ini digunakan untuk menawarkan kepada pengunjung suatu tautan (link) ke halaman pendaftaran.

3. Kolom masukan dan label (input fields and labels) Kolom masukan digunakan memasukkan data yang berupa teks ataupun data lain. Untuk memudahakan pengunjung web dalam mengisi kolom masukan, maka disertai label sebagai penjelasan dari kolom isian tersebut.

4. Tautan lupa password (forgot password link) Tautan lupa password digunakan untuk membantu pengguna dalam memulihkan kata sandi (password). Kode atau fasilitas pengubahan kata sandi akan dikirim ke email yang digunakan untuk mendaftar.

5. Tombol eksekusi/proses (submit button) Tombol yang digunakan untuk mengeksekusi dan mengirim data yang diisikan pada formulir.

6. Ingat selalu saya (remember me)
Fitur ini berguna bagi pengguna untuk selalu mengingat isian data pada formulir web. Tampilan fasilitas ini biasanya berupa kotak centang (checkbox) di depan kalimat penjelasan fitur.

7. Tautan kembali (back link) Fasilitas ini bermanfaat bagi pengguna jika batal mengisi formulir web untuk kembali ke alamat yang ditentukan. Biasanya menuju ke halaman utama dari situs web.

8. Validasi (validation)
Validasi digunakan untuk memeriksa isian data. Jika data yang diisikan tidak sesuai dengan ketentuan, maka akan tampil keterangan bahwa kolom isian harus diisi dengan benar.

3. Format formulir web?
Format formulir web
Form dibentuk dengan menggunakan pasangan tag HTML .

Atribut yang umum digunakan pada formulir web:
• ACTION menentukan URL yang akan dijala nkan dan menerima semua masukan pada formulir. Jika action tidak disebutkan, informasi akan dikirimkan ke URL yang sama dengan halaman web itu sendiri. • METHOD digunakan untuk menentukan bagaimana informasi dikirim ke URL yang disebutkan dalam action. Nilai (value) pada atribut ini berupa GET dan POST. POST membuat informasi dikirimkan secara terpisah dengan URL, GET akan membuat informasi dikirim menjadi satu dengan URL.
Contoh penggunaan pasangan tag HTML untuk form web:

...

4. Macam komponen entry text?
Macam komponen entry text

Text Box, Password, Text Area,Hidden, fieldset, Legend.
5. Macam komponen entry pilihan Macam Komponen entry pilihan
Check Box, Radio, Submit, Button, Image, File, Reset, Push button, Select.

6. Macam komponen formulir web v2.0
Web Form 2.0
- Color = Digunakan untuk isian yang mengandung warna. - Date = Tipe date memungkinkan pengguna untuk memilih tanggal. - Datetime = Jenis datetime digunakan untuk memilih tanggal dan waktu yang disertai dengan zona waktu. - Datetime-Local = Form ini diguunakan untuk memilih tanggal dan waktu (tanpa zona waktu) - Email = Tipe email ini digunakan untuk kolom isian yang harus berisi alamat e-mail. - Month = Digunakan untuk memilih bulan dan tahun - Number = Digunakan untuk kolom isian yang harus bernilai angka. - Range = Jenis ini digunakan untuk kolom isian yang harus berisi nilai dari berbagai nomor. - Search = Digunakan untuk bidang pencarian. - Tel = Tipe yang digunakan untuk kolom isian nomor telepn (Harus) - Time = Digunakan untuk memilih waktu - Url = Digunakan untuk input field yang harus berisi alamat URL. - Week = Digunakan untuk memilih satu minggu dan tahun.

Anatomi Dan Cara Kerja Kode Javascipt

A. Javascipt

Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML.Javascript bahasa yang "case sensitive" artinya membedakan penamaan variabel atau fungsi yang menggunakan huruf besar dan huruf kecil.

B.Alat dan Bahan

PC/Laptop,Notepad++,dan browser

C.Langkah Kerja

1.Listing program javascript sederhana
a) Buka editor notepad++
b) Ketikan listing program dibawah ini :


contoh program

              c) Simpan dengan nama contoh.html
              d) Buka dengan menggunakan browser chorme/mozilla/dll.Jika berhasil,maka akan muncul tampilan
   seperti gambar di bawah:

2.Listing Program Javascript Dengan 2 Kotak Dialog

a)Ketikan listing program dibawah ini:

b)Simpan dengan nama contoh2.html

c)Buka dengan menggunakan browser .Jika berhasil,maka akan muncul tampilan seperti

ini:

Setelah diklik tombol ok ,maka muncul kotak dialog kedua

3. Listing program dengan menggunakan komentar

a)ketikan listing program ini:

b) Simpan dengan nama contoh komentar.html

c)Buka dengan menggunakan browser.Jika berhasil,maka akan

muncul tampilan ini:

YOUR POST TITLE HERE

YOUR POST TITLE HERE

YOUR POST TITLE HERE

YOUR POST TITLE HERE

YOUR POST TITLE HERE

Perangkat Keras Jaringan Komputer

Frame HTML

Cara Membuat Frame HTML

Cara Membuat Frame HTML

Cara Membuat Frame HTML

Cara Membuat Frame HTML

Formulir Web

Formulir Web

Anatomi Dan Cara Kerja Kode Javascipt

Anatomi Dan Cara Kerja Kode Javascipt

A. Javascipt

B.Alat dan Bahan

C.Langkah Kerja

Labels

Blog Archive

Total Tayangan Halaman

Popular Posts

Mengenai Saya

Followers

Labels

Labels

Labels

Labels