Laporan Praktikum Pemrograman Web.pdf

Laporan Praktikum Pemrograman Web Modul 1

LABORATORIUM PEMROGRAMAN WEB PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK ELEKTRO UNIVERSITAS NEGERI MALANG PRAKTIKUM PEMROGRAMAN WEB SEMESTER: GASAL TAHUN: 2015/2016 BAB 1 JUDUL BAB : HTML DISUSUN OLEH : NIMAS HADI ATMAJA NIM : 140535605069 DOSEN : DIDIK DWI PRASETYA S.KOM., M.KOM. ASISTEN : ISWANUL UMAM IZZATI ALVANDIAR TANGGAL TTD ASISTEN PRAKTIKUM 1 HTML A. Kompetensi Dasar 1. Memahami struktur dasar dokumen HTML dan HTML5 2. Mampu membuat dokumen HTML yang baik dan benar. 3. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. Dasar Teori Pengertian HTML5 Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan. Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML. Berikut tujuan dibuatnya HTML5 :  Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript  Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )  Penanagan kesalahan yang lebih baik  Lebih markup untuk menggantikan scripting  HTML5 merupakan perangkat mandiri  Proses pembangunan dapat terlihat untuk umum Fitur baru dalam HTML5 :  Unsur kanvas untuk menggambar  Video dan elemen audio untuk media pemutaran  Dukungan yang lebih baik untuk penyimpanan secara offline  Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section  Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search. Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5. Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight. C. Latihan Praktikum 1. Membuat Dokumen HTML  Hasil  Deskripsi Pada latihan praktikum membuat dokumen HTML ini menerapkan struktur standar HTML antara lain html, title, dan body. Kemudian kita bisa menjalankannya di web server local. Kita juga dapat memvalidasinya dengan menggunakan HTML validator di browser Mozilla Firefox. 2. Heading  Hasil  Deskripsi Pada latihan praktikum Heading ini, kita belajar menggunakan tag Heading <h1> sampai <h6>, yang dapat digunakan untuk membuat judul suatu tulisan. Tag <h1> akan membuat tulisan yang besar diikuti oleh tag <h2>, <h3>, <h4>, <h5>, dan <h6>. 3. Heading dengan Align  Hasil  Deskripsi Pada latihan praktikum Heading dengan Align, kita belajar dengan menggunakan Heading seperti pada latihan yang kedua tetapi kita juga membuat posisi dari tulisan heading diatas dengan menggunakan Align (Left, Right, atau Center). 4. Paragraf  Hasil  Deskripsi Pada latihan praktikum Paragraf, kita belajar membuat sebuah paragraf dalam dokumen HTML dengan menggunakan tag <p>. 5. Paragraf dengan Align  Hasil  Deskripsi Pada latihan praktikum Paragraf dengan Align, kita belajar untuk mengkombinasikan antara paragraf dengan tata letak paragraf tersebut dengan menggunakan atribut Align (Left, Right, atau Center) pada elemen <p>.

Oleh: Nama : Ni'matu Rohmah NIM : 150535602460 Teknik Informatika 2015 Offering B UNIVERSITAS NEGERI MALANG FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO Oktober 2016 DESAIN WEB CSS A. KOMPETENSI DASAR 1. Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. 2. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. 3. Mampu memanfaatkan pendekatan untuk menghasilkan halaman web yang rapi, standar, dan menarik. B. STUDI KASUS Syntaks studikasus.html <!DOCTYPE html> <html lang="en"> <head> <title>Tugas</title> <style type="text/css"> <!--body{ } #header{ height: 140px; width: auto; margin-left: 30px; margin-right: 30px; background: #7ab2ff; border-bottom:14px solid aqua; border-top:14px solid aqua; } #logo{ position: fixed; top: 35px; left: 120px; height:100px width: 200px; } #textheader { position: absolute; float: left; top:15px; left:230px; font-size: 40px; font-weight: bold; text-align : left; } .link{ position: absolute; float: right; top:30px; right:70px; } font{ position: absolute; top: 5px; right: 105px; float: right; font-family: Arial; } #box{ position: absolute; top: 125px; right: 150px; width:100px; height: 30px; } #inner { margin-top: 0px; height: 420px; background: white; margin-left: 30px; margin-right: 30px; } #innerkiri { margin-top: 10px; float: left; height: 400px; width: 250px; background: pink; } #isiinnerkiri { margin-top: 10px; padding-left:20px; float: left; height: 30px; width: 210px; background: white; font-size:25px; text-decoration: none; } #slide { margin-top: 10px; margin-left: 0px; margin right: 0px; float: left; height: 150px; width: 1023px; background: #7ab2ff; } #isi { margin-top: 10px; margin-left: 10px; float: left; height: 190px; width: 730px; background: white; } .innerkanan { margin-top: 10px; float: right; height: 100px; width: 200px; background: pink; padding:5px; } #fotter { margin-top: 0px; height: 70px; background: #7ab2ff; margin-left: 30px; margin-right: 30px; border-bottom:14px solid aqua; } h4{ position: absolute; top:600px; left: 450px; float: left; font-family: Arial;

IJCIT (Indonesian Journal on Computer and Information Technology), 2021

Mengajar matakuliah yang berkaitan dengan Bahasa Pemrograman tidak sama seperti mengajar matakuliah teori atau praktik pada umumnya. Saat di dalam kelas, dosen sering berkeliling menjumpai mahasiswa satu per satu untuk mengamati, menerima keluhan, dan mengoreksi kode program yang dibuat oleh mahasiswa, sehingga waktu untuk praktikum banyak terpakai oleh dosen untuk kegiatan berkeliling dan menjadi tidak efisien untuk proses belajar mengajar. Kesulitan itu juga sangat dirasakan mahasiswa saat pembelajaran dilakukan secara daring (online) akibat pandemic Covid-19. Penelitian ini bertujuan untuk membuat media praktikum berbasis web yang dapat memudahkan mahasiswa dan dosen dalam belajar Bahasa Pemrograman secara daring (online). Model pengembangan menggunakan waterfall yang terdiri dari analisis kebutuhan, desain, pembuatan kode program, pengujian, dan pemeliharaan. Hasil Penelitian menunjukkan bahwa media praktikum Bahasa Pemrograman berbasis web dapat digunakan sebagai opsi dalam pem...

2021

Mungkin beberapa dari anda telah mengenal beberapa aplikasi perhitungan suhu, namun mungkin anda belum mengerti bagaimana menghitung suhu sendiri, aplikasi yang penulis rancang ini bukan sekedar untuk mengetahui nilai konversi suhu, namun anda juga mampu mempelajari rumus-rumus perhitungan suhu yang penulis sediakan. Aplikasi ini adalah aplikasi kalkulator perhitungan suhu yang dapat digunakan oleh pelajar dan masyarakat pada umumnya. Tujuan aplikasi ini tidak hanya mengetahui nilai konversi suhu namun pengguna aplikasi ini dapat mempelajari rumus-rumus perhitungan suhu yang penulis sediakan.serta dapat mempermudah dan membantu kita dalam mengkonversi suhu dari celcius ke suhu reamur, kelvin, dan juga Fahrenheit. Melalui program aplikasi konversi suhu menggunakan visual basic. Kami harap program ini dapat di akses melalui website dan smart phone dan program ini bermanfaat untuk membantu pelajadan masyarakat sedikit lebih mudah dalam menghitung konversi suhu.

Sebuah IRT kosmetik herbal yang baru berdiri memiliki 10 karyawan yang memerlukan ruangan dan bagian departemen. Ruangan yang tersedia pada IRT tersebut adalah 5 ruangan. Bagaimana membuat tata letak/ruang dengan membagi ruang kerja karyawan dalam departemen yang terdiri dari dua orang karyawan. Berikut jarak dan waktu yang dibutuhkan dalam pergerakkan karyawan

Percabangan

Perulangan

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.