Skip to main content

Latihan 5

Bootstrap adalah sebuah framework front-end open-source yang dikembangkan oleh Twitter. Framework ini berisi kumpulan kode HTML, CSS, dan JavaScript yang digunakan untuk membuat desain web responsif dan cepat secara konsisten. Dengan menggunakan Bootstrap, seorang pengembang dapat mempercepat proses pengembangan situs web dan memperoleh tampilan yang konsisten pada berbagai jenis perangkat, mulai dari desktop hingga perangkat seluler.Bootstrap sangat populer di kalangan pengembang web karena kemampuannya yang fleksibel dan mudah digunakan.

Pada pekan lalu, tugas yang diberikan oleh Pak Fajar Baskoro adalah membuat  "halaman utama web e-commerce sebuah toko peralatan olahraga" menggunakan Bootstrap. Halaman web tersebut  memiliki elemen judul di sisi kiri dan menu di sisi kanan yang terdiri dari Home, Product, About, dan Account serta sebuah ikon shopping bag. Selain itu, halaman web juga memiliki dua kolom, dimana kolom kiri memiliki lebar 6 dan akan digunakan untuk menampilkan teks, sedangkan kolom kanan juga memiliki lebar 6 dan akan digunakan untuk menampilkan gambar. Di bawah kedua kolom tersebut, beberapa tombol dengan menggunakan class button dari Bootstrap juga harus ditambahkan.


Berikut merupakan pengerjaan tugas saya:

Link Github: lunielism/tugas-5-pweb (github.com)
Link Deploy: Sports Nation (lunielism.github.io)

Tampilan web: 
    




Penjelasan code:


Comments

Post a Comment

Popular posts from this blog

Latihan Membuat Laporan PDF

     Pada perkuliahan pekan lalu, Pak Fajar Baskoro memberikan tugas untuk membuat laporan pdf dari sebuah laman data siswa menggunakan library fpdf. FPDF (FPDF stands for Free PDF) adalah library PHP yang digunakan untuk membuat file PDF. Library ini memungkinkan pembuatan dokumen PDF dari data teks, gambar, tabel, dan elemen lainnya dengan mudah.Dalam FPDF, kita perlu membuat objek PDF dengan menggunakan kelas turunan dari kelas induk FPDF. Kita dapat mengatur properti dan metode untuk mengontrol tampilan dan konten dari file PDF yang akan dibuat. Berikut adalah hasil pekerjaan tugas saya: Gambar di bawah ini merupakan contoh laman data siswa dari tugas sebelumnya: Berikut ini merupakan hasil yang didapatkan apabila tombol unggah pdf diklik: Nama: Clarissa Luna Maheswari NRP: 5025211003 Kelas: Pemrograman Web A Link Github: https://github.com/lunielism/tugas-pweb-laporanpdf.git
Post a Comment
Read more

EAS PWEB

         Nama: Clarissa Luna Maheswari          NRP: 502511003          Kelas: Pemrograman Web (A) EAS Jelaskan perbedaan front end dan Back End Front-end merupakan bagian dari aplikasi atau situs web yang fokus pada tampilan dan interaksi dengan pengguna. Ini melibatkan penggunaan HTML, CSS, dan JavaScript untuk membangun antarmuka yang menarik dan responsif. Front-end mencakup segala hal yang terlihat oleh pengguna, seperti tata letak, warna, gambar, dan elemen-elemen interaktif seperti tombol dan formulir. Tujuannya adalah menciptakan pengalaman pengguna yang baik dan intuitif dengan antarmuka yang menarik. Sementara itu, back-end adalah komponen yang berada di balik layar aplikasi atau situs web. Fokus utamanya adalah mengelola data, mengatur logika bisnis, dan berinteraksi dengan database. Bagian ini melibatkan bahasa pemrograman seperti PHP, Python, atau Java, serta penggunaan server dan infrastruktur yang diperlukan. Back-end mengelola data yang diterima dari pengguna melalu
Post a Comment
Read more

Tugas Kelompok Silaturahmi Online

CRUD adalah singkatan dari Create, Read, Update, dan Delete, yang merupakan operasi dasar dalam pengelolaan data pada aplikasi atau sistem basis data. Create digunakan untuk membuat data baru, sedangkan Read untuk membaca data yang sudah ada, Update untuk mengubah data yang sudah ada, dan Delete untuk menghapus data yang tidak diperlukan lagi. Dalam pengembangan aplikasi, implementasi operasi CRUD adalah hal yang sangat penting karena memungkinkan pengguna untuk mengelola data dengan mudah dan efisien. Selain itu, konsep CRUD juga sangat berguna dalam desain basis data dan model objek. Kelompok: 1. Clarissa Luna Maheswari - 5025211003 2. Nabila A'idah Diani - 50251211032 3. Kalyana Putri Al Kanza - 5025211137 Pada pekan lalu, kelas ditugaskan untuk membuat web silaturahmi online secara berkelompok. Berikut merupakan hasil kerja kelompok kami: Link github:  lunielism/Tugas-Kelompok-Silaturahmi-Online (github.com) Demo:  List fitur: User umum: - Mengisi Contact Book Masyarakat (dat
Post a Comment
Read more