Sulthonika M.

Portfolio

0%
SURABAYA, INDONESIA
Web Application•2026•Academic Project•Group Project (Academic Group Project)

WIECARA - Sexual Violence Support Platform

A campus platform designed to provide a safe, empathetic entry point for students through ARA Chatbot, context-aware reporting logic, consent gates, and emergency safety routing.

My RoleAI Integration & Conversation Flow Developer
Key FocusARA Chatbot · Consent Gate · Context-Aware Reporting
wiecara.vercel.app
Open Live Site
WIECARA Desktop Interface Overview
Campus Sexual Violence Support System

Connecting early conversational support, resource navigation, consent-based reporting, and emergency escalation in one interface.

01 / Context

The Problem

Someone who has experienced sexual violence or harassment on campus may not be ready to immediately file a formal report. They may still be processing what happened, fearing retaliation, worrying about privacy, or simply not knowing where to begin.

Most existing institutional platforms assume that every visitor is ready to fill out a long reporting form with complete dates, names, and details. This creates a high barrier to entry.

A reporting form alone does not solve the whole problem. We needed to give users a safe place to start a conversation, understand their options, and remain in full control of whether and when to report.
02 / Interaction Paradigm

What We Changed

WIECARA separates early conversational disclosure from formal reporting. Users are never forced into a report automatically.

Traditional Approach
Immediate Formal Report Form Only

Assumes users are ready to disclose all details immediately without support or exploration.

↓
WIECARA Step-by-Step Empowered Model
Chatbot ARASafe Conversation
Consent GateUser Control
Fast EscalationEmergency Safety
Consent gate controls transition into→ Formal Reporting & Counseling
03 / Personal Ownership

The Part I Worked On

My responsibilities centered on designing ARA Chatbot's intelligence, prompt architecture, context-aware escalation rules, user consent flows, and connecting conversation state to backend reporting routes.

ARA Prompt & Logic

Designed empathetic, non-judgmental prompt templates with Groq LLM integration and strict boundary guidelines.

Primary Owner

Consent Gate Flow

Built user consent check before converting chat context into formal report drafts or sharing data.

Primary Owner

Contextual Reporting

Implemented intent tracking across message history rather than triggering on simple isolated keywords.

Primary Owner

Emergency Escalation

Connected critical threat detection in chat directly to emergency campus security & hotline triggers.

Contributor
04 / Interactive Experience

Try the Chatbot ARA Playground

Click through scenarios below to explore how ARA handles conversation context, consent gates, and safety triggers.

Open Live App on Vercel
Chatbot ARAGroq LLM Context Active
Empathy & Listening
I feel anxious and uncomfortable about what happened near the library yesterday...
Thank you for trusting us with your story. You are in a safe space. You can share as much as you feel comfortable with. Would you like to know about available campus support services?
Interactive Quick Responses
Product Story / 01

ARA Chatbot & Prompt Engineering

ARA serves as a low-pressure entry point. Users can describe their situation without immediately committing to formal documentation.

I developed the prompt structure using Groq LLM to ensure ARA remains empathetic, respectful, and strictly bounded within its supportive role.

System Boundaries

ARA supports early conversation and guides users to campus resources; case investigation, psychological evaluation, and legal actions remain strictly with qualified human personnel.

ARA Session Screenshotscreenshot_2.webp
Chatbot ARA Interface
Product Story / 02

Consent Gate & Reporting Flow

Reporting Flow Viewscreenshot_3.webp
Reporting Flow Interface

In WIECARA, reporting is offered naturally as conversation context develops - not triggered mechanically by a single word or single message.

Before any conversation data is pre-filled into report fields, the Consent Gate requires clear user confirmation. Users can choose to continue talking, postpone, or proceed.

This keeps the user in total control over their data and decision at all times.

05 / System Ethics

AI does not evaluate the case

We designed WIECARA with clear ethical boundaries. AI output should never replace human validation or institutional decision-making in sensitive sexual violence cases.

AI CAN DO
  • • Provide safe conversational entry point
  • • Explain available campus resources
  • • Draft report forms with user consent
  • • Fast-track immediate emergency alerts
HUMANS DECIDE
  • • Case investigation and evidence check
  • • Professional counseling & therapy
  • • Institutional protection measures
  • • Legal & disciplinary enforcement
06 / Interface Showcase

Desktop Views & Gallery

Landing Page & Entry Point
1 / 8
Landing Page & Entry Point

Landing Page & Entry Point

Overview of campus support services and clear pathways for students.

07 / Honest Limits

What Is Still Unproven

WIECARA was developed as an academic web prototype. It has not yet been deployed as an active campus service with real counselors and security response teams.

We cannot claim that WIECARA increases report rates or reduces campus incidents. Those claims require pilot evaluations, security integration testing, and long-term user research with support organizations.

08 / Reflection

What I Learned

Working on ARA made me realize that building AI for sensitive contexts is not just about prompt accuracy or model performance: it's about system boundaries and user agency.

When should the AI offer an option?

When should it give the user space to pause or step back?

And which decisions MUST remain with trained human professionals?

Designing product boundaries that prioritize user consent over aggressive feature automation was the most valuable technical lesson from WIECARA.

09 / Tech Stack

Technology Used

PythonFlaskJavaScriptGroq LLMSQLiteHTMLCSS
10 / Key Takeaways

Key Outcomes

01

Lower-Pressure First Step

Users can start with a conversation instead of being pushed directly into formal reporting forms.

02

Consent Gate Control

Reporting is offered as a user-controlled next step, not an automatic consequence of sharing.

03

Clear Product Boundaries

ARA supports conversation and navigation; formal case decisions remain strictly with humans.