Faisal Journals
๐ŸŸก SEVIMA

Loom Audit โ€” Panduan Rekam Video

Step-by-step guide untuk merekam 5-10 menit Loom technical audit SEVIMA, termasuk script, tab preparation, dan delivery tips

๐ŸŽฌ Loom Audit โ€” Panduan Rekam Video

Target: Video 5-10 menit yang mendemonstrasikan technical competence, bukan presentasi formal. Tone: conversational, seperti ngobrol dengan engineering lead.

Persiapan Sebelum Rekam

Tools yang Harus Siap

ToolStatusKeterangan
Loom Desktopโ˜Installed + login
Browser (Chrome)โ˜Tabs sudah disiapkan (lihat di bawah)
Terminalโ˜Project boilerplate sudah running
VS Codeโ˜File-file kunci sudah dibuka

Tab Preparation (Chrome)

Urutan tab PENTING โ€” kamu akan switch tab secara berurutan saat recording. Buka semua tab ini SEBELUM mulai rekam.

Tab 1: SEVIMA Homepage โ€” https://sevima.com Scroll ke bagian produk untuk menunjukkan kamu paham bisnis mereka.

Tab 2: SEVIMA SIAKADCloud โ€” https://siakadcloud.com Buka halaman demo/features jika tersedia.

Tab 3: Lighthouse Audit โ€” Jalankan audit pada sevima.com DevTools โ†’ Lighthouse โ†’ Run audit (Performance + Best Practices). Simpan hasilnya, jangan refresh tab ini.

Tab 4: PageSpeed Insights โ€” https://pagespeed.web.dev/analysis?url=https://sevima.com Sudah ada hasilnya, siap di-scroll.

Tab 5: GitHub Repo โ€” https://github.com/faisalaffan/sevima-microservice-boilerplate Repository boilerplate yang sudah public.

Tab 6: VS Code โ€” Buka enrollment_service.go File star: distributed locking code untuk KRS race condition.

Tab 7: Terminal โ€” Running docker compose up + go test ./... -v Tampilkan tests passing real-time.


Script Per Scene

Scene 1: Hook (60 detik)

Tab aktif: Face cam only (Loom circle)

Script:

"Hai, saya Faisal Affan. Saya bikin video ini karena saya genuinely excited dengan apa yang SEVIMA bangun di SIAKADCloud โ€” dan saya yakin saya bisa contribute ke migration journey kalian dari PHP ke Go microservices.

Daripada kirim PDF proposal panjang, saya prefer tunjukkan langsung apa yang saya maksud. Saya sudah analisis infrastruktur kalian dan bikin working boilerplate. Let me walk you through."

Tips:

  • Maintain eye contact dengan kamera
  • Senyum natural, jangan terlalu formal
  • Pace: tidak terlalu cepat, biarkan kata-kata landing

Scene 2: Technical Analysis (2-3 menit)

Tab aktif: Chrome โ†’ Tab 1-4

Script flow:

[Switch ke Tab 1: sevima.com] "Saya mulai dari homepage SEVIMA. Kalian melayani 2.500+ universitas dan ini impressive. Tapi saya notice beberapa hal dari sisi teknis..."

[Switch ke Tab 3: Lighthouse] "Ini Lighthouse audit yang saya jalankan. Performance score-nya di angka [sebutkan angka]. Beberapa quick wins yang saya lihat..."

  • Highlight LCP, CLS metrics
  • Tunjukkan opportunity items

[Switch ke Tab 4: PageSpeed] "PageSpeed Insights juga confirm hal yang sama. Tapi ini bukan masalah besar โ€” ini opportunity. Dan yang lebih menarik adalah architecture-nya..."

Tips:

  • Gunakan cursor untuk highlight area yang dibicarakan
  • Jangan terlalu detail di metrics โ€” highlight pattern, bukan angka
  • Transisi smooth: "Yang lebih menarik adalah..."

Scene 3: Working Solution (3-4 menit) โญ

Tab aktif: Tab 5 (GitHub) โ†’ Tab 6 (VS Code) โ†’ Tab 7 (Terminal)

Script flow:

[Switch ke Tab 5: GitHub] "Jadi daripada sekadar bilang saya bisa, saya bikin ini: working Go microservice boilerplate yang relevan dengan domain kalian. Clean Architecture โ€” sama pattern yang kalian target untuk migration.

Ada 4 domain: Auth, Student, Course, dan yang paling interesting..."

[Switch ke Tab 6: VS Code โ†’ enrollment_service.go] "...Enrollment. Ini solve KRS race condition โ€” problem yang pasti kalian hadapi setiap semester. Ribuan mahasiswa rebutan seat secara bersamaan.

Solusinya: Redis distributed lock per course section, plus PostgreSQL optimistic locking. Jadi zero overselling.

[Highlight kode lock.Acquire] Ini acquire lock โ€” hanya satu enrollment yang bisa process per course pada satu waktu.

[Highlight kode IncrementEnrolled] Dan ini SQL-level safety: WHERE enrolled < capacity. Double protection."

[Switch ke Tab 7: Terminal] "Dan ini bukan teori โ€” semua tests passing. [Run: go test ./... -v] Table-driven tests, idiomatic Go."

Tips:

  • INI SCENE TERPENTING โ€” spend most time di sini
  • Scroll perlahan di kode, biarkan viewer baca
  • Jelaskan WHY, bukan hanya WHAT
  • Show enthusiasm: "Yang paling interesting..."

Scene 4: Call to Action (60 detik)

Tab aktif: Face cam only

Script:

"Jadi yang saya propose: 3 bulan paid trial. Bulan pertama saya focus di satu microservice โ€” bisa enrollment ini atau service lain yang kalian prioritaskan. Bulan kedua scale ke service berikutnya. Bulan ketiga evaluasi.

Kalau saya tidak deliver, kalian tidak rugi apa-apa. Semua code di repo itu gratis untuk kalian explore.

Saya attach email detail dengan opsi proposal-nya. Terima kasih sudah nonton, dan saya excited untuk contribute ke SEVIMA."

Tips:

  • Confident tapi tidak arrogant
  • End dengan senyum
  • Jangan over-explain โ€” keep it short

Checklist Post-Recording

Review video โ€” Watch 1x, cek audio quality & pace
Trim โ€” Potong dead air di awal/akhir (Loom built-in editor)

Add CTA button โ€” Loom CTA: "Lihat Proposal Lengkap" โ†’ link ke email/doc

Set thumbnail โ€” Pilih frame yang menunjukkan kode atau face cam yang bagus

Copy link โ€” Paste ke email draft dan LinkedIn message

Tips Delivery

AspekDo โœ…Don't โŒ
ToneConversational, engineering peerSales pitch, formal corporate
PaceSteady, pause saat highlight poinRushing, no breathing room
KodeScroll pelan, explain WHYFast scroll, explain WHAT
Length5-7 menit optimalLebih dari 10 menit
Face camOpening + closingSelama coding walkthrough
ScreenFull tab, font size 16+Small font, multiple panels

Pro tip: Rekam 2-3 take. Take pertama biasanya terlalu panjang. Take kedua biasanya paling natural. Pilih yang paling "real" โ€” bukan yang paling sempurna.

Edit on GitHub

Last updated on