Project Main Details
If the talent has experience on speaking for software demo video that will be good.
2010-01-18 09:49:49 GMT 2010-01-19 20:03:23 (GMT -05:00) Eastern Time (US & Canada) Yes (click here to learn more about ) Closed - Note: This project was manually closed by the voice seeker before it reached its original deadline. 0 0 0 direct invitation(s) have been sent by the voice seeker resulting in 0 audition(s) and/or proposal(s) so far. Voice123 SmartCast is seeking 20 auditions and/or proposals for this project (approx.) Invitations sent by SmartCast have resulted in 0 audition(s) and/or proposal(s) so far.
• Audio files must be delivered via FTP/Dropbox/Google Drive/cloud
We can create UI mockup very quickly with ForeUI. All predefined elements are listed on the left, and they are organized by categories. We can easily drag element and drop it into the working area.
This floating tool pane provides all applicable tools for tweaking the selected elements. The content of the pane may vary according to the element type.
This button can bring out the page management window. We can create many pages and organize them as tree structure. The view on the right shows the detailed information of the current selected page, including the page title, master page, page action and page note. We can also edit the information here.
Here is a list of all available UI themes for prototyping. Elements can change their appearance according to the UI theme.
We can click the button on the bottom right corner to configure the size and background of the prototype.
There are some buttons on top of the working area. The "Global Properties" button can open the global properties management window, which is very useful for interactive behavior design; The "Select Element..." button allows us to pick existing elements from a tree structure; The "Display" button can show/hide elements according to their stacking order; The "Image Dock" can manage all images used in the prototype.
Let's create a simple prototype for a small timer application. The timer application can show a message after the time delay, both the message and time delay are configurable. It can also display the timing in a "count down" mode.
The UI mockup creation is quite easy, let's make it faster... that's it!
We can choose different UI themes to render our mockup. The default UI theme is "Wire Frame", which renders the mockup with flat, gray lines and boxes. The "Hand Drawing" theme makes the mockup like a hand drawn sketch. This is the "Windows XP" theme... the "Mac OS X" theme... and the "Windows 7" theme...
Before defining the interaction, we'd better assign some meaningful ids to the elements that we need to manipulate.
Now I will create three global properties to represent the seconds remain, the seconds elapse and whether the user has stopped the counting.
We will start the behavior definition from the last phase of the timer -- Show Message. I'd like to use a custom message window element for message display. It is better to place it on another page, to avoid messing up the main page. Just switch to the new page when need to show the message.
I rename to first page to "Main Window", and then create a new page named "Popup Message". I drag an information message window into the newly created page, change its title and clear its message content. The default action for the "Close" button is to hide the message window, it is not necessary for our example, what we need is to go back to the "Main Window" page when clicking the "Close" button.
What's next? ... Ah yes, we need to update the message content when the "Popup Message" page is loaded. So I will handle the "Page Loaded" event and set the message content to the value that we will input in the main window.
What's more, we don't want to hide the main window when the message window is shown. We can let the "Popup Message" page to inherit content from the "Main Window" page by setting the master page. Now the "Popup Message" page is all set.
Let's come back to the "Main Window" page and define the counting behavior. We can define the behavior flow chart like this...
It is recommended to define the complex logic in a "Custom Event" handler, thus we can invoke it from any place. I will define a "Start Counting" event handler in the page action editor. We can launch the page action editor from the page management window... or from the context menu.
What I am doing is to build the behavior flow chart in the action editor, with the events, flow controls and actions. It is not complicated.
One thing deserves to be mentioned is the button with ellipsis, it allows us to insert element properties or global properties into the expression.
Finally we have finished the behavior flow chart in action editor.
We've almost done, the last step is to define behavior for the "Start" and "Stop" buttons. After clicking the "Start" button, it will set the values for the three global properties, and then trigger the "Start Counting" custom event, thus the counting logic we defined before will be invoked. As for the "Stop" button, that's very simple, just set the "Stopped" property to 1, which will stop the counting.
Everything is ready, let's launch the simulation now.
The timer is running within the browser, we can drag it to any place. I input "5" seconds to count, and the message is "Hello!", and click the "Start" button...Oh, it works! The "Hello!" message is popped up when time up.
Let me try again, input "3" seconds to count, use the "count down" mode, say "Hi!" in the message... Good! It works as we expected.
This time I will try to stop the counting by clicking the "Stop" button... Ok, the counting is stopped now.
Actually we can run the simulation with different UI themes, for example, we can run it with the "Windows 7" theme.
The simulation changes its appearance as well. When playing with such a prototype, people will have more realistic sense and can give more accurate feedback.
We can download more prototypes or elements from the community site. Just click the "Resource Sharing" button on the bottom left corner. We can browse the resource page by page, just click the "Download Resource" link to download and deploy the resource.
For example, I just downloaded the "iPhone Widgets" library, it becomes available immediately. A new "iPhone Library" category is created and the new elements are listed inside. We can use them for now.
We can manage the element categories by clicking the "Manage Categories" button. We can show / hide the default categories, and we can even create new category.
If we have a finished prototype and want to share it with others, we can upload it to the community site. Click the "Resource Sharing" button and switch to the "Share My Resource" tab. We need to specify the resource type first; it can be a plot file, an element file or a library. Then we can browse the resource file or folder. The thumbnail will be generated automatically, but we can also specify an image file as the thumbnail. Fill in the title and description and click the "Submit Resource" button, that's all. The resource will be listed after moderation.
That's all for this video, thanks for your attention. You are welcome to visit ***************to get more information.
Voice123 Team Comments
This project - phone.
Previous projects - phone.
This project - email or chat.
Previous projects - email or chat.
Corporate web site for this voice-seeker confirmed by Voice123