Tuesday, December 21, 2021

EAS PEMROGRAMAN WEB B

 ASSALAMUALAIKUM Wr.Wb

Nama    : Aristya Vika Wijaya

NRP       : 05111940000233

Kelas     : PWEB B - 2021


Membuat Aplikasi Sekolah

  1. Definisikan fitur dari aplikasi yang akan dibangun
  2. Rancang aplikasi menggunakan Figma
  3. Implementasi Rancangan

Jawaban:

Definisi Fitur

untuk fitur-fitur dari aplikasi yang dibangun adalah sebagai  berikut:

Admin:

  • Admin dapat melakukan login sebagai admin
  • admin dapat mengelola data guru atau pengajar meliputi dapat menghapus,mengedit,melihat, dan menambah data pengajar
  • admin dapat mengelola data siswa meliputi dapat menghapus,mengedit,melihat, dan menambah data siswa
  • admin dapat mengelola data orang tua atau walimurid  meliputi dapat menghapus,mengedit,melihat, dan menambah data orang tua
  • Admin dapat mengelola pembayaran data slip pembayaran seperti membuat dan mengonfirmasi pembayaran


Teacher:

  • Guru atau pengajar dapat melakukan login sebagai guru
  • Guru atau pengajar dapat melakukan manajemen kelas
  • Guru atau pengajar dapat mengatur daftr kehadiran siswa
  • Guru atau pengajar dapat mengelola materi pelajaran seperti menambah, mengupdate, dan menghapus materi mata pelajaran ke siswa


Murid:

  • Murid dapat melakukan login sebagai murid
  • Murid dapat melihat dan mengunduh materi pelajar yang tersedia
  • Murid dapat melakukan upload tugas
  • Murid dapat melihat jadwal pembelajaran


Orang tua:

  • Orang tua dapat melakukan login sebagai walimurid
  • Orang tua dapat  melihat kredensial anak
  • Orang tua dapat melihat dan melakukan pembayaran

Design Figma


Halaman utama





Login Admin



Data Guru




Form menambah data guru




Melihat dan mendownload materi pembelajaran




Implementasi






 Wassalamualaikum Wr.Wb

Sunday, December 12, 2021

TUGAS 9 -Tugas Pemrograman Web D PHP & MYSQL Upload File

 

 ASSALAMUALLAIKUM

Nama    : Aristya Vika Wijaya

Kelas    : PWEB- B

NRP     : 05111940000233 

Tahun    : 2021


Pada kesempatan ini saya membuat sebuah web sederhana mengenai sistem penerimaan siswa baru dari sisi admin yang bisa mengupload dan menampilkan foto.


sama seperti source code pada tugas 8 kemarin , hanya saja ditambahkan code untuk bisa mengupload dan menampilkan foto diri dari siswa tersebut.

 berikut adalah dokumentasinya:


  index.php  yang menjadi beranda



halaman pendaftaran siswa yang terdiir dari kolom pengisian nama, alamat, jenis kelamin, agama, dan asal sekolah




ketika menekan button daftar, maka akan diarahkan ke halaman index dan data akan ditampilkan di list data siswa




  halaman form edit data siswa



  halaman list data siswa



jika memilih menghapus data, maka data di list-data akan terhapus




untuk source code bisa dilihat di : Source Code


Terima Kasih <3

Tuesday, November 30, 2021

MEMBUAT SISTEM CRUD DENGAN PHP

  ASSALAMUALLAIKUM

Nama    : Aristya Vika Wijaya

Kelas    : PWEB- B

NRP     : 05111940000233 

Tahun    : 2021


Pada kesempatan ini saya membuat sebuah web sederhana mengenai sistem penerimaan siswa baru dari sisi admin.


Berikut adalah tampilannya :

  index.php  yang menjadi beranda


halaman pendaftaran siswa yang terdiir dari kolom pengisian nama, alamat, jenis kelamin, agama, dan asal sekolah


ketika menekan button daftar, maka akan diarahkan ke halaman index dan akan ada notif pendaftaran berhasil (jika berhasil)

    

halaman form edit data siswa


halaman list data siswa


jika memilih menghapus data, maka data di list-data akan terhapus



untuk source code bisa dilihat di : SOURCE CODE  

Terima Kasih <3


Tuesday, November 16, 2021

ETS PWEB

 ASSALAMUALLAIKUM

Nama    : Aristya Vika Wijaya

Kelas    : PWEB- B

NRP     : 05111940000233 

Tahun    : 2021


JAWABAN:




JAWABAN NO 4
dokumentasi





Link Source Code: SOURCE CODE
Link website: WEBSITE
Link demo:

Tuesday, November 9, 2021

Tugas 7 - Mencoba Ajax

 ASSALAMUALLAIKUM

Nama    : Aristya Vika Wijaya

Kelas    : PWEB- B

NRP     : 05111940000233 


Untuk tugas kelas pemrograman web kali ini yaitu mengimplementasikan javascript dalam pembuatan Ajax. Tugas ketujuh PWEB adalah mengimplementasikan AJAX yang terbagi menjadi 2 tugas. Tugas yang pertama yaitu menampilkan text dari suatu file HTML. Tugas yang kedua adalah membuat filter dengan menggunakan data yang diperoleh dari API.  Untuk tugas yang kedua saya mengunakan filter benua beserta negaranya.

Berikut Tampilan Webnya:









untuk membuat website seperti dokumentasi diatas, source codenya adalah sebagai berikut:

1. Index.html



2. tugas1.html

3. tugas2.html

4. style.css




sekian pejelasan mengenai tugas 7 ajax pemograman web kali ini
see you next time :)


Saturday, October 16, 2021

Tugas 6 PWEB - Menerapkan Bootstrap dalam Membuat Form Login dan Kontak

 ASSALAMUALLAIKUM

Nama    : Aristya Vika Wijaya

Kelas    : PWEB- B

NRP     : 05111940000233 


Untuk tugas kelas pemrograman web kali ini yaitu mengimplementasikan  Bootstrap dalam Membuat Form Login dan Kontak. Isinya meliputi:

Login berisi username, password, dan opsi untuk mengirim pesan

Contact berisi username, Password, dan opsi mengirim pesan

Apabila terdapat salah satu kolom belum diisi, maka akan muncul notif untuk mengisi kolom yang kosong.

Berikut adalah dokumentasinya:
 








untuk source code nya adalah sebagai berikut:

INDEX.HTML



CONTACT.HTML



STYLE.CSS



Sekian penjelasan tugas kali ini, terima kasih :)

Friday, October 8, 2021

TUGAS 5 - MENGIMPLEMENTASIKAN JAVASCRIPT DALAM PEMBUATAN FORM VALIDASI

 ASSALAMUALLAIKUM

Nama    : Aristya Vika Wijaya

Kelas    : PWEB- B

NRP     : 05111940000233 


Untuk tugas kelas pemrograman web kali ini yaitu mengimplementasikan javascript dalam pembuatan form validasi perkuliahan. Kolom isiannya terdiri atas

  1. Nama lengkap
  2. NRP yang hanya berisi angka
  3. E-mail
  4. Domisili
  5. Jurusan (khusu jurusan di FTEIC)
  6. Status vaksin : sudah vaksin dosis 1/dosis 2/ belum vaksin
  7. Kesediaan kuliah offline/online
Apabila terdapat salah satu kolom belum diisi, maka akan muncul notif untuk mengisi kolom yang kosong.

Berikut adalah dokumentasinya:










Source code dalam pembuatan form diatas adalah sebagai berikut:

1. Index.html


2. Script.js



Sekian tugas pada kali ini. Terima Kasih :)).

EAS PEMROGRAMAN WEB B

 ASSALAMUALAIKUM Wr.Wb Nama      : Aristya Vika Wijaya NRP        : 05111940000233 Kelas      : PWEB B - 2021 Membuat Aplikasi Sekolah Defin...