ETS Pertemuan 8 Pemrograman Web

 Andrian Tambunan

5025211018

Pemrograman Web A

ETS Pertemuan 8 Pemrograman Web

Deskripsi Tugas: 

1. Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web.

2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.

3. Sebuah perpustakaan ingin membuat aplikasi web. Fungsi aplikasi untuk display koleksi buku, peta lokasi, informasi berita/ kegiatan, dan pendaftaran online. Desainkan front end website perpustakaan.

4. Implementasikan desainmu dan buat dokumentasi.

5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.


1. 

a. HTML

HTML berfungsi sebagai tulang punggung dari hampir semua situs web. HTML digunakan untuk membuat struktur struktur mendasar halaman web, termasuk teks, gambar, tautan, dan elemen-elemen dasar lainnya.

b. CSS

fungsi CSS adalah untuk menghias dan mempercantik halaman web. Ini mengontrol tampilan, warna, font, dan layout elemen-elemen HTML.

c. JavaScript

JavaScript berfungsi sebagai interaktivitas pada halaman web. Ini digunakan untuk membuat efek animasi, validasi formulir, interaksi pengguna, dll.

d. Bootstrap
Bootstrap adalah kerangka kerja atau yang sering disebut framework CSS dan JavaScript. Bootstrap memungkinkan untuk dengan cepat membangun tampilan responsif dan estetis dengan komponen dan gaya yang telah ditentukan.


2. 

Tugas 1:

Link Blog: 

https://andriantambunan.blogspot.com/2023/09/tugas-1-pemrongraman-web.html

Tugas 2:


Link Blog:

https://andriantambunan.blogspot.com/2023/09/tugas-2-pemrograman-web.html

Tugas 3:


Link Blog:

https://andriantambunan.blogspot.com/2023/09/tugas-3-pemrograman-web.html

Kuis 1:

Link Blog:

https://andriantambunan.blogspot.com/2023/09/kuis-1-pemrograman-web.html

Tugas Pertemuan 6:


Link Blog:

https://andriantambunan.blogspot.com/2023/10/tugas-pertemuan-6-pemrograman-web.html

Tugas Pertemuan 7

Link Blog:

https://andriantambunan.blogspot.com/2023/10/tugas-pertemuan-7-pemrograman-web.html

3. Design Aplikasi Web 

Gambar 1. Home Page

Gambar 2: Register Page

Gambar 3: Page Berita

Gambar 4: Page Buku

4. Implementasi kode

Gambar 5: Home Page

Gambar 6: Book Catalog Page

Gambar 7: News Catalog Page

Gambar 8: Location Page

5. 












Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 1 Pemrongraman Web

Gambar
 Andrian Tambunan 5025211018 Pemrograman Web A Tahun 2023  Tugas 1 HTML HTML adalah bahasa markup yang digunakan untuk membuat struktur dasar halaman web. Dengan HTML, Anda mendefinisikan elemen-elemen seperti teks, gambar, hyperlink, dan banyak elemen lainnya yang membentuk konten sebuah halaman web. HTML menggunakan tag-tag (elemen) untuk memberi tahu browser web bagaimana harus menampilkan konten tersebut. Contoh tag HTML meliputi <html>, <head>, <body>, <p>, <img>, dan banyak lagi. Ini adalah dasar dari struktur dan konten halaman web. Penjalasan tugas: Dalam tugas ini, saya akan membuat CV ATS yang dibuat hanya menggunakan HTML. Hasil:  Link Repository:  LINK_REPO
Baca selengkapnya

Pertemuan 15 Pemrograman Web Quiz 2

Gambar
Andrian Tambunan 5025211018 Pemrograman Web A Pertemuan 15 - Quiz 2 Link Repository :  https://github.com/AndrianTambunan/Pweb-Pertemuan-15-Pemrograman-Web-Quiz-2 Link Presentasi (Youtube) :  https://youtu.be/GX7BE7TBQZQ Soal: 1. Tuliskan Spesifikasi kebutuhan perangkat lunak dan struktur menu yang cocok untuk aplikasi yang akan dibuat. 2. Buatlah desain database dan struktur tabel yang akan menampung data yang dikelola. 3. Desain Front End dan page yang akan dibuat untuk aplikasi. 4. Sebutkan daftar action untuk backend yang akan dibutuhkan. Jelaskan digunakan apa saja. 5. Inplementasikan dan buat dokumentasinya. Presentasikan jawabanmu ke dalam bentuk video dan embedded ke blog jawaban. Jawab 1. Spesifikasi yang dibutuhkan adalah - FrondEnd: HTML, CSS, Javascript  Untuk membangun antarmuka pengguna yang responsif dan menarik. - BackEnd:  Node.js (dengan Express), Django, Flask, Ruby on Rails, atau Laravel. - Database:  MySQL, PostgreSQL, MongoDB (untuk data se...
Baca selengkapnya

Final Project Pemrograman Web - QUIZ 2

Gambar
Andrian Tambunan 5025211018 Pemrograman Web A Demo Project QUIZ 2 Link Repository :  https://github.com/AndrianTambunan/Pweb-Pertemuan-15-Pemrograman-Web-Quiz-2 Link Presentasi (Youtube) :  https://youtu.be/GX7BE7TBQZQ Soal: 1. Tuliskan Spesifikasi kebutuhan perangkat lunak dan struktur menu yang cocok untuk aplikasi yang akan dibuat. 2. Buatlah desain database dan struktur tabel yang akan menampung data yang dikelola. 3. Desain Front End dan page yang akan dibuat untuk aplikasi. 4. Sebutkan daftar action untuk backend yang akan dibutuhkan. Jelaskan digunakan apa saja. 5. Inplementasikan dan buat dokumentasinya. Presentasikan jawabanmu ke dalam bentuk video dan embedded ke blog jawaban. Jawab 1. Spesifikasi yang dibutuhkan adalah - FrondEnd: HTML, CSS, Javascript  Untuk membangun antarmuka pengguna yang responsif dan menarik. - BackEnd:  Node.js (dengan Express), Django, Flask, Ruby on Rails, atau Laravel. - Database:  MySQL, PostgreSQL, MongoDB (untuk data semi...
Baca selengkapnya