Tugas 9 PWEB

Link Source Code

 Muhammad Akmal Joedhiawan

05111940000125

PWEB B 

Assalamualaikum Wr. Wb.

    Pada kesempatan kali ini saya akan mengimplementasikan CRUD pada website pendaftaran siswa baru. Berikut adalah tampilan website tersebut 

• Halaman Dashboard

• Halaman Form tambah pendaftar

• Halaman list pendaftar

• Halaman Form Ubah data

Berikut adalah link website : Link Website

Berikut adalah link Source Code : Link Source Code

Sekian Terima kasih

EAS PWEB

Nama  : Muhammad Akmal Joedhiawan

NRP     : 05111940000125

Kelas    : PWEB B

    EAS Pemrograman Web

Membuat Aplikasi Sekolah

    1. Definisikan Fitur dari Aplikasi yang akan dibuat

    2. Rancang Aplikasi Menggunakan figma

    3. Implementasikan aplikasi. Boleh dikerjakan secara berkelompok, didokumentasikan, dan dibuat video demo/presentasinya di youtube. Semua hasil pekerjaan disatukan di dalam blog masing- masing

Jawaban :

    1. Berikut adalah fitur-fitur dari masing-masing role

    a. Role Admin 

• Login Admin
• Admin dapat membuat, melihat, mengupdate dan menghapus data siswa
• Admin dapat membuat, melihat, mengupdate dan menghapus data guru
• Admin dapat membuat, melihat, mengupdate dan menghapus data orang tua siswa
• Admin dapat membuat, melihat, mengupdate dan menghapus slip pembayaran
• Menkonfirmasi slip pembayaran

    b.  Role Siswa

• Login Siswa
• Siswa dapat melihat jadwal pembelajaran
• Siswa dapat melihat materi pembelajaran
• Siswa dapat mengunggah tugas
• Siswa dapat melihat nilai dari tugas
• Siswa dapat mengisi daftar kehadiran

     c. Role Guru

•  Login Guru
• Guru dapat membuat, melihat, mengupdate dan menghapus data ujian
• Guru dapat membuat, melihat, mengupdate dan menghapus data tugas
• Guru dapat membuat, melihat, mengupdate dan menghapus data kelas
• Guru dapat membuat, melihat, mengupdate dan menghapus daftar kehadiran
• Guru dapat membuat, melihat, mengupdate dan menghapus data materi

    d. Role Orang Tua

• Login
• Orang tua dapat melihat data anak
• Orang tua dapat melihat slip pembayaran
• Orang tua dapat melakukan pembayaran

    2. Berikut adalah rancangan figma aplikasi

Terdapat 3 fitur yang ada :

a. Login

b. Melihat Jadwal

    

c. Melihat Materi

    3. Berikut penjelasan implementasi aplikasi web

Implementasi Fitur Aplikasi Website dilakukan secara berkelompok dengan anggota :

Junaedi Akbar - 05111940000041

Muhammad Akmal Joedhiawan - 05111940000125

Muhammad Nur Abdurrauf - 05111940000140

Syamil Difaul Haq Sukur - 05111940000196

Berikut adalah Halaman Website yang telah dikerjakan :

Fitur yang kami kerjakan berfokus pada fitur yang dimiliki oleh Admin

• Halaman Login Admin

• Halaman Dashboard

• Halaman Dashboard CRUD Siswa

• Halaman Dashboard CRUD Orang Tua

Berikut adalah Link Source Code Pengerjaan : Link Source Code

Berikut adalah Link Website Hasil Pengerjaan : Link Website

Berikut adalah Video Demo beserta Linknya : Link Video Demo

Untuk melakukan login admin dapat menggunakan

username : admin1

password : password

Sekian Terima kasih

ETS PWEB

 Nama  : Muhammad Akmal Joedhiawan

NRP     : 05111940000125

Kelas    : PWEB B

1. Jelaskan dan berikan contoh

• - front end web apps
• - back end web apps
• - full stack developer

2. Tuliskan skill yang dibutuhkan untuk membangun aplikasi web

3. Apa yang dimaksud client side dan server side, ilustrasikan penjelasanmu

4.Buatlah sebuah front end web yang berisi

Jawab :

No. 1 - 3

No. 4

Berikut adalah dokumentasi website

Link Source Code : Link Source Code

Link Website : Link Website

Link Demo : Link Demo

Sekian Terima kasih

Tugas 8 PWEB

 Muhammad Akmal Joedhiawan

05111940000125

PWEB B 

Assalamualaikum Wr. Wb.

     Pada post kali ini, saya membuat penampil data dan form asal daerah dengan memanfaatkan fitur ajax. Berikut adalah tampilan dari website:

halaman awal

halaman tugas 1

halaman tugas 2

Berikut adalah source code yang saya gunakan

halaman awal

halaman tugas 1

halaman tugas 2

style

Berikut adalah link source code : Github

Berikut adalah link website : Website

Sekian terima kasih

Tugas 7 PWeb

 Muhammad Akmal Joedhiawan

05111940000125

PWEB B 

Assalamualaikum Wr. Wb.

     Pada post kali ini, saya membuat form login dan contact us dengan memanfaatkan fitur yang tersedia pada bootstrap 5. Berikut adalah tampilan dari website:

halaman login

halaman ContactUs

Berikut adalah source code yang saya gunakan

halaman login

halaman ContactUs

style

Untuk link source code bisa didapat di : Source Code

Untuk link Website dapat dilihat di : Website

Sekian dari saya,

terima kasih

Tugas 6 Pweb

 Website Validasi Form Daring\

Muhammad Akmal Joedhiawan

05111940000125

PWEB B 

Assalamualaikum Wr. Wb.

    Pada post kali ini, saya membuat form validasi perkuliahan daring dengan menggunakan html, css, dan javascript. Berikut adalah tampilan dari website:

halaman form

halaman pemberitahuan

Beriku adalah source code yang saya gunakan

halaman form

halaman pemberitahuan

style

script

Untuk link source code bisa didapat di : Source Code

Untuk link Website Form dapat dilihat di : Web Form

Sekian dari saya,

terima kasih

Tugas 4 PWEB

 Tugas PWeb

Muhammad Akmal Joedhiawan

05111940000125

PWeb B

     Assalamualikum Wr.Wb. Pada pertemuan keempat kelas PWEB B, kami diberikan tugas untuk mengembangkan sebuah website tentang katalog dengan memanfaatkan CSS. 

    Di post kali ini, saya membuat website katalog dengan menggunakan HTML dan  CSS. Di website katalog ini terdapat produk-produk sepeda yang dijual didalam website beserta harganya.

Berikut tampilan website katalog sepeda 

Tampilan Home

Tampilan About 

Untuk Source Code dapat dilihat disini : Source Code

Untuk Situs dapat dilihat disini : Website

Sekian penjelasan dari pekerjaan yang telah saya kerjakan. Apabila ada kesalahan mohon dimaafkan. 

Wassalamualaikum Wr. Wb.