Laporan Modul 1 Pemrograman Web FT UM [PDF]

Citation preview

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



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



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.



a. Scrib:



b. Hasil:



c. Penjelasan: menggunakan align untuk mengatur posisi paragraph a. Scrib:



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.



a. Scrib :



b. Hasil:



c. Penjelasan : Di HTML, kita juga bisa menampilkan karakter-karakter khusus dengan memanfaatkan nama entitas. 4. Garis Horozontal a. Scrib :



b. Hasil:



c. Penjelasan: menggunakan untuk membuat garis horizontal. 5. Menggunakan List a. Scrib :



b. Hasil :



c. Penjelasan : menggunakan karakter List pada paragraph



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 :



b. Hasil :



c. Penjelasan : Menggunakan untuk menambah gambar pada halaman web. 8. Menggunakan Link 1. Menciptakan Link a. Scrib :



b. Hasil :



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.



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



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 email—yang terlebih dahulu diberi prefiks mailto. 5. Link Gambar a. Scrib :



b. Hasil :



c. Penjelasan : 9. Tabel a. Tabel 1 - Scrib :



-



Hasil :



-



Penjelasan :



b. Tabel 2 - Scrib :



-



Hasil :



- Penjelasan : c. Tabel 3 - Scrib :



-



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,



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-ataulebih-dalam-message-box-vb-6-0/