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
Informatic News | 11
Gambar 1.3 Halaman Home User
Gambar 1.4 Halaman Home Admin
Informatic News | 12
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
Informatic News | 13
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
Informatic News | 14
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
Informatic News | 15
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
Informatic News | 16
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
Informatic News | 17
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
Informatic News | 18
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
Informatic News | 19
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
Informatic News | 20
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
Informatic News | 21
c. Sitemap bagi mahasiswa
d. Sitemap bagi Admin
Informatic News | 22
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
Halaman dapat menampilkan
berbagai postingan berita
bergambar hasil uploadtan
mahasiswa
Dapat ditampilkan
dengan baik
4 Kompetisi
Halaman dapat menampilkan
berbagai berita mengenai
kompetisi dalam bidang
informatika
Dapat ditampilkan
dengan baik
5 Beasiswa
Halaman dapat menampilkan
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
Halaman dapat menampilkan
form untuk melakukan proses
pendaftran bagi mahasiswa
yang belum terdaftar
Dapat ditampilkan
dengan baik
9 Upload
Halaman dapat menampilkan
form untuk melakukan proses
upload berita bergambar bagi
mahasiswa yang sudah
terdaftar
Dapat ditampilkan
dengan baik
Informatic News | 23
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.