Postingan

Menampilkan postingan dengan label PWeb

Kuis 2 Pemrograman Web

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Soal Tuliskan spesifikasi kebutuhan perangkat lunak dan struktur menu yang cocok untuk aplikasi yang akan dibuat! Spesifikasi Kebutuhan Perangkat Lunak Fungsionalitas Utama Manajemen Pengguna: Registrasi siswa, guru, dan staf administratif. Penjadwalan Bimbingan: Siswa dapat membuat janji dengan guru untuk sesi bimbingan. Materi Bimbingan: Unggah dan kelola materi bimbingan, tugas, dan catatan. Pelacakan Kemajuan: Siswa dan guru dapat melihat kemajuan belajar masing-masing. Pengelolaan Tugas: Siswa dapat mengumpulkan tugas dan guru dapat memberikan umpan balik. Antarmuka Pengguna Antarmuka Pengguna yang Intuitif: Mudah digunakan oleh siswa, guru, dan staf administratif. Dashboard ...

Tugas 8 PWeb - CRUD Upload Foto

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada pertemuan ketiga belas kali ini, kita diminta untuk membuat sebuah laman web sistem CRUD (Create, Read, Update, Delete) sederhana untuk mengunggah sebuah foto. Berikut adalah dokumentasi dari sistem aplikasi yang telah saya buat. Halaman Utama Pada halaman utama, kita dapat melihat daftar data siswa yang telah diunggah sebelumnya. Data yang ditampilkan adalah NIS, nama, jenis kelamin, alamat, dan foto siswa. Terdapat tombol "Tambah Data" yang dapat digunakan untuk menambahkan data siswa baru. Selain itu, terdapat juga dua tombol aksi pada tiap baris data, yaitu tombol untuk mengedit dan juga tombol untuk menghapus data siswa. Halaman Tambah Data Pada halaman ini, kita dapat menambahkan data siswa baru. Data yang harus diisi adalah NIS, nama, jenis kelamin, alamat, dan foto siswa. Setelah data berhasil ditambah...

Tugas 7 PWeb - CRUD Sederhana

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada pertemuan kesepuluh kali ini, kita diminta untuk membuat sebuah laman web sistem CRUD (Create, Read, Update, Delete) sederhana. Berikut adalah dokumentasi dari sistem aplikasi web CRUD sederhana yang telah saya buat. Halaman Utama Halaman utama berisikan daftar data yang telah tersimpan dalam database. Setiap data terdiri dari: nama, umur, dan alamat email. Di setiap data juga terdapat dua tombol aksi, yakni edit (untuk melakukan perubahan/update pada data) dan juga delete (untuk menghapus data yang telah tersimpan). Halaman Tambah Data Setelah mengklik tombol "Add New Data" pada halaman utama, kita akan diarahkan menuju halaman tambah data. Di halaman ini terdapat formulir pendaftaran data yang terdiri dari nama, umur, dan alamat email. Pengguna dapat mengisikan data yang ingin ditambahkan lalu mengklik "Add" untuk...

Tugas 6 PWeb - CRUD Pendaftaran Siswa Baru

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada pertemuan kesepuluh kali ini, kita diminta untuk membuat sebuah laman web sistem CRUD (Create, Read, Update, Delete) untuk sistem pendaftaran siswa baru. Berikut adalah dokumentasi dari sistem aplikasi web yang telah saya buat. Halaman Utama Di halaman ini terdapat 2 fitur utama, yakni daftar sebagai siswa baru dan juga lihat list pendaftar. Halaman Daftar Halaman pendaftaran berisi sebuah form yang meliputi nama, alamat, jenis kelamin, agama, dan juga sekolah asal. Data yang telah diinputkan user akan disimpan ke dalam database sesaat setelah user mengklik tombol "Daftar" di bawah form tersebut. Fitur ini merupakan penerapan sistem Create dalam CRUD. Halaman Pendaftar Halaman ini menampilkan semua data dari yang telah melakukan pendaftaran dalam tabel. Fitur ini merupakan penerapan sistem Read dalam CRUD. Di setiap dat...

Evaluasi Tengah Semester Pemrograman Web

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Pertanyaan Jelaskan fungsi HTML, CSS, JavaScript, dan Bootstrap dalam pembangunan aplikasi web! HTML (HyperText Markup Language) HTML digunakan untuk menentukan struktur dan konten halaman web. HTML digunakan untuk menentukan elemen-elemen apa yang ada di halaman web, seperti judul, paragraf, gambar, tabel, dan formulir. HTML juga digunakan untuk menentukan bagaimana elemen-elemen tersebut ditata di halaman web. CSS CSS digunakan untuk memformat dan mempercantik tampilan halaman web. CSS digunakan untuk mengatur ukuran, warna, font, dan tata letak elemen HTML. CSS juga digunakan untuk menambahkan efek visual ke halaman web, seperti animasi dan transisi. JavaScript JavaScript digunakan u...

Tugas 5 PWeb - Membuat Laman Form Login/Register dengan Bootstrap

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada pertemuan ketujuh kali ini, kita diminta untuk membuat sebuah laman login atau register dengan menggunakan Bootstrap. Berikut adalah tampilan laman web yang telah saya buat. Link kode sumber: GitHub Link deploy: Website Referensi https://fajarbaskoro.blogspot.com/2017/03/pweb-4-bootstrap.html https://youtu.be/tvVO6Lnk5J0?si=ptHj4fStD4NjPrfh

Tugas 4 PWeb - Validasi Form dengan JavaScript

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada pertemuan keenam ini, kita diminta untuk membuat sebuah form registrasi yang terdiri dari nama mahasiswa, NIM, mata kuliah, dan dosen. Form registrasi ini memiliki aturan sebagai berikut. Ketika pengguna sistem akan mengisikan data nama dengan memasukkan huruf tertentu maka akan muncul rekomendasi tertentu. Gunakan referensi di internet ataupun yang lainnya untuk memecahkan kasus tersebut. Berikut adalah demo hasil dari form yang telah saya buat. Fitur yang terdapat pada formulir di atas sebagai berikut. Validasi pada input nama (harus diisi), NIM (harus diisi, hanya angka, dan terdiri setidaknya 10 digit), email (harus diisi dan sesuai dengan format email), mata kuliah (harus dipilih), dan juga dosen (harus dipilih). Dropdown rekomendasi pada input nama. Opsi dropdown dosen yang menyesuaikan dengan mata kuliah tertentu (s...

Kuis 1 Pemrograman Web

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada Kuis 1 (pertemuan kelima) ini, kita diminta untuk membuat sebuah laman web profil perusahaan menggunakan HTML dan CSS. Berikut adalah preview website yang telah saya buat. Link kode sumber: GitHub Link deploy: Website Referensi https://fajarbaskoro.blogspot.com/2023/09/proyek-membuat-website-company-profile.html?m=1

Tugas 3 PWeb - Membuat Web Kursus

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada pertemuan keempat, kita diminta untuk membuat sebuah laman web kursus menggunakan HTML dan CSS. Laman web yang akan kita buat kali ini mengacu pada artikel dari GeeksforGeeks . Berikut adalah preview website CV yang telah saya buat menggunakan HTML dan CSS. Link kode sumber: GitHub Link deploy: Website Referensi https://fajarbaskoro.blogspot.com/2018/03/pweb-2-3-css.html https://www.w3schools.com/html/html_css.asp

Tugas 2 PWeb - Membuat CV dengan HTML dan CSS

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi Pada pertemuan kedua ini, kita diminta untuk melanjutkan pengembangan website CV yang telah kita buat menggunakan Hypertext Markup Language (HTML) pada pertemuan sebelumnya dengan menambahkan styling menggunakan Cascading Style Sheets (CSS). Berikut adalah preview website CV yang telah saya buat menggunakan HTML dan CSS. Link kode sumber: GitHub Link deploy: Website Referensi https://fajarbaskoro.blogspot.com/2018/03/pweb-2-3-css.html https://www.w3schools.com/html/html_css.asp

Tugas 1 PWeb - Membuat CV dengan HTML

Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Web - A Deskripsi HTML adalah singkatan dari Hypertext Markup Language, dan merupakan bahasa yang digunakan untuk mendefinisikan struktur dan konten sebuah halaman web. HTML memungkinkan kita untuk menyusun berbagai elemen seperti teks, gambar, hyperlink, dan banyak lagi menjadi halaman web yang dapat diakses melalui browser. Ini adalah fondasi dari hampir semua situs web yang kita temui secara online. Fungsi utama HTML adalah memberikan struktur dasar bagi halaman web. Dengan menggunakan tag dan elemen HTML, kita dapat mengatur bagaimana konten akan ditampilkan kepada pengguna. HTML juga mendukung penggunaan hyperlink, yang memungkinkan kita untuk terhubung dengan halaman web lain, menciptakan navigasi yang mudah bagi pengguna. Pada pertemuan kali ini, kita diminta untuk membuat sebuah website CV sederhana menggunakan Hypertext Markup Language (HTML). Berikut adala...