Difference between revisions of "ESciDoc Prototyping"

From MPDLMediaWiki
Jump to navigation Jump to search
m (#REDIRECT)
 
(78 intermediate revisions by 6 users not shown)
Line 1: Line 1:
=Introduction=
#REDIRECT [[GUI Prototyping]]
 
All interfaces coming up for the eSciDoc project are generated as static html pages:
 
[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/13_Searching/index.html Example]
 
They do not contain any valid HTML, CSS or JS. Prototypes meet the following demand:
 
# Visualization and discussion of new approaches/ideas
# Technical evaluation
# Functional evaluation
# Usability evaluation
# Documentation
 
=Abstract Prototype=
 
The abstract prototype gives a description of all steps needed to meet a functional requirement/use case. It describes a condition where functional requirements are met. It does not need to take any visual frontend elements into consideration. Thus it refers to the goal to be met, not to the way it is achieved (referring to cognitive abilities, mental model).
 
=Definition of Functional Prototype=
 
Functional prototypes visualize all GUI elements, as precise as they appear after implementation:
 
# all necessary/important pages that appear to the user
# the page flow (Storyboard), where dynamic aspects can not be covered
 
=Structure of Prototypes=
 
The first page usually carries the name of the functional part. It shows a rough flow of important interface actions. The flow is not meant to rebuild the complete behaviour of the application. It shows:
 
*What actions are triggered: '''orange text'''
*What happens on the same page and what not: '''<page>'''
*When and on which pages messages appear: '''msg'''
 
Each other [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/13_Searching/index.html parent page] of the tree refers to a use case with the corresponding name. It carries the rough flow of the case to see which pages the user enters and leaves. [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/13_Searching/Advanced_Search.html Child pages] contain graphical interfaces.
 
On the bottom of pages you can find a general note about the page. Yellow note stickers contain specification text.
 
Specification attributes of interface elements or details:
 
#Label (Axure mandatory)
#Interactions (Axure mandatory)
#Specification
#Status (Removed for R4)
#Target Release (Removed for R4)
#Assigned To (Removed for R4)
#Path/File (Removed for R4)
#ALT/Title Tag
#eSciDoc Component/Colors
 
These attributes are used to provide interface development and development a clear description of how the interface should look/work.
 
=PubMan Prototype=
 
<br/>
{| style="background-color:#f9f9f9;" cellspacing="0" cellpadding="10"
|<b>Publicly Available</b>
|<b>Latest Version</b>
|<b>Current Implementation</b>
|-
|[https://zim01.gwdg.de/repos/smc/tags/public/PubMan/Prototypes/13_Searching/index.html Searching]
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/13_Searching/index.html Searching]
|[http://escidoc2.escidoc.mpg.de/pubman/ escidoc2] [https://escidoc3.escidoc.mpg.de/pubman/ escidoc3] [http://escidoc4.escidoc.mpg.de/pubman/ escidoc4]
|-
|[https://zim01.gwdg.de/repos/smc/tags/public/PubMan/Prototypes/08_Submission/index.html Submission]
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/08_Submission/index.html Submission]
|
|-
|[https://zim01.gwdg.de/repos/smc/tags/public/PubMan/Prototypes/Easy_Submission/index.html Easy Submission]
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/Easy_Submission/index.html Easy Submission]
|
|-
|[https://zim01.gwdg.de/repos/smc/tags/public/PubMan/Prototypes/10_Quality_Assurance/index.html Quality Assurance]
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/10_Quality_Assurance/index.html Quality Assurance]
|
|-
|[https://zim01.gwdg.de/repos/smc/tags/public/PubMan/Prototypes/12_Browsing_and_Displays/index.html Browsing & Displays]
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/12_Browsing_and_Displays/index.html Browsing & Displays]
|
|-
|[https://zim01.gwdg.de/repos/smc/tags/public/PubMan/Prototypes/14_Export/index.html Export]
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/14_Export/index.html Export]
|
|}
<br/>
 
=VIRR Prototype=
 
<br/>
{| style="background-color:#f9f9f9;" cellspacing="0" cellpadding="10"
|<b>Publicly Available</b>
|<b>Latest Version</b>
|<b>Current Implementation</b>
|-
|
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/VIRR/index.html VIRR R1]
|In development
|-
|}
<br/>
 
=FACES Prototype=
 
<br/>
{| style="background-color:#f9f9f9;" cellspacing="0" cellpadding="10"
|<b>Publicly Available</b>
|<b>Latest Version</b>
|<b>Current Implementation</b>
|-
|
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/FACES_R1/index.html FACES R1]
|[http://faces1.mpdl.mpg.de:8080/faces FACES R1] <br/>[http://192.129.1.123:8080/faces/ FACES R1 (Alternative Location)]
|-
|
|[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/HTML-Prototyp/FACES_R2/index.html FACES R2]
|In development
|-
|}
<br/>
 
=Axure Files=
 
All axure files are versioned in SVN here:
 
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_13_Searching.rp Searching]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_08_Submission.rp Submission]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Pototype_Easy_Submission.rp Easy Submission]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_10_Quality_Assurance.rp Quality Assurance]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_12_Browsing_and_Displays.rp Browsing and Displays]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_14_Export.rp Export]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_ViRR.rp VIRR]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_ViRR_Alternative.rp VIRR Alternative]
* [https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_Prototyping/Prototype_Faces_R2.rp FACES R2]
 
[[Category: Interface development]]
[[Category:User Interface Engineering]]
[[Category:eSciDoc|Prototyping]]

Latest revision as of 08:47, 16 June 2009

Redirect to:

Retrieved from "https://colab.mpdl.mpg.de/mw010/index.php?title=ESciDoc_Prototyping&oldid=36520"