GALERI KARYA & SAMPEL PENGERJAAN
Eksplorasi portofolio pengerjaan website modern, perapian naskah akademik pedoman kampus, dan aset visual desain grafis. Seluruh proyek dikerjakan dengan standar industri, garansi revisi, dan privasi penuh.
export default function Hero() {
return (
<div className='flex flex-col items-center'>
<h1>EcoCoffee: Organik & Segar</h1>
<WhatsAppCheckoutButton />
</div>
);
}EcoTech Coffee Landing Page
Landing page 1 halaman interaktif untuk validasi tugas kewirausahaan & promosi produk lokal.
router.post('/inventory/store', authMiddleware, async (req, res) => {
const item = await Inventory.create(req.body);
return res.status(201).json({ success: true, item });
});Sistem Inventaris & Kasir Toko (CRUD)
Aplikasi web fungsional pencatatan stok barang, transaksi masuk-keluar, dan laporan penjualan.
const MetricCard: React.FC<MetricProps> = ({ title, value, delta }) => (
<div className='p-4 border border-neutral-800 bg-neutral-900/50'>
<span>{title}</span>
<h3>{value}</h3>
</div>
);Slicing Figma Dashboard Finansial ke Next.js
Konversi visual Figma pixel-perfect ke komponen React/Tailwind clean code dan modular.
<section id='projects'>
<h2>Portofolio Unggulan</h2>
<Grid items={featuredWorks} />
</section>Cyber Samurai Personal CV & Portfolio
Website showcase portofolio personal estetis, interaktif, dengan tombol unduh berkas resume.
BAB I: PENDAHULUAN
1.1 Latar Belakang Masalah
[Margin Kiri: 4cm | Atas: 4cm | Kanan: 3cm | Bawah: 3cm]
Font: Times New Roman 12pt | Line Spacing: 1.5Reformat Standar Pedoman Skripsi (Format 4-4-3-3)
Penataan menyeluruh margin, ukuran kertas, gaya heading bab/subbab, dan font konsisten.
Section 1: Halaman Judul s.d Abstrak -> Romawi Bawah Tengah (i, ii, iii)
Section 2: Bab I s.d Bab V -> Arab Kanan Atas (1, 2, 3...)
Daftar Isi: Automatic Table of Contents (TOC Level 1-3)Penomoran Halaman Majemuk & Daftar Isi Otomatis
Konfigurasi penomoran Romawi (i, ii) di halaman awal & nomor Arab (1, 2, 3) di bab utama.
Sitasi Teks: (Pratama et al., 2024)
Daftar Pustaka:
Pratama, R., & Santoso, B. (2024). Cybernetics in Modern UI. Journal of CS, 12(3), 140-155. https://doi.org/10.1016/...Sinkronisasi Sitasi & Daftar Pustaka Mendeley/Zotero
Standardisasi sitasi model APA 7th / IEEE / Harvard terhubung otomatis dengan metadata jurnal.
LAYOUT POSTER ILMIAH A1:
[Header: Judul Riset & Logo Kampus]
[Col 1: Abstrak & Metodologi] | [Col 2: Diagram Hasil Data] | [Col 3: Kesimpulan & Pustaka]Poster Ilmiah LKTI Nasional (Ukuran A1/A0)
Visualisasi riset ilmiah padat informasi dengan tata letak geometris, infografis, dan keterbacaan tinggi.
Slide 01: Cover & Identitas Mahasiswa
Slide 02-04: Problem Statement & Riset Gap
Slide 05-09: Metodologi & Arsitektur Sistem
Slide 10-14: Uji Coba & Hasil MetrikRedesain Slide Presentasi Sidang Skripsi (15 Slide)
Transformasi materi teks panjang menjadi slide modern, minimalis, dan berbobot visual di depan dewan penguji.
Figma Components:
- Primary Buttons (Default, Hover, Disabled)
- Input Fields with Error States
- Bottom Navigation Bar with 4 Tabs
- Micro-Interaction Prototype LinksUI/UX Interactive Mockup Aplikasi Mobile
Perancangan prototipe antarmuka aplikasi Android/iOS dengan design system komponen rapi di Figma.
PUNYA KEBUTUHAN KHUSUS DI LUAR SAMPEL?
Diskusikan topik tugas kuliah, format naskah kampus khusus, atau aplikasi web dengan arsitektur custom langsung dengan tim teknis Kelar.in.