BUKU SERI PRAKTIKUM
Modul Pembelajaran Internet dan Jaringan
Penyusun: Muhamad Resya Elyasa Raditya Fajar
LABORATORIUM MANAJEMEN MENENGAH
UNIVERSITASInternet GUNADARMA dan Jaringan | ii
KATA PENGANTAR
Buku seri praktikum Internet dan Jaringan ini menjelaskan penerapan teori Teknologi terutama dalam pembuatan website menggunakan bahasa HTML, Jaringan Komputer, Internet dan e-commerce. Demikian juga pembahasan dilakukan pada masalah-masalah yang bersifat mendasar atau pokok-pokok. Tujuan penyusunan modul Internet dan jaringan adalah Mahasiswa dapat memahami dan membuat sebuah web sederhana menggunakan bahasa HTML dan XHTML, mengerti dasar-dasar Jaringan dan internet, serta mengerti tentang ecommerce. Dengan demikian pembahasan terdiri dari teori masing-masing bahasan, baru kemudian diikuti dengan penerapannya. Dengan demikian diharapkan dalam memberikan pemahaman logika atau wawasan bagaimana teknologi Internet dan Jaringan. Akhir kata semoga seri praktikum ini dapat memberikan manfaat bagi pembaca, kritik dan saran sangat kami harapkan demi pengembangan modul ini di masa yang akan datang.
Depok, Februari 2015
Penyusun
Internet dan Jaringan | i
Laboratorium Manajemen Menengah DAFTAR ISI
Kata Pengantar ...................................................................................................................i Daftar Isi ..............................................................................................................................ii BAB I – HTML & XHTML ................................................................................................1 Deskripsi Materi ........................................................................................................1 Tujuan Pembelajaran ...............................................................................................1 1.1 Pengertian HTML & XHTML ..........................................................................2 1.1.1 Perbedaan Antara HTML & XHTML ...................................................... 2 1.1.2 Penggunaan HTML & XHTML ............................................................... 2 1.1.3 Pengkodean Syntax HTML ......................................................................3 Latihan 1 ...................................................................................................3 Latihan 2 ....................................................................................................4 Latihan 3 ...................................................................................................5 Latihan 4 ....................................................................................................6 Latihan 5 ....................................................................................................8 Latihan 6 ....................................................................................................9 Latihan 7 ...................................................................................................12 Latihan 8 ...................................................................................................14 1.2 Publish Dalam Bentuk HTML ...........................................................................16 Soal Essay ....................................................................................................................18
Internet dan Jaringan | ii
Laboratorium Manajemen Menengah BAB II – JARINGAN KOMPUTER..................................................................................20 Deskripsi Materi .........................................................................................................20 Tujuan Pembelajaran ................................................................................................21 2.1 Pengertian Jaringan Komputer .........................................................................22 2.2 Jenis-jenis Jaringan .............................................................................................23 2.2.1 Wide Area Network (WAN) .....................................................................23 2.2.2 Metropolitan Area Network (MAN)..........................................................23 2.2.3 Local Area Network (LAN) ......................................................................24 2.3 Tujuan Jaringan LAN.........................................................................................25 2.4 Kegunaan Jaringan Komputer ..........................................................................25 2.5 Protokol ................................................................................................................25 2.5.1 Ethernet ......................................................................................................26 2.5.2 LocalTalk ...................................................................................................26 2.5.3 Token Ring ................................................................................................26 2.5.4 FDDI ..........................................................................................................27 2.5.5 ATM ..........................................................................................................27 2.6 Topologi Dasar Jaringan ....................................................................................27 2.6.1 Topologi Bus .............................................................................................27 2.6.2 Topologi Ring ............................................................................................28 2.6.3 Topologi Star .............................................................................................29 2.7 UTP Cable ............................................................................................................30 2.8 Model Referensi Jaringan...................................................................................30 2.8.1 Model OSI .................................................................................................30 2.8.2 Model TCP/IP ............................................................................................31 Soal Essay ....................................................................................................................32 Internet dan Jaringan | iii
Laboratorium Manajemen Menengah BAB III - INTERNET ........................................................................................................33 Deksripsi Materi .........................................................................................................33 Tujuan Pembelajaran ................................................................................................33 3.1 Pengertian Internet .............................................................................................34 3.2 Alamat di Internet ...............................................................................................35 3.3 Netiquette .............................................................................................................37 3.4 Koneksi ke Internet .............................................................................................37 3.5 Perangkat Untuk Mengakses Internet ..............................................................40 3.6 Layanan Aplikasi di Internet .............................................................................41 3.7 Fungsi Internet ....................................................................................................43 3.8 Kesalahan Pemasaran Dalam Internet..............................................................44 Soal Essay ....................................................................................................................45 BAB IV – E-COMMERCE .................................................................................................46 Deskripsi Materi .........................................................................................................46 Tujuan Pembelajaran ................................................................................................46 4.1 Pengertian E-Commerce .....................................................................................47 4.2 Perkembangan E-Commerce di Indonesia .......................................................48 4.3 Kelebihan E-Commerce ......................................................................................49 4.4 Keuntungan E-Commerce ..................................................................................50 4.5 Ruang Lingkup E-Commerce ............................................................................50 4.6 Jenis-jenis E-Commerce .....................................................................................50 4.6.1 Business to Costumer (B2C) .....................................................................50 4.6.2 Business to Business (B2B) .......................................................................50 Internet dan Jaringan | iv
Laboratorium Manajemen Menengah 4.6.3 Costumer to Costumer (C2C) ....................................................................51 4.6.4 Costumer to Business (C2B) .....................................................................51 4.7 Komponen Utama E-Commerce ........................................................................51 4.7.1 Electronic Data Interchange ......................................................................51 4.7.2 Digital Curency .........................................................................................52 4.7.3 Electronic Cataloge....................................................................................52 4.8 Faktor-faktor Penggunaan E-Commerce Perusahaan ....................................53 4.9 Intranet dan Extranet .........................................................................................53 4.10 Tantangan E-Commerce di Masa Depan........................................................54 4.11 Software E-Commerce ......................................................................................55 Soal Essay ....................................................................................................................61
Internet dan Jaringan | v
Laboratorium Manajemen Menengah BAB I HTML & XHTML
DESKIPSI MATERI Apa Itu HTML? HTML atau Hypertext Markup Language terdiri dari 2 bagian utama, yaitu:
Hypertext, diartikan sebagai suatu link yang dapat dibuat pada halaman web, yang mengarahkan pengunjung ke halaman web lainnya atau secara praktis hal-hal lain pada internet. Berarti informasi di dalam suatu web dapat di akses dari manapun.
Universalitas, berarti dokumen HTML disimpan hanya berupa file teks.
Jadi, HTML adalah sebuah bahasa yang universal yang dapat diakses dari mesin apapun (Windows, Macintos, dll) yang berfungsi sebagai sarana penukaran informasi di dalam internet. Apa Itu XHTML? XHTML adalah HTML yang ditulis ulang oleh W3C (World Wide Web Consortium) dengan menggunakan XML. Bahasa ini mempunyai semua fitur dari HTML dan dapat dibaca oleh semua browser yang tersedia, karena XHTML adalah derivate dari HTML. Pengguna yang terbiasa menggunakan HTML tidak akan mengalami kesulitan yang berarti dalam menggunakan XHTML TUJUAN PEMBELAJARAN Setelah menyelesaikan praktikum pada modul ini, praktikan akan memahami: 1. Pembuatan web sederhana menggunakan HTML dan XHTML 2. Pembuatan table pada halaman web. 3. Membuat form. 4. Membuat layout dan merubah tampilan web menggunakan CSS.
Internet dan Jaringan | 1
Laboratorium Manajemen Menengah 1.1 PENGERTIAN HTML & XHTML 1.1.1 Perbedaan Antara HTML &XHTML
HTML tidak memperdulikan apabila kita menggunakan syntax html, head, dan DOCTYPE, sementara XHTML membutuhkannya.
Penggunaan HTML memungkinkan penghilangan beberapa closing tag, sedangkan pada XHTML dibutuhkan penggunaan closing tag bahkan untuk tag kosong sekalipun.
Penggunaan HTML memungkinkan untuk menghilangkan tanda petik (“”) pada nilai atribut yang mengandung huruf, angka, dan empat simbol sederhana (-, ., _, dan ;), sedangkan XHTML membutuhkan tanda petik tersebut untuk setiap atributnya.
Penggunaan HTML tidaklah Case Sensitive, sementara XHTML mengharuskan semua elemen, atribut, dan nilai yang telah ditetapkan sebelumnya ditulis dengan huruf kecil.
Penggunaan HTML mengizinkan penghilangan nilai yang mempunyai nama yang sama dengan atribut, sedangkan XHTML menekankan bahwa setiap nilai harus didefinisikan dan dideklarasikan secara eksplisit.
1.1.2 Penggunaan HTML dan XHTML Kapan kita menggunakan XHTML? Dalam penggunaannya untuk membuat suatu halaman web, kita harus mengetahui adanya aturan mengenai penggunaan HTML ataupun XHTML. Ada beberapa kondisi yang harus dipenuhi:
Semakin besar suatu situs, semakin penting penggunaan CSS dan XHTML. Penggunaan HXTML dan CSS membuat situs lebih mudah untuk diimplementasi, dan merubah pengaturan pada situs serta membuat halaman lebih terstruktur agar dapat dipakai di kemudian hari.
Banyak perusahaan dan lembaga pemerintahan yang mensyaratkan untuk setiap websites dapat digunakan oleh orang yang cacat. Hal ini diartikan bahwa pembuatan web harus memungkinkan penggunaan XHTML dan disertai dengan pengaturan CSS.
Situs komersial skala besar yang menginginkan semua orang dapat mengakses web mereka dapat menggunakan transitional XHTML, menggunakan beberapa tag HTML untuk dukungan yang lebih luas dan juga mengandalkan stabilitas XHTML.
Situs minimalis dan penggunaan web pribadi dapat menggunakan keuntungan dari sintax HTML yang mudah, serta didukung dengan pengaturan CSS yang berkinerja tinggi.
Internet dan Jaringan | 2
Laboratorium Manajemen Menengah 1.1.3 Pengkodean-Syntax HTML Dalam pengkodean HTML, memiliki beberapa ciri khas, yaitu:
Perintah pengkodean HTML umumnya berpasangan. Misal: penulisan harus diakhiri
Terbagi menjadi dua golongan, yaitu kepala dan badan.
Pada bagian kepala ditandai dengan dan , sedangkan bagian badan/isi ditandai dengan dan .
Pada bagian kepala kita bisa menentukan judul dokumen HTML, yang ditulis dengan tag
JUDUL
Secara umum HTML terdiri dari bagian-bagian yang ada pada contoh dibawah ini :
Ini adalah bagian Judul Ini adalah bagian body Latihan 1: Heading Heading, digunakan untuk memberikan judul atau sub judul pada dokumen html. Tag heading selalu di buka dengan
dan ditutup dengan ,y merupakan ukuran dari heading dari 1 sampai 6 (1 yang terbesar, dan 6 yang paling kecil). Contoh: Tuliskan sintak dibawah ini kedalam notepad ++, perhatikan tanda <, >, dan >.
H1: Lab Manajemen Menengah Gunadarma
H4: Lab Manajemen Menengah Gunadarma
Internet dan Jaringan | 3
Laboratorium Manajemen Menengah Latihan 2: Text Formating Setelah menyelesaikan latihan heading, materi berikutnya adalah mengubah tampilan web dengan mengubah paragraf
, font , dan membuat list - . Contoh : Tuliskan sintak dibawah ini kedalam notepad ++ , perhatikan tanda <, >, “ “, dan >
Laboratorium Manajemen Menengah merupakan salah satu laboratorium praktikum penunjang perkuliahan di Universitas Gunadarma. Mata kuliah yang diajarkan
di
face="comic
sans
ms"
size=5>Laboratorium
Manajemen
Menengah
salah satunya adalah Internet dan Jaringan.
Selain Internet dan Jaringan ada beberapa mata kuliah lainnya seperti
- Riset Operasional
- Manajemen Operasional
- Manajemen Keuangan
- Manajemen Jasa
- Marketing Communication
Internet dan Jaringan | 4
Laboratorium Manajemen Menengah Latihan 3: Membuat link dan memasukkan gambar Setelah menyelesaikan latihan text formating, materi berikutnya adalah bagaimana cara membuat link dan memasukkan gambar kedalam web. Dibawah ini adalah dasar penulisan HTML pembuatan link dan memasukkan Gambar.
teks yang dijadikan link Contoh: Tuliskan sintak dibawah ini kedalam notepad ++, perhatikan tanda <, >, “ “, dan >.
Laboratorium Manajemen Menengah Gunadarma
Internet dan Jaringan | 5
Laboratorium Manajemen Menengah Latihan 4: Tabel dan Merge Table dimulai dengan
. Unsur utama dari table yaitu
|
dan
digunakan untuk membuat baris pada table, sedangkan | | digunakan untuk membuat kolom. Di dalam table kita bisa menambahkan beberapa atribut diantaranya border, width, height, cellspacing, bgcolor, background dll. Secara umum tabel terdiri dari bagian-bagian yang ada pada contoh dibawah ini :
Ini adalah bagian Judul Berikut adalah contoh pembuatan tabel:
Membuat Tabel
Ini kolom 1 pada baris 1 | Ini kolom 2 pada baris 1 |
Ini kolom 1 pada baris 2 | Ini kolom 2 pada baris 2 |
Tabel sebagai bingkai dari paragraf
Tabel memiliki peranan sangat penting dalam tampilan sebuah web page. Tanpa tabel desainer akan mengalamai kesulitan dalam mendesain sebuah halaman web. Internet dan Jaringan | 6
Laboratorium Manajemen Menengah Kalau anda perhatikan website yang memiliki tampilan yang tersusun rapi. Sebenarnya itu adalah tabel hanya saja atribut border="0" sehingga tabel seakan tidak ada. Perlu diingat tag-tag pada html dapat mengandung unsur yang sama. Contohnya di dalam sebuah tabel terdapat tabel lagi. Di bawah ini adalah tabel yang berada di dalam tabel utama Nama Barang | Harga Barang | Monitor | Rp. 500.000,- | Hardisk | Rp. 600.000 | |
Internet dan Jaringan | 7
Laboratorium Manajemen Menengah Latihan 5: Cara membuat Colspan dan Rowspan (Merge table) Untuk menggabung beberapa kolom/baris menjadi satu, kita dapat menggunakan colspan untuk menggabungkan kolom dan rowspan untuk menggabungkan baris. Sintak secara umum :
Ini Colspan menggabungkan 3 kolom |
no 1 | no 2 | Ini rowspan menggabungkan 2 baris |
no 3 | no 4 |
Internet dan Jaringan | 8
Laboratorium Manajemen Menengah Latihan 6: Membuat Form Secara umum HTML terdiri dari bagian-bagian yang ada pada contoh dibawah ini :
Ini adalah bagian Judul Tag