TEORI DESAIN WEB

LAPORAN PERSIAPAN DAN MODEL LAYOUT

Tri Wulandari
M3119085
TI D

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH VOKASI
UNIVERSITAS SEBELAS MARET
SURAKARTA
2020
A. TEMPLATE DESIGN BRIEF
Project name : Redesain Web Pendidikan Biologi UNS
Client’s name : Program Studi S1 Pendidikan Biologi UNS
Designer’s name : Tri Wulandari M3119085

1. Project overview and scope

Redesain ini betujuan untuk memperbaiki web sebelumnya yang memiliki catatan negatif
seperti : judul halaman yang terlalu panjang, link & buttons yang terlalu kecil, tidak ada
media sosial yang bertautan, dan kurangnya efisiensi dalam menggunakan ruang sehingga
menyulitkan pembaca untuk menemukan topik secara spesifik.

2. Project goals and objectives

Hasil dari redesain web akan lebih dinamis dan fleksibel dengan menggunakan
judul/kalimat yang tidak terlalu panjang dan mudah dibaca dengan font yang tidak terlalu
rumit. Link dan Button akan dibuat lebih besar dan di desain semenarik mungkin. Pada
media sosial akan diberikan ikon yang bertaut pada media sosial prodi biologi. Untuk
ruang baca akan ditambahkan blank space agar pembaca tidak kelelahan saat membaca
artikel.

3. Company and brand overview

 How big is the company and its market?

Web tersebut berskala nasional tekhusus prodi Biologi UNS.

 What makes the company unique?

Program studi Pendidikan Biologi merupakan salah satu program studi yang
bernaung di bawah jurusan Pendidikan Matematika dan Ilmu Pengetahuan Alam FKIP
UNS. Program studi Pendidikan Biologi berasal dari jurusan Ilmu Hayat Fakultas
Keguruan dan Ilmu Eksakta (FKIE) IKIP Negeri Surakarta yang berdiri dengan SK
Menteri Pendidikan Nasional No. 316/SK.Pet/BRI/66 tertanggal tertanggal 23-1-1966.
Pada tahun 1976, melalui SK Presiden No. 5 tahun 1976 tertanggal 1 maret
1976 diresmikan berdirinya Universitas Sebelas Maret Surakarta dengan IKIP Negeri
 Surakarta melebur sebagai bagian dari Universitas Sebelas Maret tersebut. Satu tahun
kemudian berdasarkan SK Rektor UNS no 4/P.1/000/1977 nama baru untuk Jurusan
Ilmu Hayat  diubah menjadi Jurusan Ilmu Biologi. Pada tahun 1982 melalui SK
Presiden No. 55 tahun 1982 mengenai peleburan Fakultas Ilmu Pendidikan (FIP) dan
Fakultas Ilmu Keguruan (FKg) menjadi Fakultas Keguruan dan Ilmu Pendidikan
(FKIP).
Berdasarkan SK Dirjen Dikti No. 39/DIKTI/ Kep/1984 Jurusan Biologi
mengalami perubahan status dan nama menjadi Program Studi Pendidikan Biologi di
bawah Jurusan Pendidikan MIPA hingga saat ini.Program studi Pendidikan Biologi
beralamat di Gedung D kompleks gedung FKIP Universitas Sebelas Maret Jl. Ir
Sutami No 36 A Kentingan, Jebres, Surakarta. Telp. (0271) 646994 fax (0271) 646655.

 What's their mission and vision?

 Misi

 Melaksanakan penelitian dan pengembangan bidang pendidikan biologi yang

berorientasi pada publikasi bereputasi.
 Menyelenggarakan layanan pengabdian kepada masyarakat dalam bidang biologi
dan pendidikan biologi.
 Mengembangkan edupreunership di bidang pendidikan biologi.

 Visi

 Menghasilkan sarjana pendidikan biologi yang memenuhi kualifikasi dan standar

kompetensi.
 Menghasilkan pengembangan ilmu pengetahuan dan teknologi dalam bidang
pendidikan biologi.
 Menghasilkan produk layanan masyarakat berbasis penelitian dalam biologi dan
pendidikan biologi.
 Menghasilkan produk pengembangan di bidang biologi dan pendidikan biologi.

4. Target audience
  Persona documentation (kebutuhan informasi)
Dalam web tersebut menghadirkan sejumlah informasi mengenai program studi
Pendidikan Biologi yang meliputi profil,akademik,jurnal ilmiah,
galeri,mahasiswa,angket kepuasan, dan akreditasi.

 Demographics (lokasi persebaran masyarakat)

Kebanyakan yang sering mengakses web ini adalah masyarakat yang berkecimpung di
dunia akademik seperti : dosen,mahasiswa,alumni,orang tua mahasiswa.
 Age, gender, location, etc…
Web ini baik disajikan kepada semua kalangan masyarakat terutama para pemuda
yang akan melanjutkan studi ke jenjang perguruan tinggi.
 Psychographics (ada perlakuan khusus atau tidak untuk kebutuhan masyarakat tertentu
dalam web tsb)
 Social media of choice (perlu diberikan tdk alternatif media ini)
Perlu adanya media sosial yang bertaut dengan alamat web tersebut agar para
pengunjung dapat lebih luas dalam memperoleh informasi.

 Hobbies (masyarakat yg suka hobby tertentu misalnya bisa direkomendasikan pada

web ini)
 Habits (kebiasaan masyarakat akan kaitannya dengan penyajian informasi di web ini)
Biasanya para masyarakat seperti orang tua akan mencari-cari info terkait jurusan
kuliah yang cocok untuk anaknya. Begitupula dengan calon mahasiswa, mereka akan
menggali informasi yang lebih dalam terkait jurusan yang akan diambil ketika kuliah.
 Pain points (poin khusus lainnya yg perlu diberikan kepada masyarakat melalui web
ini)
Di web ini terdapat prospek kerja, kegiatan mahasiswa di masyarakat, karya
mahasiswa dan sebagainya. Hal ini akan membuka pengetahuan masyarakat mengenai
bidang keilmuwan biologi. Masyarakat akan lebih percaya dan tertarik untuk dapat
menuntut ilmu di program studi Pendidikan Biologi.

5. Milestones and schedule

1) Membuat perancangan & wireframe web
 2) Membuat kombinasi warna pada layout
3) Membuat blok JQuery di halaman utama web
4) Membuat konten informasi di halaman utama
5) Mengenal layout web

 Milestones 1
 Goal: membuat perancangan & wireframe web
 Timeline/deadline: 1 minggu
 Client feedback due: -
 Deliverable: online (SPADA)
 Cost: -
 Milestones 2
 Goal: membuat dan memilih warna layout halaman utama web
 Timeline/deadline: 1 minggu
 Client feedback due: -
 Deliverable: online (SPADA)
 Cost: -
 Milestones 3
 Goal: membuat blok jQuery di halaman utama web
 Timeline/deadline: 1 minggu
 Client feedback due: -
 Deliverable: online (SPADA)
 Cost: -
 Milestones 4
 Goal: membuat konten informasi di halaman web
 Timeline/deadline: 1 minggu
 Client feedback due: -
 Deliverable: online (SPADA)
 Cost: -
 Milestones 5
  Goal: halaman web lengkap dengan header,navigasi,konten dan footer.
 Timeline/deadline: 1 minggu
 Client feedback due: -
 Deliverable: online (SPADA)
 Cost: -

6. Budget
@minggu = 3x170 menit
7. Deliverable
Online (SPADA)
8. Stakeholders and review process
Online (SPADA)

B. LAMPIRAN
1. REFERENSI LAYOUT
a. enweb.iu.edu.sa
 b. Islamic.relief sebagai referensi footer

2. WEBSITE UNS
3. SITEMAP

4. BAHAN
Pendidikan Biologi FKIP UNS Gedung D Lantai 3 FKIP Universitas Sebelas Maret Jl.
Ir Sutami No 36 A Kentingan Surakarta Kode Pos 57126

TELEPHONE : (0271) 669124 / 648939

EMAIL : biologi@fkip.uns.ac.id
5. TOOLS
 Coreldraw X7
6. TAHAP PENGERJAAN
a. Membuat perancangan & wireframe web
b. Membuat kombinasi warna pada layout
c. Membuat blok JQuery di halaman utama web
d. Membuat konten informasi di halaman utama
e. Mengenal layout web dan melengkapi halaman web
7. WIREFRAME