8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
1/17
LAPORAN PRAKTIKUM PEMROGRAMAN WEB
MODUL 1
HTML
Untuk memenuhi tugas matakuliah Praktikum Pemrograman Web
yang dibimbing oleh Bapak Didik Dwi Prasetya
Oleh:
DAVID EKA KRISTIANTO
(130533608210)
FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
PRODI S1 PENDIDIKAN TEKNIK INFORMATIKA
UNIVERSITAS NEGERI MALANG
JANUARI 2015
http://2.bp.blogspot.com/-oJLeyw8r3Fo/U1D8pvu7oCI/AAAAAAAAAJs/JrrgMG8DA6w/s1600/logo-um-copy-transparant-600px.pnghttp://2.bp.blogspot.com/-oJLeyw8r3Fo/U1D8pvu7oCI/AAAAAAAAAJs/JrrgMG8DA6w/s1600/logo-um-copy-transparant-600px.pnghttp://2.bp.blogspot.com/-oJLeyw8r3Fo/U1D8pvu7oCI/AAAAAAAAAJs/JrrgMG8DA6w/s1600/logo-um-copy-transparant-600px.png8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
2/17
A. LATIHAN
1. Membuat Dokumen HTML
a. Scrib :
b.
Hasil :
c. Penjelasan : Secara garis besar, struktur dokumen HTML terdiri dari dua bagian:
header dan bodi. Di mana header mendefinisikan informasi mengenai dokumen,
sedangkan bodi mendefinisikan tubuh atau isi dokumen.
2. Publikasi Halaman Web
Untuk menguji aplikasi web, kita mempublikasikannya ke web server, baik secara
lokal maupun Internet. Lingkungan lokal tentu merupakan pilihan yang efisien, khususnya
ketika aplikasi masih dalam tahap pengembangan. Langkah yang diperlukan untuk publikasi
ini sangat sederhana.
1. Pastikan bahwa file dokumen sudah diletakkan di direktori web, misalnya untuk
WampServer lokasi defaultnya adalah www. Untuk paket web server lainnya,
termasuk Apache (versi tunggal) adalah htdocs.
2. Pastikan bahwa web server sudah dijalankan.3. Buka web browser, kemudian ketikkan alamat URL yang merujuk ke lokasi
dokumen. Perhatikan contohnya seperti gambar.
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
3/17
3. Format Teks
a. Scrib :
b.
Hasil :
c. Penjelasan : Heading merupakan salah satu elemen penting di dalam dokumen
HTML. Heading didefinisikan menggunakan tag dan diakhiri dengan ,
dimana n menyatakan tipe dengan nilai 1-6.
a.
Scrib :
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
4/17
b.
Hasil:
c. Penjelasan: Align digunakan untuk mengatur posisi Teks/paragraf
a. Scrib:
b.Hasil:
c.
Penjelasan: dalam konteks HTML, paragraf direpresentasikan melalui tag
. Tag
sebenarnya merupakan tag pasangan, meski dalam implementasinya kerap kali
diabaikan.
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
5/17
a.
Scrib:
b.
Hasil:
c. Penjelasan: menggunakan align untuk mengatur posisi paragraph
a.
Scrib:
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
6/17
b.
Hasil:
c.
Penjelasan: menggunakan line break
untuk membuat baris baru pada paragraf
a.
Scrib :
b.Hasil:
c. Penjelasan: HTML menyediakan sejumlah elemen yang dapat dimanfaatkan untuk
mengatur font, seperti huruf tebal, huruf miring, garis bawah, dan masih banyak
lagi.
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
7/17
a.
Scrib :
b.Hasil:
c.
Penjelasan : Di HTML, kita juga bisa menampilkan karakter-karakter khusus dengan
memanfaatkan nama entitas.
4. Garis Horozontal
a.
Scrib :
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
8/17
b.
Hasil:
c.
Penjelasan: menggunakan untuk membuat garis horizontal.
5.
Menggunakan List
a.
Scrib :
b.Hasil :
c. Penjelasan : menggunakan karakter List pada paragraph
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
9/17
6.
Pewarnaan
a. Scrib :
b.
Hasil :
c. Penjelasan : menggunakan untuk memberi warna pada
background halaman web , untuk memberi warna pada tulisan.
7.
Bekerja dengan Gambar
a.
Scrib :
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
10/17
b.
Hasil :
c. Penjelasan : Menggunakan untuk menambah
gambar pada halaman web.
8.
Menggunakan Link
1.
Menciptakan Link
a. Scrib :
b.
Hasil :
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
11/17
Penjelasan : HTML menyediakan tag (atau disebut anchor) untuk mendefinisikan
sebuah link. Dalam implementasinya, pembuatan link memerlukan atribut href yang
menyatakan lokasi tujuan. Lokasi ini bisa berupa alamat lengkap (absolut) atau singkat
(relatif).
2.
Atribut Link
a.
Scrib :
b. Hasil :
c. Penjelasan : Elemen anchor menyediakan sejumlah atribut guna mendukung
fungsionalitasnya, dua di antaranya yang kerap digunakan adalah target dan title. Atribut
target digunakan untuk mengatur apakah link akan di buka di window yang sama
(default) atau di window (atau tab) baru. Di sisi lain, title berfungsi untuk menampilkan
teks manakala kursor mouse berada di atas link.
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
12/17
3.
Link Internal
a. Scrib :
b.
Hasil :
c.
Penjelasan : Langkah pertama untuk mengimplementasikan link internal adalah
dengan mendefinisikan lokasi di atribut href yang diberi prefiks #. Langkah
berikutnya adalah menetapkan nilai atribut id di blok yang akan dituju, di
mana nilainya sama dengan href namun tanpa prefiks #.
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
13/17
4. Link Email
a.Scrib :
b.Hasil :
c.
Penjelasan :Link tak hanya sebatas pada dokumen, tetapi juga bisa dimanfaatkan
untuk menunjuk ke suatu alamat email. Adapun dalam implementasinya, kita tinggal
mengubah alamat URL dengan alamat emailyang terlebih dahulu diberi prefiks
mailto.
5.
Link Gambar
a. Scrib :
b. Hasil :
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
14/17
c.
Penjelasan :
9. Tabel
a.
Tabel 1
-
Scrib :
-
Hasil :
-
Penjelasan :
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
15/17
b.
Tabel 2
-
Scrib :
-
Hasil :
-
Penjelasan :
c.
Tabel 3
-
Scrib :
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
16/17
-
Hasil :
-
Penjelsan :
d.
Tabel 4 :
-
Scrib :
-
Hasil :
-
Penjelasan :
B. STUDI KASUS
1.
Membuat Profil-
Scrib :
-
Hasil :
-
Penjelasan :
D.KESIMPULAN
Microsoft .NET merupakan strategi Microsoft untuk menghubungkan sistem,
informasi, dan alat (device), sehingga orang dapat berkomunikasi serta berkolaborasi
dengan lebih efektif. Teknologi .NET terintegrasi penuh melalui produk-produk Microsoft,
8/9/2019 Laporan Modul 1 Pemrograman Web FT UM
17/17
dan menyediakan kemampuan untuk mengembangkan solusi dengan menggunakan Web
service.
Dalam dialog New Project anda dapat memilih jenis aplikasi yang akan dibuat termasuk
bahasa pemrograman digunakan. Jenis aplikasi yang dapat dibuat adalah: Windows
Application, Class Library, Windows Control Library, ASP .NET Web Application , ASP
.NET Web Service, Console Application, Windows Service, Web Control Library.
Dalam penggunaan Microsoft .NET juga terdapat tipe data yang digunakan untuk
mendefinsikan objek yang akan deprogram. Tipe data di .NET diklasifikasikan ke dalam
dua bagian: tipe value dan tipe reference. Dalam kaidah pemrograman, suatu kode program
harus mudah dibaca dan dipelihara. Perlu diketahui, kemudahan suatu kode untuk dibaca
bukan hanya oleh pembuatnya sendiri, tetapi juga bagi orang lain sehingga dalam penulisan
program terdapat aturan notasi penamaan dan standart penamaan. Karena terdapat
keberagaman tipe data dalam suatu program dapat dilakukan konversi program yaitu upaya
untuk mengubah suatu entitas dari satu tipe ke tipe lainnya.
E.DAFTAR PUSTAKA
1.
Modul 1 Pengenalan Visual Basic.Net, Pendidikan Teknik Informatika, Fakultas
Teknik, Uneversitas Negeri Malang. 2011
2.
Indra, Anisa. 2013. Dasar-Dasar Visual Basic. Tersedia:
http://www.varia.web.id/2013/05/dasar-dasar-visual-basic.html diakses tanggal: 18
Januari 2015 pukul; 20.00
3.
Ikra. 2012. Pengenalan Vbnet.Tersedia:
http://ikranote.blogspot.com/2012/08/pengenalan-vbnet.html. Diakses tanggal: 18
Januari 2015 pukul: 20.05
4.
zkashare. 2011.
Membuat 2 Baris Pesan atau Lebih dalam Message Box VB 6.0 .
Tersedia : https://zkashare.wordpress.com/2011/10/22/membuat-2-baris-pesan-atau-
lebih-dalam-message-box-vb-6-0/
https://zkashare.wordpress.com/https://zkashare.wordpress.com/Top Related