ETS - Dokumentasi Proyek Portal Berita

NEWS - Portal Berita Sederhana

Deskripsi Project

Aplikasi web halaman berita yang menyajikan berbagai artikel, dilengkapi dengan gambar, tanggal publikasi, penulis dan fitur pencarian berita. Sebuah web portal  berita sederhana yang informatif dan responsif yang dibuat untuk memberikan informasi berita terkini yang dibuat dengan layout nya dengan HTML dan CSS. Untuk Fitur interaktif menggunakn Java Script.

Link untuk Dokumentasi:Link Soure Blog

Link untuk Source Code :Link Soure code

Linke untuk Hasil (Page): Link to Page

Fitur Fitur Aplikasi

Halaman Utama (Beranda)

Halaman ini sebagai halama utama portal berita 
Fitur Utama:
  • Header dengan logo, search bar, dan menu user
  • Navigasi kategori berita
  • Berita utama (featured news)
  • Berita terkini
  • Footer dengan informasi kontak dan social media
Homepage

2. Category Page (category.html)

Fungsi: Menampilkan berita berdasarkan kategori
  • Filter berita per kategori (Teknologi, Pendidikan, dll)
  • Featured news kategori terpilih
  • Grid berita dalam kategori
  • Navigasi antar kategori





3.Halaman Detail Berita

Menampilkan isi lengkap dari satu artikel: judul, penulis, tanggal, gambar utama, dan isi berita dan terdapat tombol “Kembali ke Beranda”



4. Pencarian Berita

Input pencarian untuk mencari berita berdasarkan kata kunci dengan JS. 
  • Display hasil pencarian
  • Filter hasil berdasarkan kategori
  • Pesan jika hasil tidak ditemukan
  • Hasil pencarian ditampilkan secara dinamis



5. Kategori Berita dan Navigasi

Tampilkan kategori: teknologi, pendidikan, olahraga, otomotif, dan kesehatan.
Navigasi antar halaman: Beranda, Tentang Kami, Kontak

Saat klik kategori, filter berita berdasarkan kategori tersebut


6. About and Contact Page

informasi tentang Portal Berita



Comments

Post a Comment

Popular posts from this blog

Tugas 8 - Crud Form Pendafaran

Image
Sistem Registrasi Mahasiswa Deksripsi Aplikasi ini adalah sistem registrasi mahasiswa dengan fungsi CRUD (Create, Read, Update, Delete). Aplikasi ini terdiri dari frontend yang dibuat dengan HTML, CSS, dan JavaScript yang berkomunikasi dengan API backend. Soure Code LINK TO GITHUB Halaman Web 'link to page' Endpoint API API backend dihosting di: link to API API ini menyediakan endpoint RESTful untuk mengelola data mahasiswa. API mendukung operasi CRUD standar melalui metode HTTP. Arsitektur Aplikasi ini memiliki arsitektur client-server: Frontend : HTML, CSS, dan JavaScript murni Backend : API Python yang dihosting di Hugging Face Spaces Struktur Proyek Crud/ ├── README.md ├── Back/ # Kode API Backend │ ├── .gitattributes │ ├── app.py │ ├── Dockerfile │ ├── README.md │ └── requirements.txt └── Front- end / # Kode Frontend ├── form.html ├── index.html ├── list .html ├── script .js └── style.css Komponen Fronten...
Read more

Tugas 6 - Pemrograman Web (N) - Form Registration, Dropdown, and Indonesia Postal Code

Image
Tugas Pekan 6 Muhammd Farhan Arya Wicaksono (5054231011) Link untuk Source Code : Link Soure code Live Demo You can view the pages here: - Page for Indonesia Postal Code click here : Indonesia Postal Code - Page for Form Registartion click here : Form Registration Getting Started 1. Clone this repository 2. Open `index.html` in your browser 3. Start filling out the form! Technologies Used - HTML - CSS3 - JavaScript - Indonesia Postal Code API API Integration This project uses the Indonesia Postal Code API to fetch accurate postal code information. The API endpoint used is alamat.thecloudalert
Read more