EVALUASI TENGAH SEMESTER PEMROGRAMAN WEB-A

EVALUASI TENGAH SEMESTER PEMROGRAMAN WEB-A

#Identitas Diri

Nama: Muhammad Rifqi Ma'ruf
NRP: 5025221060
Kelas: Pemrograman Web A
Tahun: 2023

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

#Jawaban

1. Dalam sebuah anatomi halaman website, pada dasarnya sebuah web dibangun dengan tiga buah pondasi:
  • HTML (HyperText Markup Language): sebuah markup language yang menentukan struktur atau kerangka dari halaman web yang dibangun secara hirarki dimulai dari header, main(body), hingga footer yang terdiri dari elemen-elemen yang mendasari nya serta atribut sebagai informasi tambahan pada suatu elemen.
  • CSS (Cascading Style Sheet): sebuah markup language yang memberikan gaya atau styling agar halaman web ditampilkan lebih cantik dan stylist. Dalam arti lain CSS digunakan untuk mengatur visualisasi html.
  • JavaScript: satu-satunya programming language yang didukung oleh browser untuk meningkatkan interaktivitas pada halaman web.
  • Bootstrap: Diciptakan oleh tim pengembang Twitter, bootstrap adalah framework yang menyediakan serangkaian kode HTML, CSS, dan JavaScript (umumnya mengadung package CSS dan JavaScript) yang telah dirancang sebelumnya, sehingga memudahkan developer untuk membangun halaman web dengan lebih cepat dan dengan desain yang responsif 
Jika di ibaratkan sebuah hewan, HTML adalah tulangnya, CSS adalah kulitnya/tubuh bagian luarnya, dan JavaScript adalah otaknya.

Sedangkan bootstrap seperti package library (three in one) 
2. Berikut adalah screenshot dari aplikasi web yang telah pernah saya kerjakan sebagai lead project bersama rekan tim saya

Screenshot aplikasi web



Informasi lebih lanjut


Selain itu saya juga telah membuat beberapa  tugas dari mata kuliah pemrograman web, beberapa diantaranya








Berikut adalah Link Repositorynya
Github1
Github2
Github3
Github4
3. Berikut merupakan desain frond end yang saya buat dari sebuah website perpustakaan. Ide yang saya meredesain website perpustakaan ITS.

Link Prototipe Desain

4. 
Berikut Link Repository Github yang saya buat

5 
Berikut Video Demo
Link Youtube: Youtube

Komentar

Posting Komentar

Postingan populer dari blog ini

KUIS 2 PWEB A

Gambar
 KUIS 2 PWEB A #Identitas Diri Nama: Muhammad Rifqi Ma'ruf NRP: 5025221060 Kelas: Pemrograman Web A Tahun: 2023 #Deskripsi Tugas Tuliskan spesifikasi kebutuhan perangkat lunak dan struktur menu yang cocok untuk aplikasi yang akan dibuat (individu - jam kuliah) Buatlah desain database dan struktur tabel yang akan menampung data yang dikelola (individu  - jam kuliah) Desan Frond End dan page yang akan dibuat untuk aplikasi (individu - jam kuliah) Sebutkan daftar action untuk backend yang akan dibutuhkan. Jelaskan digunakan apa saja (individu - jam kuliah) Implementasikan dan buat domumentasinya. Presentasikan jawabanmu ke dalam bentuk video dan embedded ke blog jawaban. (Boleh kelompok maks3 - paling lambat 12 Des 2023 Jam 08:00) #Jawaban #1.  Spesifikasi Kebutuhan Perangkat Lunak Manajemen Siswa Manajemen Siswa Pendaftaran siswa baru dan pembaruan informasi Penyimpanan data siswa termasuk nama, usia, alamat, data kontak, dan riwayat belajar Manajemen Jadwal Bimbi...
Baca selengkapnya

Belajar Membuat CV Pribadi Menggunakan HTML

Gambar
Tugas 1 CV Pribadi (HTML) Identitas Diri Nama: Muhammad Rifqi Ma'ruf NRP: 5025221060 Kelas: Pemrograman Web A Tahun: 2023 Deskripsi Tugas Tugas pertama adalah membuat Curriculum Vitae (CV) pribadi dalam format HTML. Di dalamnya terdapat identitas diri, deskripsi tugas, mindset belajar, alat dan software yang dikuasai, serta kemampuan-kemampuan. Semua informasi ini diatur dengan markup HTML untuk menciptakan halaman web yang terstruktur dan informatif. Source Code <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Curriculum Vitae </ title >   </ head >   < body >     < h1 > Curriculum Vitae </ h1 >     < h2 > Personal Information </ h2 >     < ul >       < li > Nama: Muhammad Ri...
Baca selengkapnya

Belajar membuat CV pribadi mengunakan HTML dan CSS

Gambar
  Tugas 2 CV Pribadi (CSS) Identitas Diri Nama: Muhammad Rifqi Ma'ruf NRP: 5025221060 Kelas: Pemrograman Web A Tahun: 2023 Deskripsi Tugas Saya telah membuat sebuah Curriculum Vitae (CV) pribadi menggunakan HTML dan CSS. CV ini mencakup identitas diri, profil pribadi, mindset, alat atau tool-sets yang saya kuasai, dan keterampilan atau skill-sets yang saya miliki. CV ini dirancang untuk memperlihatkan informasi penting tentang diri saya kepada orang lain, termasuk nama, NRP, kelas, dan deskripsi mengenai diri saya, minat, keahlian, serta pengalaman. Dengan ini, saya berharap CV ini dapat memberikan gambaran yang jelas tentang siapa saya dan apa yang saya tawarkan. Source Code: <! DOCTYPE html > < html lang = "id" >   < head >     < meta charset = "UTF-8" />     < meta       name = "viewport"       content = "width=device-width, initial-scale=1.0"     />     < title > C...
Baca selengkapnya