Skip to main content

Posts

Website Berita dengan Bootstrap

Postingan berikut menjelaskan dokumentasi proses pembuatan website berita dengan Bootstrap. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/TrustedNewsID_Bootstrap/index.html Langkah-Langkah Pembuatan Website Berita dengan Bootstrap 1. Cari sebuah template yang cukup bagus untuk membuat website berita. Salah satu website yang ditemukan adalah https://startbootstrap.com/ . 2. Download file template tersebut. Lakukan modifikasi dan penambahan. Misalnya, tambahkan fitur login form yang masih belum tersedia. File index.html File about.html File post.html File contact.html File login.html 3. Upload ke Github dan cek hasilnya dengan membuka  https://dani-ramadhan7.github.io/TrustedNewsID_Bootstrap/index.html Tampilan ...

Website Registrasi Kuliah Tatap Muka

  Postingan berikut menjelaskan dokumentasi proses pembuatan website registrasi kuliah tatap muka. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/registrasi/index.html Langkah-Langkah Pembuatan Website Registrasi Kuliah Tatap Muka 1. Ikuti langkah-langkah pada website pembelajaran. Salah satu website yang cukup bagus untuk dipelajari adalah  belajarphp.net/tutorial-validasi-form-menggunakan-html-dan-javascript/ . Coba untuk menulis ulang contoh kode pada modul pembelajaran atau langsung memilih bagian-bagian kode yang diinginkan untuk digunakan. 2. Buat file html baru, buat page html dengan acuan modul pembelajaran. Lakukan modifikasi dan penambahan. HTML JavaScript 3. Untuk desain, digunakan file css sebagaimana yang digunakan pada website, yakni menggunakan  https://stackpath.boo...

Website Catalog Product

 Postingan berikut menjelaskan dokumentasi proses pembuatan website catalog. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/catalog_product/index.html# Cascading Style Sheets adalah bahasa style sheet yang digunakan untuk menggambarkan presentasi dokumen yang ditulis dalam bahasa markup seperti HTML. CSS adalah teknologi landasan World Wide Web, di samping HTML dan JavaScript.  CSS (n.d.). Wikipedia. Retrieved September 28, 2021.  Prosedur Pembuatan Website Catalog Product 1. Ikuti langkah-langkah pada modul pembelajaran yang sudah tersedia. Coba untuk menulis ulang contoh kode pada modul pembelajaran atau langsung memilih bagian-bagian kode yang diinginkan untuk digunakan. 2. Buat file html baru, buat page html dengan acuan modul pembelajaran. Lakukan modifikasi dan penambahan. 3. Untuk desain, dapat meniru juga file css pada modul pembelajaran. Tambahkan bagian...

Website Warung Tegal

Postingan berikut menjelaskan dokumentasi proses pembuatan website warung tegal. Website di-hosting menggunakan github pages yang dapat meng-host static webpages . Link Website Warung Tegal:  https://dani-ramadhan7.github.io/warung/index.html HTML5 adalah sebuah markup language yang digunakan untuk menstruktur dan menampilkan konten pada World Wide Web. HTML5 adalah versi kelima dan terakhir yang merupakan rekomendasi dari World Wide Web Consortium (W3C). Html5 (n.d.). Wikipedia. Retrieved September 22, 2021.  Prosedur Pembuatan Website Warung Tegal 1. Ikuti langkah-langkah pada modul pembelajaran yang sudah tersedia. 2. Tulis ulang contoh kode pada modul pembelajaran. 3. Dapat dilakukan beberapa modifikasi, seperti menambahkan carousel, media video, atau yang lainnya. Cek dengan run terlebih dahulu di localhost. 4. Buat GitHub Pages, sebuah layanan hosting dari GitHub yang dapat menghost website statis. Buat repository dengan nama sesuai username GitHub. 5. Upload file h...

Dokumentasi Proses Pembuatan Website

Postingan berikut menjelaskan dokumentasi proses pembuatan website yang berisi beberapa konten tentang curriculum vitae. Website di-hosting menggunakan salah satu web hosting provider yang menyediakan layanan hosting gratis. Link Website CV:  ramadhanarif.000webhostapp.com Prosedur Pembuatan Website Curriculum Vitae 1. Daftar Hostinger.co.id Hostinger.co.id adalah salah satu layanan hosting yang menyediakan hosting website secara gratis dengan fitur terbatas. 2. Belajar kursus HTML melalui SoloLearn Setelah melalui beberapa rangkaian latihan dan praktik, di bagian HTML Basics, terdapat Blog Project: Putting It All Together. Disini, pelajaran, latihan, dan praktik yang telah dipelajari sebelumnya digabung menjadi satu dan menghasilkan blog yang sederhana dan bagus. Contoh kode HTML juga disediakan agar dapat dipelajari dan dikembangkan lebih lanjut. 3. Pelajari contoh code HTML Blog Project: Putting It All Together...

Java To-Do List App

Postingan kali ini membahas sebuah aplikasi to-do list bernama ToDoScape . ToDoScape adalah aplikasi to-do list yang dapat menuliskan daftar tugas-tugas yang ingin dilakukan. Aplikasi ToDoScape ini berguna untuk menyelesaikan tugas mana yang harus diselesaikan selanjutnya agar sesuatu yang mungkin penting dan esensial tidak terlewatkan. Cara menggunakannya cukup sederhana, di mana terdapat kotak list untuk menuliskan judul tugas dan detail list yang terdapat pada sidebar di sebelah kanan. Pada kolom sidebar terdapat beberapa kotak untuk memasukkan detail seperti priority, due date, dan detail deskripsinya. Author Yusuf Anfasya (05111940000077) Ramadhan Arif H (05111940000162) Aplikasi ToDoScape ini dibuat dengan menggunakan bahasa pemrograman Java dan menggunakan BlueJ IDE. Aplikasi ini terdiri dari kelas sebagai berikut: ToDoScape.java Berikut ini adalah gambar diagram kelas dari ToDoScape . The ToDoScape Class Kelas ToDoScape adalah kelas utama tempat aplikasi ini dibuat. Kompon...

Java Pong Game

Postingan kali ini membahas sebuah game bernama Pong. Game Pong merupakan salah satu permainan tenis meja yang ditampilkan dalam bentuk grafik dua dimensi. Gameplaynya cukup sederhana, di mana terdapat dua paddle dan satu bola yang tujuannya untuk mengalahkan lawan. Seorang pemain mendapat satu poin saat mencetak gol. Kali ini, game pong ini dibuat dengan menggunakan bahasa pemrograman Java dan menggunakan BlueJ IDE. Game Pong ini terdiri dari kelas-kelas berikut: Ball.java Paddle.java Pong.java Renderer.java Berikut ini adalah gambar diagram kelas dari Pong Game . The Ball Class Kelas Ball adalah kelas untuk mengatur bola dalam permainan Pong ini. Di kelas ini, ukuran bola, kecepatan bola, warna bola, dan sebagainya bisa disesuaikan. Implementation of The Ball Class import java.awt.Color; import java.awt.Graphics; import java.util.Random; /** * Kelas Ball adalah kelas untuk mengatur bola dalam permainan Pong ini. Di * kelas ini, ukuran bola, kecepatan bola, warna bola, dan sebagai...