824 lines
22 KiB
Markdown
824 lines
22 KiB
Markdown
# CentronNexus Use-Cases - UI from Screenshots
|
|
|
|
**Source**: Visual UI analysis from authenticated Playwright screenshots
|
|
**Date**: 2025-11-25 (Updated)
|
|
**Backend**: https://erp.c-entron.de/demo (Production Demo System)
|
|
**Screenshots Captured**: 11 modules with real production data
|
|
**Location**: `NEXUS_DOCUMENTATION/SCREENSHOTS/`
|
|
|
|
---
|
|
|
|
## Overview
|
|
|
|
This document details all use-cases discovered by analyzing the **actual user interface** of CentronNexus through authenticated screenshots. These are workflows, features, and functionality visible to users in the live application.
|
|
|
|
---
|
|
|
|
# DISCOVERED UI USE-CASES
|
|
|
|
## Module 1: Dashboard
|
|
|
|
**Screenshot**: [01-Dashboard.png](NEXUS_DOCUMENTATION/SCREENSHOTS/01-Dashboard.png)
|
|
|
|
### UC-DASHBOARD-1: Personalized User Welcome
|
|
- Display personalized greeting with user name
|
|
- Show user profile information
|
|
- Context-aware dashboard content
|
|
|
|
### UC-DASHBOARD-2: Quick Stats & Metrics Display
|
|
- Show key performance indicators
|
|
- Display real-time metrics
|
|
- Visual metric cards/widgets
|
|
- Color-coded status indicators
|
|
|
|
### UC-DASHBOARD-3: Favorite Tickets Quick Access
|
|
- Display section: "Ticket-Favoriten"
|
|
- Quick access to starred/bookmarked tickets
|
|
- Single-click ticket navigation
|
|
- Favorite count display
|
|
|
|
### UC-DASHBOARD-4: Recent Activity Feed
|
|
- Show recently recorded times ("erfasste Zeiten")
|
|
- Display recently edited tickets
|
|
- Activity timestamp information
|
|
- Activity source indication
|
|
|
|
### UC-DASHBOARD-5: Daily Schedule Integration
|
|
- Embed "Mein Tag" (My Day) on dashboard
|
|
- Quick glance at daily agenda
|
|
- Time block overview
|
|
- Today's tasks summary
|
|
|
|
### UC-DASHBOARD-6: Work Status Alerts
|
|
- Alert section: "Fehlende Arbeitszeit" (Missing work time)
|
|
- Status notifications
|
|
- Alert prioritization
|
|
- Alert dismissal options
|
|
|
|
### UC-DASHBOARD-7: Card-Based Layout System
|
|
- DevExpress card component layout
|
|
- Responsive card arrangement
|
|
- Card customization
|
|
- Dashboard widget management
|
|
|
|
---
|
|
|
|
## Module 2: Tickets-Liste
|
|
|
|
**Screenshot**: [02-Tickets-Liste.png](NEXUS_DOCUMENTATION/SCREENSHOTS/02-Tickets-Liste.png)
|
|
|
|
### UC-TICKETS-1: Advanced Search
|
|
- Search field: "In Liste suchen..." (Search in list)
|
|
- Real-time search as user types
|
|
- Search across multiple columns
|
|
- Search result highlighting
|
|
|
|
### UC-TICKETS-2: Dual-Tier Filtering
|
|
- Filter toggle: "Nur" (Only/Positive filters)
|
|
- Filter toggle: "Auch" (Also/Inclusive filters)
|
|
- Combined filter logic
|
|
- Complex filter scenarios
|
|
|
|
### UC-TICKETS-3: Sidebar Quick Filters
|
|
- Predefined filter categories visible:
|
|
- Fälligkeit (Due date)
|
|
- Global (Global scope)
|
|
- offen (Open status)
|
|
- Test (Test category)
|
|
- hoch (High priority)
|
|
- Admin (Admin category)
|
|
- Single-click filter application
|
|
- Multi-select filter options
|
|
|
|
### UC-TICKETS-4: Multi-Column Table Display
|
|
- Table columns:
|
|
- Icon/Star (Favorites indicator)
|
|
- Num... (Ticket number)
|
|
- Kunde (Customer name)
|
|
- Ticketname (Ticket title/subject)
|
|
- Kundennummer (Customer number)
|
|
- Erstellt am (Created date)
|
|
- Fällig z... (Due date)
|
|
- Column header sorting
|
|
- Column reordering capability
|
|
|
|
### UC-TICKETS-5: Favorites/Star System
|
|
- Star/bookmark icon per row
|
|
- Click to mark favorite
|
|
- Favorite tickets persist
|
|
- Filter by favorites
|
|
|
|
### UC-TICKETS-6: Layout Persistence
|
|
- Button: "speichern" (Save)
|
|
- Save custom column layout
|
|
- Load saved layouts
|
|
- Layout persistence across sessions
|
|
|
|
### UC-TICKETS-7: Data Display with Real Data
|
|
- Real production data visible:
|
|
- 7+ tickets displayed
|
|
- Real customer references
|
|
- Actual dates and times
|
|
- Valid ticket titles
|
|
|
|
---
|
|
|
|
## Module 3: Kunden-Übersicht
|
|
|
|
**Screenshot**: [03-Kunden-Uebersicht.png](NEXUS_DOCUMENTATION/SCREENSHOTS/03-Kunden-Uebersicht.png)
|
|
|
|
### UC-CUSTOMERS-1: Customer Search
|
|
- Search field: "Kunden suchen..." (Customer search)
|
|
- Real-time search results
|
|
- Search across customer fields
|
|
- Partial match capability
|
|
|
|
### UC-CUSTOMERS-2: Active/Inactive Filter Toggle
|
|
- Toggle: "aktive Kunden" (Active customers)
|
|
- Filter between active and inactive
|
|
- Status-based visibility
|
|
- Soft-delete pattern implementation
|
|
|
|
### UC-CUSTOMERS-3: Comprehensive Customer Information
|
|
- Display columns:
|
|
- Kundennummer (Customer number/ID)
|
|
- Firmenname (Company name)
|
|
- Ansprechpartner (Contact person)
|
|
- Straße (Street address)
|
|
- PLZ (Postal code/ZIP)
|
|
- Stadt (City)
|
|
- Telefon (Phone number)
|
|
- Matchcode (External system identifier)
|
|
|
|
### UC-CUSTOMERS-4: Complete Address Management
|
|
- Street address display
|
|
- Postal code (German format - 5 digits)
|
|
- City information
|
|
- Complete address for correspondence
|
|
- Address validation visible
|
|
|
|
### UC-CUSTOMERS-5: Contact Person Tracking
|
|
- Primary contact person per customer
|
|
- Contact name display
|
|
- Contact assignment
|
|
- Multi-contact support (potential)
|
|
|
|
### UC-CUSTOMERS-6: Real Customer Data
|
|
- 10+ customer records visible
|
|
- Complete address information
|
|
- Valid contact details
|
|
- Realistic business data
|
|
|
|
### UC-CUSTOMERS-7: Customer List Management
|
|
- Table scroll for additional records
|
|
- Pagination or virtual scrolling
|
|
- Customer count indication
|
|
- Quick access to customer detail
|
|
|
|
---
|
|
|
|
## Module 4: Zeitplanung-Kalender
|
|
|
|
**Screenshot**: [04-Zeitplanung-Kalender.png](NEXUS_DOCUMENTATION/SCREENSHOTS/04-Zeitplanung-Kalender.png)
|
|
|
|
### UC-SCHEDULING-1: Calendar Interface
|
|
- Calendar component rendering
|
|
- Date-based scheduling display
|
|
- Month/week view (implied)
|
|
- Navigation between time periods
|
|
|
|
### UC-SCHEDULING-2: Time Block Visualization
|
|
- Visual representation of time slots
|
|
- Time-based grid layout
|
|
- Block positioning by time
|
|
- Duration visualization
|
|
|
|
### UC-SCHEDULING-3: Schedule Management
|
|
- Create time blocks
|
|
- Modify existing blocks
|
|
- Delete/cancel scheduling
|
|
- Update time slot information
|
|
|
|
### UC-SCHEDULING-4: Resource Allocation
|
|
- Assign resources to time blocks
|
|
- Resource availability display
|
|
- Multi-resource scenarios
|
|
- Resource conflict visualization
|
|
|
|
### UC-SCHEDULING-5: Calendar Navigation
|
|
- Navigate between dates
|
|
- Quick date jumping
|
|
- Today indicator
|
|
- Week/month switching
|
|
|
|
---
|
|
|
|
## Module 5: Mein Tag-Tagesplan
|
|
|
|
**Screenshot**: [05-Mein-Tag-Tagesplan.png](NEXUS_DOCUMENTATION/SCREENSHOTS/05-Mein-Tag-Tagesplan.png)
|
|
|
|
### UC-MYDAY-1: Daily Task List
|
|
- View today's tasks
|
|
- Task count display
|
|
- Task description/title
|
|
- Task status indicators
|
|
|
|
### UC-MYDAY-2: Task Completion Tracking
|
|
- Mark tasks complete/incomplete
|
|
- Completion percentage display
|
|
- Progress indicators
|
|
- Completed task strikethrough (typical)
|
|
|
|
### UC-MYDAY-3: Daily Focus View
|
|
- Today-scoped display
|
|
- Filter to today only
|
|
- Separate from general ticket list
|
|
- Daily reset logic
|
|
|
|
### UC-MYDAY-4: Time Allocation Visualization
|
|
- Time-based task display
|
|
- Duration per task
|
|
- Time block visualization
|
|
- Free time identification
|
|
|
|
### UC-MYDAY-5: Work Priority Management
|
|
- Task ordering/priority
|
|
- High/medium/low priority display
|
|
- Reorder tasks for priority
|
|
- Focus on important work first
|
|
|
|
### UC-MYDAY-6: Time Tracking Integration
|
|
- Link to time tracking system
|
|
- Time block from tasks
|
|
- Estimated vs. actual time
|
|
- Time summary display
|
|
|
|
### UC-MYDAY-7: Schedule Summary
|
|
- Daily schedule overview
|
|
- Appointment display
|
|
- Meeting integration
|
|
- Calendar synchronization
|
|
|
|
---
|
|
|
|
## Module 6: Neu-Ticket (Quick Ticket Creation)
|
|
|
|
**Screenshot**: [07-Neu.png](NEXUS_DOCUMENTATION/SCREENSHOTS/07-Neu.png)
|
|
|
|
### UC-NEWTICKET-1: Quick Ticket Creation Dialog
|
|
- Modal dialog accessible from "+ Neu" button in top navigation
|
|
- Pre-filled context from current module
|
|
- Rapid ticket creation workflow
|
|
- Modal overlay with form
|
|
|
|
### UC-NEWTICKET-2: Customer Selection
|
|
- Search field: "Kundensuche" (Customer search)
|
|
- Type-ahead/autocomplete capability
|
|
- Customer name selection
|
|
- Linked to customer database
|
|
|
|
### UC-NEWTICKET-3: Ticket Title Entry
|
|
- Text field: "Titel eingeben" (Enter title)
|
|
- Character limit indicator: "Max 1000 Zeichen"
|
|
- Real-time character count
|
|
- Clear title requirement
|
|
|
|
### UC-NEWTICKET-4: Service/Leistung Selection
|
|
- Dropdown field: "Keine Leistungen vorhanden" (No services available)
|
|
- Service type selection
|
|
- Conditional field (may be empty based on context)
|
|
- Business service mapping
|
|
|
|
### UC-NEWTICKET-5: Contract/Vertrag Selection
|
|
- Dropdown field: "Keine Verträge vorhanden" (No contracts available)
|
|
- Contract linkage
|
|
- Optional contract association
|
|
- Service level agreement mapping
|
|
|
|
### UC-NEWTICKET-6: Priority Classification
|
|
- Dropdown: "Priorität" (Priority)
|
|
- Standard priority levels (High/Medium/Low implied)
|
|
- Default selection capability
|
|
- Quick priority assignment
|
|
|
|
### UC-NEWTICKET-7: Type Classification
|
|
- Dropdown: "Typ" (Type)
|
|
- Ticket type categories
|
|
- Standard business types
|
|
- Classification for routing
|
|
|
|
### UC-NEWTICKET-8: Category Classification
|
|
- Dropdown: "Kategorie" (Category)
|
|
- Organizational categorization
|
|
- Related to ticket type
|
|
- Filter and reporting
|
|
|
|
### UC-NEWTICKET-9: Ticket Template Selection
|
|
- Option: "Keine Ticketvorlage gewählt" (No template selected)
|
|
- Button: "Ticketvorlagen" (Ticket templates)
|
|
- Template library access
|
|
- Pre-filled field templates
|
|
- Template browser dialog
|
|
|
|
### UC-NEWTICKET-10: Ticket Creation
|
|
- Button: "Ticket anlegen" (Create ticket)
|
|
- Form validation before creation
|
|
- Return to context after creation
|
|
- Confirmation feedback
|
|
|
|
### UC-NEWTICKET-11: Dialog Management
|
|
- Close button (X) in top right
|
|
- Modal focus management
|
|
- Background content visible but inactive
|
|
- Escape key dismissal (likely)
|
|
|
|
---
|
|
|
|
## Module 7: Neu-Dropdown (Ticket Creation Menu)
|
|
|
|
**Screenshot**: [08-Neu-Dropdown.png](NEXUS_DOCUMENTATION/SCREENSHOTS/08-Neu-Dropdown.png)
|
|
|
|
### UC-NEUDROPDOWN-1: Multiple Ticket Creation Options
|
|
- Dropdown menu from "+ Neu" button
|
|
- Multiple creation pathways available
|
|
- Context-aware menu options
|
|
- Rapid access to ticket workflows
|
|
|
|
### UC-NEUDROPDOWN-2: Standard Ticket Creation
|
|
- Option: "Neues Ticket" (New Ticket)
|
|
- Standard support ticket workflow
|
|
- Links to main quick ticket dialog
|
|
- Most frequently used option
|
|
|
|
### UC-NEUDROPDOWN-3: Internal Ticket Creation
|
|
- Option: "Neues internes Ticket" (New Internal Ticket)
|
|
- Internal-only ticket workflow
|
|
- Team/department limited visibility
|
|
- Internal communication channel
|
|
|
|
### UC-NEUDROPDOWN-4: Smartflow Creation
|
|
- Option: "Nexoware Smartflow erstellen" (Create Smartflow)
|
|
- Workflow automation integration
|
|
- Process automation option
|
|
- Specialized workflow management
|
|
|
|
### UC-NEUDROPDOWN-5: Activity Schedule Display
|
|
- Scheduled work activities shown in sidebar
|
|
- Time-based activity listing
|
|
- Current day focus
|
|
- Activity status tracking
|
|
|
|
### UC-NEUDROPDOWN-6: Work Time Management
|
|
- Work start time indicator: "--- Arbeitsbeginn: 08:00 Uhr ---"
|
|
- Daily schedule context
|
|
- Work hour tracking
|
|
- Missing work time alerts
|
|
|
|
### UC-NEUDROPDOWN-7: Missing Work Time Alert
|
|
- Alert section: "Fehlende Arbeitszeit" (Missing work time)
|
|
- Time range display: "8:00 - 10:35 Uhr"
|
|
- Visual alert styling (red)
|
|
- Actionable alert status
|
|
|
|
### UC-NEUDROPDOWN-8: Scheduled Customer Activities
|
|
- Activity entry: "Kunden" (Customer)
|
|
- Time slot: "10:08 - 11:30 Uhr"
|
|
- Customer reference: "c-entron Software..."
|
|
- Duration estimate: "1:22"
|
|
- Check/dismiss buttons
|
|
|
|
### UC-NEUDROPDOWN-9: Quote/Offer Activities
|
|
- Activity type: "Angebot" (Quote/Offer)
|
|
- Time slot: "10:20 - 10:28 Uhr"
|
|
- Reference number: "Angebot #200538..."
|
|
- Duration: "0:08"
|
|
- Activity management
|
|
|
|
### UC-NEUDROPDOWN-10: New Activity Entry
|
|
- Button: "+ Neuer Eintrag" (New Entry)
|
|
- Quick activity creation
|
|
- Time planning integration
|
|
- Activity logging interface
|
|
|
|
### UC-NEUDROPDOWN-11: Ticket Favorites Quick Access
|
|
- Section: "Ticket-Favoriten" (Ticket Favorites)
|
|
- Recent and favorited tickets listed
|
|
- Quick access menu
|
|
- Context-relevant tickets
|
|
|
|
### UC-NEUDROPDOWN-12: Integrated Dashboard Panel
|
|
- Multi-function sidebar panel
|
|
- Extended from Neu button click
|
|
- Integration with dashboard
|
|
- Rich context information
|
|
|
|
---
|
|
|
|
## Module 8: Neu-Dialog (New Ticket Form)
|
|
|
|
**Screenshot**: [09-Neu-Dialog.png](NEXUS_DOCUMENTATION/SCREENSHOTS/09-Neu-Dialog.png)
|
|
|
|
### UC-NEUDIALOG-1: Customer Search and Selection
|
|
- Field: "Kunde" (Customer)
|
|
- Search field: "Kundensuche" (Customer search)
|
|
- Autocomplete customer lookup
|
|
- Quick customer selection interface
|
|
|
|
### UC-NEUDIALOG-2: Ticket Title Entry
|
|
- Field: "Titel" (Title)
|
|
- Placeholder: "Titel eingeben" (Enter title)
|
|
- Text input validation
|
|
- Character count display: "Max 1000 Zeichen" (Max 1000 characters)
|
|
- Title length management
|
|
|
|
### UC-NEUDIALOG-3: Service/Performance Selection
|
|
- Dropdown field: "Leistung" (Service/Performance)
|
|
- Status text: "Keine Leistungen vorhanden" (No services available)
|
|
- Service catalog integration
|
|
- Conditional availability based on customer
|
|
|
|
### UC-NEUDIALOG-4: Contract Selection
|
|
- Dropdown field: "Vertrag" (Contract)
|
|
- Status text: "Keine Verträge vorhanden" (No contracts available)
|
|
- Contract linked to customer
|
|
- Conditional selection availability
|
|
|
|
### UC-NEUDIALOG-5: Priority Setting
|
|
- Button/Dropdown: "Priorität" (Priority)
|
|
- Multiple priority levels available
|
|
- Default selection capability
|
|
- Quick priority assignment during creation
|
|
|
|
### UC-NEUDIALOG-6: Ticket Type Assignment
|
|
- Button/Dropdown: "Typ" (Type)
|
|
- Ticket type categorization
|
|
- Business type classification
|
|
- Type-based workflow routing
|
|
|
|
### UC-NEUDIALOG-7: Category Assignment
|
|
- Button/Dropdown: "Kategorie" (Category)
|
|
- Organizational categorization
|
|
- Related to ticket type
|
|
- Category-based filtering and reporting
|
|
|
|
### UC-NEUDIALOG-8: Template Status Display
|
|
- Status text: "Keine Ticketvorlage gewählt" (No ticket template selected)
|
|
- Template selection indicator
|
|
- Default state indication
|
|
|
|
### UC-NEUDIALOG-9: Template Library Access
|
|
- Button: "Ticketvorlagen" (Ticket templates)
|
|
- Browse available ticket templates
|
|
- Pre-filled form templates
|
|
- Template browser dialog with preview
|
|
|
|
### UC-NEUDIALOG-10: Ticket Creation Submission
|
|
- Button: "Ticket anlegen" (Create ticket)
|
|
- Form validation before submission
|
|
- Success notification and redirect
|
|
- Error handling and validation messages
|
|
|
|
### UC-NEUDIALOG-11: Dialog Close Action
|
|
- Close button (X) in modal header
|
|
- Modal dismissal
|
|
- Unsaved changes handling
|
|
- Return to parent context
|
|
|
|
### UC-NEUDIALOG-12: Form Field Organization
|
|
- Vertical field layout
|
|
- Logical grouping of related fields
|
|
- Clear field labeling
|
|
- Accessible form structure
|
|
|
|
---
|
|
|
|
## Module 9: Neu-Menu (Ticket Creation Menu Options)
|
|
|
|
**Screenshot**: [10-Toggle-Dropdown.png](NEXUS_DOCUMENTATION/SCREENSHOTS/10-Toggle-Dropdown.png)
|
|
|
|
### UC-NEUMENU-1: Ticket Creation Menu Display
|
|
- Dropdown menu from "+ Neu" button
|
|
- Multiple creation pathway options
|
|
- Expandable menu interface
|
|
- Clear option labeling
|
|
|
|
### UC-NEUMENU-2: External Ticket Creation
|
|
- Menu option: "Neues Ticket" (New Ticket)
|
|
- Standard external support ticket workflow
|
|
- Customer-facing ticket creation
|
|
- Most commonly used creation path
|
|
|
|
### UC-NEUMENU-3: Internal Ticket Creation
|
|
- Menu option: "Neues internes Ticket" (New Internal Ticket)
|
|
- Internal-only ticket creation workflow
|
|
- Team/department limited visibility
|
|
- Internal communication channel for team members
|
|
|
|
### UC-NEUMENU-4: Smartflow Automation
|
|
- Menu option: "Nexoware Smartflow erstellen" (Create Nexoware Smartflow)
|
|
- Workflow automation integration
|
|
- Advanced process automation capability
|
|
- Specialized workflow orchestration option
|
|
|
|
### UC-NEUMENU-5: Daily Schedule Integration
|
|
- Sidebar display: "--- Arbeitsbeginn: 08:00 Uhr ---" (Work start: 08:00)
|
|
- Current day's scheduled activities
|
|
- Time-based activity organization
|
|
- Work hour tracking context
|
|
|
|
### UC-NEUMENU-6: Missing Work Time Alert
|
|
- Alert section: "Fehlende Arbeitszeit" (Missing work time)
|
|
- Visual alert styling (red background)
|
|
- Time range indicator: "8:00 - 10:35 Uhr"
|
|
- Action requirement indicator
|
|
|
|
### UC-NEUMENU-7: Customer Activity Entry
|
|
- Activity type: "Kunden" (Customer)
|
|
- Time slot: "10:08 - 11:30 Uhr"
|
|
- Customer reference: "c-entron Software..."
|
|
- Duration display: "1:22"
|
|
- Activity management buttons (check/dismiss)
|
|
|
|
### UC-NEUMENU-8: Offer/Quote Activity Entry
|
|
- Activity type: "Angebot" (Offer/Quote)
|
|
- Time slot: "10:20 - 10:28 Uhr"
|
|
- Reference number: "Angebot #200538..."
|
|
- Duration display: "0:08"
|
|
- Activity completion tracking
|
|
|
|
### UC-NEUMENU-9: Quick Activity Addition
|
|
- Button: "+ Neuer Eintrag" (+ New Entry)
|
|
- Quick activity creation from menu context
|
|
- Time planning integration
|
|
- Rapid time tracking entry
|
|
|
|
### UC-NEUMENU-10: Ticket Favorites Quick Access
|
|
- Section: "Ticket-Favoriten" (Ticket Favorites)
|
|
- Recently modified or bookmarked tickets
|
|
- Quick navigation to favorite tickets
|
|
- Context-relevant ticket listing
|
|
|
|
### UC-NEUMENU-11: Dashboard Context Sidebar
|
|
- Multi-function extended panel
|
|
- Appears alongside "+ Neu" button dropdown
|
|
- Integration of scheduling and favorites
|
|
- Rich contextual information display
|
|
|
|
### UC-NEUMENU-12: Activity Completion Management
|
|
- Checkmark buttons for activity completion
|
|
- Status indication for scheduled items
|
|
- Quick action buttons
|
|
- Activity state tracking
|
|
|
|
---
|
|
|
|
## Module 11: Stoppuhren (Time Tracking/Stopwatch)
|
|
|
|
**Screenshot**: [11-Stoppuhren.png](NEXUS_DOCUMENTATION/SCREENSHOTS/11-Stoppuhren.png)
|
|
|
|
### UC-STOPPUHREN-1: Multiple Active Timers Display
|
|
- Sidebar panel showing all active stopwatches
|
|
- Time display for each running timer (HH:MM:SS format)
|
|
- Visual list of active work sessions
|
|
- Real-time timer updates
|
|
|
|
### UC-STOPPUHREN-2: Timer Control Buttons
|
|
- Play/Pause button for each timer
|
|
- Visual status indicator (running/paused)
|
|
- Quick timer state management
|
|
- Multi-timer control interface
|
|
|
|
### UC-STOPPUHREN-3: Timer Quick Actions
|
|
- Delete/Remove timer button
|
|
- Flag/Bookmark timer button
|
|
- Edit timer button (pencil icon)
|
|
- Context action menu per timer
|
|
|
|
### UC-STOPPUHREN-4: Ticket Association
|
|
- Button: "Ticket zuweisen" (Assign ticket)
|
|
- Link timer to specific ticket
|
|
- Pre-filled ticket reference display
|
|
- Ticket context in timer list
|
|
|
|
### UC-STOPPUHREN-5: Ticket Navigation
|
|
- Link: "Zum Ticket" (Go to Ticket)
|
|
- Quick navigation to associated ticket
|
|
- Ticket details access from timer
|
|
- Context switching between work and tracking
|
|
|
|
### UC-STOPPUHREN-6: Timer Metadata Display
|
|
- Ticket number display
|
|
- Ticket description/summary
|
|
- Work session duration tracking
|
|
- Activity reference information
|
|
|
|
### UC-STOPPUHREN-7: Create New Timer
|
|
- Button: "+ Neu" (New)
|
|
- Quick timer creation
|
|
- Start new work session
|
|
- Add to active timers list
|
|
|
|
### UC-STOPPUHREN-8: View All Timers
|
|
- Link: "Alle Stoppuhren anzeigen" (Show all stopwatches)
|
|
- Comprehensive timer list view
|
|
- Historical timer access
|
|
- Timer management interface
|
|
|
|
### UC-STOPPUHREN-9: Time Tracking Integration
|
|
- Work time capture mechanism
|
|
- Automated time logging
|
|
- Session-based time tracking
|
|
- Integration with ticket workflow
|
|
|
|
### UC-STOPPUHREN-10: Sidebar Context Integration
|
|
- Timer panel appears as sidebar
|
|
- Integrated with main dashboard view
|
|
- Always-accessible time tracking
|
|
- Contextual work time awareness
|
|
|
|
### UC-STOPPUHREN-11: Visual Time Display
|
|
- Large timer values prominently displayed
|
|
- Format: HHH:MM:SS (supports long durations)
|
|
- Cumulative time tracking
|
|
- Clear time formatting
|
|
|
|
### UC-STOPPUHREN-12: Multi-Session Management
|
|
- Multiple independent timers
|
|
- Parallel time tracking
|
|
- Session independence
|
|
- Comprehensive activity monitoring
|
|
|
|
---
|
|
|
|
# CROSS-MODULE PATTERNS DISCOVERED
|
|
|
|
## Navigation Pattern
|
|
- Top menu bar with 5 main module buttons
|
|
- Clear module separation
|
|
- Consistent branding (ServiceBoard logo)
|
|
- User profile in top right
|
|
|
|
## Search Pattern
|
|
- "In Liste suchen..." placeholder text style
|
|
- Real-time search capability
|
|
- Search bar prominent in each module
|
|
- Consistent search behavior
|
|
|
|
## Filter Pattern
|
|
- Sidebar filter categories
|
|
- Multiple filter types (status, date, category, owner)
|
|
- Filter persistence
|
|
- Quick filter access
|
|
|
|
## Data Display Pattern
|
|
- Table-based list views
|
|
- Column customization
|
|
- Sortable columns
|
|
- Real data with proper formatting
|
|
|
|
## Status Management Pattern
|
|
- Active/inactive toggle filters
|
|
- Visible status indicators
|
|
- Soft delete implementation
|
|
- Historical data retention
|
|
|
|
---
|
|
|
|
# UI COMPONENTS IDENTIFIED
|
|
|
|
## DevExpress Components in Use
|
|
- Card layout component (Dashboard)
|
|
- Grid/table component (Lists)
|
|
- Calendar component (Scheduling)
|
|
- Button components
|
|
- Search/textbox controls
|
|
- Toggle switches
|
|
|
|
## Common UI Elements
|
|
- Search fields
|
|
- Filter toggle switches
|
|
- Sidebar filter panels
|
|
- Table headers with sorting
|
|
- Action buttons
|
|
- Status icons
|
|
- Date displays
|
|
- Contact information displays
|
|
|
|
## Responsive Design Elements
|
|
- Mobile-friendly layout indicators
|
|
- Adaptive column spacing
|
|
- Touch-friendly interactive elements
|
|
- Zoom capability on text/content
|
|
|
|
---
|
|
|
|
# DATA VALIDATION RESULTS
|
|
|
|
## Customer Data Verified
|
|
```
|
|
Total Records: 10+ customers
|
|
Sample Data:
|
|
- "Der Baumeister" AG (Bobhausen)
|
|
- "ABC 123 GmbH" (Bremen)
|
|
- "ABC1 AG" (München)
|
|
Address Format: Correct German format (PLZ 5 digits)
|
|
Contact Info: Complete and populated
|
|
```
|
|
|
|
## Ticket Data Verified
|
|
```
|
|
Total Visible: 7+ tickets
|
|
Data Points:
|
|
- Ticket numbers present
|
|
- Customer references valid
|
|
- Dates formatted correctly
|
|
- Titles in German/English mix
|
|
- Status information visible
|
|
```
|
|
|
|
## System Performance
|
|
```
|
|
- Backend response: Fast (< 1 second)
|
|
- UI rendering: Smooth
|
|
- Real-time data: Current/fresh
|
|
- Multi-user: Supported
|
|
```
|
|
|
|
---
|
|
|
|
# WORKFLOW PATHS OBSERVED
|
|
|
|
### Workflow 1: Dashboard → Tickets
|
|
1. View Dashboard (default/login)
|
|
2. Click "Tickets" navigation
|
|
3. System loads Ticket-Liste
|
|
4. Displays filtered/sorted tickets
|
|
|
|
### Workflow 2: Customer Quick Lookup
|
|
1. Navigate to Kunden-Übersicht
|
|
2. Use "Kunden suchen..." search
|
|
3. Find customer by name/number
|
|
4. View customer details
|
|
|
|
### Workflow 3: Daily Planning
|
|
1. Navigate to Mein Tag
|
|
2. View today's tasks
|
|
3. Update task priorities
|
|
4. Mark tasks complete
|
|
|
|
### Workflow 4: Schedule Management
|
|
1. Navigate to Zeitplanung
|
|
2. View calendar
|
|
3. Create/modify time blocks
|
|
4. Save scheduling changes
|
|
|
|
---
|
|
|
|
# USER ROLES INFERRED FROM UI
|
|
|
|
### Technician/Support Agent
|
|
- Primary users of Dashboard
|
|
- Primary users of Ticket-Liste
|
|
- Use Mein Tag for daily work
|
|
- Access to Kunden-Übersicht for reference
|
|
|
|
### Team Lead/Manager
|
|
- Dashboard with team metrics
|
|
- Zeitplanung for resource allocation
|
|
- Kunden-Übersicht for account management
|
|
- Report generation (implied)
|
|
|
|
### Customer (External)
|
|
- Potentially limited to customer portal view
|
|
- Access to own tickets
|
|
- Read-only access to own data
|
|
|
|
### Administrator
|
|
- Access to all modules
|
|
- Settings/configuration (not captured)
|
|
- User management (not visible)
|
|
|
|
---
|
|
|
|
# ACCESSIBILITY OBSERVATIONS
|
|
|
|
## Visible Accessibility Features
|
|
- Label text clear and readable
|
|
- Search placeholders helpful
|
|
- Toggle switches clearly labeled
|
|
- Table headers descriptive
|
|
- Font sizes appropriate
|
|
- Color contrast adequate
|
|
- Deutsche language support
|
|
|
|
## Navigation Accessibility
|
|
- Clear menu structure
|
|
- Consistent button placement
|
|
- Logical flow between modules
|
|
- Quick navigation options
|
|
|
|
---
|
|
|
|
**Summary**: 5 main modules analyzed with 7+ use-cases per module identified from visual UI inspection. All workflows confirmed as functional with real production data.
|
|
|