alu-chatbot / EXAMPLE_VISUAL_RESPONSES.md
Ngum's picture
Add: Enhanced response formatter - structured layout with quick actions, clean content, organized links
b6ec068
|
Raw
History Blame
13.2 kB

🎨 EXAMPLE VISUAL RESPONSES

Real Examples of How Images Will Appear in the Chatbot


Example 1: Library Platforms with Logos

Student asks: "Show me the library platforms"

Chatbot responds:


ALU Library offers three main platforms:

1. EBSCOHost - 263,300+ academic journals

EBSCOHost Platform

2. BUKU - E-textbooks for all courses

BUKU Platform

3. LIBRARIKA - Physical book reservations

LIBRARIKA Platform

Access all platforms at: https://library.alueducation.com/home


Visual Result: Three platform logos displayed with descriptions, making it easy to identify each service.


Example 2: Campus Map

Student asks: "Where is the library?"

Chatbot responds:


Here's the ALU Rwanda Campus layout:

ALU Campus Map

Location: Bumbogo, Kigali Innovation City, Kigali, Rwanda

Key Facilities:

  • πŸ“š Library: Ground floor, Building A
  • 🏫 Classrooms: Buildings A & B
  • πŸ‘₯ Student Center: Building C
  • 🍽️ Cafeteria: Ground floor, Building B

For directions, visit: https://www.alueducation.com/contact


Visual Result: Full campus map image showing building locations, making it easy to navigate.


Example 3: Research Paper Structure (ASCII Diagram)

Student asks: "How do I structure my research paper?"

Chatbot responds:


Research Paper Structure:

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚         TITLE PAGE                  β”‚
β”‚  - Title, Name, Date, Course        β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚         ABSTRACT                    β”‚
β”‚  - 150-250 words summary            β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚      1. INTRODUCTION                β”‚
β”‚  - Background & Research Question   β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚   2. LITERATURE REVIEW              β”‚
β”‚  - Previous research & theories     β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚      3. METHODOLOGY                 β”‚
β”‚  - How you conducted research       β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚       4. RESULTS                    β”‚
β”‚  - Your findings & data             β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚      5. DISCUSSION                  β”‚
β”‚  - Interpretation & implications    β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚      6. CONCLUSION                  β”‚
β”‚  - Summary & future research        β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
              ↓
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚       REFERENCES                    β”‚
β”‚  - All cited sources (APA/MLA)      β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Need help? Book a Creative Writing Enhancement session:


Visual Result: Clear flowchart showing paper structure from start to finish.


Example 4: Academic Programs with Icons

Student asks: "What programs does ALU offer?"

Chatbot responds:


ALU Offers Three Undergraduate Programs:

1. Software Engineering (SE)

Software Engineering

  • Duration: 4 years
  • Focus: Full-stack development, AI, Cloud Computing
  • Career: Software Developer, Data Scientist, Tech Entrepreneur

2. Entrepreneurial Leadership (EL)

Entrepreneurial Leadership

  • Duration: 4 years
  • Focus: Business, Innovation, Leadership
  • Career: Entrepreneur, Business Leader, Consultant

3. Global Challenges (GC)

Global Challenges

  • Duration: 4 years
  • Focus: 8 challenge areas (Health, Education, Climate, etc.)
  • Career: Policy Maker, Social Entrepreneur, Development Expert

Learn more: https://www.alueducation.com/programs


Visual Result: Three program icons with detailed descriptions, making it easy to compare.


Example 5: Library Access Flowchart

Student asks: "How do I access library resources?"

Chatbot responds:


Quick Access Flowchart:

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  What do you need?              β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
           β”‚
     β”Œβ”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
     β”‚           β”‚             β”‚              β”‚
  Journals   Textbooks   Physical Books  Writing Help
     β”‚           β”‚             β”‚              β”‚
     β–Ό           β–Ό             β–Ό              β–Ό
 EBSCOHost     BUKU       LIBRARIKA    Book Office Hours
     β”‚           β”‚             β”‚              β”‚
     β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                      β”‚
                      β–Ό
        https://library.alueducation.com/home

All resources accessible through one portal!

Contact: library_rw@comms.alueducation.com | +250 784 650 219


Visual Result: Decision tree helping students quickly find the right resource.


Example 6: Citation Styles Comparison

Student asks: "How do I cite sources?"

Chatbot responds:


Common Citation Styles:

1. APA Style (American Psychological Association)

Book:
Author, A. A. (Year). Title of work. Publisher.

Journal:
Author, A. A. (Year). Title of article. Journal Name, volume(issue), pages.

Website:
Author, A. A. (Year, Month Day). Title. Site Name. URL

2. MLA Style (Modern Language Association)

Book:
Author Last Name, First Name. Title of Book. Publisher, Year.

Journal:
Author Last Name, First Name. "Article Title." Journal Name, vol. #, no. #, Year, pp. pages.

Website:
Author Last Name, First Name. "Page Title." Website Name, Day Month Year, URL.

3. Chicago Style

Book:
Last Name, First Name. Title of Book. Place: Publisher, Year.

Journal:
Last Name, First Name. "Article Title." Journal Name volume, no. issue (Year): pages.

Need citation help?

🌐 https://library.alueducation.com/home


Visual Result: Side-by-side comparison of citation formats with clear examples.


Example 7: EBSCOHost Search Tutorial

Student asks: "How do I search for research papers?"

Chatbot responds:


Step-by-Step Guide to Searching EBSCOHost:

1. Access the Platform Visit https://library.alueducation.com/home and click on EBSCOHost

2. Enter Your Search Terms

  • Use specific keywords
  • Combine terms with AND/OR
  • Use quotes for exact phrases

3. Apply Filters

  • Date range
  • Publication type
  • Subject area
  • Full text only

4. Review Results

  • Read abstracts
  • Check citations
  • Download PDFs

EBSCOHost Search Interface

Download the full user manual: https://library.alueducation.com/manuals/ebscohost-guide.pdf


Visual Result: Step-by-step guide with screenshot of the search interface.


Example 8: ALU Logo & Branding

Student asks: "Show me the ALU logo"

Chatbot responds:


African Leadership University (ALU) Official Logo:

ALU Logo

Brand Colors:

  • πŸ”΅ Primary: Navy Blue (#003366)
  • 🟑 Secondary: Gold (#FFD700)
  • βšͺ Accent: White (#FFFFFF)

Official Website: https://www.alueducation.com

For brand guidelines and official assets, contact the communications team.


Visual Result: Official ALU logo displayed with brand color information.


🎯 Key Features:

1. Responsive Images

  • Automatically resize for mobile/desktop
  • Maintain aspect ratio
  • Smooth loading

2. Styled Beautifully

  • Rounded corners
  • Gold borders (brand colors)
  • Proper spacing
  • Alt text captions

3. Accessible

  • Alt text for screen readers
  • Fallback text if image fails
  • Keyboard navigation

4. Fast Loading

  • Lazy loading (only load when visible)
  • Optimized images
  • CDN delivery

πŸ“± How It Looks:

Desktop View:

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  Student Question                           β”‚
β”‚  "Show me the library platforms"            β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  Bot Response                               β”‚
β”‚                                             β”‚
β”‚  ALU Library offers three platforms:        β”‚
β”‚                                             β”‚
β”‚  1. EBSCOHost - 263,300+ journals          β”‚
β”‚  [Large EBSCOHost Logo Image]              β”‚
β”‚                                             β”‚
β”‚  2. BUKU - E-textbooks                     β”‚
β”‚  [Large BUKU Logo Image]                   β”‚
β”‚                                             β”‚
β”‚  3. LIBRARIKA - Physical books             β”‚
β”‚  [Large LIBRARIKA Logo Image]              β”‚
β”‚                                             β”‚
β”‚  Access: https://library.alueducation.com   β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Mobile View:

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  Student Question    β”‚
β”‚  "Show me the        β”‚
β”‚   library platforms" β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  Bot Response        β”‚
β”‚                      β”‚
β”‚  ALU Library offers: β”‚
β”‚                      β”‚
β”‚  1. EBSCOHost       β”‚
β”‚  [Responsive Logo]   β”‚
β”‚                      β”‚
β”‚  2. BUKU            β”‚
β”‚  [Responsive Logo]   β”‚
β”‚                      β”‚
β”‚  3. LIBRARIKA       β”‚
β”‚  [Responsive Logo]   β”‚
β”‚                      β”‚
β”‚  Access: [link]      β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

βœ… What This Means:

Students get:

  • πŸ“Έ Visual guides instead of just text
  • πŸ—ΊοΈ Maps and diagrams for better understanding
  • 🎨 Icons and logos for quick recognition
  • πŸ“Š Flowcharts for step-by-step processes
  • πŸ–ΌοΈ Screenshots for tutorials

Result: Much better learning experience! πŸš€


All of this is now live after the rebuild! πŸŽ‰