Selasa, 19 Oktober 2021
Membuat Website Menggunakan Bootstrap
Senin, 11 Oktober 2021
Tugas 5 PWEB - Form Validasi
Pada postingan kali ini, saya membuat form validasi kesediaan kuliah tatap muka & status vaksinasi bagi mahasiswa FTEIC ITS. Berikut adalah tampilan dari formnya :
Adapun untuk source codenya adalah sebagai berikut:
Untuk formnya dapat diakses pada link berikut:
https://formvalidasi-fknraini.netlify.appMinggu, 26 September 2021
Katalog Produk - Tugas PWeb A
Berikut merupakan tampilan katalog produk furniture yang dibuat menggunakan html dan css. Web yang dibuat terdiri halaman Home yang berisi tombol yang mengarah ke page Shop, berikutnya terdapat halaman Shop yang berisi produk-produk yang dijual, lalu halaman New Arrival yang berisi produk-produk yang baru dijual atau diupload, kemudian halaman About berisi deskripsi toko furniture, dan yang terakhir halaman Contact, halaman tersebut berisi kontak toko yang dapat dihubungi.
Halaman Home
Halaman Shop
Halaman New Arrival
Halaman Contact
Untuk melihat source codenya tersimpan pada link github berikut:
https://github.com/fknraini/katalog
Adapun untuk melihat previewnya sebagai berikut:
Sabtu, 18 September 2021
Website Warung Tegal - Fika Nur Aini (PWeb A)
Pada postingan kali ini akan membahas terkait tugas Pemrograman Web untuk menambahkan beberapa fitur pada Website Warung Tegal. Adapun poin-poin penting yang terdapat pada Website ini antara lain:
- Beranda, yang berisikan cuplikan video dan beberapa daftar masakan.
- Daftar Masakan, yang berisikan daftar masakan.
- Tentang, berisikan hal-hal terkait warung tegal.
- Kontak, berisikan kontak warung tegal yang dapat dihubungi.
Minggu, 05 September 2021
CURICULUM VITAE - Fika Nur Aini (PWeb A)
Pada postingan kali ini akan membahas terkait tugas Pemrograman Web untuk membuat CV. CV yang saya buat menggunakan HTML, CSS, dan JS dalam bentuk website static dan sudah responsif. Adapun poin-poin penting yang terdapat pada CV ini antara lain:
- About, yang berisikan perkenalan singkat tentang diri saya.
- Education, yang berisikan riwayat dua pendidikan terakhir.
- Working Experience, berisikan pengalaman kerja saya.
- Project Experience, berisikan pengalaman saya selama tergabung dalam organisasi ataupun kepanitiaan beserta project-project yang pernah dilakukan.
- Contact, berisikan kontak saya.
1. Page About
2. Page Education
3. Page Working Experience
4. Page Project Experience
5. Contact
Berikut merupakan source code yang saya gunakan:
1. HTML
2. CSS
3. JS
Nama : Fika Nur Aini
NRP : 05111940000067
Senin, 11 Januari 2021
Final Project Pemrograman Berbasis Objek
Pada postingan kali ini akan membahas terkait final project PBO yaitu membuat suatu aplikasi yang dapat didownload / dijalankan oleh orang lain. Aplikasi yang kami buat berupa game, dengan nama "Banana Shooter". Tampilannya gamenya dapat dilihat pada gambar berikut:
Untuk membuat game tersebut kami menggunakan 7 class ditambah dengan folder img yang berisikan gambar seperti gambar pesawat, pisang, dan peluru serta juga terdapat folder sound agar pada gamenya terdapat soundtrack saat dimainkan. Untuk video demo/penjelasannya dapat dilihat pada video berikut:
1. Class Controller
Class ini akan menjadi super class dari class pesawat, pisang, dan peluru. Method yang ada pada class ini adalah:
a. Constructor Controller, digunakan untuk menginisialisasi posisi dari pesawat, pisang, dan peluru.
b. getImageDimension, digunakan untuk mengatur ukuran gambar pesawat, peluru, dan pisang.
c. loadImage, berfungsi untuk menampilkan atau memasukkan gambar.
d. getImage, untuk mengembalikan nilai berupa gambar.
e. getX dan getY, untuk mendapatkan titik awal posisi gambar.
f. setVisible, untuk mengatur gambar apakah akan ditampilkan dilayar atau tidak.
g. isVisible, untuk mengetahui apakah gamabr tersebut dalam mode visible atau tidak.
h. getBound
2. Class Pesawat (Extends Controller)
Class ini digunakan untuk membuat dan mengatur objek pesawat yang akan kita kendalikan. Objek dalam class ini adalah peluru, yang nantinya akan ditembakkan ke arah pisang. Adapun methodnya adalah sebagai berikut:
a. Constructor Pesawat, untuk menginisialisasi titik awal dari pesawat.
b. membuat daftar peluru yang akan ditembakkan dalam bentuk array dan menampilkan gambar pesawat.
c. getPelurus
d. keyPressed, untuk mengatur gerakan dan aksi setelah user memberi perintah.
e. Fire, digunakan untuk menambahkan satu peluru ketika user memberikan perintah untuk menembak.
f. keyReleased, untuk mengatur pesawat agar diam saat tidak ada perintah dari user.
3. Class Pisang (Extends Cntroller)
Class ini digunakan untuk membuat dan mengatur pergerakan objek pisang. Methodnya terdiri dari:
a. Contructor Pisang, untuk menginisialisasi titik awal pisang.
b. initPisang, untuk menampilkan gambar Pisang.
c. move, untuk mengatur gerakan setiap pisang dan membuat pisang kembali ke sisi kanan layar saat mencapai sisi kiri layar.
4. Class Peluru (extends Controller)
Class ini digunakan untuk membuat dan mengatur pergerakan objek peluru. Methodnya adalah:
a. Contructor peluru, untuk menginisialisasi letak awal peluru.
b. initPeluru, untuk menampilkan gambar peluru.
c. move, untuk menggerakan peluru sesuai dengan kecepatan yang telah ditentukan.
5. Class Display
Class ini berfungsi untuk mengatur dan menginisialisasi hal-hal yang berhubungan dengan tampilan permainan. Adapun methodnya adalah sebagai berikut:
a. Pos, untuk mengatur posisi awal pisang-pisang.
b. Display dan initDisplay, untuk menampilkan tampilan awal permainan seperti letak pesawat dan sisa pisang yang harus ditembakkan.
c. initPisang, untuk membuat objek pisang dalam bentuk array.
d. paintComponen, untuk menampilkan permainan atau pesan "game over".
e. drawObject, untuk menampilkan gambar awal permainan seperti pesawatnya.
f. drawGameOver, untuk menampilkan pesan "Game Over".
g. actionPerformed, memperbarui letak dan tampilan setiap objek setelah adanya aksi.
h. inGame
i. updatePesawat, memperbarui letak peswat setiap adanya aksi.
j. updatePeluru, memperbarui letak peluru setiap adanya aksi.
k. updatePisang, untuk mengecek apakah terdapat pisang yang tersisa, jika iya maka perbarui, jika tidak maka keluarkan pesan "Game Over".
l. checkCollisions, untuk mengecek apakah terdapat tabrakan atau tidak.
6. Class BananaShoot
Main class ini digunakan untuk mengeksekusi jalannya program. Method:
a. Constructor BananaShoot dan initUI, untuk membuat frame permainan, judul, dan operasi pada frame.
b. main (), untuk mengeksekusi jalannya permainan.
7. Class Sound
Class ini digunakan untuk mengatur efek suara saat permainan dimainkan.
Untuk gamenya dapat didownload pada link dibawah ini:
https://drive.google.com/file/d/1O3413ixwGkIyaaFRYeBqtsOUVtasQ_9m/view?usp=sharing
Nama - NRP : 1. Tsania Az-Zahra - 05111940000032
2. Fika Nur Aini - 05111940000067
Kelas : PBO A
Sabtu, 26 Desember 2020
Notepad dengan Java
Pada postingan kali ini, akan membahas tentang membuat Notepad dengan Java. Notepad adalah sebuah program yang digunakan untuk menulis dan menyimpan kalimat-kalimat/pesan, selain itu notepad juga digunakan untuk membaca dan menyimpan program bahasa komputer. Pada aplikasi Notepad yang saya buat akan terdapat beberapa fitur seperti menuliskan teks, menyimpan teks, dan membuka suatu file.
Adapun source codenya adalah sebagai berikut:
Ketika program dijalankan akan menampilkan home seperti berikut:
Kita bisa menuliskan teks didalamnya dan menyimpan dokumen tersebut:
Selain itu, kita juga dapat membuka dokumen yang sudah tersimpan sebelumnya:
EAS RK A
1. Deskripsi kebutuhan Fungsional dan Non Fungsional aplikasi pemesanan gedung acara Kebutuhan Fungsional ...
-
1. Deskripsi kebutuhan Fungsional dan Non Fungsional aplikasi pemesanan gedung acara Kebutuhan Fungsional ...
-
Pada postingan kali ini, saya membuat form validasi kesediaan kuliah tatap muka & status vaksinasi bagi mahasiswa FTEIC ITS. Berikut ad...
-
Deskripsi Aplikasi MokaPOS merupakan aplikasi yang berbasis sistem Point of Sale berbasis cloud yang menggabungkan perangkat lun...
