KONSEP WEBSITE MEDIA BELAJAR DTEO

HALAMAN 1 - BERANDA

A. Menu, yang dipersiapkan :

1. Beranda
Login -> Dashboard
2. Blog (news) – Webinar, Wawasan teknologi (TA, PKM, Karya Mahasiswa DTEO lainnya)
3. Information of Competition
4. Live
5. Karya (TA, PKM, etc)
6. Search (Opsional)
Contoh Menu :

Untuk meningkatkan pemahaman dasar bisa diberikan bar untuk menu belajar dasar, contoh
sebagai berikut :

berita terkini mengenai departemen (kebijakan), dan juga wawasan ilmu pengetahuan dan
teknologi.
 Footer sendiri opsional mengikuti media sosial yang sudah dihubungkan akun-akun dari
departemen Teknik Elektro Otomasi
POP UP – MASUK SEBELUM DASHBOARD
 HALAMAN 2 - DASHBOARD

Medfo bisa dipersiapkan desain poster main info nya dari internal atau event external, Contoh:

Pada menu selanjutnya juga disediakan Latihan – Latihan soal atau Latihan proyek (bisa
dibuat rutin/ pola soal yang berhubungan dengan terapan ilmu). Selain itu, juga disediakan
opsi tanya soal dan juga opsi untuk live class.

Untuk Opsi Blog, bisa digunakan untuk branding atau mempernalkan karya-karya serta
HALAMAN 3 – BELAJAR (Setelah Masuk)

Setiap menu belajar diberikan icon khusus sesuai khas dari mata kuliah, contoh sebagai
berikut:

Setiap mata kuliah yang dipilih untuk pembelajaran diberikan secara rinci mengenai apa saja
yang perlu dipelajari dan menyesuaikan kontrak belajar yang berlaku.

Untuk Video Pembelajaran sendiri mengikuti ketentuan dosen sendiri mau dari link
pembelajaran external, atau dari Hima sendiri menyediakan fasilitas untuk pembuatan video
pembelajaran sendiri.
 Tampilan live tidak masalah jika mengikuti tampilan video pembelajaran dan untuk list
materi bisa diganti dengan live chat.
HALAMAN 4 - TEO Bank Competition

Untuk Halaman TEO Bank Competition dibuat seperti list tawaran beasiswa di student
connects.

List Tabel :

1. Nama Kompetisi
2. Status
3. Batas Pendaftaran

Sama halnya dengan informasi detail. Bisa dilengkapi dengan poster perlombaan.

List Detail :

1. Judul
2. Informasi Umum
3. Syarat
4. Link
HALAMAN 5 - KARYA

Untuk Halaman Macam Karya bisa dibuat sesuai bidang proyek. Setiap proyek disiap kan
desain icon menarik dan foto anggota proyek.

List :

1. Bidang
2. Elemen Karya

Informasi Detail Karya

1. Judul
2. Abstrak
3. Link Contact (Untuk Informasi lebih detail, opsi pengembangan karya)

HALAMAN DETAIL KARYA

 KEANGGOTAAN

1. Desainer Ui/Ux : 2-3 anak, tools : Ai (adobe ilustrator), Figma

- Icon per mata kuliah
- Gambar buat layer main info
- Desain halaman web (refrensi dari html dan css yang udah dibuat 50%, ex : dibuat sesuai
ciri khas bisa seperti warna logo DTEO)
- Target : 30 November 2023
2. FontEnd : 1-2 anak, tools : Bootstrap (HTML CSS) untuk halaman/card mata kuliah
yang belum selesai, JS, GitHub.
- Fokus Laman Media Belajar
- Target : 7 Desember 2023
3. Backend : 1-2 anak, tools : Laravel/Express JS, Node JS/PHP, MySQL/MongoDB,
GitHub -> database akun dan akses video pembelajaran (video pembelajaran mandiri dari
hima)
- Target : 20 Desember 2023

LAUNCHING : 25 – 28 Desember 2023