| | 177 | |
| | 178 | |
| | 179 | |
| | 180 | |
| | 181 | == UX/UI Development Plan == |
| | 182 | |
| | 183 | This section is intended to guide UX/UI designers on the sequence and contents of the web pages |
| | 184 | based on the current database design and application scenarios. |
| | 185 | |
| | 186 | === General Guidelines === |
| | 187 | * The UI should follow the database structure and SQL use cases listed in P3. |
| | 188 | * Each major user interaction (e.g., creating a wedding, adding guests, booking venues) should |
| | 189 | correspond to a logical group of SQL queries and entities in the database. |
| | 190 | * Screens should be organized to match the real-world process flow: login → wedding creation → |
| | 191 | event creation → guest management → attendance tracking → bookings → summaries/reports. |
| | 192 | |
| | 193 | === Suggested Page Flow === |
| | 194 | 1. **User Login / Registration Page** |
| | 195 | - Capture user credentials (User entity). |
| | 196 | - Link to Wedding creation/dashboard once logged in. |
| | 197 | |
| | 198 | 2. **Wedding Dashboard** |
| | 199 | - List all weddings for the user. |
| | 200 | - Options to create/edit/delete wedding records (Wedding entity). |
| | 201 | |
| | 202 | 3. **Event Management** |
| | 203 | - Page for adding, editing, and viewing events for selected wedding. |
| | 204 | - Connects to Event entity. |
| | 205 | |
| | 206 | 4. **Guest List and Attendance** |
| | 207 | - Page to add/edit guest details (Guest entity). |
| | 208 | - Multi-select or event-specific attendance (Attendance entity). |
| | 209 | - Optional table assignment if applicable. |
| | 210 | |
| | 211 | 5. **Bookings Page** |
| | 212 | - Separate sections for: |
| | 213 | * Venue booking (Venue & Venue_booking entities) |
| | 214 | * Photographer booking (Photographer & Photographer_booking) |
| | 215 | * Other service bookings |
| | 216 | - Include date/time pickers and status fields. |
| | 217 | |
| | 218 | 6. **Reports / Summary Pages** |
| | 219 | - Show aggregated data such as guest count, attendance status, |
| | 220 | booked services overview, and cost estimates. |
| | 221 | |
| | 222 | === Interaction-to-SQL Mapping === |
| | 223 | * For each user action, refer to specific SQL scenarios in P3: |
| | 224 | - Wedding creation → `INSERT INTO Wedding` |
| | 225 | - Adding guest → `INSERT INTO Guest` |
| | 226 | - Recording attendance → `INSERT INTO Attendance` |
| | 227 | - List events → `SELECT FROM Event WHERE wedding_id = ?` |
| | 228 | - Booking venue → `INSERT INTO Venue_booking` |
| | 229 | - etc. |
| | 230 | |
| | 231 | === Design Notes === |
| | 232 | * Use consistent navigation (e.g., top bar with links: Weddings | Events | Guests | Bookings). |
| | 233 | * Forms should validate required fields before submission (e.g., wedding date, event time). |
| | 234 | * Views for lists should support sorting/filtering/search (e.g., guests by name). |
| | 235 | |
| | 236 | == UX/UI Pages Checklist == |
| | 237 | * Login / Registration |
| | 238 | * Wedding Dashboard |
| | 239 | * Event Management |
| | 240 | * Guest List + Attendance |
| | 241 | * Venue & Services Booking |
| | 242 | * Reports / Summary |
| | 243 | |
| | 244 | |