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

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

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

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:

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 :)

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

Website    : https://aristya14.github.io/Tugas-6-PWEB/

Sekian penjelasan tugas kali ini, terima kasih :)

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 :)).

Tugas 4 ~ Membuat Katalog Produk

 Assalamualaikum Wr.Wb

Nama    : Aristya Vika Wijaya

NRP    : 05111940000233

Kelas    : PWEB-B

Pada kesempatan kali ini, Saya akan menjelaskan mengenai tugas ke empat pada kelas pemrograman web B kali ini.

Tugas ke-4 yaitu mengimplementasikan CSS dan HTML dalam pembuatan katalog produk. 

CSS adalah kepanjangaan dari Cascading Style Sheets yang berguna untuk menyederhanakan proses pembuatan website dengan mengatur elemen yang tertulis di bahasa markup. CSS sendiri dipakai untuk mendesain halaman depan atau tampilan website (front end).

E-commerce yang saya buat mengambil tema fashion ala korea yang bernama Its Only Me

Dalam katalog produk e-commerce Its Only Me yang telah saya buat memiliki menu:

• Home
• Mengantarkan ke halaman utama website
• About
• Pengenalan singkat mengenai olshop
• Contact
• Mengatarkan ke kontak pemesanan

Berikut adalah dokumentasi websitenya:

Source Code Web tersebut ialah sebagai berikut

Index.html

CSS.css

Sekian untuk tugas kali ini, Terima Kasih :))

TUGAS 3 - PENARPAN HTML 5 ( Warung Tegal )

 Assalamualaikum Wr.Wb

Nama: Aristya Vika
Kelas: PWEB- B
NRP : 05111940000233

Tugas PWEB pada kali ini ialah menerapkan HTML 5 dalam pembuatan website warung tegal. 

HTML5 ini adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan

Menu-menu yang tertera pada website warung tegal yang saya bat ialah:

• - Nasi Rawon
• -Nasi Soto
• - Lontong Lodeh
• - Nasi Pecel
• -Gulai Ikan

Selain itu, saya juga menaruh link review warung tegal dari youtube dan galeri menu yang ada di warung tegal.

berikut adalah dokumentasinya:

untuk source code website tersebut ialah sebagai berikut:

Index.html

Sekian laporan tugas kali ini, Terima Kasih :).

See you next time

Tugas 2 Pemrograman Web - Membuat CV ( Profil Diri )

 Assalamualaikum Wr.Wb

Nama: Aristya Vika
Kelas: PWEB- B
NRP : 05111940000233

Tugas PWEB pada kali ini ialah membuat curriculum vitae menggunakan HTML. Tugas ini berbeda dengan tugas pertama karena pada tugas kali ini diperuntukan untuk menggunakan HTML saja.

Untuk tampilannya sebagai berikut:

untuk membuat CV seperti gambar diatas, sourcecode nya adalah sebagai berikut

• 1. Index.html

Demikian postingan untuk tugas 2 kali ini

Wassalamualaikum Wr.Wb.

 See you next time :))

TUGAS 1 PEMROGRAMAN WEB - PEMBUATAN WEBSITE PROFIL DIRI

nama    : aristya vika

Kelas   : pweb - b

NRP        : 05111940000233

Tugas pemograman website kali ini ialah membuat portofolio diri

Isi dari portofolio diri yang saya buat adalah

• .       Data Diri
• .       Pendidikan
• .       Skill
• .       Pengalaman kepanitian
• .       Media Sosial meliputi twitter, linkedin, instagram

Untuk source code dan lainnya bisa langsung di cek di github : 

index.html

CSS

Dokumentasi

sekian tugas 1 pweb kali ini. See you next timee :))