Code Studio

Sabtu, 17 Oktober 2026

Rabu, 14 Oktober 2026

Infografik “Websites for Designers” merupakan panduan berisi kumpulan situs web yang dapat membantu desainer grafis, UI/UX designer, web designer, dan kreator digital dalam mengembangkan keterampilan serta menghasilkan desain yang lebih baik.

Pesan utama infografik ini adalah Design Better, Create More, Inspire Always — mendesain lebih baik, menciptakan lebih banyak karya, dan terus mendapatkan inspirasi.

Infografik membagi sumber daya desain ke dalam 9 kategori, mulai dari inspirasi visual, ikon, warna, tipografi, UI/UX, mockup, foto, pembelajaran, hingga alat bantu produktivitas.

Graphic Design & Inspiration

Tujuan: mencari inspirasi dan referensi desain.

Behance — memamerkan portofolio karya kreatif.
Dribbble — melihat karya desainer, terutama UI, ilustrasi, dan visual digital.
Pinterest — mengumpulkan ide dan referensi visual.
Awwwards — mempelajari desain website yang inovatif.
Designspiration — menemukan dan menyimpan konsep desain.

Contoh penggunaan: mahasiswa mencari referensi desain landing page sebelum mulai membuat proyek website.

Selasa, 13 Oktober 2026

NET - Studi Kasus SISMA

PRD - Sisma

https://chatgpt.com/c/6acefc6b-5cbc-83ec-924e-df8d11bd7e98

Modul Rich UI WPF

Hands-on Labs SISMA

Web - Studi Kasus News Hub

https://chatgpt.com/c/6acdd78a-4754-83ec-9265-3899c6f1ffb5

Outline Materi News Hub

PRD-News Hub

Pertemuan 1 - Analisis News Hub

Pertemuan 2 - Struktur HTML

Pertemuan 3 - CSS Design System

Pertemuan 4 - Bootstrap Responsive Design

Pertemuan 5 - JavaScript

Pertemuan 6 - Front End Detil Berita

Pertemuan 7 - Database MySQL

Pertemuan 8 - Evaluasi Front End

Pertemuan 9 - PHP Server Side

Pertemuan 10 - PDO Rendering Data

Pertemuan 11 - Mencari Berita

Pertemuan 12 - CRUD Tambah Berita

Pertemuan 13 - Admin Update Berita

Pertemuan 14 - Autentifikasi

Pertemuan 15 - Pencetakan PDF

Pertemuan 16 - Deployment Web

Pertemuan 17 - Integrasi Pengujian

Saya seorang lecture web programming. Buatkan desain uI Ux news portal

Saya seorang lecture Web Programming. Buatkan outline materi kuliah untuk membuat aplikasi News Hub yang terhubung dengan database simple. Materi kuliah meliputi front end dan back end. Bahasa yang digunakan html, css, javascript, bootstrap, php, mysql.

Buatkan materi kuliah. Ubah dalam format Docx. Pertemuan 1 — Pengenalan Proyek dan Analisis UI/UX NewsHub
Materi: Menganalisis header, navbar, hero section, kategori, kartu berita, sidebar, dan footer; mengidentifikasi alur pengunjung dan admin; menyiapkan struktur folder.
Output: Wireframe dan struktur proyek.

Senin, 12 Oktober 2026

Android - Studi Kasus: Aplikasi Login Terhubung Database

https://chatgpt.com/c/6acdb501-2400-83ec-ab21-3950bf30db6d

Outline Android Login

Pertemuan 1

Pertemuan 2

Pertemuan 3 - SQL Lite

Pertemuan 4 - Registrasi Pengguna

Pertemuan 5 - Autentifikasi MVVM

Pertemuan 6 - Navigation Session Management

Pertemuan 7 - Integrasi BackEnd

Pertemuan 8 - Pengujian Aplikasi

Saya seorang lecture Android Programming. Buatkan outline materi kuliah untuk membuat aplikasi Login yang terhubung dengan database simple.

Buatkan materi kuliah. Pertemuan 1 — Analisis Kebutuhan dan Desain UI Login

Fokus: memahami desain aplikasi pada gambar referensi.

Analisis kebutuhan fungsional dan nonfungsional.
Pengenalan project Android Studio dan Kotlin.
Struktur Composable: Column, Row, Text, TextField, Button.
Pengaturan warna, tipografi, ikon, dan layout responsif.

Praktik: membuat halaman Welcome Back tanpa database.

Ubah dalam format Docx

Studi Kasus: Aplikasi Login Terhubung Database

Materi ini dirancang untuk perkuliahan Android Programming dengan pendekatan project-based learning. Mahasiswa akan membangun aplikasi login berdasarkan referensi desain yang diberikan, mulai dari pembuatan antarmuka, validasi input, pengelolaan akun pengguna, hingga autentikasi menggunakan database sederhana.

Target proyek

Membuat aplikasi Android dengan fitur:

Login menggunakan email dan password.
Registrasi akun pengguna.
Validasi input dan pesan kesalahan.
Penyimpanan data pengguna dalam database.
Verifikasi akun saat login.
Halaman utama setelah login berhasil.
Logout dan pengelolaan sesi pengguna.

1. Capaian Pembelajaran

Setelah menyelesaikan materi, mahasiswa diharapkan mampu:

Membuat antarmuka login menggunakan Jetpack Compose.
Mengelola input pengguna menggunakan state dan event handling.
Menerapkan validasi email dan password.
Memahami struktur tabel pengguna dan operasi CRUD dasar.
Menghubungkan aplikasi Android dengan database lokal atau backend.
Mengimplementasikan proses autentikasi dan navigasi setelah login.
Menerapkan prinsip dasar keamanan penyimpanan kredensial.