DOKUMENTASI ANALISIS DESIGN WEBSITE INFORMATIC NEWS.pdf

LAPORAN TUGAS BESAR PEMROGRAMAN WEB

INFORMATIC NEWS

1. DEILA ETHA PRITIA (F1D013022)

2. IRMA PUTRI RAHAYU (F1D013048)

3. MARIA ARISTA ULFA (F1D013060)

Program Studi Teknik Informatika

Fakultas Teknik Universitas Mataram

2014

Informatic News | ii

DAFTAR ISI

Cover

Daftar Isi .......................................................................................................................... ii

I. LATAR BELAKANG ......................................................................................... 3

II. TUJUAN DAN HASIL YANG AKAN DICAPAI ............................................ 4

III. METODE PENCAPAIAN TUJUAN .................................................................. 4

IV. ANALISIS DESAIN APLIKASI ....................................................................... 5

A. Target Pengguna ...................................................................................... 5

B. Batasan Aplikasi ...................................................................................... 5

C. Skema Database ....................................................................................... 6

D. Wireframe ............................................................................................... 10

E. Skenario Penggunaan dan Interface ........................................................ 10

F. Navigasi dan Sitemap ............................................................................. 20

G. Pengujian Pengguna ................................................................................ 22

V. KESIMPULAN ................................................................................................... 23

Informatic News | 3

I LATAR BELAKANG

Seiring berkembangnya teknologi di era globalisasi ini, maka kebutuhan akan

informasi pun semakin meningkat dimana diperlukan pencarian informasi secara online

untuk mempermudah pengguna dalam mendapatkan informasi dimanapun dan kapanpun.

Dengan adanya informasi secara online maka kendala dan hambatan dengan pelayanan data

secara manual seperti seringnya data yang tersaji berubah-ubah, lambatnya penyajian data,

serta tata kelola dan dokumentasi yang tidak rapi dapat diatasi. Informasi yang diingkan

oleh pengguna juga bermacam-macam tergantung kebutuhan si pengguna. Salah satu

penyebar informasi terluas saat ini adalah web. Kebutuhan akan website sudah menjadi

kebutuhan semua orang, karena melalui website lah setiap individu akan bisa berinteraksi

dengan siapapun yang dia inginkan, baik dengan komunitasnya ataupun dengan orang lain

yang menjadi target informasi nya. Web tidak hanya sebagai sarana penyedia sebuah

informasi, namun juga mampu mengolah, melakukan edit, tambah atau mengurangi

informasi.

Banyaknya website yang menyediakan berbagai informasi kadang membuat pengguna

bingung untuk menemukan informasi terutama untuk informasi dalam bidang yang mereka

tekuni. Salah satunya yaitu dalam bidang informatika. Informasi dalam bidang informatika

sangat banyak dan luas sehingga para pengguna terutama mahasiswa jurusan informatika

perlu mencari informasi dari berbagai website. Untuk mengatasi masalah dalam memenuhi

kebutuhan akan informasi khususnya dalam bidang informatika maka dibuat suatu web

yang dapat memberikan informasi atau berita mengenai dunia informatika dari berbagai

universitas di Indonesia. Web ini diberi judul Informatic News. Web ini dibuat untuk

mempermudah mahasiswa terutama mahasiswa informatika dalam memperoleh informasi

atau berita yang terkait dengan perkembangan teknologi, kompetisi bahkan beasiswa yang

ada di bidang informatika. Dengan adanya web ini mahasiswa tidak perlu lagi untuk mencari

informasi dari berbagai website.

Informatic News | 4

II TUJUAN DAN HASIL YANG AKAN DICAPAI

Tujuan dari pembuatan website Informatic News ini adalah dapat membuat sistem

informasi berbasis web yang lebih efisien dan efektif dan dapat memenuhi kebutuhan

pengguna akan informasi seputar teknik informatika sehingga nantinya didapatkan hasil

yang dapat mempermudah mahasiswa jurusan informatika terutama mahasiswa jurusan

informatika Universitas Mataram dalam memperoleh informasi atau berita yang terkait

dengan perkembangan teknologi, kompetisi bahkan beasiswa yang ada di bidang

informatika serta antar memudahkan mahasiswa dalam berdiskusi mengenai berita seputar

informatika.

III METODE PENCAPAIAN TUJUAN

1. Mengidentifikasi Kebutuhan website dengan mengumpulkan segala kebutuhan website

seperti informasi apa saja yang dibutuhkan oleh pengguna terutama yang berada dalam

bidang informatika.

2. Inputan yang dibutuhkan system seperti data berupa NIM, Nama, Jenis Kelamin,

Tanggal Masuk, dan Password mahasiswa untuk proses daftar. Untuk dapat login hanya

digunakan NIM dan password mahasiswa agar dapat mengupload berita bergambar.

Data untuk admin berupa NIP, Nama, Jenis Kelamin, Tanggal Masuk, dan Password

yang juga digunakan untuk proses daftar. Untuk login juga hanya digunakan NIP dan

password agar dapat mengkordinir website dan juga dapat mengupload berita.

3. Mendesain atau merancang model website secara cepat seperti fitur apa saja yang

digunakan dalam pembuatan system seperti Home, Berita Terbaru, Zona Mahasiswa,

Kompetisi, Beasiswa, Forum, Login, Upload. Ini semua dibuat dengan menggunakan

bahasa pemrograman web (HTML, CSS, Javascript, PHP, dan MySQL) dan aplikasi

Notepad++ .

Informatic News | 5

4. Melakukan evaluasi untuk mengidentifikasi apakah website yang dibuat sesuai dengan

tujuan awal pembuatannya yang dimana apakah sesuai dengan kebutuhan yang

dibutuhkan pengguna dan apakah telah efektif dan efisien dalam penggunaanya.

5. Setelah evaluasi dilakukan maka akan didapatkan hasil rekayasa perancangan dari

website dimana nantinya hasil rekayasa ini dapat dievaluasi kembali untuk

mendapatkan hasil yang lebih baik.

IV ANALISIS DESAIN APLIKASI

A. Target Pengguna :

Untuk target pengguna dari website Informatics News yang utama adalah

mahasiswa yang berada pada jurusan informatika terutama mahasiswa Teknik

Informatika Universitas Mataram karena yang hanya dapat daftar dan login disini

adalah mahasiswa Teknik Informatika Universitas Mataram.

B. Batasan Aplikasi :

Web ini hanya berisi informasi seputar dunia Informatika sehingga mahasiswa

terutama mahasiswa Teknik Informatika Universitas Mataram dapat mengetahui berita

terbaru mengenai apa saja yang terjadi dalam informatika baik itu berita perkembangan

teknologi, kompetisi, hingga beasiswa sehingga mereka tidak perlu untuk mencari dari

berbagai website. Beberapa fitur dalam website Informatic News yaitu :

a. Home : Berisi pengenalan mengenai Informatic News.

b. Berita Terbaru : Berisi berbagai berita terbaru mengenai

informatika.

c. Postingan Mahasiswa : Berisi berbagai berita bergambar yang didapatkan

dari mahasiswa.

d. Kompetisi : Berisi informasi mengenai kompetisi mengenai

informatika.

Informatic News | 6

e. Beasiswa : Berisi informasi mengenai besiswa dalam bidang

informatika.

f. Forum : Berisi diskusi mengenai berita informatika.

g. Login : Menampilkan form untuk melakukan proses login.

h. Daftar : Menampilkan form untuk melakukan proses

pendaftran bagi mahasiswa dan admin.

i. Upload : Menampilkan form untuk melakukan proses

upload oleh mahasiswa maupun admin.

C. Skema Database :

a. ERD

Gambar 1.1 ERD Informatic News

Informatic News | 7

b. Kamus Data

Informatic News | 8

Informatic News | 9

Informatic News | 10

D. Wireframe :

Gambar 1.2 Wireframe Informaric News

E. Skenario Pengguna dan Interface :

a. Home adalah interface yang pertama kali akan dilihat oleh pengguna ketika

membuka website Informatic News.Disini dikenalkan mengenai apa itu website

Informatic News. Pada sidebar kiri website diberikan Contact us berupa email

dari admin Informatic News jika pengguna memiliki beberapa pertanyaan.

Kemudian dberikan juga form kritik dan saran bagi pengguna yang ingin

memberikan kritik dan sarannya terhadap pembuatan website Informatic News

dan form ini dapat digunakan oleh semua pengguna baik itu yang terdaftar

ataupun tidak. Selanjutnya Follow us untuk para pengguna yang juga ingin

bergabung melalui Sosial Media. Terakhir Sitemap yang berisi alur jalannya

penggunaan website disisi pengguna. Sidebar kiri ini selalu ada pada setiap

interface pada website Informatic News.

Logo

Informatic

News

Header

Navigasi

Sidebar

Kiri

Isi / Content


Gambar 1.3 Halaman Home User

Gambar 1.4 Halaman Home Admin


b. Berita Terbaru adalah interface urutan kedua setelah Home jika dibuka

sesuai dengan urutan navigasi. Disini berisi berbagai berita terbaru yang

diposting oleh admin mengenai perkembang teknologi, berita kejuaraan, berita

kegiatan dalam teknologi, dan masih banyak lagi. Disini juga diberikan pagging

agar berita yang ditampilkan dapat dibatasi dalam setiap halaman sehingga

pengguna tidak perlu untuk scrolling kebawah untuk melihat berita secara

keseluruhan. Pagging ini juga disediakan pada Zona Mahasiswa, Kompetisi,

Beasiswa, dan Forum.

Gambar 1.5 Halaman Berita Terbaru User


Gambar 1.6 Halaman Berita Terbaru Admin

c. Zona Mahasiswa adalah interface yang berisi berbagai berita bergambar

yang diposting oleh mahasiswa dan yang dapat memposting berita adalah

mahasiswa yang telah terdaftar dalam website Informatic News.

Gambar 1.7 Halaman Zona Mahasiswa User


Gambar 1.8 Halaman Zona Mahasiswa Admin

d. Kompetisi adalah interface yang berisi berbagai berita mengenai kompetisi

apa saja yang ada dalam bidang teknologi Informatika sehingga dapat

mendorong semangat mahasiswa untuk lebih mengmbangkan bakat-bakat yang

mereka miliki.

Gambar 1.9 Halaman Kompetisi User


Gambar 1.10 Halaman Kompetisi Admin

e. Beasiswa adalah interface yang berisi berbagai berita mengenai beasiswa

dimana dengan adanya berita beasiswa ini diharapkan para mahasiswa yang

memiliki kemampuan tinggi dalam bidang akademik dapat memperoleh

informasi beasiswa dengan mudah.

Gambar 1.11 Halaman Beasiswa User


Gambar 1.12 Halaman Beasiswa Admin

f. Forum adalah adalah interface yang berisi form untuk memasukkan

komentar sehingga mahasiswa yang sudah terdaftar dapat berdiskusi mengenai

masalah seputar teknik informatika.

Gambar 1.13 Halaman Forum User


Gambar 1.14 Halaman Forum Admin

g. Login adalah interface yang berisi form untuk melakukan proses login bagi

mahasiswa dan admin sehingga nantinya mahasiswa dan admin yang sudah

terdaftar dapat mengupload berita bergambar.

Gambar 1.15 Halaman Login User


Gambar 1.16 Halaman Login Admin

h. Daftar adalah interface yang berisi form untuk melakukan proses

pendaftaran bagi mahasiswa dan admin. Dengan melakukan pendaftaran maka

NIM dan password yang didaftarkan dapat digunakan untuk melakukan proses

login untuk mahasiswa dan admin dapat menggunakan NIP dan password.

Gambar 1.17 Halaman Daftar User


Gambar 1.18 Halaman Daftar Admin

i. Upload adalah interface yang berisi form untuk melakukan proses upload berita

bergambar bagi mahasiswa sehingga nantinya hasil uploadtan berita bergambar

dapat diposting di Zona Mahasiswa.

Gambar 1.19 Halaman Upload Admin


Gambar 1.20 Halaman Upload Admin

F. Navigasi dan Sitemap :

a. Navigasi bagi mahasiswa dan admin yang belum terdaftar

b. Navigasi bagi mahasiswa dan admin yang sudah terdaftar


c. Sitemap bagi mahasiswa

d. Sitemap bagi Admin


G. Pengujian Pengguna (User Testing) :

No. Daftar Halaman Hasil yang diharapkan Hasil Pengujian

1 Home

Halaman dapat dibuka pada

saat pertama kali membuka

website Informatic News

Dapat ditampilkan

dengan baik

2 Berita terbaru

Halaman dapat menampilkan

berbagai berita terbaru dalam

bidang informatika

Dapat ditampilkan

dengan baik

3 Zona Mahasiswa


berbagai postingan berita

bergambar hasil uploadtan

mahasiswa

Dapat ditampilkan

dengan baik

4 Kompetisi


berbagai berita mengenai

kompetisi dalam bidang

informatika

Dapat ditampilkan

dengan baik

5 Beasiswa


berbagai berita mengenai

beasiswa dalam bidang

informatika

Dapat ditampilkan

dengan baik

6 Forum Halaman dapat menampilkan

hasil diskusi mahasiswa yang

sudah terdaftar

Dapat ditampilkan

dengan baik

7 Login Halaman dapat menampilkan

form untuk melakukan proses

login

Dapat ditampilkan

dengan baik

8 Daftar



pendaftran bagi mahasiswa

yang belum terdaftar

Dapat ditampilkan

dengan baik

9 Upload



upload berita bergambar bagi

mahasiswa yang sudah

terdaftar

Dapat ditampilkan

dengan baik


V KESIMPULAN

Website Informatic News adalah website berisi berita seputar dunia Informatika

dimana website ini dibuat untuk memenuhi kebutuhan pengguna terutama mahasiswa

Teknik Informatika Unviversitas Mataram akan informasi khususnya dalam bidang

informatika. Website ini telah melalui beberapa metode dalam pencapaian tujuannya

sehingga telah dapat memenuhi kebutuhan pengguna akan informasi seputar teknik

informatika dan beberapa fitur yang disuguhkan dalam website ini juga telah dapat

dijalankan dengan baik sehingga membuat website ini lebih efektif dan efisien dengan

begitu telah didapatkan hasil sesuai dengan tujuan pembuatan website Informtic News.

DOKUMENTASI ANALISIS DESIGN WEBSITE INFORMATIC NEWS.pdf

Documents

Transcript of DOKUMENTASI ANALISIS DESIGN WEBSITE INFORMATIC NEWS.pdf