Synergy Workshop Grabs: Difference between revisions
(New page: Image:syn-intervention-view.png Image:syn-TID-T+C.png Image:syn-login.png Image:syn-my-interventions.png Image:syn-pop-chart.png Image:syn-pop-map.png [[Image:syn-s...) |
No edit summary |
||
| (13 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
These are screenshots and mock-up images created for use in presentations at the Synergy Workshop in Bath. | |||
__TOC__ | |||
==The Internet Doctor Intervention== | |||
Work-in-progress images from The Internet Doctor | |||
<gallery caption="The Internet Doctor" widths="300px" heights="250px" perrow="3"> | |||
Image:syn-TID-T+C.png|Consent page | |||
Image:syn-TID-questionnaire.png|Questionnaire page | |||
Image:syn-TID-intro.png|Welcome to the Internet Doctor | |||
Image:syn-TID-consultation.png|Consultation Page | |||
Image:syn-TID-advice.png|Advice page | |||
</gallery> | |||
==The LifeGuide Manager Module== | |||
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> | |||
==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. | |||
<gallery caption="LifeGuide Intervention Development Tool" widths="300px" heights="250px" perrow="3"> | |||
Image:syn-Window.png|Overview of the tool; It will look much more user friendly in the future :) | |||
Image:syn-CodeComplete.png|The logic editor will feature code completion | |||
Image:syn-codecomplete2.png|code completion again | |||
Image:syn-ColorText.png|and syntax highlighting | |||
Image:syn-flow.png|Diagrammatic logic flow | |||
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> | |||
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
Questionnaire page
Welcome to the Internet Doctor
Consultation 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
Welcome page, once logged in
"My interventions" page
Interventions details page
Overview of all sessions for an intervention
Details for a particular session
hit-rate chart 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 :)
The logic editor will feature code completion
code completion again
and syntax highlighting
Diagrammatic logic flow
Logic Editor showing an error
A WYSIWYG page editor (will be more powerful than what you see here)
Live preview of a page
