Course Cover Image Synchronization and Display

[PlataformasInformaticas]

Feature: Course Cover Image Synchronization and Display

With the introduction of the cover field for courses in Planet, myPlanet must support synchronizing and displaying these images correctly.

---

Goal

Enable myPlanet to:

• Synchronize the cover field for courses.
• Display course cover images in the user interface.
• Improve course recognition and navigation for users.

---

Cover Image Specifications

The course cover image follows these constraints:

• Aspect ratio: 1:1 (square)
• Minimum resolution: 512 × 512 px
• Maximum resolution: 1024 × 1024 px
• Format: JPG / JPEG

---

Current Limitation

• Courses in myPlanet do not have a visual representation.
• Users must rely only on course titles and text descriptions.
• Course lists lack visual hierarchy and quick recognition.

---

Proposed Solution

1. Synchronize the cover field from Planet during course sync.
2. Download and cache the cover image locally for offline usage.
3. Display the cover image in:
   • Course listings
   • Course detail views
4. Provide a default placeholder image when no cover is available.

---

Benefits

• Improves usability and navigation.
• Enhances visual recognition of courses.
• Provides a richer and more engaging user experience.
• Supports offline-first design principles.

---

Technical Considerations

• Optimize image size for mobile storage and performance.
• Implement caching and cleanup strategies.
• Ensure graceful fallback when images fail to load.

---

Context

Visual course identification is especially important in myPlanet’s mobile and offline environments, where quick recognition and ease of navigation significantly impact user engagement.

main issue: open-learning-exchange/planet#9467