# Catatan: Kebijakan Tanda Tangan Keyboard dan Tips Produktivitas Menguasai tanda tangan keyboard merupakan cara tercepat untuk mengubah proses penulisan catatan dari yang lambat dan manual menjadi proses yang lancar dan cepat. **NoteRich** dirancang untuk pengguna tingkat lanjut yang mengutamakan efisiensi. Dengan mempertahankan tangan di keyboard, Anda dapat mempertahankan “keadaan lancar” saat mengorganisir ide-ide yang kompleks, memasukkan media yang mendalam, dan mengelola basis pengetahuan Anda. Panduan ini membahas tanda tangan dasar dan fitur produktivitas yang dapat membantu Anda menulis lebih cepat dan berpikir lebih jernih. --- ## 🚀 Filsafat Kecepatan Di NoteRich, kecepatan bukan hanya tentang mengetik dengan cepat; itu tentang **mengurangi hambatan**. Setiap kali Anda mencari tombol di toolbar menggunakan mouse, Anda akan mengganggu konsentrasi Anda. Sistem tanda tangan kami dibangun berdasarkan tiga prinsip utama: 1. **Kesadaran Konteks**: Tanda tangan berubah sesuai dengan apa yang Anda lakukan (menyunting teks vs. navigasi daftar). 2. **Kemudahan Ditemukan**: Anda tidak perlu menghafal segalanya. Gunakan perintah `/` untuk menemukan alat secara instan. 3. **Prestasi Pertama**: Karena NoteRich berjalan secara lokal, respons tanda tangan langsung terjadi, tanpa adanya latensi jaringan. ```mermaid graph TD A[Mulai Menulis] --> B{Perlu Format?} B -- Ya --> C[Gunakan Ctrl/Cmd + B/I/U] B -- Tidak --> D[Perlu Komponen Baru?] D -- Ya --> E[Tulis / Perintah] D -- Tidak --> F>[Terus Mengetik] E --> G[Pilih menggunakan Tombol Arah] G --> H[Masukkan Segera] C --> I[Terus Lancar] H --> I F --> I style A fill:#fafafa,stroke:#eaeaea,color:#333 style I fill:#000,stroke:#000,color:#fff ``` --- ## ⌨️ Format Teks Dasar Ini adalah tanda tangan dasar yang akan Anda gunakan setiap hari. Mereka berfungsi baik di mode **Rich Text** maupun **Markdown**. ### Gaya Dasar | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | **Tebal** | `Ctrl` + `B` | `⌘` + `B` | | *Italik* | `Ctrl` + `I` | `⌘` + `I` | | <u>Undercord</u> | `Ctrl` + `U` | `⌘` + `U` | | ~~~Strikethrough~~~~ | `Ctrl` + `Shift` + `X` | `⌘` + `Shift` + `X` | | Formatasi Pembersihan | `Ctrl` + `\` | `⌘` + `\` | ### Paragraf & Struktur | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | Heading 1 | `Ctrl` + `Alt` + `1` | `⌘` + `Opt` + `1` | | Heading 2 | `Ctrl` + `Alt` + `2` | `⌘` + `Opt` + `2` | | Daftar Batang | `Ctrl` + `Shift` + `8` | `⌘` + `Shift` + `8` | | Daftar Nomor | `Ctrl` + `Shift` + `7` | `⌘` + `Shift` + `7` | | Daftar Tugas (Checkbox) | `Ctrl` + `Shift` + `9` | `⌘` + `Shift` + `9` | | Blockquote | `Ctrl` + `Shift` + `Q` | `⌃` + `Shift` + `Q` | | Blok Kode | `Ctrl` + `Alt` + `C` | `⌘` + `Opt` + `C` | > **Tips Pro**: Jika Anda lupa tanda tangan, cukup ketik `/` diikuti dengan nama elemen (misalnya, `/heading`, `/code`) untuk memasukkannya tanpa perlu menyentuh mouse. --- ## 🧩 Kekuatan Perintah `/` Perintah `/` merupakan inti dari produktivitas NoteRich. Perintah ini menggantikan puluhan klik menu dengan satu tekanan keyboard. Ketika Anda mengetik `/`, menu pintar akan muncul, memungkinkan Anda mencari komponen apa saja. ### Perintah Produktivitas Utama * `/ai`: Buka AI Assistant untuk menghasilkan konten, merangkum teks, atau menerjemahkan. * `/table`: Masukkan tabel dinamis. Anda bahkan bisa mengetik `3x4` untuk membuat tabel 3 baris, 4 kolom secara instan. * `/mermaid`: Buat diagram alir dan mind map menggunakan sintaks teks sederhana. * `/echarts`: Masukkan visualisasi data interaktif seperti grafik bar atau grafik garis. * `/excalidraw`: Buka kanvas putih untuk sketsa dan diagram. * `/date`: Masukkan tanggal hari ini, atau gunakan `/yesterday` dan `/tomorrow`. * `/collapsible`: Sembunyikan bagian teks yang panjang agar catatan Anda tetap rapi. ```svg <svg width="400" height="200" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="380" height="180" rx="8" fill="#fafafa" stroke="#eaeaea" stroke-width="1"/> <text x="20" y="40" font-family="Inter, sans-serif" font-size="14" fill="#333">Ketik / untuk membuka pilihan komponen...</text> <!-- Menu Simulasi --> <rect x="20" y="50" width="360" height="120" rx="4" fill="#ffffff" stroke="#eaeaea" stroke-width="1" filter="drop-shadow(0 4px 6px rgba(0,0,0,0.05))"/> <!-- Item Menu --> <rect x="30" y="60" width="340" height="30" rx="4" fill="#f4f4f5"/> <text x="40" y="80" font-family="Inter, sans-serif" font-size="13" fill="#000" font-weight="600">🤖 AI Assistant</text> <rect x="30" y="95" width="340" height="30" rx="4" fill="transparent"/> <text x="40" y="115" font-family="Inter, sans-serif" font-size="13" fill="#666">📊 ECharts Visualization</text> <rect x="30" y="130" width="340" height="30" rx="4" fill="transparent"/> <text x="40" y="150" font-family="Inter, sans-serif" font-size="13" fill="#666">📝 Mermaid Flowchart</text> </svg> ``` --- ## 🗂️ Navigasi & Pengelolaan Mengelola basis pengetahuan yang besar memerlukan navigasi yang efisien. NoteRich menyediakan tanda tangan untuk berpindah antar catatan, workspace, dan panel tanpa mengganggu proses kerja Anda. ### Navigasi Global | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | Catatan Baru | `Ctrl` + `Alt` + `N` | `⌘` + `Opt` + `N` | | Simpan Catatan | `Ctrl` + `S` | `⌘` + `S` | | Cari Catatan | `Ctrl` + `K` | `⌘` + `K` | | Menyalakan Sidebar | `Ctrl` + `B` | `⌘` + `B` | | Ganti Workspace | `Ctrl` + `Alt` + `W` | `⌘` + `Opt` + `W` | ### Navigasi Editor | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | Pindah Baris Ke Atas | `Alt` + `Up` | `Opt` + `Up` | | Pindah Baris Ke Bawah | `Alt` + `Down` | `Opt` + `Down` | | Duplikat Baris | `Shift` + `Alt` + `Down` | `Shift` + `Opt` + `Down` | | Cari di Catatan | `Ctrl` + `F` | `⌘` + `F` | | Pencarian Berikutnya | `F3` | `⌘` + `G` | | Pencarian Sebelumnya | `Shift` + `F3` | `⇧` + `⌘` + `G` | --- ## 🎨 Media & Visualisasi Lanjutan NoteRich tidak hanya untuk teks. Gunakan tanda tangan ini untuk memasukkan media yang mendalam sehingga catatan Anda menjadi lebih menarik. * **Gambar**: Dukungan drag-and-drop tersedia, tetapi Anda juga bisa menggunakan `/image` untuk mengunggah dari perangkat Anda. * **Rumus Matematika**: Ketik `/equation` untuk membuka editor LaTeX. Untuk matematika dalam teks, gunakan delimitator `$`. * **Potongan Kode**: Gunakan `/code` untuk memasukkan blok yang ditekankan. NoteRich mendukung lebih dari 50 bahasa termasuk Python, JavaScript, dan Rust. * **Embed**: Paste tautan YouTube atau Twitter langsung, dan NoteRich akan secara otomatis mengubahnya menjadi preview yang terintegrasi. ### Visualisasi Data Anda Anda dapat membuat grafik kompleks tanpa harus meninggalkan keyboard. Cobalah mengetik `/echarts` dan memasukkan konfigurasi JSON, atau gunakan `/mermaid` untuk membuat diagram urutan: ```mermaid sequenceDiagram participant User participant NoteRich participant LocalDB User->>NoteRich: Klik Ctrl+S NoteRich->>LocalDB: Serialisasi ke MsgPack LocalDB-->>NoteRich: Konfirmasi Simpan NoteRich-->>User: Tampilkan “Dikirim” Toast ``` --- ## 🛡️ Tanda Tangan Privasi & Keamanan Karena NoteRich berjalan secara lokal, keamanan data Anda sangat penting. Kami menyediakan cara cepat untuk mengelola pengaturan privasi Anda. * **Lock Workspace**: Meskipun belum ada tombol khusus untuk ini, Anda dapat dengan cepat mengakses antarmuka manajemen lisensi untuk memverifikasi status Pro Anda untuk fitur enkripsi. * **Ekspor Backup Terlindungi**: Gunakan panel manajemen database untuk mengekspor seluruh workspace sebagai file `.nrs` yang dilindungi kata sandi. Ini memastikan bahwa bahkan jika drive backup Anda hilang, catatan Anda tetap aman dengan enkripsi AES-GCM. --- ## 💡 Tips Produktivitas untuk Pengguna Tingkat Lanjut ### 1. Gunakan Kesadaran “Kotor” NoteRich menggunakan flag “kotor” untuk melacak perubahan yang belum disimpan. Jika Anda melihat indikator kecil di bar status, catatan Anda belum disimpan ke IndexedDB. Jadikan kebiasaan menekan `Ctrl/Cmd + S` setelah menyelesaikan blok pemikiran. ### 2. Manfaatkan Isolasi Workspace Jika Anda bekerja pada beberapa proyek, gunakan workspace yang berbeda. Anda dapat beralih antar mereka menggunakan hash URL `#workspace=projectA`. Ini membuat indeks pencarian dan data FlexSearch tetap terisolasi, sehingga pencarian menjadi lebih cepat dan relevan. ### 3. Berbagi P2P untuk Kolaborasi Cepat Alih-alih mengirim file melalui email, gunakan fitur berbagi P2P. Buat tautan dari menu Aksi dan kirimkannya kepada rekan kerja. Mereka dapat menerima catatan langsung ke browser mereka melalui WebRTC, tanpa perantara server. ### 4. Sesuaikan Pengalaman Font Anda Jika Anda menghabiskan jam untuk membaca, kelelahan font memang nyata. Gunakan dropdown font di toolbar untuk beralih ke font serif yang mudah dibaca seperti **Merriweather** atau font sans-serif yang bersih seperti **Inter**. NoteRich mengingat font terakhir yang digunakan untuk akses cepat. --- ## Kesimpulan Tanda tangan keyboard bukan hanya tentang menyimpan detik; itu tentang mempertahankan momentum pemikiran Anda. Dengan mengintegrasikan tanda tangan ini ke dalam rutin harian Anda, Anda dapat membuat NoteRich menjadi ekstensi pikiran yang lancar. Mulailah dengan hal-hal dasar—**Tebal**, **Italik**, dan perintah `/`—lalu secara bertahap tambahkan tombol navigasi yang lebih canggih. Tak lama lagi, Anda akan menulis dengan kecepatan pemikiran Anda. Siap mencoba? [Buka NoteRich](https://noterich.com/app/) dan mulailah membangun “otak kedua” Anda hari ini. --- <div class="flex flex-wrap gap-2 mt-8 mb-12"> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Produktivitas</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Tanda Tangan</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Workflow</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Lokal Pertama</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">PKM</span> </div>