Synergy Workshop Grabs: Difference between revisions

From Lifeguide Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=Screenshots and Mockups for the Synergy Workshop - 2/9/2008=
These are screenshots and mock-up images created for use in presentations at the Synergy Workshop in Bath.
These are screenshots and mock-up images created for use in presentations at the Synergy Workshop in Bath.
__TOC__


==The Internet Doctor Intervention==
==The Internet Doctor Intervention==
Work-in-progress images from The Internet Doctor
Work-in-progress images from The Internet Doctor
<gallery caption="The Internet Doctor" widths="300px" heights="300px" perrow="3">
<gallery caption="The Internet Doctor" widths="300px" heights="250px" perrow="3">
Image:syn-TID-T+C.png|Consent page
Image:syn-TID-T+C.png|Consent page
Image:syn-TID-questionnaire.png|Questionnaire page
Image:syn-TID-questionnaire.png|Questionnaire page
Line 12: Line 13:
</gallery>
</gallery>


==The Internet Doctor Intervention==
==The LifeGuide Manager Module==
Work-in-progress images from The Internet Doctor
Screen-grabs from the manager website; everything you see here is actually working!
 
<gallery caption="LifeGuide Manager" widths="300px" heights="250px" perrow="3">
Image:syn-login.png|Login page, with links to public interventions
Image:syn-welcome.png|Welcome page, once logged in
Image:syn-my-interventions.png|"My interventions" page
Image:syn-intervention-view.png|Interventions details page
Image:syn-sessions-overview.png|Overview of all sessions for an intervention
Image:syn-session-view.png|Details for a particular session
Image:syn-pop-chart.png|hit-rate chart with lots of data
Image:syn-pop-map.png|map with lots of data
</gallery>


<gallery caption="Sample gallery" widths="300px" heights="300px" perrow="3">
==The LifeGuide Intervention Builder/Development Tool==
Image:syn-intervention-view.png
Not much to see here... These are images originally created for the first LifeGuide workshop; Ash & I are in discussions about how this will be developed in the future - it will look much less like an IDE for example, and contain a fancy page editor. The functionality will be approximately equivalent though.


Image:syn-login.png
<gallery caption="LifeGuide Intervention Development Tool" widths="300px" heights="250px" perrow="3">
Image:syn-my-interventions.png
Image:syn-Window.png|Overview of the tool; It will look much more user friendly in the future :)
Image:syn-pop-chart.png
Image:syn-CodeComplete.png|The logic editor will feature code completion
Image:syn-pop-map.png
Image:syn-codecomplete2.png|code completion again
Image:syn-session-view.png
Image:syn-ColorText.png|and syntax highlighting
Image:syn-sessions-overview.png
Image:syn-flow.png|Diagrammatic logic flow
Image:syn-welcome.png
Image:syn-Logic Editor.png|Logic Editor showing an error
Image:syn-RichText.png|A WYSIWYG page editor (will be more powerful than what you see here)
Image:syn-editor_preview.png|Live preview of a page
</gallery>
</gallery>

Latest revision as of 14:03, 2 September 2008

These are screenshots and mock-up images created for use in presentations at the Synergy Workshop in Bath.

The Internet Doctor Intervention

Work-in-progress images from The Internet Doctor

  • The Internet Doctor
  • Consent page

    Consent page

  • Questionnaire page

    Questionnaire page

  • Welcome to the Internet Doctor

    Welcome to the Internet Doctor

  • Consultation Page

    Consultation Page

  • Advice page

    Advice page

The LifeGuide Manager Module

Screen-grabs from the manager website; everything you see here is actually working!

  • LifeGuide Manager
  • Login page, with links to public interventions

    Login page, with links to public interventions

  • Welcome page, once logged in

    Welcome page, once logged in

  • "My interventions" page

    "My interventions" page

  • Interventions details page

    Interventions details page

  • Overview of all sessions for an intervention

    Overview of all sessions for an intervention

  • Details for a particular session

    Details for a particular session

  • hit-rate chart with lots of data

    hit-rate chart with lots of data

  • map with lots of data

    map with lots of data

The LifeGuide Intervention Builder/Development Tool

Not much to see here... These are images originally created for the first LifeGuide workshop; Ash & I are in discussions about how this will be developed in the future - it will look much less like an IDE for example, and contain a fancy page editor. The functionality will be approximately equivalent though.

  • LifeGuide Intervention Development Tool
  • Overview of the tool; It will look much more user friendly in the future :)

    Overview of the tool; It will look much more user friendly in the future :)

  • The logic editor will feature code completion

    The logic editor will feature code completion

  • code completion again

    code completion again

  • and syntax highlighting

    and syntax highlighting

  • Diagrammatic logic flow

    Diagrammatic logic flow

  • Logic Editor showing an error

    Logic Editor showing an error

  • A WYSIWYG page editor (will be more powerful than what you see here)

    A WYSIWYG page editor (will be more powerful than what you see here)

  • Live preview of a page

    Live preview of a page

Retrieved from "https://wiki.lifeguideonline.org/w/index.php?title=Synergy_Workshop_Grabs&oldid=45"