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