Makalah Interaksi Manusia dan Komputer

Makalah

Interaksi Manusia dan Komputer

WEB OWL NEWS

Nama Kelompok :

1. Bagas Wahyu Vidiasmoro

2. Dais Nurfaizi Novsa

3. Umar Yuto

Seiring perkembangannya jaman teknologipun semakin maju dan kepraktisan ada disana sini, contohnya koran. Koran merupakan surat kabar yang dicetak pada kertas yang dapat dibaca yang bertujuan untuk memberikan suatu informasi. Pada makalah kali ini web yang kita buat adalah website berita yang digunakan untuk tujuan pengumulan berita dan pembuatan berita, supaya kita dapat membaca berita secara online tanpa menggunakan kertas yang di cetak lagi, dengan begini kita tidak perlu lagi susah membawa koran untuk membaca berita, cukup membuka web ini maka kita akan membaca berita yang telah di buat.

Gambar 1.0 Halaman Utama Website

Halaman utama, disini berisi tentang tampilan postingan yang terakhir di posting oleh user dan admin.Pada tampilan menu utama jika ingin membaca lebih lanjut tentang berita tersebut maka cukup click pada berita yang ingin kita baca maka Ia akan mengganti halaman keberita lengkap tersebut.

Gambar 1.1 Pop Up Login

Pop Up Login, disini kita akan menampilkan tampilan untuk login user dan admin, terdapat tampilan untuk menulis Username, Password. Lalu Login untuk masuk dan Close untuk keluar dari Pop Up tersebut.

Gambar 1.2 Halaman Tab Menu

Tab Menu, tampilan ini merupakan tampilan kategori dari setiap postingan. Terdapat 4 kategori disini Nasional, Internasional, Ekonomi, dan Bisnis disetiap tab tersebut jika kita click akan masuk kedalam tampilan postingan postingan yang isinya tentang kategori dari postingan tersebut

Gambar 1.3 Halaman Data Report User

Data Report User, tampilan ini merupakan tampilan para pengguna (user) dimana disini tempat untuk melihat postingan yang kita posting mendapatkan keluhan atau masalah dari para pembaca. Terdapat tampilan nomor urut, nama dan email pelapor, Url atau link postingan yang di report, Isi report yang iatulis, dan Option yang harus dilakukan untuk postingan tersebut.

Gambar 1.4 Halaman Edit Berita User

Halaman edit berita berfungsi untuk mengedit berita yang telah di buat sebelumnya oleh user jika masih terdapat kesalahan dalam isi berita ataupun sang penulis berita ingin menambahkan isi beritanya.  Dan tampilan pada halaman edit ini sama seperti halaman pada bagian input berita dan menu menunnya kurang lebih sama. Yaitu terdapat :

1. judul            : user dapat mengubah judul yang telah mereka buat sebelumnya ataupun ingin melengkapi judul yang sebelumnya telah dibuat.

2. kategori       : user dapat mengubah pada bagian kategori misalnya yang sebelumnya mereka memilih kategori nasional dan mereka bisa mengubahnya menjadi internasional.

3. isi berita      : pada tampilan isi berita ini user dapat menambahkan isi berita ataupun ingin melengkapi  berita yang telah mereka buat.

4. Penulis        : pada bagian ini nama penulis bisa dapat diubah pada postingan sebelumnya.

5. tanggal        : pada menu ini postingan dapat diubah dengan perubahan pada saat itu.

Gambar 1.5 Halaman Input Berita User

input berita berfungsi untuk membuat berita yang akan tampil di halaman utama website. Pada bagian ini user atau pengguna website ini dapat menulis berita dan mengisi berita sesuai dengan data mereka dan dengan ketentuan yang ada pada halaman input berita ini.

1. judul            : user dapat menulis judul yang mereka sesua dengan data yang mereka buat.

2. kategori       : user dapat memilih kategori sesuai dengan kebutuhan dan keinginan mereka.

3. isi berita      : pada tampilan isi berita ini user dapat mengisi berita sesuai dengan data yang mereka punya.

4. Ringkasan   : pada menu ringkasan pada tampilan input user ini berfungsi untuk membuat para pembaca atau orang yang mengakses berita ini penasaran dan ingin membuka dan melihatnya.

5. Penulis        : nama penulis berita tersebut.

6. tanggal        : pada menu ini menunjukan tanggal penulisan berita ini dibuat untuk sebuah isi website nntinya.

7. Gambar       : pada menu ini bisa dibilang opsi lain jika diperlukan untuk para penulis berita apakah meraka memerlukan gambar atau tidak. Jika mereka memrlukan gambar maka mereka dapat memasukannya pada menu ini. 

Gambar 1.6 Halaman Data Report

Data Report Admin, tampilan ini merupakan tampilan para Admin dimana disini tempat untuk melihat postingan yang diposting oleh admin pada saat mendapatkan keluhan atau masalah dari para pembaca. Terdapat tampilan nomor urut, nama dan email pelapor, Url atau link postingan yang di report, Isi report yang iatulis, dan Option yang harus dilakukan untuk postingan tersebut.

Gambar 1.7. Tampilan Data User

Pada bagian ini berfungsi untuk mennampilkan data user atau pengguna yang terdaftar ada sebuah website ini. Dimana pada bagian ini admin dapat meliah para user yang sudah terdaftar. Dimana pada bagian data user ni terdapat menu nomer : nomer urut para user, ID : id user yang sudah terdaftar, Nama : nama para user, Alamat, Pekerjaan, Username, Password dan option.

Gambar 1.8 Halaman Input Berita Untuk Admin

Pada bagian ini sama seperti pada bagian input berita untuk user dimana masih terdapat :

1. judul            : pada bagian ini admin dapat menulisakan judul berita yang hendak dibuat.

2. kategori       : pada bagian ini admin dapat memilih kategoru sesuai yang diinginkan..

3. isi berita      : pada tampilan isi berita ini admin dapat mengisi berita sesuai dengan data yang  ingin admin masukan atupun admin tuangkan dalam isi berita tersebut.

4. Ringkasan   : pada menu ringkasan pada tampilan input admin ini berfungsi untuk membuat para pembaca atau orang yang mengakses berita ini penasaran dan ingin membuka dan melihatnya.

5. Penulis        : pada bagian ini admin dapat menuliskan namanya.

6. tanggal        : pada menu ini menunjukan tanggal penulisan berita ini dibuat untuk sebuah isi website nntinya.

7. Gambar       : pada menu ini bisa dibilang opsi lain jika diperlukan untuk para penulis berita apakah meraka memerlukan gambar atau tidak. Jika mereka memrlukan gambar maka mereka dapat memasukannya pada menu ini. 

Gambar 1.9 Tampilan Semua Berita Admin Dan User

Tampilan ini menampilkan semua data postingan yang di posting oleh user dan admin yang dapat di kelolah oleh admin itu sendiri, seperti mengedit kembali postingan oleh seluruh user yang telah di post atau mendelete postingan yang telah di posting oleh seluru user. Disitu terdapat nomr urut data yang masuk, ID dari user yang mem posting, Judul dari postingan itu, Kategori dari postingan tersebut, Deskripsi dari postingan tersebut, Penulis itu nama dari usernya, Tanggal merupakan tanggal upload postingan tersebut, dan Option untuk meng edit atau men delete postingan tersebut.