Dave Cohen -
Alleycat Software

Web Development

This is a single-page application (SPA) mobile version of the Bamboo Data Systems web site. Bamboo Data Systems is an educational tool for medical facilities, offering video collections, quizzes, user accounts, and a complete administrative system. The mobile version offers a subset of the functionality with an easy to use mobile-friendly interface. This version includes video search and play, quizzes, and individual user account management. Like the main site, it has object-oriented PHP/MySQL underpinnings, but operations are exclusively AJAX based. Multiple 'panel' construction allows users to view videos or other related documents while taking quizzes, yet return to the quiz at the same point. Auto-completion fields let users quickly search for videos or quizzes based on keywords. Responsive design adapts to viewport size.
Video Library
  • Video selection uses hierarchical, collapsible locality/modality lists.
  • CSS3 features including Video tag mean that the site is supported by any compliant web browser.
  • Video search using autocompletion matching via AJAX.
  • Videos that have already been watched are flagged.
Quizzes
  • Quizzes with multiple choice, text, or checkbox answers are organized by different quiz types.
  • Users can leave quiz to view videos or other documents and then return at the same point.
  • Quiz search using autocompletion matching via AJAX.
  • Quiz schedules by date or rotation for each site.
  • Users can automatically receive alerts when quizzes are activated or scheduled to end.
  • Quizzes can contain links to videos, documents, or images.
  • Quizzes can present all questions at once, or one question at a time.
User Management
  • Users can view and manage their account information.
  • Users can view current status, including quiz schedule and video logging.
General Features
  • Uses object oriented PHP.
  • MySQL database, including PHP session data tables.
  • Single page application (SPA) uses AJAX for server communications.
  • 'Panel' paradigm allows for quickly moving between different parts of the application while maintaining current state of each.
  • Responsive design adapts to viewport size.