TUGAS 5: WEBSITE BERITA

   TUGAS 5

WEBSITE BERITA (News Website)

Pada post ini saya akan membahas tentang pembuatan website berita (news website). Di sini saya menggunakan HTML, CSS, dan Bootstrap. Untuk konsep pembuatannya saya mencoba untuk membangun tampilan web seperti BBC News. Sehingga, saya juga mencari gambar-gambar dari BBC News yang kemudian saya gunakan sebagai gambar thumbnail kolom-kolom berita di situs web ini.

1. Alert 


Sebelum masuk ke tampilan website, saya memberikan alert untuk pengunjung sebagaimana tampak pada gambar di atas. Karena sesuai pengamatan saya, tampilan website ini bisa berubah sesuai screen size masing-masing komputer pengunjung. Sebagai informasi, tampilan normal bisa dilihat dalam screen size 90%. Jika pengunjung menggunakan screen size yang lebih besar atau lebih kecil dari itu maka tampilan website akan terlihat sedikit berantakan. Menyadari hal itu saya mengingatkan pengunjung dengan memberikan alert tersebut tepat sebelum pengunjung melihat homepage dari website.

2. Homepage




Ini adalah tampilan dari homepage. Ada logo website, fitur sign in, fitur search, navigation bar, image carousel, dan kolom-kolom berita. Serta di bagian bawah ada menu-menu tambahan dan teks berjalan untuk copyright-nya.

3. Sign In


Bagian selanjutnya adalah halaman sign in. Di sini pengunjung diminta memasukkan e-mail dan password. Namun, apabila pengunjung belum memiliki akun maka bisa melakukan sign up terlebih dahulu.

4. Contact the BBC


Apabila pengunjung ingin mengirimkan kritik, saran, atau komentar pada website maka pengunjung bisa menggunakan halaman ini. Untuk menuju ke halaman ini, pengunjung bisa menemukan menu "Contact the BBC" di footer pada homepage.

Baiklah saya kira pembahasan dari saya terkait pembuatan website berita ini. Untuk source code bisa dilihat secara lengkap di https://intip.in/NewsWebsite. Terima kasih telah berkunjung.

Comments

Post a Comment

Popular posts from this blog

EAS (FINAL PROJECT): PHOTO EDITOR

Image
  EAS (FINAL PROJECT) PHOTO EDITOR Dalam post ini kami akan membahas sebuah sebuah aplikasi Photo Editor yang telah kami buat dalam rangka memenuhi Final Project dalam mata kuliah Pemrograman Berorientasi Objek. Di bawah ini adalah nama-nama kreator dalam pembuatan aplikasi ini: 1. Abdun Nafi'                                          05111940000066 2. A. Zidan Abdillah Majid                05111940000070 Selama masa pandemi kita banyak melakukan kegiatan secara online  baik itu kuliah, rapat, seminar, maupun hanya sekadar meet untuk berjumpa dengan kawan-kawan. Ketika melakukan kegiatan secara online  tersebut kita tentu akrab dalam menggunakan aplikasi  video conference  seperti Zoom, Google Meet, Microsoft Teams, dsb.  Nah, dalam penggunaan aplikasi-aplikasi tersebut kita tentu senang menggunakan virtual bacground yang keren.  Dengan mengamati hal tersebut kami terinspirasi untuk membuat aplikasi pengedit foto atau gambar yang mana dengan aplikasi ini kita bisa mengedit foto
Read more

TUGAS 6

Image
  TUGAS 6 RAZOR PAGES WEB APP (ASP.NET) Pada post kali ini saya akan membahas tentang pembuatan halaman website film menggunakan ASP.NET. Sebagai referensi saya menggunakan tutorial pada github  ini . Dalam website ini, kita dapat menginputkan data film berupa judul film, tanggal rilis, genre, dan harga. Harga yang nantinya saya inputkan adalah budget yang dihabiskan dalam pembuatan film tersebut. Selain menginputkan data, kita juga bisa mengedit, melihat detail, menghapus data, serta mencari judul film berdasarkan title  atau genre. Berikut ini adalah tampilan dari website tersebut: welcome page halaman index halaman create halaman edit Untuk source code bisa dilihat secara lengkap  Baiklah. Saya kira cukup sekian dari post kali ini. Semoga bermanfaat dan terima kasih telah berkunjung.
Read more

TUGAS 9: PENANGANAN ERROR (ERROR HANDLING)

Image
  TUGAS 9 PENANGANAN ERROR ( ERROR HANDLING ) Exception merupakan class turunan dari class Throwable di package Java.Lang . Selain Exception, java.lang.Throwable juga memiliki subclass yaitu Error . Error dan Exception pada dasarnya berbeda. Berikut ini adalah definisi untuk keduanya yang diberikan JDK 5.0 Documentation: - " An Error is a subclass of Throwable that indicates serious problem that a reasonable application should not try to catch. Most such errors are abnormal conditions. " - " The class Exception and its subclasses are a form of Throwable that indicates conditions that a reasonable application might want to catch ." Berikut ini adalah perbedaan antara Error dan Exception: 1. Error berhubungan dengan lingkungan di mana aplikasi berjalan sementara itu Exception     berhubungan dengan aplikasi itu sendiri. 2. Kategori Eception pada Java dibagi menjadi dua, yaitu checked dan unchecked . Sementara itu,     semua Error termasuk dari kategori unchecked
Read more