Анульовано

T-shirt template designer

# Tshirt Template Designer system in Flash {#ly6g}

I require an online drawing application developed in Adobe Flash(tm) (Flash) where a user will be able to design their own image to be printed on a t-shirt. The image will then be saved by the Flash application onto the server. The application will be structured much like Microsoft Paint(tm) but will be more focused on designing images to be printed on the tshirt. For example the canvas will be replaced by a picture of a tshirt.

## Deliverables

Please refer to attached Design document and [url removed, login to view] file. The following information is copied and pasted from the design document.

# Overview

The flash application will communicate with a PHP scripting stored on the server. The communication will have the following attributes:

* The communications will occur in XML.

* The XML will be dynamically generated by pre-written PHP scripts. No PHP scripts will need to be written for this project.

* Lists that are contained in the Flash application (such as: List of predefined templates, uploaded images, fonts etc) will be dynamically updated from XML. Pre-written PHP scripts will generate these XML files. Flash application must update its own content based on the contents of these scripts. For example, an XML list of thumbnails will be supplied and the Flash application must then format them into a scrollable box (refer to below for more detail)

* Users can upload files and these will be submitted to a PHP script (pre-written), which will generate the thumbnail and return a list of thumbnails (see below)

![][1]

# ****2. Functionality****

{#re20}

2a. Drawing Centre

* The Drawing centre will consist of a canvas with a garment displayed on it (2g)

* The Drawing centre will have a shapes tool bar (2b), with **shapes**

* The Drawing centre will also have fonts and text toolbar (2c)

* The Drawing centre will allow the user to upload their own image using the upload image toolbar.(2d)

* The Drawing centre will have a colour chooser to change the the colour of a shape or text that is selected (2e)

* The Drawing centre will have predefined templates with pictures as a toolbar (2f)

2b. Shapes toolbar

* The shapes toolbar will have pictures of shapes in small black thumbnails and be able to be dragged across onto the canvas.

* The shapes available will be all the symbols found in the "Wingdings" font

* The shapes toolbar will allow for a shape to be dragged onto the canvas, and then the shape will appear on the canvas in the spot where the shape has been dragged too.

* Shapes dragged onto the canvas can be resized when selected, 8 bars will appear on the middle top, middle bottom, middle sides, and the corners when the shape is selected.

* Shapes which are already on the canvas can be recoloured by first selecting the shape and then using the colour chooser (2e).

* Shapes which are already on the canvas can be moved by clicking on the shape to select it and then dragging it to a new location.

* Shapes should be shown in thumbnail form on the toolbar itself.

* Shapes toolbar will have a horizontal scrollbar to allow users to scroll left and right to select the appropriate shape to place on the canvas.

2c. Text and font toolbar

* The text and font toolbar will allow a user to enter text in any font.

* The fonts include standard fonts in MS Office.

* Text can be typed anywhere on the canvas with the use of the text tool, which is located on the text and font toolbar.

[url removed, login to view] image toolbar

* The upload images tool bar will display thumbnails of images that have been uploaded.

* The links to the thumbnails of uploaded images will be retrieved from an XML file, which is generated by a PHP script (which has been created and won't need to be programmed)

* Users can upload an image and it will be displayed as a thumbnail.

* When User uploads an image, it will be submitted to a PHP script (pre-written, no need to program) and this script will then return an XML file with the links to all the thumbnail images.

* The uploaded image toolbar will display all previous images uploaded by the user.

<!-- -->

* The uploaded image toolbar will allow a user to drag a thumbnail of the image they uploaded onto the canvas and it will appear at that location on the canvas.

* Images placed on the canvas can be resized when selected, 8 bars will appear on the middle top, middle bottom, middle sides, and the corners when the image is selected.

2e. Colour chooser (for objects, not tshirts)

* The colour chooser will allow a user to select one of 256 colours in the RGB spectrum.

* The colour chooser should be displayed on the right side in a frame at all times

* If any object (apart from an image) is selected on the canvas, clicking a colour in the colour changer will modify the fill of that object.

* An eraser will be displayed under the colour chooser. If a user selects the eraser, a small box will appear with the ability to adjust the size in pixels of the eraser.

* The eraser will paint onto the canvas the canvas colour, and it will be on the top most to block out other parts of the drawing.

2f. Predefined templates toolbar

* Predefined templates toolbar will list thumbnails from an XML file, generated by PHP (already pre-written, no need to program).

* The templates should be displayed in a scrollable box which can scroll up and down (not left and right) and will show rows of templates from one category.

* A button will be avaliable for the user to search for predefined templates. Once clicked a new form will come onto the screen (see 2g)

2g. Predefined templates search

* The user should be able to "browse" all predefined templates, which are stored under categories.

* An XML file will be generated from a pre-written PHP script that supplies the flash with the link to thumbnails and the category that each image is under.

* A textbox will allow user input, and as each letter is typed in the text box, the flash will update the XML file by supplying the search string to the PHP (which will return a list of thumbnails that match the search criteria)

* When the double clicks a thumbnail, this thumbnail will be submitted to the PHP script and the predefined templates search will then close. The user is to be returned to the predefined templates toolbar, which will refresh the XML and be updated (showing the selected thumbnail first and the others in the category, although the order is handled by the PHP).

2h. Colour and size chooser (for tshirts, not objects)

* A list of thumbnails will be displayed for all the tshirts on offer, and each should be clickable and this will change the Tshirt on the canvas

* The list of tshirts will be loaded from an XML file

# ****3. Canvas**** {#qddu}

* The canvas must display the tshirt which is to be selected by the user, and the tshirt is displayed in the bottom most layer, such that objects appear ontop of the tshirt.

* The tshirt colour selected should be reflected on the tshirt

* The tshirt images will be supplied and should be loaded from an XML script which is dynamically refreshed by a PHP script.

* A button can be used to change the tshirt from front to back view.

* The front and the back view of the shirt will have seperate drawing canvas.

* The tshirt should allow a user to drag objects and shapes from the toolbars onto the cavas.

* The canvas should be white.

* Objects on the canvas should be selectable, if a user performs a single click on the object a black square border will become visible around the object.

For each object, when the border is visible there will be:

* An [x] in each corner of the border. This can be single clicked and held/dragged to modify the size. When the mouse button is un held the new size of the object will remain.

* A pair of scissors will be displayed in the bottom left corner of the border. This can be single clicked and the scissors will highlight, if the scissors are highlighted, then dragging an [x] will crop the image by reducing the size of the border (rather than scaling the image)

# ****4. Scripting**** {#yefp}

There are three areas where the flash application will accept XML files in order to dynamically refresh its contents

4.1) Uploaded images list

* XML file opened will list the thumbnails avaliable, and a description in the following format

<thumbnails>

<thumb category="Uploaded">

<description>Bart Simpson</description>

<link>images/[url removed, login to view]</link>

</thumb>

<thumb category="Uploaded">

<description>Sideshow Bob</description>

<link>images/[url removed, login to view]</link>

</thumb>

<thumbnails>

* All thumbnails should be displayed in a 36x36 pixel square

* A mouse over tool tip will display the "category name: description"

4.2) Templates images list

* XML file opened will list the thumbnails avaliable, and a description in the following format

<thumbnails>

<thumb category="Simpsons">

<description>Principal Skinner</description>

<link>images/[url removed, login to view]</link>

</thumb>

<thumb category="Krusty">

<description>Sideshow Bob</description>

<link>images/[url removed, login to view]</link>

</thumb>

<thumbnails>

* All thumbnails should be displayed in a 36x36 pixel square

* A mouse over tool tip will display the "category name: description"

* The XML will be dynamically updated by PHP when the user returns from the search/browse button.

4.3) Uploading images

* The flash script should use a form that will submit to a PHP script. The script will accept the following variables:

* file : the uploaded file.

* Description : a text field 50 characters in length allowing keywords to describe the upload file.

4.4) Template search

* A flash form should submit the users search criteria as the user types in the text box

* The PHP script will require the variable "keyword" and return an XML file

* The XML file will have the same format as in 4.1

* Each time the XML is loaded, the thumbnails should be loaded onto the form and display the category name above each thumbnail

4.5) Tshirt size and colour (2h)

* An XML file will be loaded at the start of the application.

* The XML file will have the following format:

<catalogue>

<item category="T-Shirt">

<description>Gildan Slim Fit</description>

<size>Large</size>

<link>images/[url removed, login to view]</link>

</item>

<item category="T-Shirt">

<description>Gildan Slim Fit</description>

<size>Small</size>

<link>images/[url removed, login to view]</link>

</item>

</catalogue>

# 5. Output {#eun_0}

* The Flash application must be able to output the picture drawn onto a high quality PNG file.

* The file should have a transparent background, unless the user selects otherwise.

* The PNG should be submitted to a PHP script which will store the file on the server.

# ********6. Effects******** {#pkyo3}

* All screens and messages should "slide" in from the left, fade in from alpha 0.

* When screens or messages are closed they should slide out to the right, fade out to alpha 0.

* All motion should be tweened to go from slow to fast (when an effect is appearing) and from fast to slow (when an effect is disappearing).

* Buttons, when moused over should have a transparent white glow over the entire button and a grey border.

Навички: ActionScript, Adobe Flash, Техніка, MySQL, PHP, Архітектура ПЗ, Тестування ПЗ, Веб-хостинг, Управління веб-сайтами, Тестування сайтів, XML

Деталі: xml tool online, xml to c# object online, where to design a shirt, where can i design a shirt, view xml online, update prototype, types of designer, t shirt or t-shirt, tshirt on, t shirt design templates, t shirt design submit, t-shirt design categories, t shirt categories, t shirt by design, top tshirt design, top t shirt design, top 10 t-shirt design, top 10 list template, tool prototype, the simpsons drawing

Про роботодавця:
( 3 відгуки(-ів) ) Melbourne, Australia

ID Проекту: #3127205

4 фрілансерів(-и) у середньому готові виконати цю роботу за $202

empyreansoftware

See private message.

$255 USD за 20 дні(-в)
(2 відгуків(и))
4.8
nirmansoftware

See private message.

$212.5 USD за 20 дні(-в)
(27 відгуків(и))
4.6
nibssolutions

See private message.

$255 USD за 20 дні(-в)
(16 відгуків(и))
4.4
vw6922578vw

See private message.

$85 USD за 20 дні(-в)
(9 відгуків(и))
3.7
saroshdurrani86

See private message.

$255 USD за 20 дні(-в)
(1 відгук)
2.2