Enter your search text in the box above

Select a result to preview

AI untuk Digital Garden — Cara Mengembangkan Konten

AI untuk Digital Garden — Cara Mengembangkan Konten 20260511062210187.webp

Membuat Draft Catatan dari Berbagai Sumber

Draft dari chat dengan AI

Contoh prompt:

Bertindaklah sebagai Technical Writer untuk digital garden saya, **BelajarDev**. Tugasmu adalah membuat catatan teknis berdasarkan transkrip chat di bawah ini. Fokus pada:
- (misalnya)
- 
- konsep inti
- alur kerja (workflow)
- dan perintah terminal

**Aturan Penulisan:**
- Gunakan gaya bahasa teknis tapi santai, khas developer (developer-to-developer).
- Hindari kata-kata pembuka yang berbunga-bunga (langsung ke intinya).
- Gunakan Markdown: Heading, Bold untuk poin penting, dan Code Blocks untuk perintah.
- Buat bagian 'Tanya Jawab Singkat' jika ada kebingungan yang dijelaskan di transkrip.

**Transkrip:**
[Paste transkrip chat di sini]

Draft dari sumber dokumentasi

Contoh prompt untuk topik FilamentPHP 5.x di NotebookLM:

Bertindaklah sebagai Technical Writer untuk Obsidian digital garden saya, **BelajarDev**. Tugasmu adalah membuat catatan teknis tentang FilamentPHP 5.x dari dokumentasi resminya. Fokus pada:
- apa itu Filament
- teknologi di baliknya (apa saja itu, untuk apa)
- pendekatan yg dipakai
- kenapa mau pakai filament atau sejenisnya
- alternatif lain selain filament (dan kenapa pilih filament)

**Aturan Penulisan:**
- Gunakan gaya bahasa teknis tapi santai, khas developer (developer-to-developer).
- Hindari kata-kata pembuka yang berbunga-bunga (langsung ke intinya).
- Gunakan Markdown: Heading, Bold untuk poin penting, dan Code Blocks untuk perintah.
- Buat bagian pakai > [!question] disertai judul, jika ada hal yang berpotensi menimbulkan kebingungan yang dijelaskan.
- Buat bagian pakai > [!note] disertai judul, jika ada tips atau hal yang perlu jadi catatan

Sebutkan relasi dengan catatan lainnya (beri saran apa saja yg selanjutnya dimasukkan ke digital garden)

Membuat Ilustrasi

Ide ilustrasi yang bisa dibantu AI:

Contoh-contoh prompt:

Buat tabel perbandingan yang mengilustrasikan ketika "pakai virtual environment vs tanpa virtual environment"

Buat ilustrasi struktur proyek ketika pakai virtual environment

Buatkan ilustrasi (atau sejenisnya) untuk suplementasi yang memperkaya tulisan saya; dibuat menggunakan script seperti plantuml, markdown, html+css/+js, mathjax, canvas, ascii, dll yang mudah dicopas/embd ke dalam tulisan saya.

Buat gambar untuk summary tulisan pada sumber.

Nuansa teknologi sesuai tema (biru tua gelap/sedang dengan aksen ungu). Untuk dipasang di bagian akhir tulisan di blog BelajarDev.

Fokus pada bagian [Pembahasan] saja.

Pastikan tidak ada salah tulis. Ini teknis, harus teliti

Menentukan Judul

Saya sudah memiliki konvensi penulisan judul di sini: Konvensi Judul di BelajarDev — Format dan Contoh. Namun, bila mengalami kesulitan, bisa minta bantu AI.

Contoh prompt:

Bertindaklah sebagai editor konten profesional yang ahli dalam manajemen pengetahuan (Knowledge Management) menggunakan Obsidian. Tugas Anda adalah membantu saya menentukan judul catatan berdasarkan "Konvensi Judul Catatan" yang saya miliki.

### ATURAN UTAMA:
1. Gunakan em dash (—) untuk memisahkan Topik Utama dengan Konteks. Jangan gunakan hyphen (-).
2. Gunakan titik dua (:) untuk menyebutkan nama objek spesifik (Project atau Course).
3. Pastikan judul singkat, deskriptif, dan mudah dibaca di sidebar.

### FORMAT YANG HARUS DIIKUTI:
- Indeks: [Topik] — [Isi Halaman]
- Umum: [Topik] — [Cakupan/Konteks]
- Project: Project: [Nama Project] — [Tujuan/Insight]
- Referensi: Belajar [Topik] dari [Sumber] — [Insight Utama]
- Snippet/Task: [Task] di/dengan [Teknologi] — [Metode/Cara]
- Troubleshooting: [Error] di [Teknologi] — [Solusi/Penyebab]
- Glossary: Apa Itu [Istilah]? — Penjelasan Singkat & Contoh

### INSTRUKSI:
Saya akan memberikan isi catatan saya. Anda harus memberikan opsi judul tepat sesuai isi, baik secara SEO, dan sesuai konvensi.

Data catatan saya adalah sebagai berikut:
[masukkan topik/isi catatan di sini]

Bikin Meta Tags

Contoh prompt:

## Instruksi:
Meta tag untuk konten di web digital garden BelajarDev yang dibuat menggunakan plugin Obsidian Digital Garden. Sertakan juga og: dan twitter: meta, termasuk og:url dan og:type.

Gunakan yang terbaik untuk SEO. Namun tidak perlu melebih-lebihkan kalimatnya. Ambil saja dari konten di bawah.

## Panduan menggunakan dg-metatags dari dokumentasi
Setting metatags for a note can be done by adding a dg-metatags attribute like so:

dg-metatags:
 "description": "some description"
 "og:image": "https://example.com/someimage.png"

Note that there is a single space before the "description" field, not a tab.

This feature can be used if you want custom titles and images when sharing links in social media. Using the example below will add a title and an image that will be used when sharing the link in social media.

dg-metatags:
 "og:title": "Title Appearing on Social Media Site"
 "og:image": "https://example.com/someimage.png"

## Konten
[konten beserta Obisidian metadata]

Bikin Konsep OG Image

Setelah bikin meta tag, lanjutkan dengan bikin konsep OG (Open Graph) Image.

Contoh prompt:

Buat konsep OG Image untuk konten tersebut

Tujuan Desain:
-
-
-

Layout Utama (Struktur Visual):
ASCII sketch dengan judul, subjudul, elemen visual, dll.

Komposisi Ukuran: ... (ini thumbnail, bukan poster)
Font: ...

Catatan:
- Gunakan judul yg pendek. Jangan pakai judul panjang seperti di artikel
- Subjudul memberi konteks tanpa penuh teks

Warna brand: dark biru/ungu tua dengan aksen ungu.

Buat konsep OG Image untuk konten tersebut  
  
Tujuan Desain:  
-  
-  
-  
  
Layout Utama (Struktur Visual):  
ASCII sketch dengan visualisasi dan rangkuman konten super singkat  
  
Komposisi Ukuran: ... (ini thumbnail, bukan poster)  
Font: ...  
  
Catatan:  
- Gunakan judul yg pendek. Jangan pakai judul panjang seperti di artikel  
- Subjudul memberi konteks tanpa penuh teks  
  
Warna brand: sesuaikan dengan konten

Generate OG Image

Tambahkan konten sebagai source.
Kemudian generate infographic di NotebookLM dengan parameter sebagai berikut:

Rekomendasi ukuran gambar:

BelajarDev merupakan bagian dari eksperimen Muhammad Ikhsan di Smartech Studios.