biansor-logobiansor.com
Jul - Sep 2018
icweb-logo

Hi-flyer Photobooth

Simplified photo capture tool for customers, accessible via web browser and adaptable to various screen sizes. Offers features like photo editing, email sharing, and admin-controlled user management.

Technical Specs

  • User database is centralized and separate from the main application, connected to two databases.
  • Internationalization (i18n) implemented.
  • Built as a Single Page Application (SPA).
  • RESTful API architecture.
  • State management with Vuex.
  • Database indexing optimized for performance.
  • OAuth2 authentication via Laravel Passport.
  • Initially deployed on an Apache 2 physical server, later migrated to Amazon EC2 with CentOS 7 OS.

Features

  • Virtual keyboard for typing text in the touch screen window.
  • Responsive, can used both landscape in laptops, PCs or portrait in large dimension like kiosk machine.
  • Idle Screen - If not using, it will show a random pictures of previous and promo pictures.
  • Photo Wall - Will display captured photo on the second screen/monitor once process is finished. End user have option to open photowall or not.
  • Capture Photo - It uses the browser camera access.
  • Photo preview up to x4
  • Allow to choose frame. Can create additional frames in the admin side.
  • Allow to choose photo effect (Default).
  • Captured photo can be send via email.
  • Admin dashboard for end-user - Can view, download, send to email and delete photos for their account.
  • Change password
  • Admin dashboard
  • User Management - Add, edit and delete of end-users.
  • History (Audit Trail)
  • Photo Frames - Adding, deleting of photo frames.
  • Albums - Manage all captured photos of end-users.
  • Usage & Statistics - Monitoring dashboard for usage. Can select per end-user to check how much photo and accumulated file size being used.
  • Ads - Ads management (Add, edit, delete of promo photos for idle screen), carousel settings of idle screen.
Role
Contributions
  • Responsible for overall development including UI/UX design
  • Freestyle design, no wireframes
  • Worked closely with project manager, system analyst and system admin
Prev
POS Layout Central
Next
Financial Control Audit
biansor-logo
Developed & designed by
Biansor Almerol
biansor.com © Jan 2025 - Present. All rights reserved.