AS3 Progress Bar

What we need is an AS3 (Action Script 3) component that can be easily embeded within any AS3 (Flash/Flex) application.

The Progress Bar we need needs to be "faked". ? What we mean by "faked" is that the component is not tight to a specific process but runs for a specific amount of time.

In reality what we need is an "animation" that pretends to be a progress bar. ? ;)

## Deliverables

**Requirement 1: Look and feel**

The progress bar component needs to be adjustable in height and width. ? When called, the component will be specified the following four parameters (see snapshot): width, height, component height, component width.

We want the progress bar to be nice looking with some cool shiny effect (no plain color please). ? Uses of images is prohibited - we want everything vectorized! ? We expect that progress bar to look "at least" as nice as the sample we are providing you. ? Still there is room for creativity and we will accept anything that looks professional.

**Requirement 2: Behavior**

The progress bar has three distinct phases:

- Phase 1: Connecting phase ? (first 20% of the progress bar)

- Phase 2: Transfer phase

- Phase 3: Verification phase (last 20% of the progress bar)

Each phase has its specific duration (in seconds) that is provided as parameters when launching the component (phase1Duration, phase2Duration, phase3Duration).

Each phase has also a string message that will get displayed during its duration (phase1Message, phase2Message, phase3Message, completionMessage).

The progress bar will fill up progressively for each phase. ? As an example if the phase1Duration parameter is set to 4 seconds, the progress bar will show a 10% completion after 2 seconds and 20% completion after 4 seconds (the progress bar will then enter its phase 2).

IMPORTANT: The progress bar must fillup gracefully!

Once phase 1 is completed, the component switch automatically to its phase 2. ? The Phase 2 message gets displayed and the progression continues according to the new duration (phase2Duration).

As opposed to Phase 1 which ends after its specified duration, phase 2 will remain until an "end message" is received from the application. ? When the "end message" is received, the progress bar fills up instantly to 80% and switch to Phase 3. ? If the Phase 2 duration ends but no "end message" has yet been received, the progress bar remains blocked at 80% waiting for the "end message" to arrive.

Upon receval of the "end message" the progress bar enters phase 3 and displays its message. ? Once the Phase 3 duration ends the progressBar is filled up entirely and the completionMessage gets displayed.

**Requirement 3: Termination**

The progress bar can be terminated at any time by the application, no matter what phases the progress bar is in.

**Deliverable**

The deliverable must include a test application (either Flash or Flex) showing the use of the component.

The sample data to use for the test application are:

phase1Duration: 3

phase2Duration: 10

phase3Duration: 2

phase1Message: Connecting to server...

phase2Message: Transferring data...

phase3Message: Closing connection...

completionMessage: Transfer completed successfully.

ActionScript Adobe Flash Ingenieurwesen MySQL PHP Softwarearchitektur Testen von Software Web Hosting Website-Management Testen von Webseiten

Projekt-ID: #3050151

Über das Projekt