Ushahdi 3.0 Design Framework
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Ushahdi 3.0 Design Framework

on

  • 1,531 views

Ushahidi spoke with our community about how to make Ushahidi 3.0. We are building it with their input. Here are some of the original thoughts based on Community input from June - August 2013. There ...

Ushahidi spoke with our community about how to make Ushahidi 3.0. We are building it with their input. Here are some of the original thoughts based on Community input from June - August 2013. There are updated wireframes available.

https://wiki.ushahidi.com/display/WIKI/Ushahidi+Platform%2C+v3.X

Statistics

Views

Total Views
1,531
Views on SlideShare
1,419
Embed Views
112

Actions

Likes
0
Downloads
61
Comments
0

2 Embeds 112

https://wiki.ushahidi.com 111
http://blog.ushahidi.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Ushahdi 3.0 Design Framework Presentation Transcript

  • 1. Design FrameworkUshahidi 3.0 Design Framework ProjectDesigned by Small Surfaces for Ushahidi6 August 2012
  • 2. This document provides a high level description of the userinterface design the next major version of the Ushahidiplatform.Contained in this document are a set of annotatedwireframes that illustrate the way in which the softwareshould be organised and behave.This document should be used by the Ushahidi team tocontinue to detail the design solution for the next majorversion of the platform.Note: the icons used in this document are placeholder only,and are not intended to be used as the final visual assets.2About This Document
  • 3. 382225293339414450OverviewViews TabSubmit ReportSets TabPlugin TabWorkspace TabTools TabNew Report Type WizardReport DesignerPlugins & Themes3Table of Contents
  • 4. Overview
  • 5. Map ListUser AccountViewsReport DetailsSetsAboutWorkspaceToolsSubmit ReportHelpToolsSee following page for detailsIllustrated in this documentPartially illustrated in this documentNot illustrated in this document5Application Map - Overview
  • 6. Illustrated in this documentPartially illustrated in this documentNot illustrated in this documentExport & ShareAdvanced SearchSet DetailsCreate / Modify SetViewsSetsAboutWorkspace DashboardFiltered Report ListsCommentsChecklistsUsers & GroupsToolsPermissionsReports & EntitiesAppearanceCategoriesPluginsSettingsDuplicate Manager6Application Map - Details
  • 7. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsCategory 1Category 2Category 3Category 4Category 5Category 6Category 7Category 8Category 9Show allShow:Categories | Stages315The Views tab is where users can visualise,understand and interpret the data that lives in adeployment.1The Sets tab is where users can create uniquegroupings of subsets of the data based on searchqueries. For example, a set could contain reportsthat contain a particular keyword associated witha particular location.2The About tab is an example of a tab that has beencreated by a plugin. In this case, the plugin hascreated a tab that can be used for written articlesor the display of specific media.3The Workspace tab is where registered users canmanage all the content that moves through adeployment on a day-to-day basis. The Workspaceis where users manage reports, comments andkeep track of their progress against checklists.4The Tools tab is where the system is configuredand managed by those with administrativepermissions.51 2 3 4 56 7Logged in users have access to their profile(password and other account details) through thelink of their name. When the user places themouse over this link, a menu is shown allowingusers to either view their account profile or logout.The user profile should allow users to specifywhich tab should be displayed by default uponlogin.6If the user clicks on the Map List icon, they areshown a list of all the maps available through thisdeployment. The user can also access accountsettings and overall deployment configurationthrough the Map List (not illustrated).7http://somedeployment.com/accidentmap/Ushahidi7Design Elements
  • 8. Views Tab
  • 9. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsCategory 1Category 2Category 3Category 4Category 5Category 6Category 7Category 8Category 9Show allShow:Categories | Stages3151243Users can select different visualisations. Shownhere are: map, list, timeline, heat map and mediaviews. Views can be added by installing a plugin.Views can be removed (if they are a plugin) ordisabled (if they are part of the core), so onlyrelevant visualisations are available. Visualisationscan also be made available only to users who havelogged in to the system (i.e. hidden from thepublic)1Depending on the visualisation selected by theuser, the appropriate visualisation is shown.2The user can filter the data that is shown on thevisualisation using either Categories, Sets orSearch queries.3Users can filter the data shown in the visualisation.In this case, the user can select either individualcategories to show on the map, or multiplecategories (using the checkboxes on the right).The filter persists as the user switches betweenvisualisations.45The user can toggle the Categories view to showeither Categories or a list of the different Stages (toview report by progression through a workflow).5http://somedeployment.com/accidentmap/Ushahidi9Map with Categories
  • 10. CROWDMAP Maps & PlansSubmit ReportLogin or RegisterAboutViewsAccident MapHelpCategories Sets SearchViewsCategory 1Category 2Category 3Category 4Category 5Category 6Category 7Category 8Category 9Show all31513Tabs may be placed in any order by systemadministrators. The visibility of tabs may beconfigured based on the permissions of the user.The example shown here illustrates how the Setstab is hidden from members of the public.1Permissions may also be set for the different views:in the example shown here, members of the publichave access to only the map and list views.2A single report on the map is represented as a dotand coloured according to its primary category.3Multiple reports of the same category are shownas a larger dot with a number.4245Reports that are associated with a region areshown as a dot, but when the user places theirmouse cursor over the dot, the entire region ishighlighted. In the example shown here, thereports associated with the region are frommultiple categories, and so are shown in grey.5Category 5ACategory 5B66If a category has sub-categories, the user canexpand the list to show available sub-categories.Sub-categories are shown in the same colour asthe parent category.6http://somedeployment.com/accidentmap/Ushahidi10Public View
  • 11. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsType to find SetSet 1Set 2Set 3Set 12Set 8Set 4Set 5Set 6Set 7Show allMy SetsAll SetsListExport & ShareHide unpublishedLast 24 hours | AllMan hits tree after skidding off road"Bacon ipsum dolor sit amet ullamco drumstickveniam, pork deserunt ham hock kielbasa..."Category 3Today, 12:20 PM5Details41 253When the user places their mouse cursor over thetoolbar, the different visualisations are highlighted,and tooltips are shown as appropriate.1When the user places their mouse cursor over thetoolbar, labels for the icons on the right-hand sideare shown.Export & Share allows users to either export thedata shown in the current view & with the currentfilter. This could include: CSV export, Embedding amap in a 3rd party web site, RSS feed,Downloading an image of the map. The optionsfor exporting and sharing depend on the chosenvisualisation.Hide Unpublished allows logged in users toremove data from the visualisation that has not yetbeen published (shown as items with the lock iconon the illustration here).The final filter allows the user to filter reports byrecency (illustrated in more detail later).2If the user clicks on an individual dot on the map apop-up is shown. For further discussion of mappop-ups, see later in document.3Both sets that have been identified as Featuredby an administrator, and those which have beenflagged by the user are shown at the top of the AllSets list.5If the user selects the Sets filter, a list of both thesets that have been created by the user (My Sets)and all sets in the system (All Sets) is shown. Forfurther discussion of Sets, see the section of thisdocument dedicated to this feature.4http://somedeployment.com/accidentmap/Ushahidi11Map with Sets and Popup
  • 12. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsBacon ipsum dolor sit amet ullamco"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3PublishedRob EndersToday, 12:20 PM5AllKeywordCategoryStageDateLocationAdvanced searchAllNakawaWithin 1 kmsSearchClear searchAllMan hits tree after skidding off road"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3TranslationRob EndersToday, 12:20 PM572 hours1 week1 month3 monthsExport & ShareHide unpublishedLast 24 hours AllDrumstick veniam, pork deserunt"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 6PublishedRob EndersToday, 12:20 PM5Ham hock kielbasa"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 5PublishedRob EndersToday, 12:20 PM5Includes 2 duplicates63415For logged in users, an indication is shown next toreports as to whether the report is published (andvisible to the public) or not.1The user can filter results to limit results to a timerange in relation to the current time (in addition toany filter applied using the standard filters on theright-hand side). This range should automaticallyadapt based on report volume over time periods.2When the user places the pointer over an item inthe list, the item is highlighted, and additionalinformation and tools are shown (on right-handside).3If the user has permission, they can edit or flag thereport. Additionally, the user can export or sharethe report.4If the user is logged in, and the report is brokeninto stages (see later sections on report design fordetails about this), the current stage is displayed.5The user can invoke an advanced search, ifneeded. While not illustrated here, the advancedsearch should function in a manner similar to theway the Edit Set screen behaves.62http://somedeployment.com/accidentmap/Ushahidi12List with Search
  • 13. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsLast 24 hours AllToday, 12:20 PM"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."PublishedRob Enders5AllKeywordCategoryStageDateLocationAdvanced searchAllNakawaWithin 1 kmsSearchClear searchAllToday, 10:37 AM"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."TranslationRob Enders5Export & ShareHide unpublishedLast 24 hours AllYesterday, 4:55 PM"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."PublishedRob Enders5Yesterday, 12:20 PM"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."5Includes 2 duplicates1If the report form is simply a single textualdescription, the list should be shown in this way.The title is replaced by a timestamp.If the user is collecting media only (e.g. photos),then the List view is not optimised for this kind ofcontent. Users in this scenario would disable theList view, and use the Media view (the last icon onthe toolbar illustrated here) instead.1PublishedRob EndersWhen the user enters a query in the search box, allfields that the user has permission to view shouldbe searched (e.g. title, description, category, sets,submitter).22http://somedeployment.com/accidentmap/Ushahidi13List with Search - Description-Only Reports
  • 14. 637Man hits tree after skidding off road"Bacon ipsum dolor sit amet ullamcodrumstick veniam, pork deserunt ham..."Category 3Today, 12:20 PM5Details6 reportsBacon ipsum dolor sit amet ullamcoDrumstick veniam, pork deseruntHam hock kielbasaExercitation fugiat aliquip consequatSingle ReportSeveral Reports - Single CategoryMan hits tree after skidding off road 5DetailsSingle Report - ImageToday, 12:20 PMDetails2 more reportsCategory 437 reportsBacon ipsum dolor sit amet ullamcoDrumstick veniam, pork deseruntHam hock kielbasaExercitation fugiat aliquip consequatDetails34 more reportsMultiple categoriesSeveral Reports - Multiple Categories12456A toolbar is shown with functions that areavailable to the current user based on theirpermissions. Shown here are editing, flagging andsharing tools.1The header includes an indication of the numberof comments on the report (if commenting isenabled), and the publishing status of the report(if the user is a logged in user).2If the report contains images, a thumbnail shouldbe shown.3If the report contains an image or video only, alarge thumbnail should be shown.4If the map datapoint refers to several reports ofthe same category, the number of reports and thecategory is shown long with the most recentreports from the category.5If the map datapoint refers to multiple reportsfrom different categories, the pop-up indicatesthis.6314Popup Variations - Standard Reports
  • 15. Today, 12:20 PM"Bacon ipsum dolor sit amet ullamco drumstickveniam, pork deserunt ham hock kielbasaincididunt qui voluptate spare ribs flank pastramido"5DetailsSingle Report - Description OnlyToday, 12:20 PM 5DetailsSingle Report - Image Only12If the report contains only a description, theheader should display a timestamp, and the bodyonly the content of the description.1If the report contains only a media item, theheader should display a timestamp, and the bodyonly a thumbnail of the media.215Popup Variations - Single Content Type Reports
  • 16. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsMan hits tree after skidding off roadRelatedLinkCloseHistory EditPublicBacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do.Exercitation fugiat aliquip consequat, short loin quis nulla esse andouille bresaolasalami tongue ribeye incididunt. Do short ribs dolore, irure in prosciutto cow beef ribsbrisket.SetsCategory 3Stage 2Rob EndersToday, 12:20 PM5CommentsVisible to public5 3Turducken fatback qui ut culpaCapicola dolore chicken ground roundLusmod consequat duis incididunt estFrankfurter ex drumstickConsectetur non tempor labore dolorAddBacon ipsum dolor sit amet turducken sed fatback, short ribs pork belly prosciutto ad.Eiusmod salami non, ham eu aute cillum venison short loin anim.Aliqua dolore andouille consectetur frankfurter. In aliquip filet mignon sint. Tail sintullamco spare ribs. Filet mignon velit swine, laborum rump qui pig sausage elit shortribs andouille eu hamburger.Drunk Driver Kills Tree (The Monitor)Private1 2 3 45The Public tab shows how the report isrepresented to users who are not logged in. Ifreports are not visible to the public, this tab is notdisplayed.If the user is not logged in, none of the tabs shownhere are displayed (i.e. only the Public view isshown).It is possible to reach this screen directly using aURL for the report (e.g. some deployment.com/accidentmap/r/439241The Private tab shows all the report metadata(including both information published publicly,and information that is hidden from the public) inread only form.2The History tab shows a reverse chronologicalhistory of changes to the report, includinginformation about who made what changes.3The Edit tab allows users to modify any aspect ofthe report they have permission to change.4Users can explore other similar content, eitherreports that are related (generatedcomputationally), or sets that this report is amember of.5http://somedeployment.com/accidentmap/Ushahidi16Report Details - Public View
  • 17. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsUpdateMan hits tree after skidding off roadCloseIn Edit mode, the user can step through each ofthe report stages.1If a stage has been completed, the information isdisplayed in read-only format. If the user haspermission, the information can be updated. Thischange will be recorded in the report History.2The publishing status of the report is displayedalong with a button that allows the user to publishthe report immediately. The button is disableduntil all the mandatory report fields in all thereport stages are completed.3History EditPublic PrivateInitial ReportVerification12TitleDescriptionLocation NakawaMan hits tree after skidding off roadBacon ipsum dolor sit amet ullamco drumstickveniam, pork deserunt ham hock kielbasa incididuntqui voluptate spare ribs flank pastrami do.Exercitation fugiat aliquip consequat, short loin quisnulla esse andouille bresaola salami tongue ribeyeincididunt. Do short ribs dolore, irure in prosciuttocow beef ribs brisket.Not publishedPublish now3http://somedeployment.com/accidentmap/Ushahidi17Report Details - Edit Completed Stage
  • 18. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsMan hits tree after skidding off roadCloseThe user can enter data for incomplete portions ofthe report, where they have permission1Once the user has made any necessary changes,work can be saved by pressing the Save button.2History EditPublic PrivateThe police confirmed the accident details.Bacon ipsum dolor sit ametullamco drumstick veniam, porkdeserunt.Ham hock kielbasa incididuntqui voluptate spare ribs flankpastrami do. Exercitation fugiataliquip consequat.12NotesReliability 80%Called policeCalled reporterNot publishedVerificationInitial ReportSavePublish nowVerification Team is responsible for this stage of the report.http://somedeployment.com/accidentmap/Ushahidi18Report Details - Edit New Stage
  • 19. AboutViews SetsAccident MapViews315Categories Sets Search12When displayed on a mobile device, the headeradapts to show only limited tabs, the user logininformation if moved to a tab (see next screen)and the help link and submit report button aremade smaller.1The filters in the View tab are shown below thevisualisation, docked to the bottom of the browserviewport.219Mobile - View Map
  • 20. AboutViews SetsAccident MapViewsCategories Sets SearchCategory 1Category 2Category 3Category 4Category 5Category 6Category 7Category 8Category 9Show allFeatured1When the user taps on any of the filter icons, thefilters appear as an overlay placed on top of thevisualisation.120Mobile - Choose Visualisation Filter
  • 21. AboutViews SetsAccident MapViewsMan hits tree after skidding off roadLinkHistory EditPublicBacon ipsum dolor sit amet ullamco drumstickveniam, pork deserunt ham hock kielbasaincididunt qui voluptate spare ribs flankpastrami do.Exercitation fugiat aliquip consequat, short loinquis nulla esse andouille bresaola salamitongue ribeye incididunt. Do short ribs dolore,irure in prosciutto cow beef ribs brisket.Drunk Driver Kills Tree (The Monitor)Private5Comments AddBacon ipsum dolor sit amet turducken sedfatback, short ribs pork belly prosciutto ad.Eiusmod salami non, ham eu aute cillumvenison short loin anim.Aliqua dolore andouille consecteturfrankfurter. In aliquip filet mignon sint. Tail sintullamco spare ribs. Filet mignon velit swine,laborum rump qui pig sausage elit short ribsandouille eu hamburger.1The report detail view is reorganised to flow as asingle column.121Mobile - Report Details
  • 22. Submit Report
  • 23. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpCategories Sets SearchViewsSubmit ReportTitle Tree hits manDescriptionLocationThe tree was chasingtext FIndShow advanced map toolsBacon ipsum dolor sit amet ullamcodrumstick veniam, pork deserunt.Ham hock kielbasa incididunt qui voluptatespare ribs flank pastrami do. Exercitationfugiat aliquip consequat, short loin quis nullaesse andouille bresaola.CancelSubmitPreview21Contextual help is shown along-side the reportsubmission form to help reporters provide moreaccurate or appropriate information.1Users can optionally preview a report beforesubmitting it.2http://somedeployment.com/accidentmap/Ushahidi23Submit Report - Show Form
  • 24. CROWDMAP Maps & PlansGo to Site >Jared DiamondAccident MapHelpHelpSubmit ReportSubmitPreviewIf users come directly to the Submit Report formfrom a third party referring site or application, theuser is shown a modified version of the page.The header is limited to showing only the mapname and user tools, and a link to the main site.In this situation, the form is not shown in anoverlay.1Title Tree hits manDescriptionLocationThe tree was chasingtext FIndShow advanced map toolsBacon ipsum dolor sit amet ullamcodrumstick veniam, pork deserunt.Ham hock kielbasa incididunt qui voluptatespare ribs flank pastrami do. Exercitationfugiat aliquip consequat, short loin quis nullaesse andouille bresaola.1http://somedeployment.com/accidentmap/Ushahidi24Submit Report - Deep Link
  • 25. Sets Tab
  • 26. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpSetsAll SetsSet 1 Set 2 Set 3Bacon ipsum dolor sit amet ullamcodrumstick veniam, pork deserunt ham hockkielbasa.Mollit laboris sunt, fugiat nisi officia sirloinkielbasa aliqua brisket consequat nullacillum cow.Shankle t-bone non strip steak.Type to find SetMinim excepteur prosciutto, turkey qui filetmignon pig.Jerky bacon in, exercitation biltongconsectetur pork loin hamburger deseruntleberkas corned beef.Pig qui t-bone, aliquip ball tip swine eatenderloin ut laborum.5 new reports47 27138 new reportsSet 12 Set 8 Set 4122 146812 new reportsMy Sets Create SetFEATUREDIf the user has created any Sets, those sets aredisplayed first. If the user has not created any Setsyet, some information about the purpose of setsshould be displayed.1Sets that have been created by other users aredisplayed.2Administrators can select sets to be Featured.These sets are displayed first in the All Sets list.3Users can choose to flag individual Sets so theycan easily return to them later. These Sets areshown after the Featured Sets.4The user can choose to display the Set in the Viewstab.5Additional information about the Set is shown,including the number of reports and its visibility tothe public.61254 63http://somedeployment.com/accidentmap/Ushahidi26Set List
  • 27. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpSetsExport & ShareBacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa.Category 1 or Category 4Containing keyword "fast"Within 5km of NakawaJared DiamondUpdated today, 12:20 PMPrivate to you + 3 others27 reports5 new reportsSet 3 View EditMan hits tree after skidding off road"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3TranslationRob EndersToday, 12:20 PM5Drumstick veniam, pork deserunt"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 6PublishedRob EndersToday, 12:20 PM5Ham hock kielbasa"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 5Published5Me + AdministratorsHide unpublished5213In the Set Details view, the user is shown asummary description of the Set and the searchparameters that are used to create the Set.1Reports contained in the Set are listed in reversechronological order. The user can paginatethrough the list of reports, but cannot perform anyother search or filtering actions on the data in thisview. The user can view the details of the report(shown in the standard report overlay).2The View button allows the user to display thecurrently selected Set in the Views tab.3If the user has administrator permissions, the usercan make a set featured, which ensures that it ispromoted in the list of All Sets for all users (seeprior illustration).4Make Featured4If the user places the mouse pointer over anypermissions indication, more details are shown inan overlay.5http://somedeployment.com/accidentmap/Ushahidi27Set Details
  • 28. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpEdit Set 3SaveLocation Nakawa, Kampala, UgandaWithin 5 kms ofCancelandKeyword FastAny field ContainsAddAdd locationVerify locationTimeCategory AnyStage AnyReliability Greater than Moderate/ /Between / /Group AnyNameDescriptionSet 3Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hock kielbasa.Bacon ipsum dolor sit ametullamco drumstick veniam, porkdeserunt.Ham hock kielbasa incididuntqui voluptate spare ribs flankpastrami do. Exercitation fugiataliquip consequat.12The user can provide a name and description for aSet, and then define the search parameters for theSet as appropriate.1Inline help is shown, as appropriate.23By default, only the Name, Description andKeyword fields are enabled. All other fields aredimmed.If the user places the mouse cursor over anydimmed field, the field is highlighted and enabled.If the user sets a criterion for the field, the fieldremains enabled and highlighted.3http://somedeployment.com/accidentmap/Ushahidi28Edit Set
  • 29. Plugin Tab
  • 30. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpAboutThe TeamLatest reportsThe Accident Map ProjectLinksBacon ipsum dolor sit amet turducken sed fatback, short ribspork belly prosciutto ad. Eiusmod salami non, ham eu autecillum venison short loin anim.Aliqua dolore andouille consectetur frankfurter. In aliquip filetmignon sint. Tail sint ullamco spare ribs. Filet mignon velitswine, laborum rump qui pig sausage elit short ribs andouilleeu hamburger.More >Capicola dolore chicken ground round esse animConsectetur non tempor labore dolor, nostrud quikielbasa ball tip jowl short loin dolore.Non incididunt ut, sint in in quis mollit shoulder estham turkey do.Turducken fatback qui ut culpa.Lusmod consequat duis incididunt est frankfurterTurducken fatback qui ut culpa.Turducken fatback qui ut culpa.Turducken fatback qui ut culpa.Turducken fatback qui ut culpa.1The About tab is an example of a plugin-basedtab. In this case, the plugin is designed to showsummary or static information (so could be usedto show general information about thedeployment, for example).There are several kinds of content blocks available,that can be enabled and customised by the user.The content blocks could include: written content,photographs, lists of recent reports, lists of links, areport submission form, or a small version of themap.The user configures the behaviour and content ofthe tab in the Tools section.1http://somedeployment.com/accidentmap/Ushahidi30Multiple Content Blocks
  • 31. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpAboutThe Accident Map ProjectBacon ipsum dolor sit amet turducken sed fatback, short ribs pork belly prosciutto ad.Eiusmod salami non, ham eu aute cillum venison short loin anim.Aliqua dolore andouille consectetur frankfurter. In aliquip filet mignon sint. Tail sint ullamcospare ribs. Filet mignon velit swine, laborum rump qui pig sausage elit short ribs andouilleeu hamburger.Ea pastrami spare ribs non sed aute anim. Ex adipisicing irure ribeye laboris.Tail sint ullamco spare ribs. Filet mignon velit swine, laborum rump qui pig sausage elitshort ribs andouille eu hamburger. Ea pastrami spare ribs non sed aute anim. Exadipisicing irure ribeye laboris. Elit mollit hamburger, voluptate pastrami exercitation eadolore duis spare ribs ribeye ut commodo. Do chuck eu pork non turkey, ea esse ullamcoaliqua nulla tongue officia ut.1This illustration shows how a longer article couldappear within the About tab.1http://somedeployment.com/accidentmap/Ushahidi31Details of Individual Content Block
  • 32. AboutViews SetsAccident MapAboutThe TeamThe Accident Map ProjectBacon ipsum dolor sit amet turducken sedfatback, short ribs pork belly prosciutto ad.Eiusmod salami non, ham eu aute cillumvenison short loin anim.Aliqua dolore andouille consectetur frankfurter.In aliquip filet mignon sint. Tail sint ullamcospare ribs. Filet mignon velit swine, laborumrump qui pig sausage elit short ribs andouille euhamburger.More >Latest reportsCapicola dolore chicken ground roundesse animConsectetur non tempor labore dolor,nostrud qui kielbasa ball tip jowl short loindolore.1This screen illustrates how a longer article wouldbe reflowed for display on a mobile device.132Mobile - Multiple Content Blocks
  • 33. Workspace Tab
  • 34. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardDashboard30%Next: How mapping will help your project.Recent Activity StatisticsChecklists"Turducken fatback qui ut culpa."Anonymous Today 4:20 AM"Capicola dolore chicken ground…"Gerald Durrell Yesterday 5:56 PMUpdatedNew Comment"Lusmod consequat duis incididunt est frankfurter"Jared Diamond July 13, 4:45 PMPublished"Lusmod consequat duis incididunt est frankfurter"Anonymous July 12, 12:53 AMNew Report487 ReportsReceived88CommentsPostedNew user registrationBart Engels July 11, 4:20 AM"Capicola dolore chicken ground…"Gerald Durrell July 10, 5:56 PMUpdated"Lusmod consequat duis incididunt est frankfurter"Jared Diamond July 10, 4:45 PMPublished17 RegisteredUsers89The Workspace tab is dedicated to managing theuser contributed content in a deployment (i.e.reports and comments). The Dashboard shows asummary overview of the status of thedeployment.1The All Reports view lists every report in thesystem.2The Report Type and Stage view allows the user tochoose which kind of report they would like to see,or within each of those, reports of which stagethey would like to view. See subsequent pages formore detail.3The Worklist view is visible only if there are reportsthat have people assigned as responsible fordifferent stages (see Advanced Report Designerfor more details). All the reports for which thecurrent user has been identified as responsible forare listed in this view.4Any reports the user has Flagged anywhere in thesystem is shown in the Flagged view.5The Comments view lists all comments in thesystem and allows the user to moderatecomments as appropriate.6The user can access checklists for setting goals andchecking progress.71 2 3 4 5 6 7Recent Activity shows everything that has beenhappening in the deployment in reversechronological order.8The users progress with respect to their goals setin Checklists is shown to encourage continuedwork on checklists and goals.9http://somedeployment.com/accidentmap/Ushahidi34Workspace - Dashboard
  • 35. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardBacon ipsum dolor sit amet ullamco"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3PublishedRob EndersToday, 12:20 PM5Man hits tree after skidding off road"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3TranslationRob EndersToday, 12:20 PMDrumstick veniam, pork deserunt"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 6PublishedRob EndersToday, 12:20 PM2Ham hock kielbasa"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 5PublishedNext stage: NoneSteve Burchovsky is editingNext stage: TranslationNext stage: NoneNext stage: ApprovalSearch within All Reports Advanced searchIncludes 2 duplicates3264If the deployment is using only simple reports (noworkflow, only submit & publish), the worklist isnot shown.If the user does not have permission to moderatecomments or manage the checklist, these itemsare not displayed.1If another user is currently editing a report, this isshown. The user cannot edit a report whileanother person is also editing the same report.3If the reports have multiple stages (as specified inthe Advanced Report Editor), then the next stageis displayed.4Select AllAccident Reports - Awaiting Review... FlaggedAll ReportsDashboard All Reports1If a report has been marked as having duplicates,this is indicated in the list.2The tools available here are: Edit, Flag, Export &Share, Delete and Mark as Duplicate. If the userclicks Mark as Duplicate, the report is added to theDuplicate Manager list.55When the user enters a query in the search box, allfields that the user has permission to view shouldbe searched (e.g. title, description, category, sets,submitter).If the user selects Advanced Search, a screensimilar to the Set Editor screen should bedisplayed to allow the user to construct a complexsearch query.6Duplicate Manager 3http://somedeployment.com/accidentmap/Ushahidi35Workspace - Unpublished
  • 36. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardBacon ipsum dolor sit amet ullamco"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3PublishedRob EndersToday, 12:20 PM5Man hits tree after skidding off road"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3TranslationRob EndersToday, 12:20 PMDrumstick veniam, pork deserunt"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 6PublishedRob EndersToday, 12:20 PM2Ham hock kielbasa"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 5PublishedNext stage: NoneSteve Burchovsky is editingNext stage: TranslationNext stage: NoneNext stage: ApprovalFlaggedUn-flag Publish Delete DuplicatesAccident ReportsAwaiting Review & PublishingPublishedHospital Status ReportsAwaiting VerificationAwaiting Review & PublishingPublished321Users can select multiple reports in the Workspaceviews. Once multiple reports have been selectedthe toolbar at the bottom of the screen shows bulkactions that can be carried out on the reports.1In this menu, users can see each report type thathas been created for the deployment, and each ofthe stages that the reports have. Users can chooseto view just a particular kind of report, or aparticular kind of report at a particular stage.2When the user has selected multiple items usingthe checkboxes, the toolbar at the bottom of thescreen changes to show bulk actions that can becarried out on the reports. If the user selectsDuplicates, the selected reports are added to theDuplicate Manager.3Duplicate Manager 3http://somedeployment.com/accidentmap/Ushahidi36Workspace - Flagged
  • 37. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardAny reports that the user has added to theDuplicate manager are listed here.1The user can mark all the listed reports asduplicates. The first item in the list will be madethe primary report for the purposes of display.2The user can mark the report as primary (in whichcase the primary report moves to the secondposition in the list).3Bacon ipsum dolor sit amet ullamco"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3PublishedRob EndersToday, 12:20 PM5Man hits tree after skidding off road"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 3TranslationRob EndersToday, 12:20 PMDrumstick veniam, pork deserunt"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 6PublishedRob EndersToday, 12:20 PM2Ham hock kielbasa"Bacon ipsum dolor sit amet ullamco drumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribs flank pastrami do..."Category 5PublishedDuplicate ManagerMake primaryMark 4 reports as duplicatesCloseRemove from listPrimary Report132http://somedeployment.com/accidentmap/Ushahidi37Workspace - Duplicate Manager
  • 38. ToolsWorkspaceAccident MapProfileWorkspaceWorklistBacon ipsum dolor sit amet ullamco"Bacon ipsum dolor sit amet ullamcodrumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribsflank pastrami do..."Category 3PublishedRob EndersToday, 12:20 PM 5Man hits tree after skidding off road"Bacon ipsum dolor sit amet ullamcodrumstick veniam, pork deserunt ham hockkielbasa incididunt qui voluptate spare ribsflank pastrami do..."Category 3TranslationRob EndersToday, 12:20 PMNext stage: NoneSteve Burchovskyis editingNext stage: TranslationSearch within Worklist AdvancedThe user can scroll the available tabs. In thisillustration, the second set of tabs is shown. Notethat the user profile is now a tab rather than a textlink as shown in the desktop design.1When shown on mobile, the different views aremade available through a drop down list.21238Mobile - Worklist
  • 39. Tools Tab
  • 40. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpToolsReports & Entities Plugins SettingsUsers & Groups Appearance CategoriesPermissions Reports & EntitiesReport TypesBasic Report Accident Report New Report TypeEntity TypesHospitalsHospital StatusNew EntityDisabledActive12EntitiesActive Active0Reports187Reports45Reports81 2 3 4 5 6 79The Tools tab is for deployment administrators tomanage the configuration of their deployment.The Users & Groups section is used to manage thepeople with permission to log in to thedeployment.1The Permissions section is used to manage thelevel of access that different groups have withinthe deployment. This is focused on the differenttabs and views that people have access to (e.g.that members of the public cannot see the Setstab). Permission management for individualreports is achieved through the Report Designer.2The Reports & Entities section shows the differentkinds of reports that can be submitted throughthe deployment, and what kinds of entities exist inthe system (e.g. for collecting sensor data).3The Appearance section is used for managingcomponents such as themes or the organisation ofthe tabs.4The Categoies section is used to manage thecategories that exist in the deployment.5The Plugins section is used to install and enableplugins. Additionally, any configuration of pluginsshould be handled through this section.6The Settings section is used to handle basicsystem configuration (e.g. URL, site name).7The user can create multiple different report types.Each report type is a form template.8The user can create multiple different entity types.Entities are used when multiple reports need to beassociated with a static entity within the system(e.g. gathering sensor data). Each entity has itsown set of metadata (e.g. Hospital name, HospitalAddress), and must be associated with a specificform which contributes additional metadata to theentity (e.g. the Hospital Status form, which couldinclude the number of available beds).9http://somedeployment.com/accidentmap/Ushahidi40Tools - Reports
  • 41. New Report Type Wizard
  • 42. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpToolsReports & Entities Plugins SettingsUsers & Groups Appearance CategoriesPermissionshttp://somedeployment.com/accidentmap/UshahidiChoose report typeBasic Report Photo CheckinTitleDescriptionLocationCategoryPhotoDescriptionNews GatheringTitleDescriptionLinksCategoryReliabilityBacon ipsumTitleDescriptionLocationBlank ReportDesign your ownreport from scratch.CancelNext12When users create a new report type, a wizard isdisplayed. The first step of the wizard offers theusers different built-in report templates. This set of5-10 templates should address the needs of themajority of users without customisation.1Users can choose to create a blank report. If theuser chooses this option, the wizard completes inthe next step, and the user can then use theReport Designer to modify the report.242New Report Type Wizard - Choose Template
  • 43. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpToolsReports & Entities Plugins SettingsUsers & Groups Appearance CategoriesPermissionshttp://somedeployment.com/accidentmap/UshahidiSubmitting and reviewing reports CancelNextWho is allowed to submit this kind of report?Only registered usersAnyoneHow should it be published?The report should be published immediatelyThe report should be reviewed and approved before publishing byShould people be notified when a report is submitted?YesNoAll registered usersBackAdministrator1If the user chooses a report template, a series ofscreens are shown that ask the user basic thingsabout how the report should be handled. This willalleviate the need for the majority of users to makeuse of the Report Designer. Only one screen fromthis flow is illustrated here.143New Report Type Wizard - Choose Settings
  • 44. Report Designer
  • 45. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardhttp://somedeployment.com/accidentmap/UshahidiAccident ReportCancelSaveLocationAdd fieldSwitch to Advanced Report DesignerKampala, Uganda VerifyDefault locationLocationField titleField type LocationTitleDescriptionNotificationsApprovalsCategoryPreviewDesignProvide a clear and complete descriptionof the accident, including the kind andnumber of vehicles involved.Bacon ipsum dolor sit ametullamco drumstick veniam, porkdeserunt.Ham hock kielbasa incididuntqui voluptate spare ribs flankpastrami do. Exercitation fugiataliquip consequat.1423The Report Designer is used to create and modifyreport forms. The Report Designer can only beused on non-smartphone devices (larger-screendevices such as laptops or tablet computers).The Simple Report Designer is used for creatingreports that have only one or two stages (onestage would be for immediate publication onsubmission, two stage would be for moderationbefore publication). Additionally, the SimpleReport Designer supports only simplenotifications and approvals rules.The user is presented with a list of fields that canbe re-ordered (by drag and drop) and configured.1The field that is selected for editing is highlighted.2The characteristics of the field can modified. Theuser can specify many characteristics of the field,including who is able to edit the field (eithermembers of the public upon submission, oradministrators of the deployment). Any morecomplex permissions management requires theAdvanced Report Designer.3The user can preview a form to ensure the designis working during the design and editing process.4BasicsHelpAdvancedVisible to PublicField ID DESCRIPTIONEditable by PublicMandatory field45Simple Report Designer - Modify Field
  • 46. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardhttp://somedeployment.com/accidentmap/UshahidiLocationAdd fieldLong textPhoto or VideoPhotoVideoShort textNumberList of options Yes / NoLinkIntroductionDate & timeReliabilityAccident ReportSwitch to Advanced Report DesignerTitleDescriptionNotificationsApprovalsCategoryBacon ipsum dolor sit ametullamco drumstick veniam, porkdeserunt.Ham hock kielbasa incididuntqui voluptate spare ribs flankpastrami do. Exercitation fugiataliquip consequat.PreviewDesignCancelSave1When the user chooses to add a field, a palette offield choices are shown.1The user can click on any field type to add it to theform (in which case it is added to the end of list offields), or drag and drop it into the sequence ofform fields.2The user can configure who will be notified whenthe form is submitted.3The user can specify the approval rules for theform. With the Simple Report Designer, the onlykind of approval possible is Administratorapproval. For more complex approvals (usingspecific groups of users, for example), theAdvanced Report Designer must be used.434246Simple Report Designer - Add Field
  • 47. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardhttp://somedeployment.com/accidentmap/UshahidiTitleMediaEmail AdministratorsAdd actionStage 1: Initial ReportStage 2: VerificationStage 3: PublishingField nameAdd stagePermissionsPreviewDesignAccident ReportDescriptionLocationSubmitterIPAdd fieldCancelSaveVisible toDescriptionField type Text fieldMax. characters 50PublicField ID DESCRIPTIONMandatory fieldEditable by PublicHelp Provide a clear and complete descriptionof the accident, including the kind andnumber of vehicles involved.Bacon ipsum dolor sit ametullamco drumstick veniam, porkdeserunt.Ham hock kielbasa incididuntqui voluptate spare ribs flankpastrami do. Exercitation fugiataliquip consequat.BasicsCannot switch to Basic Report Designer1The Advanced Report Designer allows the user tocreate forms that have multiple stages, have variedpermissions for each stage, and complex actionsthat are carried out at the end of each stage.Stages are used to build workflows within theplatform. For example, if a report needs to beverified before publication, a Verification stagecould be added.Permissions can also be assigned to each stage, soparticular people have access to modifying onlyparticular aspects of reports.Additionally, it is possible to nominate individualsor groups as responsible for a particular stage, inwhich case relevant reports will appear on theirWorklist (in the Workspace).12Some fields are not published to the public. Fieldsthat are private to the logged-in users only aredifferentiated using an icon.2AdvancedMandatory field47Advanced Report Designer - Modify Field
  • 48. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardhttp://somedeployment.com/accidentmap/UshahidiTitleMediaDescriptionLocationSubmitterIPAdd fieldEmail AdministratorsAdd actionStage 1: Initial ReportStage 2: VerificationStage 3: PublishingAdd stagePermissionsPreviewDesignAccident ReportCancelSaveBacon ipsum dolor sit ametullamco drumstick veniam, porkdeserunt.Ham hock kielbasa incididuntqui voluptate spare ribs flankpastrami do. Exercitation fugiataliquip consequat.ContainingWhat to doToNameSend emailEmail AdministratorsReportAdministratorsAction1At the end of each stage, multiple actions can becarried out automatically. This could include emailnotification, sending data to third party systemsthrough standard web APIS, sending messages toTwitter, etc. This could be extended throughplugins.148Advanced Report Designer - Modify Action
  • 49. CROWDMAP Maps & PlansSubmit ReportJared DiamondSets About WorkspaceViewsAccident MapToolsHelpHelpWorkspaceCommentsAccident Reports - Awaiting Review... Worklist FlaggedAll Reports ChecklistsDashboardhttp://somedeployment.com/accidentmap/UshahidiCategoryReliabilityNotesAdd fieldStage 1: Initial ReportStage 2: Review & ApprovalStage 3: PublishingAdd stagePermissions & responsibilityPreviewDesignAccident ReportCancelSaveAdd actionPermissions & responsibilityBacon ipsum dolor sit ametullamco drumstick veniam, porkdeserunt.Ham hock kielbasa incididuntqui voluptate spare ribs flankpastrami do. Exercitation fugiataliquip consequat.AddAdministrators can edit this stageChoose user or groupResponsible for this stage (will appear on worklist)Andrew Murray can edit this stageResponsible for this stage (will appear on worklist)132For each stage of a report it is possible to definepermissions (who can modify this stage of thereport) and responsibility (who is in charge oftaking the report through this stage). Those whoare responsible for the stage will have the reportsat this stage show on their Worklist in theWorkspace.1The user can add users or groups to this of thosewith permissions and responsibility for the stage.2Users or groups can be removed from thepermissions and responsibility list. There must beat least one person or group in the list.349Advanced Report Designer - Modify Permissions & Assignment
  • 50. Plugins & Themes
  • 51. PluginsUsers can install plugins to Ushahidi. The plugins allow theusers to modify the appearance and behaviour of thesystem.Users should be able to install plugins that achieve thefollowing effects:Add new view to the Views tabAdd new tabConfigure permissions for views and tabsAdd custom settings UI for both views and tabsAdd new kinds of data types to Report DesignerAdd new kinds of actions to Report DesignerAllow report data to be published to third party applicationsand servicesFurther discussion and investigation is required to fully definethe capabilities granted to plugins.ThemesUsers can install custom themes. The themes allow the usersto modify the appearance of the system.Users should be able to install themes that allow them tochange a subset of the site CSS achieving the followingeffects:Change colour scheme of header area (including bothcolours and any image assets)Change colour scheme of body area (in fairly limited ways)Change logoThemes should allow for users to create single tab themesthat do not show any of the tabs to members of the public(thus showing a simplified header area to non-logged-inusers.Further discussion and investigation is required to fully definethe capabilities granted to themes.51Discussion
  • 52. Gabriel White, August 2012gabriel@smallsurfaces.comwww.smallsurfaces.com