Posts

Aplikasi CRUD Upload

Image
Pada blog ini saya membuat aplikasi CRUD untuk menambah, mengubah, dan menghapus data mahasiswa. Berikut adalah hasil aplikasi CRUD. Data Siswa Tambah Data Ubah Data File php bisa didownload di sini (github) Link Source Code index.php form_simpan.php form_ubah.php koneksi.php proses_hapus.php proses_simpan.php proses_ubah.php

Belajar jQuery

Image
Pada blog ini saya membuat program untuk menambah buku dan program validasi form menggunakan jQuery. Berikut adalah hasil pekerjaan saya.   Source Code:

EAS PEMROGRAMAN WEB 2021

 Berikut adalah jawaban saya untuk EAS PWeb 2021: 1. Definisikan fitur dari aplikasi yang akan dibangun Admin Melakukan login. Create, Read, Update, dan Delete (CRUD) data siswa. Create, Read, Update, dan Delete (CRUD) data orang tua. Create, Read, Update, dan Delete (CRUD) data guru. Membuat EPaySlip (slip gaji) karyawan. Membuat dan memodifikasi dashboard. Guru Melakukan login Create, Read, Update, dan Delete (CRUD) data ujian, termasuk membuat dam upload pertanyaan ujian, melihat jawaban ujian siswa, dan memberikan nilai ujian. Create, Read, Update, dan Delete (CRUD) data tugas, termasuk membuat dan upload tugas, melihat tugas siswa dan memberikan nilai tugas. Create, Read, Update, dan Delete (CRUD) data kelas murid. Create, Read, Update, dan Delete (CRUD) data kehadiran siswa. Create, Read, Update, dan Delete (CRUD) data materi, termasuk membuat dan mengupload materi. ...

Membuat Katalog Produk Dengan CSS

Image
Pada blog ini saya belajar menggunakan CSS dengan membuat katalog produk sederhana. Berikut adalah hasil pekerjaan saya. Link Website: https://kelvin2401.github.io/CSS/ Source Code:

Membuat Halaman Login dan Contact Us Menggunakan Bootstrap

Image
Pada blogpost ini saya belajar cara menggunakan Bootstrap untuk membuat halaman login dan contact us. Berikut adalah hasil dari pekerjaan saya. Source Code:

Belajar Validasi Form Javascript

Image
Pada blogpost ini saya belajar cara menggunakan javascript untuk validasi form pada form vaksinasi. Berikut adalah hasil dari pekerjaan saya. Source Code:

Membuat Halaman Web Warung Tegal Menggunakan HTML5

Image
Pada blogpost ini saya belajar menulis kode html5 dan css untuk membuat halaman web warung tegal. Berikut adalah hasil dari pekerjaan saya. Source code:  

ETS PWeb D 05111940000080

Nama: Kelvin Andersen NRP: 05111940000080 Kelas: PWeb D Jawaban:

Membuat Biodata Sederhana Menggunakan HTML

Image
Untuk tugas ini saya membuat biodata sederhana untuk melatih pembuatan tabel menggunakan HTML. Berikut adalah source code dari halaman html yang saya buat. Screenshot: Link: https://kelvin2401.github.io/Biodata

Membuat CV menggunakan Hugo

Image
Pada blog ini, saya akan menjelaskan cara membuat website menggunakan Hugo untuk membuat CV. Hugo merupakan framework yang dapat digunakan untuk membuat website dengan mudah dan cepat tanpa perlu mempelajari coding. Website yang dibuat menggunakan Hugo akan terlihat bagus karena Hugo menyediakan banyak theme yang dapat digunakan. Hal pertama yang dilakukan adalah menginstall Hugo dengan mengikuti instruksi di https://gohugo.io/getting-started/installing . Git juga perlu diinstall untuk membuat website menggunakan Hugo. Setelah menginstall Hugo, buka aplikasi Command Prompt dan ketik: cd C:/Hugo/Sites hugo new site quickstart Dengan ini situs baru akan dibuat. Selanjutnya, kita akan menggunakan theme hugo-resume dengan mengdownload theme tersebut dari GitHub dan menambahkannya ke direktori dengan mengetik: cd quickstart git init git submodule add https://github.com/eddiewebb/hugo-resume.git themes/hugo-resume Setelah menambahkan theme, kita dapat menggunakan contoh website yang sudah di...

Final Project PBO B

Image
 Game Aim Trainer    Pada zaman sekarang ada banyak game shooter atau game FPS yang dimainkan banyak orang. Game-game terkenal seperti Fortnite, Call of Duty, Counter-Strike, Apex Legends, dan Valorant memerlukan skill aim yang sangat bagus untuk dapat menjadi pemenang. Game Aim Trainer ini bertujuan untuk melatih skill aim tersebut, terutama untuk orang-orang yang masih baru dalam genre shooter atau FPS karena orang yang hanya memainkan game shooter tidak akan melakukan aim sebanyak orang yang menggunakan atau memainkan game seperti aim trainer ini yang lebih intensif untuk melatih raw aim dari orang tersebut. Game ini juga dapat melatih dan memperbagus waktu reaksi Anda.     Cara memainkan game ini sangat sederhana. Kita hanya perlu untuk menklik "target" yang muncul secepat dan sebanyak mungkin sebelum waktu habis dimana skor kita akan muncul setelah game over. Target baru akan muncul setelah target sebelumnya diklik. Game ini cocok untuk pemula karena user h...

File & Directory

Image
Dengan menggunakan library java.io, kita dapat membuat program kita membaca file dengan direktori yang diberikan.  Selain itu, kita juga dapat mengedit dan menyimpan suatu file yang telah dibuat atau dimodifikasi. Untuk menunjukkan ini, berikut adalah program text editor yang diambil dari geeksforgeeks yang menggunakan Java Swing untuk membuat GUI dari program text editor ini.  Program ini menggunakan JFileChooser yang dapat diakses menggunakan Java Swing untuk menangani file, terutama untuk membuka dan menyimpan file.  Program ini menggunakan satu kelas dengan tiga method: 1. Method editor membuat GUI (termasuk frame, menu bar, dan menu item) dan ActionListener untuk program text editor ini. 2. Method actionPerformed memberitahukan program apa yang akan terjadi setelah user mengklik salah satu dari menu item dari program text editor ini. Program akan melakukan file handling setelah menu item "open" untuk membuka file atau "save" untuk menyimpan file diklik. 3. Meth...

Exception Handling

Image
Exception Handling di java adalah mekanisme untuk menangani suatu peristiwa yang menganggu aliran normal suatu program. Tanpa Exception Handling, program java akan berhenti saat ada exception. Salah satu cara yang digunakan untuk melakukan Exception Handling adalah dengan menggunakan Try-Catch. Di sini kita memasukan kode yang dapat menjadi exception di Try dan kode yang memberitahukan apa yang dilakukan jika terjadi exception dimasukkan di Catch.  Untuk menggunakan Try-Catch, kita harus memberitahu exception apa yang dapat terjadi. Ada lima exception yang dapat ditangani Try-Catch, yaitu ArithmeticException, NullPointerException, NumberFormatException, ArrayIndexOutOfBoundsException, dan StringIndexOutOfBoundsException. Berikut adalah syntax dari Try-Catch. Dimana Exception merupakan salah satu dari lima exception yang telah disebutkan di atas. Berikut adalah contoh implementasi Try-Catch. Output Berikut adalah penjelasan dari setiap exception: 1.      ArithmeticExc...

Game Pong Java

Image
 Pong adalah game arcade bertema tenis meja yang merupakan salah satu video game arcade paling awal. Game ini dibuat oleh Atari dan dirilis pada tahun 1972. Pong adalah video game pertama yang sukses secara komersial, dan itu membantu membangun industri video game. Berikut adalah kelas yang digunakan pada game ini: 1. Pong.java merupakan main class yang menginisialisasi kelas lain, membuat jframe, timer, score, serta control dari gamenya.  2. Renderer.java merupakan kelas untuk merender game. 3. Ball.java membuat Ball dimana Ball bergerak dengan kecepatan tertentu dan memantul saat menabrak sesuatu. 4. Paddle.java membuat Paddle yang akan dikontrol user dan bot. Class Diagram Source Code Pong.java Renderer.java Ball.java Paddle.java Output

Java FX

Image
Program java kali ini menggunakan JavaFX, yaitu software platform yang dapat digunakan untuk membuat rich internet applications (RIAs) yang dapat digunakan di berbagai perangkat. JavaFX juga dapat dianggap sebagai pengganti Swing yang lebih canggih. Untuk menggunakan JavaFX, kita hanya perlu mengimpor library JavaFX (sama seperti saat menggunakan Swing). Program ini akan menggunakan JavaFX untuk membuat aplikasi Fortune Teller atau peramal. Source Code Output

Java Applet

Image
Java applet adalah aplikasi yang ditulis menggunakan bahasa pemrograman Java dimana pengguna dapat menggunakan browser untuk membukan applet tersebut. Java applet diperkenalkan pada tahun 1995 dan applet ini dapat dijalankan dengan cepat hingga tahun 2011, dimana java applet jauh lebih cepat daripada JavaScript. Sayangnya, browser web yang sering digunakan orang pada saat ini seperti Google Chrome, Mozilla Firefox, dan browser lainnya mulai menghentikan support dari java applet sejak 2013, dimana applet tidak dapat dijalankan lagi pada tahun 2015-2017 karena applet sudah jarang digunakan akibat dari masalah keamanan yang ditimbulkan dan munculnya teknologi web lain yang lebih canggih. Java applet dihapus dari Java SE 11 (18.9) yang dirilis pada September 2018. Untuk membuat sebuat java applet, BlueJ versi 3.1.7 dapat digunakan. Caranya adalah dengan mengklik  "New Project", kemudian "New Class", dan memilih class type "Applet". Applet dapat dijalankan deng...

Program Image Viewer

Image
Pada program Image Viewer pengguna dapat melihat gambar dengan membuka gambar tersebut menggunakan program ini, serta menggunakan beberapa filter pada gambar tersebut. Program ini merupakan aplikasi dari GUI dimana pengguna berinteraksi dengan program menggunakan tab atau menu di bagian atas. Program ini diambil dari buku "Objects First with Java" oleh David Barnes dan Michael Kölling tanpa pengubahan. Object Diagram: Berikut adalah kelas yang digunakan pada aplikasi ini: 1. ImageViewer.java adalah main class yang membangun dan menampilkan GUI dan menginisialisasikan komponen lainnya. 2. ImagePanel.java adalah class yang membuat panel yang digunakan untuk menampilkan gambar. 3. ImageFileManager.java adalah class yang akan memuat gambar dari file dan menyimpan gambar dari program ke file. 4. OFImage.java adalah class yang memungkinkan program java ini untuk mengedit gambar dengan menggunakan filter darker, lighter, atau threshold. Source code: ImageViewer.java ImagePanel.java ...

Aplikasi Login Panel

Image
GUI atau Graphical user interface adalah sistem dimana pengguna dapat berinteraksi dengan suatu program menggunakan text, tombol, dan lain lain. Pada program Login Panel, pengguna dapat melakukan login dengan cara berinteraksi dengan text field dan tombol pada aplikasi ini. Ada dua input yang perlu dimasukkan, yaitu username dan password. Output dari program adalah "Login Granted!" jika username dan password sesuai dan "Login Denied" jika tidak. Program ini diambil dari  sini menggunakan library javax.swing.*, java.awt.*, dan java.awt.event.*. Berikut adalah kelas yang digunakan pada aplikasi ini: 1. Login adalah main class yang membuat GUI Login Panel dan memberikan output yang sesuai saat tombol pada GUI ditekan. Source Code Login.java Output

ETS Pemrograman Berbasis Objek

Image
 1. Berdasarkan video mengenai cara menyetor tunai, aplikasi yang dapat dibuat akan menyimpan akun dari kartu yang dimasukkan serta jumlah uang yang ada di akun tersebut. Kemudian aplikasi tersebut akan menanyakan jumlah uang yang disetorkan dan uang tersebut akan ditambahkan ke jumlah uang pada akun tersebut. Input akan dimasukkan dengan cara mengetik ke input terminal. 2. Berikut adalah Diagram Class yang digunakan untuk membuat aplikasi ATM. ATM.java adalah main class yang akan menginisialisasikan ATM dan menangani penyetoran tunai ke akun. Akun.java akan menyimpan informasi mengenai berapa saldo yang ada di akun. 3. Berikut adalah implementasi Class untuk aplikasi ATM. ATM.java Akun.java 4. Beikut adalah video demo aplikasi ATM

World of Zuul Game

Image
World of Zuul adalah game yang menggunakan text dimana user dapat menjelajahi beberapa ruangan yang ada pada game tersebut. Projek ini bertujuan untuk memberikan contoh dari desain kelas yang tidak bagus dari segi kopling dan kohesi. Kopling adalah tingkat keterkaitan antar kelas dimana desain kelas yang bagus memiliki kopling yang longgar supaya suatu program dapat dimodifikasi dengan mudah karena mengubah suatu kelas tidak akan mengubah kelas lainnya. Kohesi adalah jumlah dan keragamaan tugas yang dikerjakan satu unit kode dimana satu unit kode sebaiknya bertanggung jawab terhadap satu tugas. Berikut adalah kelas yang digunakan pada aplikasi ini: 1. Game.java adalah main class yang membuat semua room, membuat parser, menginisialisasikan game, dan mengevaluasi perintah yang dikembalikan parser. 2. Room.java adalah class yang merepresentasikan ruangan-ruangan yang ada pada game ini. 3. Command.java adalah class yang membagikan perintah yang diinputkan menjadi dua kata (contohnya "...