Responsive PHP-Based Web Application for Image-to-Hex Conversion with Batch Processing, GIF Handling, and Image Library

Project Domain / Category

Web Application Development / Embedded Systems Interface

Abstract / Introduction

This project aims to develop a feature-rich, responsive PHP-based web application that enables users to convert images into hex code for use with various embedded system displays (TFT, OLED, LCD).

The application will allow users to upload images, customize settings (such as image size, color inversion, and compatibility with different display libraries), and process multiple images at once. Additionally, it will include functionality to handle animated GIFs, splitting them into individual frames for hex conversion.

An integrated image library will provide users with pre-loaded images and animations for testing purposes. The application will also offer a REST-based API, allowing external applications to access the hex conversion service programmatically.

This project will provide a comprehensive solution for developers and hobbyists working with embedded systems, offering flexibility, ease of use, and automation.

Functional Requirements

1.      FR1: Users can upload images (JPEG, PNG, GIF) for conversion to hex code.

2.      FR2: Provide options to resize images to match different display resolutions.

3.      FR3: Allow users to invert image colors before conversion to hex.

4.      FR4: Support various LCD display libraries (Adafruit GFX Library, U8g2 Library, TFT_eSPI Library, LiquidCrystal Library).

5.      FR5: Convert animated GIFs into individual frames and generate hex code for each frame.

6.      FR6: Batch processing of multiple images for hex conversion in one go, with downloadable results.

7.      FR7: Integrated image library with pre-stored images and animated GIFs available for conversion.

8.      FR8: Export hex code in formats suitable for various embedded libraries (e.g., C arrays for Arduino).

9.      FR9: REST-based API allowing third-party applications to use the image-to-hex conversion service.

10.  FR10: Responsive web design to ensure optimal usability on devices of different screen sizes.

11.  FR11: Live image preview after conversion, showing both static and animated image hex output.