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.

Tugas 3 PWEB

 Tugas Rumah Makan Tegal

Muhammad Akmal Joedhiawan

05111940000125

PWEB B

     Pada pertemuan ketiga kelas PWEB B, kami diberikan tugas untuk mengembangkan sebuah website rumah makan "Warung Tegal" dengan memanfaatkan HTML5. 

    Di post kali ini, saya membuat website warung dengan menggunakan HTML,dan  CSS. Di website warung tegal ini terdapat image carousel dan embed video ke youtube video tentang makanan

Berikut gambar web Warung tegal

Dan berikut adalah source code yang digunakan

Berikut adalah link :

Link Website : website 

Link Code : Source Code 

Tugas 2 PWeb

Tugas CV

Muhammad Akmal Joedhiawan

05111940000125

PWEB B

Dalam kesempatan kali ini saya akan membagikan CV yang telah saya buat menggunakan html. CV yang saya buat menggunakan table-base.

Berikut adalah CV yang saya buat

Berikut adalah code yang saya gunakan untuk membangun CV diatas

CV bisa dilihat di link :  CV

Sekian dari saya

Terima kasih,

Tugas 1

 Tugas 1 PWEB

Muhammaad Akmal Joedhiawan

05111940000125

PWEB B

Pada pertemuan kali ini, saya akan membuat sebuah Curiculum Vitae menggunakan static Website. Tools dan bahasa yang akan digunakan kali ini adalah:

1. HTML

2. CSS

3. Visual Studio Code

4. Github

 Dalam Curiculum Vitae yang saya buat kali ini terdiri dari:

1. Deskripsi Diri

2. Riwayat Pendidikan

3. Skill

4. Contact

Berikut adalah tampilan dari website :

Source Code: https://github.com/ajoedhi19/ajoedhi19.github.io

CV:  https://ajoedhi19.github.io/

Setelah dilakukan pembuatan source code lalu melakukan commit ke dalam static website, disini saya menggunakan github.io untuk membuat suatu static website

Langkah :

1. Buatlah Repository sesuai dengan username github ditambah ekstensi .github.io

2. Lakukan commit file-file yang berhubungan dengan website static yang akan dibuat ke dalam repository yang sudah dibuat

3. Apabila ingin membuka static website ketikkan nama repository static website github ke dalam search bar browser

 

Sekian, terima kasih.

Final Project "Game 2048"

                                                                               

                                                   Final Project Game 2048

                                            Tampilan aplikasi 2048

Disusun oleh : - Nizar Mayraldo (05111940000004)

                      - Muhammad Akmal Joedhiawan (05111940000125)

    

     Pada kesempatan kali ini saya dan teman saya membuat sebuah game yang ditujukan untuk memenuhi Final Project dari mata kuliah Pemrograman Berorientasi Objek. Game tersebut adalah game 2048. Game 2048 ini berisi tentang bagaimana menjadikan salah satu kotak menjadi bilangan 2 pangkat yang nilainya lebih besar dari nilai 2 pangkat yang ada sebelumnya. Di dalam game 2048 ini kami membagi ke dalam 3 level kesulitan yaitu : easy, medium, dan hard. Perbedaanya terletak pada ukuran bord yang disediakan untuk level easy ukuran bordnya 4x4, untuk level medium ukuran boardnya 6x6, dan untuk level hard ukuran bordnya 8x8. Game 2048 berakhir apabila target telah terpenuhi dan setiap level memiliki target yang berbeda pula.

    Game 2048 ini terdiri dari 6 class yaitu :

1. Class Easy

    Class untuk membuat bord dan box move untuk level easy yang berisikan inisialiasi ukuran bord,         warna dari tiap box, pergerakan box ke arah kanan, kiri, atas, dan bawah

2. Class Medium

    Class untuk membuat bord dan box move untuk level medium yang berisikan inisialiasi ukuran               bord, warna dari tiap box, pergerakan box ke arah kanan, kiri, atas, dan bawah

3. Class Hard

    Class untuk membuat bord dan box move untuk level hard yang berisikan inisialiasi ukuran bord,         warna dari tiap box, pergerakan box ke arah kanan, kiri, atas, dan bawah

4. Class Difficulity

    Class yang digunakan untuk menampilkan GUI untuk memilih level kesulitan dalam game yang            berisi panel yang dapat diklik untuk memilih level easy, medium, dan hard. Sehingga jika panel easy      diklik maka akan memanggil class easy, jika panel medium diklik maka akan memanggil class                medium, jika panel hard diklik maka akan memanggil class hard

5. Class StartFrame

    Class yang digunakan untuk memilih GUI menu utama yang berisikan panel untuk start game yang        mengarahkan ke class difficulity, panel rules apabila ingin melihat peraturan dan cara kerja game            2048, serta panel exit untuk keluar dari game

6. Class Main

    Class utama yang berfungsi untuk memanggil Class StartFrame dan menjalankan gamenya

Berikut adalah alur dari class-classnya

Source Code :

1. Class Easy

2. Class Medium

3. Class Hard

4. Class Difficulity

5. Class StartFrame

6. Class Main

Output game

1. Tampilan menu awal

 2. Tampilan rules

3. Tampilan apabila panel start dipilih

4. Tampilan apabila level easy yang dipilih

5. Tampilan apabila level medium yang dipilih

6. Tampilan apabila level hard yang dipilih

Berikut adalah link demo dari source code :

Berikut adalah demo dari aplikasi game yang terlah dibuat

Berikut adalah link download game 2048

Sekian dari kami, Terima kasih

Nizar Mayraldo (05111940000004)

Muhammad Akmal Joedhiawan (05111940000125)

Applet dan Java

 Applet

    Java applet adalah sebuah program kecil yang ditulis dengan menggunakan bahasa pemrograman  Java, yang diakses melalui halaman Web dan dapat di-download ke dalam mesin klien yang kemudian menjalankannya di dalam jendela penjelajah web. Java applet dapat secara dinamis menambahkan beberapa fungsi kepada halaman-halaman Web yang bersifat statis. Berikut adalah contoh program clock menggunakan java applet 

Source Code :         

Ketika di run akan mucul applet

Akan menghasilkan output

====================New Line======================

JavaFX

    JavaFX adalah sebuah platform software untuk membangun sebuah aplikasi rich internet application (RIA) yang bisa berjalan pada berbagai macam perangkat. Seperti komputer dekstop, web browser di Windows, Linux dan Mac OSX.

    JavaFX dirancang untuk menyediakan para developer java sebuah platform yang baru, ringan, dengan performa yang tinggi. Tujuannya adalah ingin mengantikan swing untuk membangun aplikasi GUI. Namun itu bukan berarti Swing sudah tidak digunakan lagi. Sejumlah besar aplikasi telah dibangun dengan menggunakan swing itu berarti, Swing telah menjadi bagian dari Java API untuk waktu yang cukup lama. Terutama bahwa aplikasi ini bisa digabungkan dengan JavaFX secara fungsi.

Source Code :

Output :

Sekian, Terima kasih

Image Viewer

Image Viewer Java

Pada kesempatan kali ini saya akan mengimplementasikan GUI dengan menggunakan java. Program yang saya buat kali ini adalah image viewer. Image Viewer adalah program untuk melihat gambar dan ditambah dengan beberapa fiture seperti filter. Program Image Viewer menggunakan 4 class yaitu : class ofimage, class imagepanel, class imagefilemanager, dan class Imageviewer. Berikut aplikasinya 

Source Code :

1. Class ImageViewer

2. Class ImagePanel

3. Class ImageFileManager

4. Class OfImage

Output

Filter awal : 

Filter Darker : 

Filter Lighter : 

Filter Threshold : 

Sekian, Terima Kasih