🔒

Tidak Punya Akses

Butuh bantuan? Hubungi IT: [email protected]

Bantuan

Memuat...

Pusat Bantuan

Panduan menggunakan Esteh Group Portal.

Butuh Bantuan?

Jika ada kendala, silakan hubungi IT melalui:

Lupa Password?

Klik "Lupa password?" di halaman login, masukkan email Anda, lalu cek inbox untuk link reset (berlaku 24 jam).

Apa itu Esteh Internal Projects Portal?

Portal internal Esteh Group untuk berbagi project digital antar karyawan. Anda bisa upload dashboard, laporan interaktif, microsite, presentasi, atau materi visual apapun yang berbentuk web statis (HTML+CSS+JS) ke portal ini, lalu share ke rekan kerja per individu, per grup, atau per departemen.

Login pakai email & password akun Esteh Group Anda (tidak perlu Microsoft 365). Akun dibuat lewat undangan dari IT, dan email internal wajib pakai domain Esteh Group (estehindonesia.com, eskopiindonesia.com, padellife.id, estehkarunia.com, sambalsamuda.com). File project Anda aman — hanya dilihat orang yang Anda beri akses.

Ada juga portal terpisah services.estehindonesia.com untuk mitra/vendor/tim outlet external — mereka hanya bisa mengakses sistem (mis. tracking) yang di-share khusus ke mereka, dan tidak bisa masuk ke portal internal ini.

5 Role di Portal Ini

User

Karyawan biasa (internal). Bisa melihat project yang di-share atau visibility public/departemen. Tidak bisa membuat project sendiri.

Creator

Bisa membuat & mengelola project sendiri, upload file, share ke rekan kerja. Designer, marketing, finance analyst, dll.

Management

Seperti Creator (bisa buat & kelola project sendiri), plus bisa melihat & membuka semua project di sistem. Cocok untuk level manajemen yang perlu memantau. Tidak punya akses halaman admin.

Admin

Admin IT. Full akses — kelola user, grup, departemen, pengumuman, audit log, template email, sistem.

External

Pihak luar (Tim Outlet / Mitra / Vendor). Hanya akses services.estehindonesia.com, dan hanya sistem yang di-share khusus ke mereka. Tidak bisa masuk portal internal.

Role Anda di-set oleh IT Department. Hubungi IT kalau perlu upgrade role.

Mengakses Project yang Di-share ke Anda

  1. Login portal dengan email & password akun Esteh Group Anda.
  2. Halaman Beranda menampilkan ringkasan project terbaru yang bisa Anda akses.
  3. Menu Semua Project untuk lihat semua project visibility public/departemen yang bisa Anda akses.
  4. Menu Di-share ke Saya untuk lihat project yang spesifik di-share oleh creator ke email Anda.
  5. Klik card project mana saja → browser membuka isi project di tab baru.

Tidak ada project muncul?

Kemungkinan belum ada creator yang share project ke email Anda, atau Anda belum dimasukkan ke departemen yang sesuai. Hubungi creator yang Anda cari, atau hubungi IT Department untuk konfirmasi role & departemen akun Anda.

Saya Mau Buat Project Sendiri

Role default karyawan baru adalah user (hanya view). Untuk bisa upload project, Anda perlu role creator. Hubungi IT Department dengan menyebutkan email Anda + alasan perlu role creator (contoh: "Saya marketing, perlu upload dashboard kampanye").

TERCEPAT

Terbitkan dari 1 File ZIP

Cara paling cepat menerbitkan project tanpa mengetik pengaturan dan tanpa akses server. Buka menu Creator Portal → Terbitkan dari ZIP, copy prompt yang tersedia ke Claude Anda, biarkan Claude membangun project + menulis manifest portal.json, lalu bungkus jadi 1 file ZIP dan upload. Portal otomatis: memeriksa keamanan file, memasang font & logo & warna hijau Esteh, membuat project, dan menampilkan ringkasan untuk Anda konfirmasi. Anda cukup klik Terbitkan.

  • Branding otomatis — Anda tidak perlu menyertakan file font. Portal yang memasangnya saat publish.
  • Banyak project sekaligus — kalau beberapa project saling terhubung (mis. dashboard admin + halaman tracking publik), masukkan semuanya dalam 1 ZIP. Claude Anda menjelaskan relasinya di portal.json, dan portal membuat Data Bridge + menghubungkan semua project OTOMATIS — tanpa Anda setel manual di menu admin.
  • Data pendukung dari OneDrive — kalau dashboard membaca data live (Excel/CSV), Claude Anda menuliskan OneDrive siapa + folder mana di manifest (drive_owner + drive_folder). Penting kalau Anda men-deploy atas nama orang lain (data ada di OneDrive PIC, bukan Anda). Beberapa project bisa menunjuk folder sama untuk saling membaca data.
  • Penarik data terjadwal — kalau project perlu menarik data eksternal otomatis pada jadwal (mis. analisa lokasi/sales dari API vendor), Claude Anda mendeklarasikan scheduled_jobs di manifest (URL, jadwal, output ke snapshot/Bridge). Portal yang menjalankannya di server (project statis tidak bisa cron sendiri). Di layar konfirmasi ada tombol Tes Koneksi untuk memastikan sumber data berhasil terbaca — kalau gagal, pesan errornya langsung tampil. IT dapat memantau/menonaktifkan semua job di menu IT Admin → Penarik Data.
  • Konfirmasi dulu — sebelum Anda upload, minta Claude menjelaskan ringkas: berapa project, relasinya, dan data dari OneDrive siapa. Ini mencegah hasil tidak sesuai harapan saat live.
Buka Terbitkan dari ZIP

Memperbarui / Memperbaiki Project yang Sudah Ada

Wizard "Terbitkan dari ZIP" dipakai untuk membuat project baru. Untuk mengubah file project yang sudah live (mis. memperbaiki tampilan atau mengganti data statis), buka Project Saya → Kelola pada project tersebut, lalu di tab File upload file penggantinya. Untuk mengubah siapa yang bisa mengakses, gunakan tab Share & Akses.

Belum Familiar dengan Web Development?

Tidak masalah. Anda tidak perlu coding sendiri — Claude yang melakukan semua. Tugas Anda hanya: (1) siapkan data/bahan, (2) jelaskan apa yang ingin ditampilkan, (3) upload ZIP hasilnya lewat Buat Baru → Terbitkan dari ZIP. Prompt siap-pakai sudah tersedia di halaman itu.

Satu Prompt untuk Semua Kebutuhan Project

Copy teks di bawah, tempel ke Claude, lalu ceritakan project yang Anda mau dengan bahasa sehari-hari. Claude akan bertanya balik seperlunya, membangun seluruh berkas, dan menyerahkan satu berkas ZIP yang tinggal Anda unggah di Terbitkan dari ZIP. Tidak ada yang perlu diketik ulang di portal — nama, department, hak akses, sampai pemilik project semuanya sudah tertulis di dalam ZIP.

Project baru
Dari nol. Boleh beberapa project yang saling terhubung dalam satu ZIP — misalnya formulir pengajuan + konsol pengelolanya.
Perbarui yang sudah ada
Tambah fitur atau perbaiki project yang sudah terbit. ID dan alamatnya tetap, hak aksesnya tidak hilang.
Titip ke IT
Tidak mau mengerjakan sendiri? Prompt yang sama menghasilkan catatan kebutuhan yang rapi untuk diserahkan ke IT.

Teks Prompt

Prompt ini sedang memakai versi tulisan-tangan admin, jadi daftar department & akun di dalamnya tidak ikut diperbarui otomatis saat ada akun baru. Kosongkan override-nya untuk kembali ke versi yang selalu terkini.

Memuat prompt…

Prompt gagal dimuat.
 
Bagaimana cara tercepat menerbitkan project?

Pakai menu Creator Portal → Terbitkan dari ZIP. Copy prompt yang tersedia ke Claude Anda, biarkan Claude membangun project + menulis manifest portal.json, bungkus jadi 1 ZIP, lalu upload. Portal otomatis memasang font/logo/warna Esteh, memeriksa keamanan, dan menampilkan ringkasan untuk Anda konfirmasi 1-klik. Tidak perlu mengetik pengaturan atau akses server.

Project saya terdiri dari beberapa halaman yang saling terhubung. Bisa sekaligus?

Bisa. Masukkan semua project dalam 1 ZIP dan biarkan Claude Anda mengisi bagian bridge di portal.json beserta bridge_role tiap project (write untuk yang mengelola data, read untuk yang hanya menampilkan). Saat Anda klik Terbitkan, portal membuat Data Bridge dan menghubungkan semua project otomatis — Anda tidak perlu mengatur apa pun di menu admin.

Saya diminta men-deploy project milik orang lain, datanya di OneDrive dia. Bagaimana?

Pastikan Claude Anda menuliskan di manifest OneDrive siapa sumber datanya: drive_owner (email pemilik OneDrive) + drive_folder (folder datanya). Dengan begitu dashboard membaca data dari OneDrive PIC yang benar, bukan OneDrive Anda. Nilai ini juga bisa Anda periksa/ubah di layar konfirmasi sebelum menerbitkan.

Project saya perlu menarik data dari API/sumber luar secara otomatis terjadwal. Bisa?

Bisa. Project statis tidak menjalankan penjadwal sendiri; sebagai gantinya deklarasikan scheduled_jobs di manifest (URL sumber, jadwal berapa jam, dan hasil disimpan ke snapshot file atau Data Bridge). Portal menjalankannya di server secara berkala. Sumber harus URL publik (alamat jaringan internal ditolak demi keamanan) dan kredensial disimpan terenkripsi. Saat menerbitkan, klik Tes Koneksi untuk memastikan koneksi berhasil — bila gagal, pesan error tampil langsung. IT dapat memantau/menjalankan/menonaktifkan semua job di IT Admin → Penarik Data.

Datanya sering berubah — bisa dashboard tampil data terbaru otomatis?

Bisa. Taruh file data (Excel/CSV) di folder OneDrive project Anda, lalu dashboard mengambilnya lewat koneksi data portal: /api/projects/<dept>/<id>/data?file=<nama-file> (kalau cuma 1 file data, ?file= boleh dikosongkan). Begitu Excel di OneDrive diperbarui, dashboard ikut terbaru saat di-refresh. Verifikasi koneksi di Kelola Project → Edit Project → Cek Koneksi Data.

Saya bisa pakai Google Sheets sebagai database?

Tidak perlu (dan tidak disarankan — API key bisa bocor di frontend). Untuk data yang sering berubah, pakai data live dari OneDrive (lihat FAQ di atas). Untuk data tetap (snapshot), cukup embed sebagai file .json di project.

Project saya perlu menyimpan/mengelola record (tiket, form, approval) — bukan cuma menampilkan data?

Itu pakai Data Bridge — kotak data bersama supaya dua tampilan (mis. form requester di services + dashboard admin di portal) bisa baca/tulis record yang sama dan sinkron. Fitur ini sudah aktif. Cara termudah: terbitkan semua project terkait dalam 1 ZIP (lihat FAQ "beberapa halaman yang saling terhubung" di atas) — portal membuat & menghubungkan Bridge otomatis. Alternatif: IT dapat membuat/menghubungkan Bridge manual lewat menu Data Bridge di IT Admin.

Project saya juga untuk pihak luar (mitra/vendor/outlet). Bagaimana?

Ada 2 setelan di Buat/Kelola Project: (1) Visibility = siapa yang boleh lihat, dan (2) Akses via = di domain mana project muncul (Portal saja / Services saja / Portal & Services). Supaya tampil di services.estehindonesia.com, set Akses via = "Services saja" (atau "Portal & Services") DAN visibility Public (Internal Only / Internal & External). Untuk membatasi ke mitra tertentu, pakai visibility Public (Internal & External) lalu IT menambahkan email mitra di tab Share. Catatan: visibility Public saja TIDAK lagi otomatis muncul di services — Akses via harus diset ke Services. Pihak luar tidak pernah bisa masuk portal internal.

Boleh pakai gambar dari Unsplash / Pexels?

Boleh untuk demo. Untuk production, download gambarnya dan taruh di folder images/ project Anda. Jangan hot-link URL eksternal — tidak handal jika web sumbernya down.

File saya terlalu besar (lebih dari 100MB)?

Limit per file 100MB. Untuk video/file besar, simpan di OneDrive dan tempel link saja di project. Atau optimalkan: kompres video (Handbrake), kompres gambar (TinyPNG), pakai SVG untuk ikon.

Saat pakai Claude (Cowork), Claude mengubah file di luar folder project saya. Kenapa?

Itu terjadi kalau Anda meng-mount folder yang terlalu luas ke Claude. Best practice: 1 project = 1 folder khusus, dan mount hanya folder itu. Kalau Claude tetap menyentuh file lain, tegaskan di prompt: "Hanya buat/ubah file di dalam folder project ini; anggap folder lain read-only." Kalau perlu, mulai chat baru.

Bagaimana cara update project yang sudah ke-upload?

Buka Kelola Project → tab File → upload ulang file yang berubah. File dengan nama sama akan ter-replace otomatis. URL project tetap sama. (Untuk data live OneDrive, cukup perbarui file Excel/CSV-nya di OneDrive — tidak perlu re-upload project.)

Saya lupa password portal. Cara reset?

Klik "Lupa password?" di halaman login → masukkan email Anda → cek inbox untuk link reset (link berlaku 24 jam). Kalau email tidak masuk, cek folder Spam atau hubungi IT.

Hubungi IT Department

Untuk pertanyaan, request fitur, masalah teknis, atau request upgrade role:

Format Laporan Masalah yang Baik

Bantu IT bantu Anda lebih cepat. Sertakan info berikut saat melapor:

  1. Email akun Anda di portal.
  2. URL halaman saat masalah terjadi (contoh: /creator/manage?slug=...).
  3. Apa yang Anda coba lakukan (langkah-langkah).
  4. Hasil yang muncul vs hasil yang diharapkan.
  5. Screenshot kalau memungkinkan.

Fitur Data Bridge — Tersedia

Data Bridge membuat satu sistem bisa punya beberapa tampilan yang saling sinkron — misalnya form pembuatan tiket di services.estehindonesia.com (untuk pihak luar) dan dashboard pengelolaan di portal.estehindonesia.com (untuk staf), berbagi data tiket yang sama. Pengaturan bridge dilakukan IT di menu Data Bridge (admin): buat bridge, attach project, lalu project memanggil SDK window.CoworkBridge('id-bridge'). Schema standards di bawah memastikan data antar project konsisten.

Apa itu Data Bridge?

Data Bridge adalah cara menghubungkan 2 project atau lebih agar bisa berbagi data secara otomatis. Anggap seperti kulkas bersama di kantor — setiap project bisa menaruh data, dan project lain yang butuh bisa mengambil. Tanpa kirim file email, tanpa copy-paste manual, tanpa database baru.

Contoh nyata di Esteh:

  • Tim purchasing update progress negosiasi lokasi outlet → otomatis muncul di project timeline opening outlet milik marketing.
  • Tim HR update status recruitment manager outlet → otomatis muncul di dashboard CEO.
  • Tim sekretaris input tiket → otomatis terlihat oleh IT untuk dikerjakan, dan oleh user untuk tracking status.

Kapan Butuh Bridge?

Gunakan Bridge jika:

  • Data perlu dilihat lebih dari 1 project
  • Data harus selalu sinkron antar tim
  • Ada workflow lintas department
  • Project A menulis, project B membaca

Tidak perlu Bridge jika:

  • Project standalone, tidak butuh data project lain
  • Data hanya untuk internal project itu
  • Project hanya menampilkan informasi statis
  • Data sangat sensitif (gunakan project private)

Schema Standards — Nama Field Wajib

Gunakan nama field standar ini agar bridge antar project konsisten. Jangan pakai variasi seperti title, nama, atau nm untuk field yang sama.

Field Tipe Wajib? Contoh
idstringWajibTASK-PUR-001
namestringWajib"Negosiasi Lokasi Jakarta"
departmentenumWajibpurchasing
owneremailWajib"[email protected]"
statusenumWajibin_progress
progressnumber 0–100Opsional65
priorityenumOpsionalhigh
created_atISO 8601Auto"2026-05-24T03:12:00Z"
updated_atISO 8601Auto"2026-05-24T08:45:00Z"
due_dateISO dateOpsional"2026-06-30"
tagsarrayOpsional["jakarta", "lokasi"]

Schema Standards — ID Pattern

Pola ID record yang disepakati seluruh perusahaan. Format: {TYPE}-{SCOPE}-{NUMBER}

Jenis Pattern Contoh
TaskTASK-{DEPT3}-{NNN}TASK-PUR-001
TiketTKT-{YYMMDD}-{NNN}TKT-260524-001
MilestoneMS-{PROJECT}-{NN}MS-OPENJKT-01
DokumenDOC-{DEPT3}-{YYMM}-{NNN}DOC-FIN-2605-001
AssetAST-{CATEGORY}-{NNN}AST-IT-001
VendorVND-{NNN}VND-0042
ApprovalAPR-{YYMMDD}-{NNN}APR-260524-005

Kode department (3-letter): PUR (purchasing), HR (HR), IT (IT), MKT (marketing), FIN (finance), SEK (sekretaris), OPS (operations).

Schema Standards — Status Enum

Daftar nilai status standar berdasarkan jenis record. Jangan menambah status baru tanpa konfirmasi IT Admin.

Jenis Status Allowed
Taskpendingin_progressdone (boleh cancelled, blocked)
Ticketopenassignedin_progressresolvedclosed
Approvaldraftsubmittedreviewapproved (boleh rejected)
Milestonenot_startedin_progressdone (boleh delayed)

Priority enum: low, medium, high, urgent.

Cara menghubungkan project ke Data Bridge

Cara termudah kini otomatis lewat wizard Terbitkan dari ZIP.

Rekomendasi — otomatis lewat Terbitkan dari ZIP

Kalau beberapa project perlu berbagi data (mis. dashboard admin + halaman tracking publik), cukup masukkan semuanya dalam 1 ZIP. Di manifest portal.json, Claude Anda mengisi bagian bridge (nama + tipe record) dan bridge_role tiap project (write = mengelola data, read = menampilkan). Saat Anda klik Terbitkan, portal membuat Data Bridge dan menghubungkan semua project OTOMATIS — tanpa menyalin prompt tambahan atau menyetel apa pun di menu admin. Panduan lengkap ada di menu Buat Baru → Terbitkan dari ZIP.

Untuk IT/advanced yang membangun manual di luar wizard, referensi instruksi SDK Bridge:

============================================================
TAMBAHAN INSTRUKSI: KONEKSI KE DATA BRIDGE (OPSIONAL)
============================================================

KAPAN PAKAI BAGIAN INI:
Project Anda butuh BERBAGI DATA dengan project lain di portal
(misal: dashboard CEO menarik data dari project HR & Finance).
Kalau project Anda berdiri sendiri (tidak share data ke project
lain), ABAIKAN bagian ini — jangan paste ke chat Claude.

CATATAN: Schema field, ID pattern, & status enum WAJIB tetap
ikuti aturan di Section 5 STRUKTUR DATA RECORD pada prompt utama
di atas. Bagian ini HANYA tambahan cara konek ke Bridge.

------------------------------------------------------------
DETAIL BRIDGE (isi sesuai info dari IT Admin Anda):

NAMA BRIDGE        : [contoh: outlet-jakarta-pipeline]
ROLE PROJECT INI   : [pilih satu: Read-Only / Read & Write]
TIPE RECORD UTAMA  : [contoh: task, ticket, approval, milestone]

------------------------------------------------------------
1. CARA CONNECT KE BRIDGE (tulis di file JavaScript project):

   // Inisialisasi koneksi (ganti NAMA_BRIDGE sesuai isi di atas)
   const bridge = window.CoworkBridge('NAMA_BRIDGE');

   // Ambil SEMUA data dari bridge
   const semuaData = await bridge.list();

   // Ambil data dengan filter (contoh: hanya marketing)
   const filtered = await bridge.list({
     filter: { department: 'marketing' }
   });

   // Ambil 1 data berdasarkan ID
   const satuRecord = await bridge.get('TASK-MKT-001');

   // Tambah data baru (HANYA kalau role Read & Write)
   await bridge.create({
     id: 'TASK-MKT-002',
     name: 'Buat konten Instagram Hari Kemerdekaan',
     department: 'marketing',
     status: 'pending',
     owner: '[email protected]'
   });

   // Update data (HANYA kalau role Read & Write)
   await bridge.update('TASK-MKT-001', { status: 'done' });

   // Auto-refresh tiap 30 detik (data berubah → UI re-render)
   bridge.onChange((records) => {
     renderTable(records);
   });

------------------------------------------------------------
2. UI YANG WAJIB ADA:

   - LOADING state : tampilkan skeleton/spinner saat fetch pertama
                     (jangan tampilkan halaman kosong)
   - EMPTY state   : kalau bridge belum punya data, tampilkan pesan
                     ramah seperti "Belum ada data. Tambah record
                     pertama Anda untuk memulai."
   - ERROR state   : kalau bridge tidak available, tampilkan banner
                     kuning "Bridge tidak terhubung. Coba refresh."
                     Jangan crash atau halaman blank.
   - SYNC indikator: tampilkan teks kecil di pojok layar seperti
                     "Sync terakhir: 12 detik lalu"

------------------------------------------------------------
3. SECURITY (penting, jangan dilewat):

   - Kalau ROLE = Read-Only:
     JANGAN tampilkan tombol "Tambah", "Edit", atau "Hapus".
     Sembunyikan atau disable tombol-tombol tersebut.
   - JANGAN tampilkan field yang nama-nya diawali "internal_"
     atau "private_". Field tersebut khusus untuk sistem.
   - Field standar (id, name, department, status, owner,
     progress) AMAN ditampilkan ke semua user.

------------------------------------------------------------
4. AUTO-FILL (jangan hard-code, ambil dari sistem):

   - owner       : window.CoworkUser.email
                   (email user yang sedang login)
   - department  : window.CoworkProject.department
                   (department project ini)
   - created_at  : sistem isi otomatis saat create
   - updated_at  : sistem isi otomatis saat update

------------------------------------------------------------
CATATAN:
- Bridge BUKAN realtime — data refresh tiap 30 detik (polling).
  Untuk chat atau notifikasi instan, JANGAN pakai Bridge.
- Sebelum project di-upload, pastikan Bridge sudah dibuat oleh
  IT Admin di menu Data Bridge portal. Tanya admin IT kalau
  Anda tidak yakin nama bridge apa yang dipakai.

Catatan: Lewat wizard ZIP, bridge dibuat otomatis. Di luar itu, IT dapat membuat/menghubungkan bridge manual di menu Data Bridge (Admin Portal).

FAQ Data Bridge

Saya creator, bisakah saya buat bridge sendiri tanpa minta IT?

Bisa, untuk bridge yang melibatkan project di department Anda sendiri. Bridge lintas department butuh approval IT Admin (otomatis ada notifikasi).

Bagaimana kalau saya butuh field yang tidak ada di Schema Standards?

Boleh tambah field custom dengan prefix custom_. Contoh: custom_vendor_score. Field custom tidak otomatis kompatibel dengan project lain — gunakan hanya untuk satu bridge.

Apakah Data Bridge real-time?

Polling tiap 30 detik (bisa konfigurasi 5–300 detik). Untuk real-time penuh (chat), gunakan tool lain.

Project saya error "Bridge not found" — kenapa?

Tiga kemungkinan: nama bridge salah ketik di SDK, project belum dihubungkan ke bridge di portal, atau bridge sudah di-archive admin.

Bagaimana backup data bridge?

Semua data bridge tersimpan di /projects/_data/. IT Admin punya tombol Download Backup di Admin Portal yang generate file .tar.gz.