-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathCLARA_DEMO_GUIDE.html
More file actions
2609 lines (2250 loc) · 174 KB
/
Copy pathCLARA_DEMO_GUIDE.html
File metadata and controls
2609 lines (2250 loc) · 174 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>CLARA Demo Guide - Panduan Demonstrasi Produk</title>
<style>
@page {
size: A4;
margin: 22mm 18mm 22mm;
@bottom-center { content: counter(page); font-family: 'Segoe UI',Arial,sans-serif; font-size: 8pt; color: #666; }
}
@page cover { margin: 0; @bottom-center { content: none; } }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI',Arial,sans-serif; font-size: 10.5pt; line-height: 1.55; color: #1a2332; background: #fff; }
.cover-page { page: cover; page-break-after: always; width: 210mm; height: 297mm; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(135deg, #0a1e3a 0%, #143c54 45%, #1a5c5a 100%); color: #fff; padding: 30mm 20mm 20mm; }
.cover-page .kicker { font-size: 9pt; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #7dd4c0; margin-bottom: 8mm; }
.cover-page h1 { font-size: 30pt; line-height: 1.08; font-weight: 800; margin-bottom: 6mm; }
.cover-page .subtitle { font-size: 13pt; color: #c8e2ec; max-width: 150mm; margin-bottom: 15mm; line-height: 1.5; }
.cover-page .meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5mm; margin-bottom: 12mm; }
.cover-page .meta-item { padding: 4mm 5mm; border: 1px solid rgba(255,255,255,0.15); border-radius: 6px; background: rgba(255,255,255,0.06); }
.cover-page .meta-item .lbl { font-size: 7.5pt; text-transform: uppercase; letter-spacing: 1px; color: #7dd4c0; }
.cover-page .meta-item .val { font-size: 11pt; font-weight: 600; margin-top: 1mm; }
.cover-page .bottom-row { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 6mm; font-size: 9pt; color: #b8d9e6; }
.chapter { page-break-before: always; padding: 15mm 18mm; }
.chapter h2 { font-size: 20pt; color: #0a1e3a; border-bottom: 3px solid #0a1e3a; padding-bottom: 3mm; margin-bottom: 6mm; }
.chapter h3 { font-size: 14pt; color: #143c54; margin: 6mm 0 3mm; }
.chapter h4 { font-size: 12pt; color: #1a5c5a; margin: 4mm 0 2mm; }
.chapter p { margin-bottom: 2.5mm; text-align: justify; }
.chapter ul, .chapter ol { margin: 2mm 0 3mm 5mm; }
.chapter li { margin-bottom: 1.2mm; }
table { width: 100%; border-collapse: collapse; margin: 3mm 0 4mm; font-size: 9.5pt; page-break-inside: avoid; }
th, td { border: 1px solid #c8d6de; padding: 2.5mm 3mm; text-align: left; vertical-align: top; }
th { background: #e6eef4; color: #0f2c3a; font-weight: 700; font-size: 9pt; text-transform: uppercase; letter-spacing: 0.5px; }
tr:nth-child(even) td { background: #f7fafc; }
.callout { padding: 3.5mm 5mm; margin: 3mm 0; border-radius: 6px; border-left: 5px solid; page-break-inside: avoid; }
.callout.info { background: #e8f4f8; border-color: #2b7a9e; }
.callout.warn { background: #fef7e0; border-color: #d4a017; }
.callout.tip { background: #e6f5ed; border-color: #1f8b5c; }
.callout.critical { background: #fde8e8; border-color: #c0392b; }
.callout strong { display: block; margin-bottom: 1mm; font-size: 10pt; }
.checklist { list-style: none; margin: 2mm 0 3mm; }
.checklist li { margin-bottom: 1mm; padding-left: 6mm; position: relative; }
.checklist li::before { content: "\2610 "; position: absolute; left: 0; font-size: 12pt; }
.flowchart { background: #f5f8fb; border: 1px solid #d8e5ec; border-radius: 6px; padding: 5mm; margin: 3mm 0; text-align: center; overflow-x: auto; font-family: 'Consolas','Courier New',monospace; font-size: 9pt; line-height: 1.4; white-space: pre; }
.prompt-box { background: #0e1f30; color: #eaf4f9; padding: 4mm 5mm; border-radius: 6px; margin: 3mm 0; font-family: 'Consolas','Courier New',monospace; font-size: 9.5pt; line-height: 1.5; }
.prompt-box .label { color: #7dd4c0; font-size: 7.5pt; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 1.5mm; font-family: 'Segoe UI',Arial,sans-serif; }
.output-box { background: #f3f7fa; border: 1px solid #c8dae6; border-radius: 6px; padding: 4mm 5mm; margin: 3mm 0; font-family: 'Consolas','Courier New',monospace; font-size: 9pt; line-height: 1.4; }
.scenario { border: 1px solid #d0dfe8; border-radius: 8px; padding: 4mm 5mm; margin: 4mm 0; page-break-inside: avoid; }
.scenario h4 { margin-top: 0; color: #0a1e3a; font-size: 12pt; border-left: 4px solid #1a5c5a; padding-left: 3mm; }
.doc-card { border: 1px solid #d0dfe8; border-radius: 6px; padding: 4mm 5mm; margin: 3mm 0; page-break-inside: avoid; }
.doc-card h4 { margin: 0 0 2mm; color: #143c54; }
.doc-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm; font-size: 9pt; margin-bottom: 2mm; }
.doc-meta span { color: #555; }
.doc-meta strong { color: #1a2332; }
.qa-item { margin: 2.5mm 0; padding: 2.5mm 0; border-bottom: 1px solid #e0eaf0; }
.qa-item .q { font-weight: 700; color: #0a1e3a; }
.qa-item .a { color: #2a4050; margin-top: 1mm; padding-left: 3mm; }
code { font-family: 'Consolas','Courier New',monospace; font-size: 9pt; background: #eef4f8; padding: 0.5mm 1.5mm; border-radius: 3px; }
@media print { .chapter { page-break-before: always; } .scenario { page-break-inside: avoid; } .doc-card { page-break-inside: avoid; } }
</style>
</head>
<body>
<!-- COVER -->
<div class="cover-page">
<div>
<div class="kicker">Official Product Demo Guide</div>
<h1>CLARA<br><span style="font-size:16pt;font-weight:400;color:#a0d0e0;">Contract & Legal AI Reasoning Assistant</span></h1>
<p class="subtitle">Panduan Demonstrasi Produk — GRIS Engine: Hybrid Retrieval + AI Reasoning untuk Analisis Hukum Kontrak UMKM</p>
<div class="meta-grid">
<div class="meta-item"><div class="lbl">Studi Kasus</div><div class="val">UMKM Kopi Senja × BaliCepat Logistics</div></div>
<div class="meta-item"><div class="lbl">Versi Dokumen</div><div class="val">1.0 — Juli 2026</div></div>
<div class="meta-item"><div class="lbl">Klasifikasi</div><div class="val">Internal — Demonstrasi Produk</div></div>
<div class="meta-item"><div class="lbl">Penulis</div><div class="val">Tim Dokumentasi CLARA</div></div>
</div>
</div>
<div class="bottom-row">
<span>CLARA — Contract & Legal AI Reasoning Assistant with GRIS Engine</span>
<span>© 2026</span>
</div>
</div>
<!-- KATA PENGANTAR -->
<div class="chapter">
<h2>KATA PENGANTAR</h2>
<p>Puji syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa atas terselesaikannya CLARA Demo Guide: Panduan Demonstrasi Produk ini. Dokumen ini disusun sebagai panduan resmi bagi presenter, sales engineer, solution architect, dan seluruh pihak yang akan melakukan demonstrasi produk CLARA (Contract & Legal AI Reasoning Assistant) kepada calon pengguna, investor, dosen, maupun mitra strategis.</p>
<p>CLARA hadir untuk menjawab tantangan nyata yang dihadapi oleh Usaha Mikro, Kecil, dan Menengah (UMKM) di Indonesia dalam mengelola aspek hukum bisnis mereka. Keterbatasan akses terhadap konsultan hukum, biaya jasa legal yang tinggi, serta kompleksitas regulasi ketenagakerjaan dan kontrak bisnis sering kali menjadi hambatan bagi UMKM untuk berkembang dengan aman dan percaya diri.</p>
<p>CLARA menjembatani kesenjangan ini melalui teknologi hybrid retrieval yang menggabungkan dense retrieval (pemahaman semantik), BM25 retrieval (pencarian kata kunci), dan symbolic retrieval (penelusuran knowledge graph) yang semuanya difusikan melalui Reciprocal Rank Fusion (RRF) untuk menghasilkan jawaban yang akurat, terukur, dan dapat dilacak.</p>
<p>Demo guide ini mengambil studi kasus kerja sama antara UMKM Kopi Senja dan BaliCepat Logistics. Seluruh skenario, dokumen, kontrak, dan prompt yang disajikan bersifat fiktif namun dirancang semirip mungkin dengan kondisi bisnis nyata. Kami berharap panduan ini dapat membantu presenter dalam menyampaikan nilai unik CLARA secara sistematis, meyakinkan, dan profesional.</p>
<p>Kami mengucapkan terima kasih kepada seluruh pihak yang telah berkontribusi dalam penyusunan dokumen ini. Kritik dan saran yang membangun sangat kami harapkan untuk penyempurnaan di masa mendatang.</p>
<p style="margin-top:8mm;">Denpasar, Juli 2026</p>
<p><strong>Tim Dokumentasi CLARA</strong></p>
</div>
<!-- BAB 1 -->
<div class="chapter">
<h2>BAB 1 — PENDAHULUAN</h2>
<h3>1.1 Apa Itu CLARA</h3>
<p>CLARA (Contract & Legal AI Reasoning Assistant) adalah asisten kecerdasan buatan yang dirancang khusus untuk membantu pelaku usaha, khususnya UMKM, dalam menganalisis aspek hukum kontrak bisnis dan dokumen legal. CLARA bukanlah chatbot AI generik. CLARA dibangun di atas GRIS Engine (Grounded Retrieval Information System Engine), sebuah mesin retrievasi hybrid yang menggabungkan tiga metode pencarian berbeda secara paralel: dense retrieval (pencarian semantik berbasis vektor), BM25 retrieval (pencarian kata kunci tradisional), dan symbolic retrieval (penelusuran knowledge graph).</p>
<p>Ketiga hasil retrievasi ini difusikan menggunakan Reciprocal Rank Fusion (RRF) untuk menghasilkan konteks hukum yang paling relevan, yang kemudian diproses oleh model bahasa besar (LLM) Google Gemini untuk menghasilkan jawaban yang akurat, memiliki dasar hukum yang jelas, dan dilengkapi dengan citation trace.</p>
<h3>1.2 Tujuan CLARA</h3>
<p>Tujuan utama CLARA adalah mendemokratisasi akses terhadap analisis hukum kontrak bagi seluruh lapisan pelaku usaha di Indonesia. Secara spesifik, CLARA bertujuan untuk:</p>
<ol>
<li>Membantu UMKM memahami risiko hukum dalam kontrak bisnis tanpa harus menyewa konsultan hukum penuh waktu.</li>
<li>Menyediakan analisis kontrak yang cepat, terstruktur, dan dapat dilacak sumber hukumnya.</li>
<li>Menjembatani kesenjangan pengetahuan hukum antara pelaku usaha kecil dan perusahaan besar.</li>
<li>Menyediakan mekanisme retrievasi yang transparan melalui Retrieval Trace, sehingga pengguna dapat melihat persis darimana suatu jawaban berasal.</li>
<li>Membantu pembuatan dokumen legal dasar seperti surat somasi dan review kontrak kerja (PKWT).</li>
</ol>
<h3>1.3 Mengapa CLARA Dibuat</h3>
<p>CLARA dibuat atas dasar keprihatinan terhadap kondisi hukum bisnis UMKM di Indonesia. Data dari Kementerian Koperasi dan UKM menunjukkan bahwa hanya 8% UMKM di Indonesia yang memiliki akses terhadap pendampingan hukum dalam menjalankan usaha mereka. Artinya, 92% UMKM menjalankan bisnis tanpa perlindungan hukum yang memadai. Akibatnya:</p>
<ul>
<li>Banyak UMKM menandatangani kontrak yang tidak seimbang dengan pihak vendor atau distributor.</li>
<li>UMKM sering mengalami kerugian akibat wanprestasi mitra bisnis tanpa mengetahui langkah hukum yang dapat ditempuh.</li>
<li>Perekrutan karyawan kontrak sering dilakukan tanpa pemahaman yang benar tentang aturan PKWT.</li>
<li>Biaya konsultan hukum yang tinggi menjadi hambatan utama (rata-rata Rp500.000-Rp2.000.000 per jam konsultasi).</li>
</ul>
<p>CLARA hadir sebagai solusi pertama di Indonesia yang menggabungkan hybrid retrieval dengan AI reasoning khusus untuk konteks hukum bisnis UMKM.</p>
<h3>1.4 Masalah yang Diselesaikan</h3>
<table>
<tr><th>Masalah</th><th>Solusi CLARA</th></tr>
<tr><td>UMKM tidak memahami klausul kontrak</td><td>CLARA membaca dan menganalisis kontrak, menyoroti klausul berisiko dengan penjelasan dalam bahasa sederhana.</td></tr>
<tr><td>Tidak tahu langkah hukum saat mitra wanprestasi</td><td>CLARA menjelaskan langkah-langkah hukum termasuk somasi, ganti rugi, dan dasar hukum yang relevan.</td></tr>
<tr><td>Kesulitan membuat surat somasi</td><td>CLARA dapat mengenerate surat somasi yang siap pakai berdasarkan fakta dan kronologi kasus.</td></tr>
<tr><td>Tidak paham aturan PKWT untuk karyawan kontrak</td><td>CLARA memberikan analisis lengkap tentang syarat, batas waktu, dan larangan dalam PKWT.</td></tr>
<tr><td>Khawatir menandatangani kontrak yang merugikan</td><td>CLARA melakukan guardrail check untuk mendeteksi klausul berbahaya seperti denda berlebihan, pemutusan sepihak, dan waiver of rights.</td></tr>
</table>
<h3>1.5 Target Pengguna</h3>
<p>CLARA dirancang untuk berbagai segmen pengguna:</p>
<ul>
<li><strong>Pemilik UMKM</strong> — yang ingin memahami kontrak bisnis tanpa biaya konsultan hukum tinggi.</li>
<li><strong>Pengusaha perorangan</strong> — yang sering menandatangani perjanjian dengan vendor, supplier, atau distributor.</li>
<li><strong>HRD perusahaan kecil</strong> — yang perlu memahami aturan PKWT dan kontrak kerja.</li>
<li><strong>Mahasiswa dan akademisi</strong> — untuk mempelajari analisis hukum kontrak berbasis AI.</li>
<li><strong>Konsultan hukum</strong> — sebagai alat bantu untuk mempercepat review dokumen.</li>
<li><strong>Dosen dan peneliti</strong> — untuk demonstrasi teknologi hybrid retrieval dalam konteks legal.</li>
</ul>
<h3>1.6 Keunggulan CLARA</h3>
<table>
<tr><th>Keunggulan</th><th>Penjelasan</th></tr>
<tr><td>Hybrid Retrieval</td><td>Menggabungkan dense, BM25, dan symbolic retrieval secara paralel untuk hasil yang lebih akurat.</td></tr>
<tr><td>Retrieval Trace</td><td>Pengguna dapat melihat secara transparan sumber hukum yang digunakan dalam setiap jawaban.</td></tr>
<tr><td>Legal Knowledge Base</td><td>Didukung oleh database hukum Indonesia: KUHPerdata, UU Ketenagakerjaan, UU Perlindungan Konsumen, dan lainnya.</td></tr>
<tr><td>GRIS Engine</td><td>Mesin retrievasi yang menggunakan knowledge graph Neo4j untuk menangkap relasi antar konsep hukum.</td></tr>
<tr><td>Self-Consistency Loop</td><td>Setiap jawaban diverifikasi melalui multiple reasoning paths untuk meningkatkan akurasi.</td></tr>
<tr><td>Guardrail System</td><td>Deteksi otomatis terhadap klausul berbahaya dalam kontrak.</td></tr>
<tr><td>Surat Somasi Generator</td><td>Pembuatan surat somasi otomatis berdasarkan analisis kasus.</td></tr>
<tr><td>Bahasa Indonesia</td><td>Dirancang khusus untuk konteks hukum Indonesia.</td></tr>
</table>
</div>
<!-- BAB 2 -->
<div class="chapter">
<h2>BAB 2 — PENJELASAN SISTEM</h2>
<h3>2.1 GRIS Engine</h3>
<p>GRIS Engine (Grounded Retrieval Information System Engine) adalah inti dari sistem CLARA. GRIS Engine bertanggung jawab untuk melakukan retrievasi informasi dari knowledge base hukum Indonesia dan dokumen kontrak pengguna, kemudian menggabungkan hasil retrievasi tersebut untuk diberikan ke LLM sebagai konteks dalam menghasilkan jawaban.</p>
<p>GRIS Engine mengimplementasikan arsitektur multi-stage retrieval:</p>
<ol>
<li>Query Processing — pertanyaan pengguna diproses dan diklasifikasikan oleh Intent Router untuk menentukan jenis pertanyaan.</li>
<li>Parallel Retrieval — tiga metode retrieval dijalankan secara paralel: dense, BM25, dan symbolic.</li>
<li>Score Normalization — setiap hasil retrieval dinormalisasi menggunakan skor antara 0 dan 1.</li>
<li>Fusion — Reciprocal Rank Fusion menggabungkan semua hasil menjadi satu ranking terpadu.</li>
<li>Context Assembly — hasil retrieval terbaik dirangkai menjadi konteks yang akan dikirim ke LLM.</li>
<li>Reasoning — LLM menghasilkan jawaban berdasarkan konteks, dengan self-consistency check.</li>
<li>Trace Generation — seluruh proses dicatat dalam Retrieval Trace untuk transparansi penuh.</li>
</ol>
<div class="flowchart">
╔══════════════════════════════════════════════════════════════╗
║ GRIS ENGINE ARCHITECTURE ║
╠══════════════════════════════════════════════════════════════╣
║ ║
║ PERTANYAAN PENGGUNA ║
║ │ ║
║ ▼ ║
║ INTENT ROUTER ║
║ │ ║
║ ├─────┬─────────────────┬─────────────────┐ ║
║ ▼ ▼ ▼ ▼ ║
║ DENSE BM25 SYMBOLIC CONTRACT ║
║ RETRIEVAL RETRIEVAL RETRIEVAL RETRIEVAL ║
║ (Vector) (Keyword) (Graph) (Document) ║
║ │ │ │ │ ║
║ └─────┴─────────────────┴─────────────────┘ ║
║ │ ║
║ ▼ ║
║ RECIPROCAL RANK FUSION ║
║ │ ║
║ ▼ ║
║ SELF-CONSISTENCY REASONING ║
║ │ ║
║ ▼ ║
║ JAWABAN + CITATION + TRACE ║
║ ║
╚══════════════════════════════════════════════════════════════╝
</div>
<h3>2.2 Dense Retrieval</h3>
<p>Dense Retrieval adalah metode pencarian berbasis vektor (vector search) yang menangkap kemiripan makna antara pertanyaan pengguna dengan konten dalam knowledge base. Tidak seperti pencarian kata kunci tradisional, dense retrieval dapat menemukan informasi yang relevan meskipun pengguna menggunakan istilah yang berbeda dari istilah dalam dokumen.</p>
<p>Proses dense retrieval di CLARA:</p>
<ul>
<li>Pertanyaan pengguna di-embedding menggunakan model Xenova/multilingual-e5-base menjadi vektor 768 dimensi.</li>
<li>Vektor pertanyaan digunakan untuk mencari node Article dalam Neo4j yang memiliki vektor embedding paling mirip (cosine similarity).</li>
<li>Index vektor (article_embedding_idx) memungkinkan pencarian ANN (Approximate Nearest Neighbor) yang cepat.</li>
<li>Hasil: pasal-pasal dan dokumen yang secara semantik relevan dengan pertanyaan.</li>
</ul>
<div class="callout info">
<strong>Contoh Penggunaan Dense Retrieval:</strong>
Pertanyaan: "Kalau vendor tidak menjalankan kewajibannya, apa risikonya?"
Dense retrieval akan menemukan pasal tentang wanprestasi meskipun kata "wanprestasi" tidak disebut dalam pertanyaan, karena makna "tidak menjalankan kewajiban" secara semantik mirip dengan konsep wanprestasi.
</div>
<h3>2.3 BM25 Retrieval</h3>
<p>BM25 (Best Matching 25) adalah algoritma pencarian kata kunci tradisional yang telah diadaptasi untuk konteks hukum Indonesia. BM25 unggul dalam menemukan dokumen yang mengandung istilah hukum spesifik yang disebut secara eksplisit oleh pengguna.</p>
<p>Proses BM25 retrieval di CLARA:</p>
<ul>
<li>Pertanyaan di-tokenisasi dan di-stem untuk bahasa Indonesia.</li>
<li>Full-text index Neo4j (article_text_idx) digunakan untuk mencari kecocokan.</li>
<li>BM25 menghitung skor relevansi berdasarkan frekuensi kemunculan kata kunci.</li>
<li>Hasil: pasal-pasal yang mengandung istilah hukum yang disebut dalam pertanyaan.</li>
</ul>
<div class="callout info">
<strong>Contoh Penggunaan BM25 Retrieval:</strong>
Pertanyaan: "Jelaskan Pasal 1243 KUHPerdata tentang ganti rugi."
BM25 akan mencari node yang mengandung kata "Pasal 1243", "KUHPerdata", dan "ganti rugi" secara eksplisit.
</div>
<h3>2.4 Symbolic Retrieval</h3>
<p>Symbolic Retrieval adalah metode penelusuran knowledge graph yang memanfaatkan relasi antar konsep hukum dalam basis data Neo4j. Berbeda dengan dense retrieval (berbasis makna) dan BM25 (berbasis kata kunci), symbolic retrieval menggunakan relasi terstruktur antar entitas hukum untuk menemukan informasi.</p>
<p>Proses symbolic retrieval di CLARA:</p>
<ul>
<li>Intent Router mengidentifikasi konsep hukum yang relevan dari pertanyaan pengguna (misalnya: "wanprestasi", "somasi", "PKWT").</li>
<li>Node LegalConcept yang sesuai ditemukan dalam knowledge graph.</li>
<li>Relasi seperti REQUIRES, HAS_CONDITION, RELATED_TO, dan CITES ditelusuri untuk menemukan informasi terkait.</li>
<li>Traversal dapat dilakukan hingga kedalaman 1-2 hop untuk menemukan informasi yang relevan.</li>
</ul>
<div class="flowchart">
KNOWLEDGE GRAPH — SYMBOLIC TRAVERSAL EXAMPLE
[Wanprestasi]
│
├── REQUIRES ────► [Somasi]
│ │
│ ├── REGULATED_BY ──► [Pasal 1238 KUHPerdata]
│ └── REGULATED_BY ──► [Pasal 1243 KUHPerdata]
│
├── HAS_ELEMENT ──► [Kerugian]
│ │
│ └── REGULATED_BY ──► [Pasal 1246 KUHPerdata]
│
└── RELATED_TO ──► [Cidera Janji]
│
└── SYNONYM ──► [Ingkar Janji]
</div>
<h3>2.5 Knowledge Graph</h3>
<p>Knowledge graph CLARA dibangun di atas Neo4j, sebuah graph database yang menyimpan data sebagai node dan relasi. Struktur knowledge graph CLARA terdiri dari:</p>
<table>
<tr><th>Node Label</th><th>Deskripsi</th><th>Contoh</th></tr>
<tr><td>Law</td><td>Undang-undang atau peraturan</td><td>KUHPerdata, UU No. 13/2003</td></tr>
<tr><td>Article</td><td>Pasal dalam undang-undang (dengan embedding)</td><td>Pasal 1243, Pasal 1320</td></tr>
<tr><td>LegalConcept</td><td>Konsep hukum abstrak</td><td>Wanprestasi, Somasi, PKWT</td></tr>
<tr><td>ClauseTemplate</td><td>Template klausul kontrak</td><td>Klausul Denda, Klausul Force Majeure</td></tr>
<tr><td>Document</td><td>Dokumen kontrak yang diupload pengguna</td><td>Perjanjian Kerja Sama.pdf</td></tr>
<tr><td>ContractClause</td><td>Klausul hasil ekstraksi dokumen</td><td>Pasal 5: Pengiriman</td></tr>
</table>
<p>Relasi yang ada dalam knowledge graph:</p>
<ul>
<li><strong>PART_OF</strong> — Article/LegalConcept bagian dari suatu Law.</li>
<li><strong>REQUIRES</strong> — Suatu konsep hukum membutuhkan konsep lain (Wanprestasi → Somasi).</li>
<li><strong>HAS_CONDITION</strong> — Suatu konsep memiliki syarat tertentu (PKWT → Batas Durasi).</li>
<li><strong>RELATED_TO</strong> — Hubungan antar konsep atau pasal yang saling terkait.</li>
<li><strong>CITES</strong> — Suatu pasal merujuk ke pasal lain.</li>
<li><strong>AMENDED_BY</strong> — Suatu pasal diubah oleh peraturan lain.</li>
<li><strong>REGULATED_BY</strong> — Konsep diatur oleh pasal tertentu.</li>
</ul>
<h3>2.6 Fusion dan Reciprocal Rank Fusion</h3>
<p>Reciprocal Rank Fusion (RRF) adalah algoritma penggabungan ranking yang digunakan untuk mengkombinasikan hasil dari beberapa metode retrieval. RRF bekerja dengan prinsip: dokumen yang muncul di peringkat atas pada lebih dari satu metode retrieval akan mendapatkan skor gabungan yang lebih tinggi.</p>
<p>Rumus RRF: RRF(d) = Σ 1 / (k + r(d))</p>
<p>di mana r(d) adalah peringkat dokumen d dalam suatu metode retrieval, dan k adalah konstanta (di CLARA menggunakan k=60).</p>
<table>
<tr><th>Metode Retrieval</th><th>Bobot</th><th>Kelebihan</th></tr>
<tr><td>Dense Retrieval</td><td>0.5</td><td>Menangkap kemiripan semantik, toleran terhadap perbedaan istilah</td></tr>
<tr><td>BM25 Retrieval</td><td>0.3</td><td>Akurat untuk kata kunci spesifik, cocok untuk pencarian pasal</td></tr>
<tr><td>Symbolic Retrieval</td><td>0.2</td><td>Menangkap relasi hukum terstruktur, memberikan konteks hubungan</td></tr>
</table>
<p>Keunggulan RRF di CLARA:</p>
<ul>
<li>Tidak memerlukan training data untuk menentukan bobot optimal.</li>
<li>Robust terhadap metode retrieval yang memiliki performa berbeda-beda.</li>
<li>Memberikan hasil yang lebih stabil dibandingkan menggunakan satu metode saja.</li>
</ul>
<h3>2.7 Embedding</h3>
<p>Embedding adalah proses mengkonversi teks menjadi vektor numerik yang merepresentasikan makna semantik dari teks tersebut. CLARA menggunakan model <strong>Xenova/multilingual-e5-base</strong> yang dijalankan secara lokal melalui Transformers.js dengan runtime ONNX.</p>
<p>Spesifikasi embedding CLARA:</p>
<ul>
<li><strong>Model:</strong> Xenova/multilingual-e5-base</li>
<li><strong>Dimensi vektor:</strong> 768</li>
<li><strong>Bahasa:</strong> Multilingual (termasuk Bahasa Indonesia)</li>
<li><strong>Jalankan:</strong> Sepenuhnya offline (lokal)</li>
<li><strong>Format:</strong> E5 query/passage prefixing</li>
</ul>
<div class="callout tip">
<strong>Mengapa embedding lokal penting?</strong>
Embedding lokal memastikan CLARA dapat berjalan tanpa ketergantungan pada API eksternal untuk proses retrievasi. Hanya proses reasoning (generasi jawaban) yang membutuhkan Gemini API. Ini mengurangi biaya operasional dan meningkatkan privasi data pengguna.
</div>
<h3>2.8 Semantic Search dan Keyword Search</h3>
<p>CLARA menggabungkan dua paradigma pencarian yang saling melengkapi:</p>
<table>
<tr><th>Aspek</th><th>Semantic Search (Dense)</th><th>Keyword Search (BM25)</th></tr>
<tr><td>Prinsip</td><td>Kemiripan makna vektor</td><td>Pencocokan kata kunci eksplisit</td></tr>
<tr><td>Kelebihan</td><td>Menangkap sinonim dan parafrase</td><td>Tepat untuk istilah spesifik</td></tr>
<tr><td>Kelemahan</td><td>Kurang akurat untuk istilah teknis</td><td>Tidak menangkap sinonim</td></tr>
<tr><td>Contoh cocok untuk</td><td>"Vendor telat terus, gimana dong?"</td><td>"Pasal 1243 KUHPerdata"</td></tr>
<tr><td>Skor matching</td><td>Cosine similarity 0.0-1.0</td><td>TF-IDF based 0.0-1.0</td></tr>
</table>
<h3>2.9 Legal Knowledge Base</h3>
<p>CLARA dilengkapi dengan knowledge base hukum Indonesia yang terdiri dari dokumen-dokumen legal berikut:</p>
<table>
<tr><th>Dokumen</th><th>Konten</th><th>Topik</th></tr>
<tr><td>KUHPerdata Buku III</td><td>Pasal 1233-1864</td><td>Perikatan, kontrak, wanprestasi</td></tr>
<tr><td>UU No. 13 Tahun 2003</td><td>Ketenagakerjaan</td><td>PKWT, PKWTT, upah, pesangon</td></tr>
<tr><td>PP No. 35 Tahun 2021</td><td>PKWT, Alih Daya, Waktu Kerja</td><td>Perjanjian kerja waktu tertentu</td></tr>
<tr><td>UU No. 8 Tahun 1999</td><td>Perlindungan Konsumen</td><td>Hak konsumen, tanggung jawab pelaku usaha</td></tr>
<tr><td>UU No. 19 Tahun 2016</td><td>ITE (Informasi Transaksi Elektronik)</td><td>Kontrak elektronik, dokumen digital</td></tr>
<tr><td>UU No. 6 Tahun 2023</td><td>Cipta Kerja</td><td>Perubahan ketenagakerjaan, kemudahan berusaha</td></tr>
</table>
<p>Knowledge base ini telah di-segmentasi menjadi pasal-pasal (clause-level), di-embedding, dan disimpan dalam Neo4j dengan index vektor dan full-text search.</p>
<h3>2.10 Retrieval Trace</h3>
<p>Retrieval Trace adalah fitur unggulan CLARA yang menyediakan transparansi penuh terhadap proses retrievasi. Setiap jawaban yang dihasilkan CLARA dilengkapi dengan trace yang menunjukkan:</p>
<ul>
<li><strong>Dense Leg:</strong> Hasil dense retrieval dengan skor cosine similarity.</li>
<li><strong>BM25 Leg:</strong> Hasil BM25 retrieval dengan skor keyword matching.</li>
<li><strong>Symbolic Leg:</strong> Hasil symbolic retrieval dengan jalur graph traversal.</li>
<li><strong>Fusion Scores:</strong> Skor akhir setelah RRF, menunjukkan peringkat gabungan.</li>
<li><strong>Source Citations:</strong> Pasal dan dokumen yang digunakan sebagai sumber jawaban.</li>
<li><strong>Confidence Score:</strong> Skor kepercayaan yang dihitung dari self-consistency loop.</li>
<li><strong>Groundedness:</strong> Verifikasi bahwa setiap klaim dalam jawaban didukung oleh sumber.</li>
</ul>
<div class="callout tip">
<strong>Nilai Utama Retrieval Trace:</strong>
Retrieval Trace membedakan CLARA dari chatbot AI biasa. Pengguna tidak perlu percaya begitu saja pada jawaban CLARA. Mereka dapat memverifikasi sendiri sumber hukum yang digunakan, memeriksa relevansi setiap sumber, dan memahami bagaimana CLARA sampai pada kesimpulan tertentu.
</div>
</div>
<!-- BAB 3 -->
<div class="chapter">
<h2>BAB 3 — STUDI KASUS</h2>
<h3>3.1 Profil UMKM Kopi Senja</h3>
<table>
<tr><td style="width:35%"><strong>Nama Usaha</strong></td><td>Kopi Senja</td></tr>
<tr><td><strong>Pendiri dan Pemilik</strong></td><td>I Wayan Arta Wiguna</td></tr>
<tr><td><strong>Bidang Usaha</strong></td><td>Produksi dan penjualan kopi bubuk, kopi botolan siap minum, biji kopi specialty, dan layanan booth event</td></tr>
<tr><td><strong>Alamat</strong></td><td>Jalan Gatot Subroto No. 12X, Denpasar, Bali 80119</td></tr>
<tr><td><strong>NPWP</strong></td><td>12.345.678.9-901.000</td></tr>
<tr><td><strong>NIB</strong></td><td>1603230056789</td></tr>
<tr><td><strong>Tahun Berdiri</strong></td><td>2021</td></tr>
<tr><td><strong>Karyawan</strong></td><td>5 orang tetap + 3-10 pegawai event (tidak tetap)</td></tr>
<tr><td><strong>Omzet Tahunan</strong></td><td>Rp 480.000.000 (tahun 2025)</td></tr>
</table>
<p>Kopi Senja memulai usaha sebagai kedai kopi kecil di Denpasar pada tahun 2021. Berawal dari hobi meracik kopi, I Wayan Arta Wiguna mulai memproduksi kopi bubuk dan menjualnya ke teman-teman sesama penggemar kopi. Permintaan terus meningkat, dan pada tahun 2023, Kopi Senja mulai memproduksi kopi botolan siap minum dengan merek "Senja Sips" yang dijual melalui platform e-commerce dan reseller di wilayah Bali.</p>
<p>Pada tahun 2025, Kopi Senja telah memiliki 5 reseller aktif di Bali, Nusa Tenggara Barat, dan Jawa Timur. Permintaan terus meningkat, namun Wayan menghadapi tantangan besar: distribusi produk ke reseller yang semakin jauh dan banyak. Wayan menyadari bahwa ia membutuhkan mitra logistik profesional untuk menangani pengiriman produk secara rutin dan terjadwal.</p>
<h3>3.2 Profil BaliCepat Logistics</h3>
<table>
<tr><td style="width:35%"><strong>Nama Perusahaan</strong></td><td>PT BaliCepat Logistics Nusantara</td></tr>
<tr><td><strong>Direktur Utama</strong></td><td>Putu Adi Suputra, S.T.</td></tr>
<tr><td><strong>Bidang Usaha</strong></td><td>Jasa logistik, pergudangan, dan distribusi barang antar pulau</td></tr>
<tr><td><strong>Alamat</strong></td><td>Jalan Bypass Ngurah Rai No. 45X, Tuban, Kuta, Badung, Bali 80361</td></tr>
<tr><td><strong>NPWP</strong></td><td>98.765.432.1-102.000</td></tr>
<tr><td><strong>NIB</strong></td><td>1904230098765</td></tr>
<tr><td><strong>Tahun Berdiri</strong></td><td>2019</td></tr>
<tr><td><strong>Armada</strong></td><td>12 truk ringan, 5 truk sedang, 3 mobil box pendingin</td></tr>
<tr><td><strong>Jangkauan</strong></td><td>Bali, NTB, NTT, Jawa Timur, Jawa Tengah</td></tr>
</table>
<p>BaliCepat Logistics adalah perusahaan logistik yang berdiri sejak 2019 dan telah melayani lebih dari 200 klien di wilayah Bali dan Indonesia Timur. Perusahaan ini mengkhususkan diri pada distribusi produk makanan dan minuman, termasuk produk yang memerlukan penanganan khusus seperti produk mudah rusak (perishable goods). BaliCepat memiliki sertifikasi ISO 9001:2015 untuk manajemen mutu dan telah berpengalaman menangani distribusi untuk beberapa merek UMKM terkemuka di Bali.</p>
<h3>3.3 Timeline Kasus</h3>
<table>
<tr><th>Tanggal</th><th>Kejadian</th></tr>
<tr><td>2 Januari 2026</td><td>Kopi Senja dan BaliCepat bertemu pertama kali di acara UMKM Expo Bali.</td></tr>
<tr><td>15 Januari 2026</td><td>BaliCepat mengirimkan draft Perjanjian Kerja Sama Distribusi kepada Kopi Senja melalui email.</td></tr>
<tr><td>20 Januari 2026</td><td>Wayan membaca draft kontrak dan merasa khawatir dengan beberapa klausul. Ia mencari informasi hukum online tetapi bingung.</td></tr>
<tr><td>22 Januari 2026</td><td>Wayan menemukan CLARA melalui rekomendasi teman sesama UMKM. Ia mendaftar dan login.</td></tr>
<tr><td>23 Januari 2026</td><td>Wayan membuat project di CLARA: "Review Kerja Sama Kopi Senja x BaliCepat".</td></tr>
<tr><td>23 Januari 2026</td><td>Wayan mengupload draft kontrak ke CLARA dan memulai analisis.</td></tr>
<tr><td>25 Januari 2026</td><td>CLARA menyelesaikan analisis kontrak dan memberikan review lengkap dengan guardrail check.</td></tr>
<tr><td>27 Januari 2026</td><td>Wayan mengirimkan revisi kontrak ke BaliCepat berdasarkan rekomendasi CLARA.</td></tr>
<tr><td>1 Februari 2026</td><td>Kontrak ditandatangani setelah negosiasi beberapa poin.</td></tr>
<tr><td>15 Februari 2026</td><td>Purchase Order pertama dikirim Kopi Senja ke BaliCepat.</td></tr>
<tr><td>20 Februari 2026</td><td>Pengiriman pertama dilakukan. Produk tiba dengan selamat.</td></tr>
<tr><td>5 Maret 2026</td><td>Pengiriman kedua terlambat 4 hari dari jadwal. Reseller mulai komplain.</td></tr>
<tr><td>20 Maret 2026</td><td>Pengiriman ketiga terlambat 7 hari. Sebagian produk botolan rusak karena penanganan kurang baik.</td></tr>
<tr><td>25 Maret 2026</td><td>Kopi Senja mengirim email komplain ke BaliCepat. Tidak ada respons selama 3 hari.</td></tr>
<tr><td>28 Maret 2026</td><td>Kopi Senja menghubungi via WhatsApp. BaliCepat merespons tetapi tidak memberikan solusi jelas.</td></tr>
<tr><td>1 April 2026</td><td>Kopi Senja mengirim surat komplain resmi.</td></tr>
<tr><td>5 April 2026</td><td>Kopi Senja menggunakan CLARA untuk menganalisis wanprestasi dan membuat surat somasi.</td></tr>
<tr><td>10 April 2026</td><td>CLARA menggenerate surat somasi. Kopi Senja mengirimkannya ke BaliCepat.</td></tr>
<tr><td>15 April 2026</td><td>BaliCepat merespons somasi dan meminta negosiasi penyelesaian.</td></tr>
<tr><td>20 April 2026</td><td>Kopi Senja menggunakan CLARA untuk mereview draft PKWT untuk pegawai event.</td></tr>
</table>
<h3>3.4 Latar Belakang Masalah</h3>
<p>Kopi Senja tidak memiliki staf legal atau in-house counsel. Wayan, sebagai pemilik, mengelola seluruh aspek bisnis sendiri dari produksi, pemasaran, keuangan, hingga legal. Ketika menerima draft kontrak dari BaliCepat yang terdiri dari 12 halaman dengan 15 pasal, Wayan merasa kewalahan dan khawatir membuat kesalahan yang dapat merugikan usaha kecilnya di masa depan.</p>
<p>Kekhawatiran utama Wayan meliputi:</p>
<ol>
<li>Klausul keterlambatan pengiriman — vendor bisa terlambat tanpa mekanisme peringatan yang jelas.</li>
<li>Klausul denda keterlambatan pembayaran yang memberatkan.</li>
<li>Klausul pemutusan kerja sama sepihak oleh vendor.</li>
<li>Tidak ada mekanisme ganti rugi yang jelas jika produk rusak dalam pengiriman.</li>
<li>Kebutuhan untuk merekrut pegawai event untuk acara mendatang tanpa pengetahuan tentang PKWT.</li>
</ol>
<h3>3.5 Nilai Kontrak dan Jenis Barang</h3>
<table>
<tr><th>Item</th><th>Detail</th></tr>
<tr><td><strong>Nilai Kontrak</strong></td><td>Rp 180.000.000 per tahun (estimasi)</td></tr>
<tr><td><strong>Biaya Logistik per Bulan</strong></td><td>Rp 12.000.000 - Rp 18.000.000</td></tr>
<tr><td><strong>Jenis Barang</strong></td><td>Kopi bubuk kemasan 250gr, kopi botolan siap minum 330ml, biji kopi specialty 1kg</td></tr>
<tr><td><strong>Karakteristik Barang</strong></td><td>Mudah rusak (perishable), sensitif terhadap suhu dan benturan</td></tr>
<tr><td><strong>Jumlah Pengiriman</strong></td><td>4-6 kali per bulan ke berbagai reseller</td></tr>
<tr><td><strong>Rute Pengiriman</strong></td><td>Denpasar → Mataram, Denpasar → Surabaya, Denpasar → Lombok, Denpasar → Singaraja</td></tr>
<tr><td><strong>Jangka Waktu Kontrak</strong></td><td>12 bulan (1 Februari 2026 - 31 Januari 2027)</td></tr>
</table>
<h3>3.6 Risiko Hukum</h3>
<p>Berdasarkan analisis awal, terdapat beberapa risiko hukum yang teridentifikasi dalam kasus ini:</p>
<table>
<tr><th>Risiko</th><th>Pasal Terkait</th><th>Dampak pada UMKM</th></tr>
<tr><td>Keterlambatan pengiriman tanpa sanksi jelas</td><td>Pasal 1243 KUHPerdata</td><td>UMKM menanggung kerugian akibat keterlambatan tanpa kompensasi</td></tr>
<tr><td>Denda keterlambatan pembayaran 5% per bulan</td><td>UU No. 8/1999 Pasal 18</td><td>Denda tidak proporsional, berpotensi batal demi hukum</td></tr>
<tr><td>Pemutusan sepihak tanpa pemberitahuan</td><td>Pasal 1266 KUHPerdata</td><td>UMKM bisa kehilangan mitra distribusi secara mendadak</td></tr>
<tr><td>Force majeure tidak didefinisikan secara spesifik</td><td>Pasal 1244-1245 KUHPerdata</td><td>Vendor bisa menggunakan alasan force majeure secara longgar</td></tr>
<tr><td>Tidak ada tanggung jawab atas kerusakan barang</td><td>Pasal 1246 KUHPerdata</td><td>UMKM tidak mendapat ganti rugi atas produk rusak</td></tr>
<tr><td>PKWT pegawai event tanpa syarat yang benar</td><td>UU No. 13/2003 Pasal 59</td><td>Kontrak kerja bisa dibatalkan, perusahaan kena sanksi</td></tr>
</table>
<h3>3.7 Target Bisnis</h3>
<p>Dengan menggunakan CLARA, Wayan dan Kopi Senja menargetkan:</p>
<ol>
<li>Memahami seluruh risiko hukum dalam draft kontrak sebelum ditandatangani.</li>
<li>Mendapatkan rekomendasi perbaikan klausul yang merugikan.</li>
<li>Membuat surat somasi yang sah secara hukum saat terjadi wanprestasi.</li>
<li>Memahami aturan PKWT agar kontrak pegawai event sesuai ketentuan.</li>
<li>Mendapatkan kepastian hukum tanpa harus mengeluarkan biaya konsultan hingga Rp 5.000.000 per sesi.</li>
<li>Membangun dokumentasi legal yang rapi untuk keperluan audit dan perpajakan.</li>
</ol>
<div class="callout info">
<strong>Mengapa Studi Kasus Ini Realistis?</strong>
Kasus Kopi Senja dan BaliCepat Logistics merepresentasikan situasi yang sangat umum di Indonesia. Banyak UMKM yang memulai kerja sama dengan vendor lebih besar tanpa pemahaman hukum yang memadai. Ketidakseimbangan daya tawar (bargaining power) sering menyebabkan UMKM menerima klausul kontrak yang merugikan. CLARA hadir sebagai alat yang memberdayakan UMKM untuk membuat keputusan yang lebih informasi dan percaya diri.
</div>
</div>
<!-- BAB 4 -->
<div class="chapter">
<h2>BAB 4 — PERSIAPAN DEMO</h2>
<h3>4.1 Perangkat Keras</h3>
<p>Untuk menjalankan demonstrasi CLARA dengan lancar, diperlukan perangkat keras dengan spesifikasi minimal sebagai berikut:</p>
<table>
<tr><th>Komponen</th><th>Spesifikasi Minimal</th><th>Spesifikasi Rekomendasi</th></tr>
<tr><td>Prosesor</td><td>Intel Core i5 generasi 8+ / AMD Ryzen 5</td><td>Intel Core i7 generasi 11+ / AMD Ryzen 7</td></tr>
<tr><td>RAM</td><td>8 GB</td><td>16 GB</td></tr>
<tr><td>Penyimpanan</td><td>10 GB ruang kosong</td><td>20 GB SSD</td></tr>
<tr><td>Resolusi Layar</td><td>1366 x 768</td><td>1920 x 1080 atau lebih tinggi</td></tr>
<tr><td>Koneksi</td><td>WiFi / LAN</td><td>LAN dengan bandwidth 10+ Mbps</td></tr>
</table>
<div class="callout warn">
<strong>Peringatan untuk Presenter:</strong>
Jika menggunakan laptop dengan RAM 8 GB, pastikan tidak menjalankan aplikasi berat lain (seperti IDE, emulator, atau browser dengan banyak tab) selama demonstrasi. CLARA dengan GRIS Engine membutuhkan memori yang cukup untuk menjalankan model embedding lokal dan reasoning.
</div>
<h3>4.2 Perangkat Lunak</h3>
<p>Demonstrasi CLARA dapat dilakukan melalui dua mode: Cloud Access (rekomendasi) atau Local Deployment.</p>
<h4>Mode Cloud Access (Rekomendasi)</h4>
<table>
<tr><th>Perangkat Lunak</th><th>Fungsi</th><th>Versi Minimal</th></tr>
<tr><td>Google Chrome</td><td>Browser utama untuk akses CLARA</td><td>Chrome 120+</td></tr>
<tr><td>Microsoft Edge</td><td>Browser alternatif</td><td>Edge 120+</td></tr>
<tr><td>Mozilla Firefox</td><td>Browser alternatif</td><td>Firefox 110+</td></tr>
<tr><td>PDF Reader</td><td>Membuka dokumen hasil export</td><td>Adobe Reader / Browser built-in</td></tr>
</table>
<h4>Mode Local Deployment</h4>
<table>
<tr><th>Perangkat Lunak</th><th>Fungsi</th><th>Versi</th></tr>
<tr><td>Node.js</td><td>Runtime backend dan frontend</td><td>18+</td></tr>
<tr><td>Docker Desktop</td><td>Menjalankan Neo4j dan Redis</td><td>4.0+</td></tr>
<tr><td>npm</td><td>Package manager</td><td>9+</td></tr>
<tr><td>Git</td><td>Version control (opsional)</td><td>2.30+</td></tr>
<tr><td>Google Chrome</td><td>Browser frontend</td><td>Chrome 120+</td></tr>
</table>
<h3>4.3 Koneksi Internet</h3>
<p>CLARA membutuhkan koneksi internet untuk dua hal utama:</p>
<ol>
<li><strong>Google Gemini API:</strong> Untuk proses reasoning dan generasi jawaban. Diperlukan koneksi yang stabil dengan latency rendah.</li>
<li><strong>Akses ke server CLARA:</strong> Jika menggunakan mode cloud, browser perlu mengakses server aplikasi.</li>
</ol>
<p>Rekomendasi koneksi:</p>
<ul>
<li>Kecepatan: Minimal 5 Mbps download, 2 Mbps upload.</li>
<li>Latency: Maksimal 100ms ke server Gemini API.</li>
<li>Stabilitas: Koneksi kabel (LAN) lebih diutamakan dibanding WiFi untuk menghindari gangguan sinyal.</li>
<li>Data plan: Demonstrasi 60 menit menghabiskan sekitar 50-100 MB data.</li>
</ul>
<div class="callout critical">
<strong>Peringatan Kritis:</strong>
Pastikan Google AI API Key memiliki kuota yang mencukupi sebelum demonstrasi. Jika kuota habis di tengah demo, fitur reasoning tidak akan berfungsi meskipun retrievasi tetap berjalan. Periksa kuota di https://ai.google.dev/ sebelum memulai.
</div>
<h3>4.4 Login dan Akses</h3>
<p>CLARA mendukung dua mode autentikasi:</p>
<h4>Mode Demo (Auto-login)</h4>
<p>Dalam mode demo, pengguna secara otomatis login sebagai "Demo User" tanpa perlu melalui halaman login. Ini adalah mode ideal untuk demonstrasi karena tidak membuang waktu dengan proses autentikasi.</p>
<h4>Mode Produksi (Google OAuth)</h4>
<p>Dalam mode produksi, pengguna login menggunakan akun Google mereka. Untuk demonstrasi, disarankan menggunakan akun demo khusus yang telah disiapkan sebelumnya.</p>
<p>Langkah login:</p>
<ol>
<li>Buka browser dan akses URL CLARA (http://localhost:5173 untuk local, atau URL cloud yang disediakan).</li>
<li>Pada mode demo, Anda akan langsung diarahkan ke halaman Workspace.</li>
<li>Pada mode produksi, klik tombol "Masuk dengan Google" dan pilih akun yang telah ditentukan.</li>
<li>Tunggu hingga dashboard utama muncul.</li>
</ol>
<h3>4.5 Struktur Folder</h3>
<p>Siapkan folder khusus di desktop atau dokumen dengan struktur sebagai berikut:</p>
<div class="flowchart">
CLARA_DEMO_FILES/
├── 01_KONTRAK/
│ ├── Draft_Perjanjian_Kerja_Sama_Distribusi.pdf
│ ├── Draft_PKWT_Pegawai_Event.pdf
│ └── Perjanjian_Yang_Sudah_Ditandatangani.pdf
├── 02_DOKUMEN_PENDUKUNG/
│ ├── Purchase_Order_001.pdf
│ ├── Invoice_001.pdf
│ ├── Surat_Jalan_001.pdf
│ ├── Bukti_Transfer_Bank.pdf
│ └── NPWP_NIB.pdf
├── 03_BUKTI_KOMUNIKASI/
│ ├── Email_Komplain.pdf
│ ├── Chat_WhatsApp.pdf
│ └── Surat_Komplain_Resmi.pdf
├── 04_PROFIL_PERUSAHAAN/
│ ├── Profil_Kopi_Senja.pdf
│ ├── Profil_BaliCepat.pdf
│ ├── KTP_Direktur.pdf
│ └── Logo_Stempel.pdf
└── 05_HASIL_EXPORT/
└── (folder kosong untuk hasil export CLARA)
</div>
<h3>4.6 Checklist Persiapan</h3>
<p><strong>Checklist Sebelum Demo (H-1):</strong></p>
<ul class="checklist">
<li>Verifikasi koneksi internet stabil.</li>
<li>Periksa kuota Google Gemini API.</li>
<li>Uji akses ke URL CLARA (cloud atau local).</li>
<li>Uji coba login (auto-login atau Google OAuth).</li>
<li>Pastikan Neo4j dan Redis berjalan (jika local).</li>
<li>Pastikan seluruh file dokumen siap di folder demo.</li>
<li>Jalankan seluruh skenario demo dari awal hingga akhir sebagai uji coba.</li>
<li>Ukur waktu eksekusi setiap skenario.</li>
<li>Siapkan slide pembuka dan penutup (jika diperlukan).</li>
<li>Pastikan layar proyektor/monitor eksternal berfungsi.</li>
<li>Charge laptop hingga penuh (100%).</li>
<li>Siapkan power strip/cadangan listrik.</li>
<li>Backup seluruh file ke USB drive atau cloud.</li>
<li>Cetak hardcopy panduan darurat (2-3 halaman ringkasan).</li>
</ul>
<p><strong>Checklist Saat Demo (Hari H):</strong></p>
<ul class="checklist">
<li>Nyalakan laptop dan buka browser yang telah diuji.</li>
<li>Login ke CLARA dan pastikan dashboard terbuka.</li>
<li>Periksa koneksi internet dengan test cepat (speedtest atau ping).</li>
<li>Buka folder CLARA_DEMO_FILES dan pastikan semua file terlihat.</li>
<li>Lakukan satu prompt test untuk memastikan AI aktif.</li>
<li>Mulai demo dengan narasi pembukaan sesuai panduan.</li>
<li>Ikuti urutan skenario dalam dokumen ini.</li>
<li>Tunjukkan Retrieval Trace di setiap kesempatan.</li>
<li>Ajak audiens bertanya di sesi tanya jawab yang telah dijadwalkan.</li>
<li>Pantau waktu: pastikan setiap segmen selesai tepat waktu.</li>
</ul>
<p><strong>Checklist Sesudah Demo:</strong></p>
<ul class="checklist">
<li>Buka sesi tanya jawab.</li>
<li>Bagikan kontak/nomor WhatsApp untuk follow-up.</li>
<li>Catat pertanyaan dan feedback audiens.</li>
<li>Export chat/dokumen hasil demo sebagai portofolio.</li>
<li>Bersihkan project demo (jika menggunakan data dummy).</li>
<li>Kirim follow-up email kepada audiens dalam 1x24 jam.</li>
<li>Evaluasi jalannya demo dan catat perbaikan untuk sesi berikutnya.</li>
</ul>
</div>
<!-- BAB 5 -->
<div class="chapter">
<h2>BAB 5 — SEMUA FILE YANG HARUS DIUPLOAD</h2>
<p>Bab ini berisi seluruh dokumen yang digunakan dalam demonstrasi CLARA. Setiap dokumen dilengkapi dengan penjelasan tujuan, isi, alasan kebutuhan, dan apa yang akan dianalisis oleh AI. Seluruh file disiapkan dalam format PDF untuk diupload ke CLARA.</p>
<div class="doc-card">
<h4>5.1 Draft Perjanjian Kerja Sama Distribusi</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Draft_Perjanjian_Kerja_Sama_Distribusi.pdf</span>
<span><strong>Tipe:</strong> Kontrak Bisnis</span>
<span><strong>Ukuran:</strong> 245 KB</span>
<span><strong>Halaman:</strong> 12 halaman</span>
</div>
<p><strong>Tujuan:</strong> Dokumen ini adalah draft perjanjian kerja sama distribusi yang dikirimkan oleh BaliCepat Logistics kepada Kopi Senja. Ini adalah dokumen utama yang akan dianalisis oleh CLARA dalam sesi review kontrak.</p>
<p><strong>Isi Dokumen:</strong></p>
<div class="output-box">
<strong>PERJANJIAN KERJA SAMA DISTRIBUSI</strong>
Nomor: 012/BCL-KS/I/2026
Para Pihak:
1. PT BaliCepat Logistics Nusantara, berkedudukan di Jalan Bypass Ngurah Rai No. 45X, Tuban, Kuta, Badung, Bali, dalam hal ini diwakili oleh Putu Adi Suputra, S.T., Direktur Utama, selanjutnya disebut PIHAK PERTAMA.
2. Kopi Senja, Usaha Mikro Kecil Menengah, berkedudukan di Jalan Gatot Subroto No. 12X, Denpasar, Bali, dalam hal ini diwakili oleh I Wayan Arta Wiguna, Pemilik, selanjutnya disebut PIHAK KEDUA.
Pasal 1 — DEFINISI
1.1 Distribusi adalah kegiatan pengiriman, penanganan, dan penyerahan barang dari PIHAK KEDUA kepada pembeli/reseller yang ditunjuk.
1.2 Barang adalah produk kopi bubuk, kopi botolan, dan biji kopi specialty milik PIHAK KEDUA.
1.3 Force Majeure adalah kejadian di luar kendali para pihak termasuk bencana alam, kebakaran, kerusuhan, pemogokan, dan kebijakan pemerintah.
Pasal 2 — RUANG LINGKUP
2.1 PIHAK PERTAMA bertanggung jawab atas distribusi Barang ke reseller yang ditunjuk oleh PIHAK KEDUA.
2.2 Wilayah distribusi meliputi Bali, Nusa Tenggara Barat, Nusa Tenggara Timur, Jawa Timur, dan Jawa Tengah.
Pasal 3 — KEWAJIBAN PIHAK PERTAMA
3.1 Menyediakan armada dan sumber daya untuk pengiriman.
3.2 Menyediakan kendaraan berpendingin untuk produk botolan.
3.3 Menyelesaikan pengiriman dalam waktu 3×24 jam untuk wilayah Bali dan 5×24 jam untuk wilayah luar Bali.
3.4 Bertanggung jawab atas keamanan barang selama dalam pengiriman.
Pasal 4 — KEWAJIBAN PIHAK KEDUA
4.1 Menyediakan barang sesuai Purchase Order.
4.2 Melakukan pembayaran biaya logistik dalam waktu 14 hari kalender setelah invoice diterbitkan.
4.3 Menyediakan dokumen pengiriman yang lengkap.
Pasal 5 — BIAYA DAN PEMBAYARAN
5.1 Biaya logistik ditentukan berdasarkan jarak, volume, dan jenis barang.
5.2 Pembayaran dilakukan melalui transfer bank ke rekening PIHAK PERTAMA.
5.3 Keterlambatan pembayaran dikenakan denda 5% per bulan dari jumlah tagihan.
Pasal 6 — DENDA DAN SANKSI
6.1 PIHAK PERTAMA tidak bertanggung jawab atas keterlambatan pengiriman di luar kendali PIHAK PERTAMA.
6.2 Keterlambatan pembayaran oleh PIHAK KEDUA dikenakan denda 5% per bulan.
6.3 Jika PIHAK KEDUA terlambat membayar 3 bulan berturut-turut, kontrak dapat diputus sepihak oleh PIHAK PERTAMA.
Pasal 7 — GANTI RUGI
7.1 PIHAK PERTAMA tidak bertanggung jawab atas kerusakan barang selama pengiriman jika kerusakan disebabkan oleh force majeure atau kemasan yang tidak memadai dari PIHAK KEDUA.
7.2 Ganti rugi atas kerusakan barang maksimal 50% dari nilai barang yang rusak.
Pasal 8 — JANGKA WAKTU
8.1 Perjanjian berlaku untuk jangka waktu 12 bulan sejak ditandatangani.
8.2 Perjanjian dapat diperpanjang secara otomatis untuk jangka waktu yang sama kecuali ada pemberitahuan tertulis 30 hari sebelumnya.
Pasal 9 — PEMUTUSAN
9.1 Perjanjian dapat diputus sepihak oleh PIHAK PERTAMA jika PIHAK KEDUA melanggar ketentuan pembayaran.
9.2 Pemutusan sepihak tidak memerlukan pemberitahuan tertulis lebih dari 7 hari.
9.3 Dalam hal pemutusan, PIHAK KEDUA tetap wajib membayar seluruh biaya logistik yang telah terutang.
Pasal 10 — FORCE MAJEURE
10.1 Force majeure membebaskan PIHAK PERTAMA dari tanggung jawab atas keterlambatan atau kegagalan pengiriman.
10.2 PIHAK PERTAMA wajib memberitahukan kejadian force majeure dalam waktu 3 hari.
Pasal 11 — PENYELESAIAN SENGKETA
11.1 Para pihak sepakat untuk menyelesaikan sengketa melalui musyawarah terlebih dahulu.
11.2 Jika tidak tercapai kesepakatan, sengketa akan diselesaikan melalui Pengadilan Negeri Denpasar.
Pasal 12 — LAIN-LAIN
12.1 Perjanjian ini dibuat dalam rangkap 2, masing-masing memiliki kekuatan hukum yang sama.
12.2 Hal-hal yang belum diatur akan ditentukan kemudian secara musyawarah.
Denpasar, 1 Februari 2026
[Stempel dan Tanda Tangan PIHAK PERTAMA] [Stempel dan Tanda Tangan PIHAK KEDUA]
Putu Adi Suputra, S.T. I Wayan Arta Wiguna
Direktur Utama Pemilik
PT BaliCepat Logistics Nusantara Kopi Senja
</div>
<p><strong>Kenapa Dibutuhkan:</strong> Dokumen ini adalah input utama untuk fitur Review Kontrak CLARA. CLARA akan mengekstrak seluruh klausul, menganalisis risiko, dan memberikan guardrail check.</p>
<p><strong>Apa yang Akan Dianalisis AI:</strong> CLARA akan menganalisis setiap pasal dalam kontrak ini, mendeteksi klausul berpotensi merugikan (seperti denda 5%, pemutusan sepihak tanpa pemberitahuan 7 hari, ganti rugi hanya 50%, dan definisi force majeure yang terlalu luas), serta memberikan rekomendasi perbaikan.</p>
</div>
<div class="doc-card">
<h4>5.2 Purchase Order</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Purchase_Order_001.pdf</span>
<span><strong>Tipe:</strong> Dokumen Transaksi</span>
<span><strong>Ukuran:</strong> 85 KB</span>
<span><strong>Halaman:</strong> 1 halaman</span>
</div>
<p><strong>Isi Dokumen:</strong></p>
<div class="output-box">
PURCHASE ORDER
Nomor: PO-001/KS/II/2026
Tanggal: 15 Februari 2026
Kepada:
PT BaliCepat Logistics Nusantara
Jalan Bypass Ngurah Rai No. 45X, Tuban, Kuta, Badung, Bali
Dari:
Kopi Senja
Jalan Gatot Subroto No. 12X, Denpasar, Bali
Detail Pengiriman:
| No | Nama Barang | Jumlah | Satuan | Berat |
|----|----------------------|---------|--------|--------|
| 1 | Kopi Bubuk Senja | 50 | Pak | 12.5 kg|
| 2 | Kopi Botolan Senja | 200 | Botol | 66 kg |
| 3 | Biji Kopi Specialty | 20 | Kg | 20 kg |
Tujuan Pengiriman:
Reseller: Toko Kopi Lombok, Jalan Pejanggik No. 45, Mataram, NTB
Tanggal Kirim: 17 Februari 2026
Estimasi Tiba: 20 Februari 2026
Biaya Logistik: Rp 450.000
Disetujui oleh:
I Wayan Arta Wiguna
Pemilik Kopi Senja
</div>
</div>
<div class="doc-card">
<h4>5.3 Invoice</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Invoice_001.pdf</span>
<span><strong>Tipe:</strong> Dokumen Penagihan</span>
<span><strong>Ukuran:</strong> 78 KB</span>
<span><strong>Halaman:</strong> 1 halaman</span>
</div>
<p><strong>Isi Dokumen:</strong></p>
<div class="output-box">
INVOICE
Nomor: INV-2026-003/BCL
Tanggal: 20 Februari 2026
Kepada:
Kopi Senja
Jalan Gatot Subroto No. 12X, Denpasar, Bali
Dari:
PT BaliCepat Logistics Nusantara
Jasa: Pengiriman barang sesuai PO-001/KS/II/2026
Rincian Biaya:
- Biaya logistik (Denpasar - Mataram): Rp 450.000
- Biaya handling: Rp 25.000
- Biaya asuransi: Rp 15.000
Total: Rp 490.000
Jatuh Tempo: 6 Maret 2026
Rekening: Bank BCA 1234567890 a/n PT BaliCepat Logistics Nusantara
</div>
</div>
<div class="doc-card">
<h4>5.4 Surat Jalan</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Surat_Jalan_001.pdf</span>
<span><strong>Tipe:</strong> Dokumen Pengiriman</span>
<span><strong>Ukuran:</strong> 72 KB</span>
<span><strong>Halaman:</strong> 1 halaman</span>
</div>
<p><strong>Isi Dokumen:</strong></p>
<div class="output-box">
SURAT JALAN
Nomor: SJ-001/BCL/II/2026
Tanggal: 17 Februari 2026
Pengirim:
Kopi Senja
Jalan Gatot Subroto No. 12X, Denpasar, Bali
Penerima:
Toko Kopi Lombok
Jalan Pejanggik No. 45, Mataram, NTB
Ekspedisi: PT BaliCepat Logistics Nusantara
No. Kendaraan: DK 1234 AB
Supir: Made Suteja
Barang yang Dikirim:
- 50 pak Kopi Bubuk Senja (12.5 kg)
- 200 botol Kopi Botolan Senja (66 kg)
- 20 kg Biji Kopi Specialty (20 kg)
Kondisi Barang saat loading: Baik
Diterima oleh Pengirim: Diterima oleh Ekspedisi:
I Wayan Arta Wiguna Made Suteja
Kopi Senja PT BaliCepat Logistics Nusantara
</div>
</div>
<div class="doc-card">
<h4>5.5 Bukti Transfer Pembayaran</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Bukti_Transfer_Bank.pdf</span>
<span><strong>Tipe:</strong> Dokumen Keuangan</span>
<span><strong>Ukuran:</strong> 95 KB</span>
<span><strong>Halaman:</strong> 1 halaman</span>
</div>
<p><strong>Isi Dokumen:</strong></p>
<div class="output-box">
BUKTI TRANSFER BANK
Bank: Bank Central Asia (BCA)
Tanggal Transfer: 28 Februari 2026
Waktu: 14:23 WITA
Nomor Referensi: TRF/2026/02/28/1423/001
Pengirim:
Nama: Kopi Senja
Rekening: BCA 9876543210 a/n I Wayan Arta Wiguna
Penerima:
Nama: PT BaliCepat Logistics Nusantara
Rekening: BCA 1234567890 a/n PT BaliCepat Logistics Nusantara
Jumlah: Rp 490.000
Keperluan: Pembayaran Invoice INV-2026-003/BCL
Status: BERHASIL
</div>
</div>
<div class="doc-card">
<h4>5.6 Bukti Keterlambatan Pengiriman</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Bukti_Keterlambatan_Pengiriman.pdf</span>
<span><strong>Tipe:</strong> Dokumen Bukti</span>
<span><strong>Ukuran:</strong> 82 KB</span>
<span><strong>Halaman:</strong> 2 halaman</span>
</div>
<p><strong>Isi Dokumen:</strong> Kumpulan bukti keterlambatan pengiriman oleh BaliCepat, termasuk:</p>
<div class="output-box">
BUKTI KETERLAMBATAN PENGIRIMAN
Kopi Senja — PT BaliCepat Logistics Nusantara
Kejadian 1:
PO: PO-002/KS/III/2026
Tanggal kirim dijadwalkan: 3 Maret 2026
Tanggal tiba seharusnya: 6 Maret 2026
Tanggal tiba aktual: 10 Maret 2026
Keterlambatan: 4 hari
Keterangan: Tidak ada pemberitahuan dari pihak BaliCepat
Kejadian 2:
PO: PO-003/KS/III/2026
Tanggal kirim dijadwalkan: 17 Maret 2026
Tanggal tiba seharusnya: 20 Maret 2026
Tanggal tiba aktual: 27 Maret 2026
Keterlambatan: 7 hari
Keterangan: 15 botol kopi botolan pecah/rusak saat tiba
</div>
</div>
<div class="doc-card">
<h4>5.7 Email Komplain</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Email_Komplain.pdf</span>
<span><strong>Tipe:</strong> Dokumen Komunikasi</span>
<span><strong>Ukuran:</strong> 68 KB</span>
<span><strong>Halaman:</strong> 1 halaman</span>
</div>
<p><strong>Isi Dokumen:</strong></p>
<div class="output-box">
From: wayan@kopisenja.id
To: cs@balicepat.co.id
Subject: Komplain Keterlambatan Pengiriman — PO-002 dan PO-003
Date: 25 Maret 2026
Kepada Yth. Tim Customer Service
PT BaliCepat Logistics Nusantara
di tempat
Dengan hormat,
Saya I Wayan Arta Wiguna, pemilik Kopi Senja, ingin menyampaikan komplain resmi mengenai keterlambatan pengiriman yang terjadi dalam 2 pengiriman terakhir:
1. PO-002/KS/III/2026 — terlambat 4 hari tanpa pemberitahuan.
2. PO-003/KS/III/2026 — terlambat 7 hari dan 15 botol kopi botolan pecah.
Keterlambatan ini telah menyebabkan kerugian bagi Kopi Senja, antara lain:
- Kehilangan penjualan karena reseller kehabisan stok.
- Biaya pengiriman ulang untuk mengganti produk rusak.
- Menurunnya kepercayaan reseller terhadap Kopi Senja.
Mohon respons dan solusi dalam waktu 3 hari kerja. Jika tidak ada tanggapan, kami akan menempuh jalur hukum yang sesuai.
Hormat saya,
I Wayan Arta Wiguna
Pemilik Kopi Senja
081234567890
</div>
</div>
<div class="doc-card">
<h4>5.8 Chat WhatsApp</h4>
<div class="doc-meta">
<span><strong>Nama File:</strong> Chat_WhatsApp.pdf</span>
<span><strong>Tipe:</strong> Dokumen Komunikasi</span>
<span><strong>Ukuran:</strong> 64 KB</span>
<span><strong>Halaman:</strong> 2 halaman</span>
</div>
<p><strong>Isi Dokumen:</strong></p>
<div class="output-box">
Chat WhatsApp — 28 Maret 2026
Wayan Kopi Senja: "Selamat siang, saya Wayan dari Kopi Senja. Mau follow up email komplain yang saya kirim 25 Maret lalu. Belum ada respons."
BaliCepat CS: "Selamat siang kak Wayan. Mohon maaf, tim kami sedang proses review. Akan kami hubungi segera."
Wayan Kopi Senja: "Kira-kira kapan? Karena ini sudah mendesak, reseller saya komplain terus."
BaliCepat CS: "Kami sampaikan ke atasan dulu ya kak. Paling 2-3 hari lagi."
Wayan Kopi Senja: "Baik, saya tunggu. Tapi kalau tidak ada perkembangan, saya akan ambil langkah hukum."
BaliCepat CS: "Kami usahakan yang terbaik kak."
</div>
</div>
<div class="doc-card">
<h4>5.9 Surat Komplain Resmi</h4>
<div class="doc-meta">