segmentation app modify make changes
Budget: $30 – $250 USD
We would like to add a functionality to our Joomla website that allows customers to customize carpets with their own colors. We had somebody who made something, but didn't have the skills to make it perfectly working. Below is a detailed breakdown of how we envision this feature:
Customization Functionality Overview
1. Adjusting Product Page
o "Customize" Button: On each carpet product page, add a "Customize" button.
o Popup Window/Modal: Clicking the "Customize" button opens a popup or modal where users can customize the carpet.
2. Integrating Color Customization Tool
o Frames for Customization: In the customization window, show frames around customizable areas (e.g., edges, patterns).
o Interactive Frames: These frames should be clickable, allowing users to select and change the color of specific parts of the carpet.
3. Real-time Color Display
o Immediate Color Update: When a user selects a color, it should immediately reflect on the carpet in the customization window.
o Real-time Feedback: Users should see real-time color changes as they select different colors.
4. Saving Customized Colors
o Session or Database Storage: Track selected colors using session variables or store them in the database linked to the user’s account.
o Final Image Saving: Save the customized carpet image (without the frames) on the server.
5. Adding to Cart and Placing Order
o Order Integration: Include the customized colors in the order details when a user adds the carpet to their cart and places an order.
o PHP Integration: Ensure that the customized carpet details are properly included in the existing PHP shopping cart environment.
Technology Requirements
• Client-Side: Preferably written in Angular, functioning in a web browser.
• Server-Side: Must be written in PHP. If PHP is not feasible, notify us before proceeding with another language.
Detailed Requirements
1. Modifications to Existing Code
o Immediate Frame Display: Ensure frames appear immediately after a photo is uploaded.
o Frame-Specific Color Changes: Only the parts within the clicked frame should change color.
o Color Code Input: Allow users to enter a color code (e.g., RGB or hex) in the color palette.
o Final Image Saving: Save the final customized image without frames, as the final product will be handmade based on this image.
2. Additional Developer Notes
o Last Builder's Update: Check and resolve the following:
Frames should display immediately after uploading.
Allow color code input with a '#' for hex codes.
Ensure sharp and precise color changes within frames, especially on carpets with complex designs.
Implement the saving functionality so changes are stored on the server.
o Performance: Optimize for GPU usage to improve performance on complex images.
o Integration Readiness: Make sure the feature is fully ready for integration by our web developer into the Joomla shop.
Final Steps
1. Review Existing Source Code: Ensure all required functionalities are present and working correctly.
2. Enhance Segmentation: Improve segmentation for better performance on complex images.
3. Implement Saving Mechanism: Ensure the customized image is saved correctly on the server and relevant variables are stored in session variables for further use by the webshop developer.
4. Integration Preparation: Prepare the feature for seamless integration into our existing Joomla webshop.
See all in attachment. Only send offer if you fully understand the task. if you have question send me message frist
Required Skills
PHP Development
Angular (or a similar frontend framework)
JavaScript
Experience with Joomla CMS
Experience with image editing and saving
Segmentation (like segment anything)
Session management in PHP
UI/UX design and implementation
Customization Functionality Overview
1. Adjusting Product Page
o "Customize" Button: On each carpet product page, add a "Customize" button.
o Popup Window/Modal: Clicking the "Customize" button opens a popup or modal where users can customize the carpet.
2. Integrating Color Customization Tool
o Frames for Customization: In the customization window, show frames around customizable areas (e.g., edges, patterns).
o Interactive Frames: These frames should be clickable, allowing users to select and change the color of specific parts of the carpet.
3. Real-time Color Display
o Immediate Color Update: When a user selects a color, it should immediately reflect on the carpet in the customization window.
o Real-time Feedback: Users should see real-time color changes as they select different colors.
4. Saving Customized Colors
o Session or Database Storage: Track selected colors using session variables or store them in the database linked to the user’s account.
o Final Image Saving: Save the customized carpet image (without the frames) on the server.
5. Adding to Cart and Placing Order
o Order Integration: Include the customized colors in the order details when a user adds the carpet to their cart and places an order.
o PHP Integration: Ensure that the customized carpet details are properly included in the existing PHP shopping cart environment.
Technology Requirements
• Client-Side: Preferably written in Angular, functioning in a web browser.
• Server-Side: Must be written in PHP. If PHP is not feasible, notify us before proceeding with another language.
Detailed Requirements
1. Modifications to Existing Code
o Immediate Frame Display: Ensure frames appear immediately after a photo is uploaded.
o Frame-Specific Color Changes: Only the parts within the clicked frame should change color.
o Color Code Input: Allow users to enter a color code (e.g., RGB or hex) in the color palette.
o Final Image Saving: Save the final customized image without frames, as the final product will be handmade based on this image.
2. Additional Developer Notes
o Last Builder's Update: Check and resolve the following:
Frames should display immediately after uploading.
Allow color code input with a '#' for hex codes.
Ensure sharp and precise color changes within frames, especially on carpets with complex designs.
Implement the saving functionality so changes are stored on the server.
o Performance: Optimize for GPU usage to improve performance on complex images.
o Integration Readiness: Make sure the feature is fully ready for integration by our web developer into the Joomla shop.
Final Steps
1. Review Existing Source Code: Ensure all required functionalities are present and working correctly.
2. Enhance Segmentation: Improve segmentation for better performance on complex images.
3. Implement Saving Mechanism: Ensure the customized image is saved correctly on the server and relevant variables are stored in session variables for further use by the webshop developer.
4. Integration Preparation: Prepare the feature for seamless integration into our existing Joomla webshop.
See all in attachment. Only send offer if you fully understand the task. if you have question send me message frist
Required Skills
PHP Development
Angular (or a similar frontend framework)
JavaScript
Experience with Joomla CMS
Experience with image editing and saving
Segmentation (like segment anything)
Session management in PHP
UI/UX design and implementation