Advanced Search
Tags - Search Results
Everything tagged: 'tips'
Total found: 8

Everything Blogs Events Files Forums

3 Entries in 'Blogs'
1. How to Prepare for Requirements Sessions with Your Users - Tip 1
http://www.catalyze.org/Blogs/CatalyzeBlogRequirementsDefinedASoftware/tabi...
This is the first part of a four part series on how to prepare for software requirement sessions to...
2. The Landing Page Design Toolbox: 100 Tools, Tips and Resources
http://www.catalyze.org/Blogs/CatalyzeBlogsCurrentWisdom/tabid/1006/EntryID...
Christina Laun has compiled an exhaustive list of tools, tips and resources for designing landing p...
3. Rule Number One: you cannot facilitate and participate.
http://www.catalyze.org/Blogs/CatalyzeBlogsFacilitationTIPS/tabid/1494/Entr...
A facilitator is someone who makes progress easier. There is a body of knowledge in the world of ...


0 Entries in 'Events'
No Tagged Items Were Found...


4 Entries in 'Files'
1. iRise 7.0.1 Common Samples
Common_Samples_20090210_for_v7.0.1.idoc
Attached is an iDoc with 71 common samples in iRise covering a range of advanced interaction and data functionality provided as a convenience to help you learn and use iRise (See below or within the iDoc for the entire table of contents). This document, published on Feb 10, 2009, is a minor update from the older version published on Nov 11, 2008.
 
The iDoc was built in iRise v7.0.1 and was based off the previous Common Samples iDoc that was built using v7.0 (http://www.catalyze.org/Resources/tabid/871/Default.aspx?FolderId=1093&FileId=4025)
 
The following changes are new to this iDoc:
- Added 4 new samples for RIA:
1. Drag and Drop List Box
2. Drag and Drop Portlet
3. Select and Highlight Row - RIA
4. Slider
 
As previously mentioned, we encourage the community to:
- open and view the attached iDoc to learn iRise
- copy and paste samples as templates into your projects (instructions to do so are provided in the iDoc)

- post any comments or feedback regarding:

1.  fixes
2.  enhancements
3.  alternatives
4.  additions
5.  deletions
6.  other

 

- post your own iDocs related to the above
 
When posting your own iDocs, we recommend that you post an iDoc that contains individual samples instead of editing the iRise Common Samples iDoc. We also request that you follow the conventions (i.e. name, description, example, instructions) found in the iRise Common Samples iDoc.
 
Enjoy.
 
Advanced Interaction and "Rich Internet Application" Functionality
Main iRise Concept(s)
Description
Experience Level
Accordion
Switch Views Action
The accordion effect incorporates a web control that allows you to provide multiple panes and display them one at a time using expanding and collapsing behavior.
Intermediate
"Activate" functionality from static page image
Image Widget and Lock, Section with background image
Start with a static screenshot and "activate" certain functionality.
Beginner
Add a Row Without Page Refresh
Show/Hide Action
Add a row to a data table without refreshing the page.
Intermediate
Add to Cart
Record Actions, Expression Widget
Shopping cart with the functionalities to add and remove items.
Advanced
Alternate Views of products (thumbnails)
Switch Views Action
Different views of the same product are displayed using thumbnails.
Intermediate
Autopopulate text fields
Edit User Inputs Action
Content is automatically populated after the user enters his user id.
Beginner
Calculate Total Values to Proceed
Expression Widget, Event Rules
Prevent the user from proceeding until a numeric conidition is met.
Intermediate
Callouts
Text Input Validation
Error messages can be called out based on incorrect values.
Beginner
Change Content on Mouse Over
Switch Views Action, On Mouse Over and On Mouse Leave Triggers
Content appears when user moves mouse over other content on the page.
Beginner
Close and Navigate
On Load Trigger, Window Controls Actions, Event Rules
Closing a pop up window causes the parent window to navigate to a different page based on selection in popup window.
Intermediate
Dependent Select
Views with Rules Based on User Input
A dropdown's selections depends on a user's previous dropdown selection.
Beginner
Display Content on Mouse Over
Show/Hide Action, On Mouse Over and On Mouse Leave Triggers
Content is displayed on mouse over of some other content on the page. 
Beginner
Display Random Ad Banner
Operator - Math.Random
Using the Math.Random widget to randomly display ad banners (image files).
Beginner
Drag and Drop List Box
Show/Hide Widgets Action, Edit Properties Action, On Mouse Down, On Mouse Move, On Mouse Up
Blueberries Item is dragged and dropped from unselected list to selected list.
Advanced
Drag and Drop Portlet
Switch Views Action, Edit User Input Action, Edit Properties Action, On Mouse Down, On Mouse Move, On Mouse Up, On Click Triggers
 Portlet is dragged and dropped to a position on the right.
Advanced
Dynamic Question List
Switch Views Action, Show/Hide Action
List of questions changes based on previous answers.
Intermediate
Flash in Simulations
Embedded Objects
Add a Flash (.swf) file to a page.
Beginner
Jump to Next Field
Jump to Widget Action
The input text for the phone number automatically gets in focus after typing the area code.
Beginner
Lightbox Effect - Confirmation Window
Show/Hide Action
A popup window is displayed and the background window becomes disabled and grayed out.
Intermediate
Moving and Zooming
Edit Properties Action
User can move an image and zoom and image within a scrollable section. This example uses Google Maps.
Intermediate
Password Strength Indicator
Views with Rules Based on User Input
Password strength indicator changes depending on what password is entered by the user.
Beginner
Portlet
Switch Views Action
Each section expands/collapses when the arrow is clicked. 
Intermediate
Quick Preview
Switch Views Action, On Mouse Over Trigger
Preview an image when you rollover the thumbnail version of that image.
Beginner
Requiring Multiple Fields
Expression Widget, Rules based on data
Submit button doesn't become enabled, until the required fields are populated.
Advanced
Rounded Corners
Formatting Panel
Creating and using a border with rounded corner style.
Intermediate
Scrolling within a Section
Section Widget
The display of a table is limited to a fixed section with scrolling enabled.
Beginner
Select and Highlight Row
Alternate Views, Record Actions
When you click on a row, it will highlight/select that row. Clicking on another row will then unhighlight/unselect the previously selected row and highlight/select the newly clicked row.
Intermediate
Select and Highlight Row - RIA
Edit Properties Action, On Click Triggers
Edit Properties Action, On Click Triggers
Intermediate
Slider
Switch Views Action, Edit User Input Action, On Mouse Enter, On Mouse Leave, On Click Triggers
Horizontal Slider used to set values on click, while on hover simulates movable sliding functionality.
Advanced
Sliding Panels
Switch Views Action
Horizontal sliding panels that expand/collapse.
Beginner
Sort Ascending
Sort.Asc Operator, Navigating through clipboards to set values
The table rows are sorted based on which header is selected.
Intermediate
Sort Ascending/ Descending
Sort.Asc and Sort.Desc Operators, Navigating through clipboards to set values, Decisions, Event Rules
Click on the headers to do an ascending/descending sort on that column.
Advanced
Table Row Behaviors - Normal, Hover, Selected
Hidden text input field, Event Rules, Edit User Inputs Action, Switch Views Action
Different visual indicators for the table rows when you hover over it or select it.
Advanced
Tabs - Using images/background images
Masters, Menu Widget, Styles, Background Image
Using images/background images to simulate Tabs. Selecting different tabs changes content on the page.
Intermediate
Tabs Using Sections
Switch Views Action
Using sections to simulate Tabs. Selecting different tabs changes content on the page.
Intermediate
Tabs Using Separate Pages
Masters, Views Rules based on data
Simulating tabs using sections in a master. Selecting the different tabs navigates to the page that contains the corresponding content and shows that tab as being selected.
Intermediate
Transitions - Sliding Effect
Switch Views Action with Effects
User browses through groups of products by clicking left and right arrows.
Beginner
Time delay advertisements/announcements
Show/Hide Action with fade effect and time delay
An advertisement appears in the middle of the page after a timed delay.
Intermediate
Windows/Explore Menu
Switch Views Action, Toggle Widget Action
Tree view menu
Intermediate
 
Advanced Data Functionality
Main iRise Concept(s)
Description
Experience Level
Auto Generate Row Numbers
Range and Count Operators
Automatically generate row numbers for a dynamic data table
Advanced
Current Date
Current Date Operator
The current date and time is displayed automatically.
Beginner
Data Table - Batch Update
Update Record Action, Checkbox in Data Table
Select multiple rows in a table and perform an operation.
Intermediate
Data Table - Edit-in-place
Switch Views Action, Update Record Action
The contents of a table become editable when the user clicks on them.
Intermediate
Data Table - Filtering
Get Record Action with Where Condition, Alternate Views
Filtering a data table using views, without creating additional pages.
Intermediate
Date Operations - Add Days
Expression Widget, Get Record Action
Display a new date based on the number of days the user wants to add to the initial date. 
Advanced
Date Operations - Age from DOB
Text.Substring Operator
This functionality calculates your age after you enter your DOB.
Advanced
Decisions - Data Driven
Decisions
Setting up navigation based on a desicion eg. validation of login credentials
Intermediate
Decisions - Multiple Decisions Points
Decisions
Creating validation based on multiple criteria
Advanced
Expressions - List
Expression Widget (List Operations)
Performing and displaying list operations on a table.
Intermediate
Expressions - Mathematical
Expression Widget (Mathematical Operations)
User enters in 3 numerical values and the total is calculated once they press the Calculate button. The values for the 3 items are retained after the Calculate button is pressed.
Intermediate
Grid
Tilelist Widget, Images in Datasheets, Edit Properties Action
This sample shows how to evenly distribute elements in a grid, change the style on mouse over and display a more information page for a selected item.
Advanced
Menus
Menu Widget
Creating a navigation menu.
Intermediate
Menus - Dynamic
Text.Add Operator, On Load trigger, Events Rules
Presenting menu selections based on user inputs.
Intermediate
Moving From One List to Another
Select Widget, Record Action with where condition
A User can select or multi-select items from a list and then click on the appropriate arrow button to move it to the other list.
Intermediate
Moving Items up/down in a shopping cart
Math.Plus, Count, and Sort.Asc Operators, Record Actions
The order of the items in a shopping cart can be rearranged using Up and Down links.
Advanced
Multi-Form Submit
Submit Form Action
Multiple forms and multiple submit buttons on one page.
Intermediate
Radio Group
Radio Button Widget
Using datasheets to drive a radio button group.
Beginner
Radio Buttons in Data Rows
Update Record Action with Constant Widget
Using radio buttons to select a table row.
Intermediate
Record Action - Delete
Delete Record Action
Delete a record using the Delete Record Action.
Beginner
Record Action - Get
Get Record Action
Populate the page with data from a datasheet (e.g. table, text widgets, etc.)
Beginner
Record Action - Save
Save Record Action
Create a new record by using the Save Record Action.
Beginner
Record Action - Update
Update Record Action
Update an existing record using the Update Record Action.
Beginner
Reset Datasheets
Record Actions
Reset a datasheet back to some set of initial values.
Beginner
Search - Single Criteria
Get Record Action with Where Condition, Cast Operator
Search mulitple fields based on a single criteria.
Intermediate
Search - Multiple Criteria
Record Actions with where conditions
This functionality demonstrates a complex search based on several criteria.
Advanced
Select and Display
Get Record Action with Where Condition
The user selects an user from the list on the left and assigned queues for that user displays on the right.
Intermediate
Store and Retrieve Data from a Cookie (Login and Welcome)
Saving and Retrieving Clipboard Data
Save data in a session variable and retrieve it again on a different window.
Intermediate
Use Icon to Indicate Users Status
View with rules based on a datasheet value
Using an icon in a data table to display values populated from a datasheet.
Intermediate
User rating widget ("stars")
View with rules based on a datasheet value
User ratings are displayed as stars.
Intermediate
User Ratings - Dynamic
Switch Views Action, Masters
User ratings are dynamically displayed as stars, then committed.
Intermediate
2. iRise 6.51 - Common Samples
Common_Samples_20080530_v6.51.idoc

Attached is an iDoc with 65 common samples in iRise covering a range of advanced interaction and data functionality provided as a convenience to help you learn and use iRise. (See below or within the iDoc for the entire table of contents.)

The iDoc was built in iRise v6.51 and was based off the previous Common Samples iDoc that was built using v6.02 (http://www.mycatalyze.org/tabid/871/Default.aspx?FolderID=826&FileID=-1).

The following changes are new to this iDoc:

- Added 12 additional samples:
1. Add a Row Without Page Refresh
2. Auto Generate Row Numbers
3. Calculate Total Values to Proceed
4. Callouts
5. Close and Navigate
6. Display Random Ad Banner
7. Data Table – Filtering
8. Decisions - Data Driven
9. Flash in Simulations
10. Menus - Dynamic
11. Radio Group
12. User Ratings - Dynamic

- Fixed the following samples that weren't working in the previous version for v6.51:
1.  Add to Cart
2.  Data Table - Edit-in-place

- Updated the following samples to make better use of v6.51 features:
1.  Dynamic Question List
2.  Quick Preview

As previously mentioned, we encourage the community to:

  • open and view the attached iDoc to learn iRise
  • copy and paste samples as templates into your projects (instructions to do so are provided in the iDoc)
  • post any comments or feedback regarding:
    1.  fixes
    2.  enhancements
    3.  alternatives
    4.  additions
    5.  deletions
    6.  other
  • post your own iDocs related to the above

When posting your own iDocs, we recommend that you post an iDoc that contains individual samples instead of editing the iRise Common Samples iDoc. We also request that you follow the conventions (i.e. name, description, example, instructions) found in the iRise Common Samples iDoc.

Enjoy.

Advanced Interaction and "Rich Internet Application" Functionality Description Complexity Level
"Activate" functionality from static page image Start with a static screenshot and "activate" certain functionality. Low
Accordion The accordion effect incorporates a web control that allows you to provide multiple panes and display them one at a time using expanding and collapsing behavior. Medium
Add a Row Without Page Refresh Add a row to a data table without refreshing the page. Medium
Add to Cart Shopping cart with the functionalities to add and remove items. Very High
Alternate Views of products (thumbnails) Different views of the same product are displayed using thumbnails. Medium
Autopopulate text fields Content is automatically populated
 after the user enters his user id.		 Low
Calculate Total Values to Proceed Prevent the user from proceeding until a numeric conidition is met. Medium
Callouts Error messages can be called out based on incorrect values. Low
Change Content on Mouse Over Content appears when user moves mouse over other content on the page. Low
Checkbox - Check/Uncheck All Check/Uncheck all items based on user action on one checkbox. Medium
Close and Navigate Closing a pop up window causes the parent window to navigate to a different page based on selection in popup window. Medium
Current Date The current date and time is displayed automatically. Low
Data Table - Batch Update Select multiple rows in a table and perform an operation. Medium
Data Table - Edit-in-place The contents of a table become editable when the user clicks on them. High
Date Operations - Add Days Display a new date based on the number of days the user wants to add to the initial date.   Very High
Date Operations - Age from DOB This functionality calculates your age after you enter your DOB. Very High
Decisions - Multiple Decisions Points Creating validation based on multiple criteria High
Dependent Select A dropdown's selections depends on a user's previous dropdown selection. Medium
Display Content on Mouse Over Content is displayed on mouse over of some other content on the page.   Low
Display Random Ad Banner Using the Math.Random widget to randomly display ad banners (image files). Low
Dynamic Question List List of questions changes based on previous answers. Medium
Expressions - List Performing and displaying list operations on a table. Medium
Expressions - Mathematical User enters in 3 numerical values and the total is calculated once they press the Calculate button. The values for the 3 items are retained after the Calculate button is pressed. Medium
Flash in Simulations Add a Flash (.swf) file to a page. Low
Grid Evenly distribute elements in columns. Very High
Jump to Next Field The input text for the phone number automatically gets in focus after typing the area code. Medium
Lightbox Effect - Confirmation Window A popup window is displayed and the background window becomes disabled and grayed out. Medium
Menus Creating a navigation menu. Medium
Moving From One List to Another A User can select or multi-select items from a list and then click on the appropriate arrow button to move it to the other list. Medium
Moving Items up/down in a shopping cart The order of the items in a shopping cart can be rearranged using Up and Down links. Very High
Multi-Form Submit Multiple forms and multiple submit buttons on one page.  Medium
Password Strength Indicator Password strength indicator changes depending on what password is entered by the user. Low
Radio Group Using datasheets to drive a radio button group. Low

Advanced Data Functionality Description Complexity Level
Auto Generate Row Numbers Automatically generate row numbers for a dynamic data table
 Medium
Data Table - Filtering Filtering a data table using views, without creating additional pages. Medium
Decisions - Data Driven Setting up navigation based on a desicion eg. validation of login credentials Medium
Menus - Dynamic Presenting menu selections based on user inputs. Medium
Portlet Each section expands/collapses when the arrow is clicked.   Medium
Quick Preview Preview an image when you rollover the thumbnail version of that image. Low
Radio Buttons in Data Rows Using radio buttons to select a table row. Medium
Record Action - Delete Delete a record using the Delete Record Action. Low
Record Action - Get Populate the page with data from a datasheet (e.g. table, text widgets, etc.) Low
Record Action - Save Create a new record by using the Save Record Action. Low
Record Action - Update Update an existing record using the Update Record Action. Low
Requiring Multiple Fields Submit button doesn't become enabled, until the required fields are populated. High
Reset Datasheets Reset a datasheet back to some set of initial values. Low
Rounded Corners Creating and using a border with rounded corner style.  Medium
Scrolling within a Section The display of a table is limited to a fixed section with scrolling enabled. Medium
Search - Multiple Criteria This functionality demonstrates a complex search based on several criteria. High
Search - Single Criteria Search based on text. Medium
Select and Display The user selects an user from the list on the left and assigned queues for that user displays on the right.  Medium
Select and Highlight Row When you click on a row, it will highlight/select that row. Clicking on another row will then unhighlight/unselect the previously selected row and highlight/select the newly clicked row. Very High
Sliding Panels Horizontal sliding panels that expand/collapse. Low
Sort Table Rows The table rows are sorted based on which header is selected. Very High
Store and Retrieve Data from a Cookie (Login and Welcome) Save data in a session variable and retrieve it again on a different window. Medium
Table Row Behaviors - Normal, Hover, Selected Different visual indicators for the table rows when you hover over it or select it. Very High
Tabs - Using images/background images Using images/background images to simulate Tabs. Selecting different tabs changes content on the page. Medium
Tabs - Using Menu Widget Using menus to simulate Tabs. Selecting different tabs changes content on the page. Medium
Tabs Using Sections Using sections to simulate Tabs. Selecting different tabs changes content on the page. Medium
Tabs Using Separate Pages Simulating tabs using sections in a master. Selecting the different tabs navigates to the page that contains the corresponding content and shows that tab as being selected. Medium
Time delay advertisements/announcements An advertisement appears in the middle of the page after a timed delay. Medium
Use Icon to Indicate Users Status Using an icon in a data table to display values populated from a datasheet. Medium
User rating widget ("stars") User ratings are displayed as stars. Medium
User Ratings - Dynamic User ratings are dynamically displayed as stars, then committed. Medium
Windows/Explore Menu Treeview menu Medium

3. Password Strength Indicator
Password_Strength_Indicator.idoc

This week I was working with a customer who asked if we could simulate a password strength indicator (ie – weak, strong, best, etc) similar to Google.  I figure this may be a somewhat common request, so I wanted to pass along a quick example I created.  It’s really basic – and the indicator is hardcoded to a few select passwords (see walkthrough notes for instructions) – but was enough to get the point across for this customer.

[courtesy of Carson Miller, iRise ESM]
4. User Interface Prototyping Tips and Techniques
http://www.ambysoft.com/essays/userInterfacePrototyping.html

Scott Ambler of Ambysoft wrote a great article with some tips and techniques on prototyping user interfaces.

The quick overview of the tips are:

 1.  Work with real users
 2.  Get stakeholders to work with the prototype
 3.  Understand the underlying business
 4.  You should only prototype features you can build
 5.  You cannot make everything simple
 6.  It's about what you need
 7.  Get a user interface expert to help you design it
 8.  Explain what a prototype is
 9.  Consistency is critical
10. Avoid implementation decisions for as long as possible
11. Small details can make or break your user interface 


1 Entries in 'Forums'
1. Free and Easy File Transfers via Dropio
http://www.catalyze.org/Forums/tabid/869/forumid/137/postid/4405/view/topic...
I just saw a reference to this new service and thought it was worth mentioning to the Catalyze comm...




Still Looking for More?
Tag Search:
  Search