Skip to content

ระบบฟอร์มและ Dashboard พันธกิจบ้าน - Complete Design System #7

Description

@jgarise

ระบบฟอร์มและ Dashboard พันธกิจบ้าน - Complete Design System

🎯 Complete Canva AI Prompt for Mission System

Create a comprehensive Thai home mission management system design including:

**1. Group Registration Form (ฟอร์มลงทะเบียนกลุ่ม):**
- Modern form layout with sections for group info
- Fields: Group name, Team, Activity days, Time, Location (Province/District/Subdistrict/Village)
- Coordinator details with photo upload
- Map integration for location
- Group photo upload area
- Clean card-based form design

**2. Member Registry Table (ทะเบียนสมาชิก):**
- Data table with columns: Name, Nickname, Age, Occupation, Status
- Belief date, Response attitude, Participation level
- Goal tracking with timeline (Q1-Q4)
- Sortable and filterable interface
- Modern table design with alternating row colors

**3. Dashboard Analytics (Dashboard สภาพความเคลื่อนไหว):**
- Overview cards: Total groups, members, villages, coordinators
- Activity participation charts (weekly/monthly/quarterly)
- Goal progress tracking with Q1-Q4 milestones
- Training/project statistics
- Alert notifications for low participation
- Interactive charts: pie, bar, line graphs

**Design Requirements:**
- Thai language interface throughout
- Mobile-responsive card layout
- Color scheme: Blue (#3B82F6), Purple (#8B5CF6), Green (#10B981)
- Clean icons and infographic elements
- High contrast for accessibility
- Modern glassmorphism effects
- Professional but friendly appearance

**Components to include:**
- Form inputs with Thai labels
- Data visualization charts
- Progress bars and indicators
- Photo upload areas
- Map integration mockups
- Notification badges
- Action buttons and navigation

Export: PNG for screens, PDF for forms, SVG for icons
Style: Modern, clean, professional, Thai-friendly, mobile-first

🚀 Shorter Focused Prompt

Design Thai mission group management system: registration forms with photo uploads, member data tables, analytics dashboard with charts and progress tracking. Include location selectors, goal milestones Q1-Q4, participation statistics. Blue-purple gradient, modern cards, Thai language, mobile-responsive.

📱 Component-Specific Prompts

Form Design Only:

Create Thai group registration form with fields for location, coordinator info, photo uploads, map integration. Modern card layout, blue-purple theme.

Dashboard Only:

Design analytics dashboard for Thai community groups: overview cards, participation charts, goal tracking Q1-Q4, notifications. Infographic style.

Data Table Only:

Create member registry table interface: sortable columns for name, age, occupation, participation level, goals. Modern table design, Thai labels.

🎨 Style Specifications

Colors:

  • Primary: #3B82F6 (Blue)
  • Secondary: #8B5CF6 (Purple)
  • Success: #10B981 (Green)
  • Warning: #F59E0B (Orange)
  • Background: #F8FAFC (Light Gray)

Typography:

  • Headers: Bold, large Thai-compatible fonts
  • Body: Regular, readable Thai text
  • Data: Monospace for numbers and codes

Layout Elements:

  • Card-based sections with shadows
  • Glassmorphism effects
  • Rounded corners (8px-16px)
  • Consistent spacing (16px grid)
  • Large touch targets (44px minimum)

📋 Required Form Fields

Group Registration:

  • ชื่อกลุ่ม (Group Name)
  • ทีม (Team)
  • วันกิจกรรมประจำ (Activity Days)
  • เวลา (Time)
  • จังหวัด/อำเภอ/ตำบล/หมู่บ้าน (Location hierarchy)
  • สถานที่ทำพันธกิจ (Mission Location)
  • ผู้รับผิดชอบกลุ่ม (Group Leader)
  • ผู้ประสานงาน (Coordinator)
  • จำนวนคนเข้าร่วม (Member Count)
  • ภาพถ่าย (Photos)
  • แผนที่ (Map)

Member Registry:

  • ชื่อ-สกุล (Full Name)
  • ชื่อเล่น (Nickname)
  • อายุ (Age)
  • อาชีพ (Occupation)
  • สถานที่เรียน/ทำงาน (School/Work)
  • สถานภาพครอบครัว (Marital Status)
  • วันที่รับเชื่อ (Belief Date)
  • ท่าทีการตอบสนอง (Response Attitude)
  • การเข้าร่วมกลุ่ม (Participation Level)
  • เป้าหมายในการสร้าง (Creation Goals)
  • กำหนดเวลา Q1-Q4 (Timeline)
  • ผู้รับผิดชอบสร้าง (Responsible Person)

📊 Dashboard Components

Overview Cards:

  • จำนวนกลุ่มทั้งหมด (Total Groups)
  • จำนวนสมาชิกทั้งหมด (Total Members)
  • จำนวนหมู่บ้าน (Villages Count)
  • จำนวนกลุ่มแคร์ (Care Groups)

Charts & Analytics:

  • การเข้าร่วมรายสัปดาห์/เดือน (Weekly/Monthly Participation)
  • ความคืบหน้าเป้าหมาย Q1-Q4 (Goal Progress)
  • สถิติการอบรม (Training Statistics)
  • อัตราการเข้าร่วมประจำ (Regular Attendance Rate)

Alerts & Notifications:

  • กลุ่มที่มีการเข้าร่วมน้อย (Low Participation Groups)
  • กิจกรรมที่ใกล้ถึง (Upcoming Activities)
  • ประกาศสำคัญ (Important Announcements)

💡 Usage Instructions

  1. Choose appropriate prompt based on what you need
  2. Copy and paste into Canva AI
  3. Customize colors using provided palette
  4. Adjust Thai text for your specific needs
  5. Export appropriate formats (PNG/PDF/SVG)

🔧 Technical Notes

  • Form validation indicators needed
  • Responsive breakpoints for mobile/tablet/desktop
  • Thai keyboard support considerations
  • Photo compression for uploads
  • Map API integration placeholder
  • Export/print optimization for forms

Perfect for: Complete mission group management system, Thai community organizations, church group administration, volunteer coordination systems

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions