laporan modul 1 pemrograman web ft um

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.png


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.


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 :


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.


5/17

a.

Scrib:

b.

Hasil:

c. Penjelasan: menggunakan align untuk mengatur posisi paragraph

a.

Scrib:


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.


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/17

b.

Hasil:

c.

Penjelasan: menggunakan untuk membuat garis horizontal.

5.

Menggunakan List

a.

Scrib :

b.Hasil :

c. Penjelasan : menggunakan karakter List pada paragraph


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 :


10/17

b.

Hasil :

c. Penjelasan : Menggunakan untuk menambah

gambar pada halaman web.

8.

Menggunakan Link

1.

Menciptakan Link

a. Scrib :

b.

Hasil :


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.


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 #.


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 :


14/17

c.

Penjelasan :

9. Tabel

a.

Tabel 1

-

Scrib :

-

Hasil :

-

Penjelasan :


15/17

b.

Tabel 2

-

Scrib :

-

Hasil :

-

Penjelasan :

c.

Tabel 3

-

Scrib :


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,


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/

laporan modul 1 pemrograman web ft um

Documents