d3.2 socratic full prototype v1.0 · 2017-10-06 · full prototype is presented and in chapter 3...

D3.2SOCRATICFULLPROTOTYPE

2

AbouttheProject

ProjectTitle SocialCreativeIntelligencePlatformforachievingGlobalSustainabilityGoals

ProjectAcronym SOCRATIC

ProjectNo 688228

Call H2020-ICT-2015CAPS

TypeofAction RIA-ResearchandInnovationAction

ThematicPriority SocialInnovation,CitizenEmpowerment,Gamification,CollectiveAwarenessPlatform,InnovativeSolutions,CAPSprojects,GlobalSustainabilityChallenges,OpenIntelligentCollaborativePlatform,MillenniumDevelopmentGoals(MDGs)

StartDateofProject

01.01.2016

DurationofProject 24Months

ProjectWebsite http://www.socratic.eu/

SocialNetworks www.facebook.com/socractic2020@socratic

3

AbouttheDeliverable

WorkPackage WP300PlatformImplementation

Task T320FullPrototypeImplementation

Deliverablelead ATB

Authors(Org) AbhijitVyas,PhilipReimer(ATB)

Reviewers(Org) YolandaRuedaFernández(CIB);ChristianWolff(ATB)

DisseminationLevel: CO

Nature of TheDeliverable

Report

DueDate M16–31/08/2017

SubmissionDate 07/09/2017

Date 05/09/2017

Version 1.0

Abstract This document presents a description of the developedFullPrototypeoftheSOCRATICPlatform.OverallresultofWP300FPdevelopment represents thesoftwareand thisreportdescribingthesoftware.

Keywords SOCRATIC Design Specification Version 01, SOCRATICPlatform, SOCRATIC Services, Use Cases, Mock-Ups,

4

Requirements,DataModel,testcases,

Disclaimer

The information, documentation and figures in this deliverable are written by theSOCRATIC project consortium under EC grant agreement 688228 and do notnecessarilyreflecttheviewsoftheEuropeanCommission.TheEuropeanCommissionisnotliableforanyusethatmaybemadeoftheinformationcontainedherein.

Copyrightnotice

©2016-2018SOCRATICConsortium

Acknowledgment

ThisreportisfundedundertheECH2020CAPSprojectSOCRACTIC,grantagreement688228.

5

TableofContents1 Introduction.................................................................................................12

1.1 Overview.........................................................................................................12

1.2 DocumentStructure........................................................................................12

2 FullPrototypeOverview...............................................................................13

3 SOCRATICICTPlatform.................................................................................15

3.1 Usedsoftwaretoolsandtechnologies.............................................................15

3.2 SOCRATICProcess............................................................................................17

3.2.1 Overview............................................................................................................18

3.2.2 Prompts.............................................................................................................19

3.2.3 Ideation..............................................................................................................25

3.2.4 Prioritization......................................................................................................35

3.2.5 Prototyping(ProjectorActioncreation)...........................................................40

3.2.6 ScalingandSystematicchange..........................................................................54

3.3 SupportingServices.........................................................................................55

3.3.1 Registration.......................................................................................................55

3.3.2 Security/Authentication....................................................................................56

3.3.3 AdministratorDashboard..................................................................................58

3.3.4 CoordinatorDashboard.....................................................................................87

3.3.5 PlatformNotifications.......................................................................................93

3.3.6 Searchfunctionality...........................................................................................95

3.3.7 Guidelines..........................................................................................................96

3.3.8 SocialInnovationObservatory...........................................................................97

3.3.1 AboutSOCRATIC..............................................................................................101

4 Conclusions................................................................................................102

5 Annex.........................................................................................................103

6

ListofFiguresFigure2-1:SOCRATICSystemArchitecture................................................................14

Figure3-1:SOCRATICWelcomePage.........................................................................18

Figure3-2:CreateChallengeForm.............................................................................21

Figure3-3:ViewChallengeinDefinitionphase..........................................................22

Figure3-4:EditingaChallenge...................................................................................23

Figure3-5:ChallengeDiscussion................................................................................24

Figure3-6:OverviewofChallenges............................................................................25

Figure3-7:CreateIdeaForm......................................................................................28

Figure3-8:EditinganIdea..........................................................................................31

Figure3-9:IdeaDetailsPage......................................................................................33

Figure3-10:IdeaDiscussion.......................................................................................34

Figure3-11:ChallengeanditsIdeasinIdeationPhase..............................................35

Figure3-12:PrioritizationofIdeas.............................................................................36

Figure3-13:IdeaSelectionDetailsPage.....................................................................38

Figure3-14:VotingforIdeas......................................................................................39

Figure3-15:Ideaselectiondetailspage:Aftervoting................................................39

Figure3-16:AdminDashboard:Ilead->challenges..................................................40

Figure3-17:AdminDashboard:Ilead->challenges->IdeaSelectionsection..........42

Figure3-18:AdminDashboard:Ilead->challenges->AnIdeaisselected...............43

Figure3-19:AdminDashboard:Ilead->IdeaLeadergetsinvitationtocreateanewaction..................................................................................................................43

Figure3-20:CreateAction:thesolutionpage............................................................45

7

Figure3-21:CreateAction:theteam.........................................................................46

Figure3-22:CreateAction:thefirstiteration............................................................47

Figure3-23:CreateAction:calltoaction...................................................................48

Figure3-24:Iterationdetailspage.............................................................................49

Figure3-25:Listofiterationspage.............................................................................50

Figure3-26:Actionsolutionpage...............................................................................51

Figure3-27:Actionbusinessmodeldetailspage.......................................................52

Figure3-28:ListofActionspage.................................................................................53

Figure3-29:ActionDiscussion....................................................................................54

Figure3-30:SOCRATICRegistration...........................................................................56

Figure3-31:SOCRATICLogin|FacebookLogin|LinkedInLogin...............................57

Figure3-32:Administratordashboard:Dashboard....................................................59

Figure3-33:Administratordashboard:Itakepart.....................................................61

Figure3-34:Administratordashboard:Ilead.............................................................63

Figure3-35:Administratordashboard:IleadChallengeActivityPage......................64

Figure3-36:Administratordashboard:IleadChallengeParticipantsPage...............65

Figure3-37:Administratordashboard:IleadIdeaActivitiesPage.............................66

Figure3-38:Administratordashboard:IleadIdeaParticipantsPage........................67

Figure3-39:Administratordashboard:IleadActionActivitiesPage.........................68

Figure3-40:Administratordashboard:IleadActionCalltoActionpage..................69

Figure3-41:Administratordashboard:IleadAction->Teampage............................70

Figure3-42:Administratordashboard:IleadAction->Participantspage.................71

Figure3-43:Administratordashboard:IleadActionEditpage.................................74

Figure3-44:Administratordashboard:IleadActionIterationsPage........................75

8

Figure3-45:Administratordashboard:IleadActionIterationEditPage...................76

Figure3-46:Administratordashboard:IleadBusinessmodelpop-upmessagebox.77

Figure3-47:Administratordashboard:IleadBusinessmodeleditpage...................79

Figure3-48:Administratordashboard:Settings........................................................80

Figure3-49:Administratordashboard:Settings->Setprofile...................................81

Figure3-50:Administratordashboard:Settings->ChangePassword.......................82

Figure3-51:Administratordashboard:Settings->ManageNotifications.................83

Figure3-52:Administratordashboard:Settings->InvitePeopletoSOCRATIC.........84

Figure3-53:Administratordashboard:Messages......................................................85

Figure3-54:Administratordashboard:Messages->Pop-upbox..............................86

Figure3-55:Administratordashboard:Messages->Sent.........................................86

Figure3-56:Administratordashboard:Messages->ReadandReply........................87

Figure3-57:Administratordashboard:Messages->Delete......................................87

Figure3-58:Coordinatordashboard:Overview.........................................................88

Figure3-59:Coordinatordashboard:Processes.........................................................90

Figure3-60:Coordinatordashboard:Activities..........................................................91

Figure3-61:Coordinatordashboard:Users...............................................................92

Figure3-62:Coordinatordashboard:Messages.........................................................93

Figure3-63:PlatformNotifications............................................................................94

Figure3-64:textSearch..............................................................................................95

Figure3-65:keywordsSearch....................................................................................96

Figure3-66:SOCRATICplatformGuidelines...............................................................97

Figure3-67:SocialinnovationObservatory.............................................................100

Figure3-68:AboutSOCRATIC...................................................................................101

9

Figure5-1:AgileSoftwareDevelopmentPlan:EPTestingFeedback1....................103

Figure5-2:AgileSoftwareDevelopmentPlan:EPTestingFeedback2....................104

Figure5-3:AgileSoftwareDevelopmentPlan:EPTestingFeedback3Sprint:EPRefinement.......................................................................................................104

Figure5-4:AgileSoftwareDevelopmentPlan:EPRefinement................................105

Figure5-5:AgileSoftwareDevelopmentPlan:FPSprint1.......................................106




10

ListofTablesTable3-1:UsedSoftwareToolsandTechnologies.....................................................15

11

ExecutiveSummaryThis document presents a description of the developed Full Prototype of theSOCRATICPlatform,highlightingtheprogressmadeduringlastphaseoftheproject,by representing new functionalities with screenshots. According to the DoA, theSOCRATICICTsolutionisbasedontheformerFullPrototypeoftheExtremeFactoriesprojects’ platform, which helps to investigate and to refine the acceptance andinterconnectionsamongservicesintermsofrequireddatafortheFullPrototypeoftheSOCRATICplatform.However,bythattime,existingconceptsanduserinterfacesfor all the core services for full prototype could be partly reused and extensiveadaptions have been made in all stages of the SOCRATIC Methodology process,which are supported by the platform. For example, the basic ideation servicefunctionalitieswereimplementedaspartofthefullprototypeofExtremeFactoriesbutwasmuchmore adapted and extended in the scope of SOCRATIC in terms ofUser Interface Design and data model. On the other hand, the Prioritization andImplementation Services included in Extreme Factories have been completelyrewritten(backendandfrontend)inordertosupporttheSOCRATICprocessphasesSelectionandPrototyping,respectively.Thisdocumentcomprises,inadditiontothissummary,anintroductorychapterwithadescriptionofitspurposeandstructure.Inchapter2anoverviewoftheSOCRATICFullPrototypeispresentedandinChapter3thecoresocialinnovationprocessoftheSOCRATIC platform is illustrated by the first three stages as a combination ofdescriptions and screenshots from the current Full Prototype. Chapter 3 providesalso an overview about software tools used for implementation, as well asdescription and interconnection between SOCRATIC services along the SOCRATICMethodology.Chapter4 concludes thedeliverable,andChapter5holdsadditionalinformationabouttheplatformdevelopmentplanfromtheusedissuemanagementtoolinformofanannex.

12

1 Introduction1.1 OverviewThe current deliverable document D3.2 represents features and tools developedduring secondphaseof the SOCRATICproject.During early prototypewheremainthreestepsofSOCRATICmethodologystepsnamelyPrompts,IdeationandSelectionwere addressed, full prototype introduces the fourth pillar of the methodology:Prototyping.Thisstage is responsible forselected ideaswhichwould interncanbeconverted to Projects or Actions. The last two stages of the innovation process;ScalingandSystematicchangewillonlybesupportedbymethodology.

TheFPSoftwarecomprehendsuser interfaceof thecoreservicesdeveloped inthescope of the project in agreement of all consortium members. It also includesvariousdashboardssuchasAdministratordashboardandCoordinatordashboardasusefultoolstomanagedifferentprocessesontheplatform.TheFPalsorepresentsthe basis for the implementation of the final NTNU and CIB use case specificdemonstrators.

Based on deliverable D3.1, this document comprises a system overview anddescriptionofthe implementedfullprototypeoftheSOCRATICservices, illustratedbythecorrespondingscreenshots.

1.2 DocumentStructureThedocumentisdividedinthefollowingchapters:

• TheExecutiveSummary• Chapter1presentstheintroductiontothisdeliverable• Chapter 2 gives an overview of the concepts and system architecture

presentedbytheSOCRATICplatform,basedontheSOCRATICconcept.• Chapter 3 presents the Full Prototype (FP) of the SOCRATIC ICT Platform,

explained in conjunction with screenshots of the FP Implementation. ThesubsectionsareorientedalongthefirststagesoftheSOCRATICMethodology,describedinmoredetailswithinDeliverableD2.3MethodologyWorkbook

• Chapter4concludesthedeliverable• Chapter 5 is the annex of this deliverable, which shows the agile

development plan of the used issuemanagement system,which is used inthescopeoftheSOCRATICdevelopment.

13

2 FullPrototypeOverviewThe Overall ICT system concept of the full prototype of the SOCRATIC platformsolutionisbasedonacollaborativeplatformincludingfunctionalitiestosupportthemostpracticedInnovationMethodologies inIndustry,namelytheExtremeFactoriesPlatform.AsalreadydescribedinD1.1SOCRATICState-of-the-Art,ExtremeFactorieswas a project about enhancing the innovation management process in globallyacting networked SMEs. It implements a new methodology, based on agilemethodologies and a collaborative internet-based platform for adoption of asystematicinnovationprocess.Targetedinnovationprocesssupportaimedtocoverall the phases of the process from its ideation over ideas prioritisation phase andprototypingphaseuntilthefollow-upoftheimplementedinnovations,followinganagileapproach.

Since the technical SOCRATIC platform is based on the elaborated system ofExtremeFactories, the entire SOCRATIC platform (as described in D1.4 SOCRATICConcept)with the following groups of services is comprised of Inception Services,Prioritisation Services, Implementation Services and Follow-up Services. Each ofthese services is composedof several tools, realized as a combinationof platforminternal solutions. Moreover, Supporting Services include Notification Services,Tagging, Expert Search and User Management Services. The FP of the SOCRATICplatformcoversadaptionsandextensionsoftheExtremeFactoriesservicesalongthefirst four phases of the SOCRATIC methodology, namely Prompts, Ideation,PrioritizationandPrototyping.

Theplatformincludesadditionally:

• GeneralRun-timeInfrastructure,comprisingServiceExecutionEnvironment,SecurityServices

• CommonRepository

TheSOCRATICplatformisimplementedasawebapplicationina3-tierarchitecturefollowing the Model View Controller (MVC) pattern as depicted in the followingfigure.MoredetailsabouttheSOCRATICConceptanditsRequirementscanbefoundinDeliverablesD1.4SOCRATICConceptandD1.3RequirementsAnalysisandtheD2.1DesignSpecificationVersion01.Thecurrentversionof theplatform isavailableonhttps://www.atb-bremen.de/socratic-platform to keep track on features to bedevelopedduringthescopeoftheproject1.Attheendoftheproject,theplatform

1PleasenotethatthefunctionalitiesprovidedbyplatformversiononATBserverissubjecttochange.Witheverynewdeploymentsprint,olddatawillbewipedout.

14

sourcecodewillbeprovidedunderopensourcelicensepolicyonpublicsourcecoderepositorysuchasGithub.

Figure2-1:SOCRATICSystemArchitecture

15

3 SOCRATICICTPlatform

3.1 UsedsoftwaretoolsandtechnologiesThe most important software tools making up the SOCRATIC developmentenvironment,togetherwiththeirversion,homepageandnameofthetasktheyarebeingusedfor,arelistedinthefollowingtable:

Table3-1:UsedSoftwareToolsandTechnologies

Function SoftwareTool

Version HomePage

ProgrammingLanguage

Java 7 http://www.oracle.com/technetwork/java

JavaApplicationServer

JBossApplicationServer

7.1.1.Final http://wildfly.org/

BuildManager ApacheMaven

>=3.3 http://maven.apache.org/

IDE Eclipse >=4.5 http://eclipse.org/

CSSFramework

TwitterBootstrap

>=2.3 http://twitter.github.com/bootstrap/

JavaScriptFramework

jQuery >=1.11.3 http://www.jquery.org/

WebFramework

ApacheWicket

>=6.20.0 http://wicket.apache.org/

MoredetailsabouttheusedtoolsandtechnologiesandabouttheSOCRATICSystemArchitecture can be found in the Deliverables D2.1 Design Specification Version01,D1.4SOCRATICConceptandD1.3RequirementsAnalysis.

DevelopmentApproach

Theimplementationofthesoftwarewas(forFullPrototype)basedoncommonandstate-of-the-artagile softwaredevelopmentparadigmSCRUM, i.e. the initial setoffunctionalities is based on the Initial Backlog coming from the requirementsdefinitioninD1.3RequirementsAnalysisandgetsupdatedalongthedevelopmentofthederivedfeatures.Thus,aniterativedevelopmentprocessinconjunctionwiththeEnd-UsersCIBandNTNUisapplied.ThedevelopmentoffunctionalitiesissplitupinSprints,which are defined by a certain time frame (onemonth) and a number offeatures (user-stories) picked from the backlog to be developed, agreed andreviewed with the SOCRATIC End-Users. Several sprints are cascaded along the

16

development process and planned thoroughly with the help of issue trackingsystems like e.g. Atlassian JIRA within the project. After each sprint, a new andworkingversionof theSOCRATICplatform is releasedtogather feedback fromtheend-userandensurethatpotentialproblemswiththedevelopedfunctionalitiescanbe detected as full as possible and correspondingly handled in the succeedingsprints.The initialbackloggets reviewedaftereach sprint, taking intoaccount theend-users’feedback.After Early prototype, testing procedure for newly developed features on theplatform was changed. The concept of test cases was introduced. The test casewhichdescribes features testconditions (i.e.preandpostconditions)andstepstoperformonplatforminordertoachievedesiredresult.ThiswasparticularlyhelpfulinharmonizingUImock-upsanddevelopmentprocess.Theend-userstestthenewlydevelopedfeaturesbasedontestcasesdevelopedforeachindividualuserstoryandpassoreitherfailsthetestcasebasedonthefinalresult.Anynegativetestresultsarethenaddressedinthefollowingdevelopmentcycle.

In theAnnex,onecan find the softwaredevelopmentplanused for theSOCRATICplatformdevelopmentactivitiesasexportedscreenshotsstartingfrommonth13forfullprototype (Figure5-1 toFigure5-8, foreachsprint releasedafterEP) fromtheIssueManagementToolAtlassianJIRA2.

2Atlassian JIRA is a proprietary issue tracking product, developed by Atlassian. It provides bugtracking,issuetracking,andprojectmanagementfunctionsanditisusedduringthedevelopmentofthe SOCRATIC platform by ATB in order to organize issue tracking along the agile developmentmethodology.

17

3.2 SOCRATICProcessThis subchapter presents the full prototype of the SOCRATIC ICT platform withdescriptionandscreenshotsoftheimplementedfunctionalitiesduringsecondphaseof the project. The idea is to present each of the first step of the SOCRATICmethodology with the help of corresponding platform functionalities, which wereimplementedinthescopeofthefullprototypeandwhicharebasedonandextendtheformerExtremeFactoriesProject.

18

3.2.1 Overview

WelcomePage

The landingpageof theSOCRATICplatformwhich is shown in the following figurewasalreadypartofEarlyPrototypebutfewadditionalfeatureshasbeenaddedtoit.EarlierUserneedstologintolearnmoreaboutchallengesandideas.Butnowusercan simply read active challenges and ideas on the platform. If he/she needs tocontribute to the existing process (challenge or idea) then only registration isrequired.

Figure3-1:SOCRATICWelcomePage

19

3.2.2 PromptsThere were few changes performed on create challenge based on UI mock-upsrequest.Thefollowingscreenshotshows,howonecancreateanewchallenge.TheconceptofInnovationprocesswasremovedandhelptexttoolswereimplementedbasedonUImock-ups.

ChallengeCreation

21

Figure3-2:CreateChallengeForm

ChallengeOverview

Aftertheuserhascreatedthechallengeviatheformmentionedabove,achallengeispresented like the following figure is showing to theuser.ChallengeOwnerandcontributors are listed on this page and challenge solver can sendmessage to COdirectlyfromhere.Thissectionwasupdatedinfullprototypephase.Onceplatformusercommentsonchallengedefinitionpageorcreatesanidea(whenchallengeisinideation phase), he/she automatically becomes contributors to this challenge andthusbecomesfollowersofthechallengeandwillgetnotifiedbyplatformwhenanynew updates happens with current challenge. If they don’t want to becomefollowers and do not want to get disturbed by notifications, they simply can un-followchallengebyclickingbuttonontop-rightcorner.

22

Figure3-3:ViewChallengeinDefinitionphase

23

ChallengeEditing

The user can also edit his/her challenge. By editing the challenge, the ChallengeOwner together with his/her team is able to refine the challenge iteratively. Thissection was already implemented in EP but it was updated and refined in FullPrototypephase.

Figure3-4:EditingaChallenge

24

ChallengeDiscussionThe aforementioned refinement of the challenge is also based on the integrateddiscussionfunctionality.Allusersontheplatformareabletopostcommentstothechallengetobring intheirthoughtsandconcerns.Thefollowingfigureshows,howone canmake comments to a challenge. It should be noted that, once challengedefinitionphaseisover,usercannotcommentonthechallengenorhecanlikethechallenge.

Figure3-5:ChallengeDiscussion

ViewChallengesThispagepresentsanoverviewofall challenges,whichare currentlyactive to thelogged in user on the platform. Each challenge can be entered according to itscorresponding stage and the logged in user can modify and contribute to thesechallenges as one likes. This section was also updated and refined during fullprototypephase.

25

Figure3-6:OverviewofChallenges

3.2.3 IdeationAfter platform users have created challenges in the prompt phase, which wasdescribedabove,usercanparticipateinthesechallenges(throughbrainstorming)bypostingideasoneachchallenge.Thefollowingscreenshotsshow,howideascanbeposted,viewed,edited,etc.

26

CreateIdea

Howtocreatean idea isshown inthefollowingfigure,which is indetailapproachsuggested by UI Mock-Ups developed in D2.1 Design Specification Version 01.Basically, the form follows theprocessof the SOCRATICMethodology in the stageIdeation.

28

Figure3-7:CreateIdeaForm

29

EditIdea

Theuserwhohaspostedanideacanalsoedititasshowninbelowfigure.Thiswillgivetheuserachancetoimprove,modifyandvalidateanideaforfurtherdiscussion.

31

Figure3-8:EditinganIdea

32

IdeaDetailPageTheideadetailpageasshownbelowlistsallthedetailsrelatedtotheidea.Thispagehasbeenupdated infullprototypephase.Similartochallengefollowprocess,userwillbecomeanideafollowerwhenhe/shecommentsonideadetailspage.

33

Figure3-9:IdeaDetailsPage

34

IdeaDiscussion

EachIdeapostedonachallengebyaplatformusercanberevisedandedited.Likeforchallenges,alsoanideahasinturnanintegrateddiscussionfunctionality.Alltheusers on the platform are able to post comments to the idea to bring in theirthoughtsandconcerns.Thefollowingfigureshows,howonecanmakecommentstoanidea.Itshouldbenotedthat,onceideationphaseisfinishandchallengeisinnextstage,ideacannotbecommentedorliked.

Figure3-10:IdeaDiscussion

35

ListofIdeasforgivenchallenge

Once the challenge is in the ideation phase, the page that lists all ideas to thischallengelookslikethis.

Figure3-11:ChallengeanditsIdeasinIdeationPhase

3.2.4 PrioritizationThe following screenshots present the prioritization of ideas in the SOCRATICinnovation life cycle phase Prioritization. This section is redeveloped during fullprototypephase.

36

PrioritizationofIdeas

Aftertheideationandideapostingonachallengeisdone,theusercanseeallideasto this challenge,andconfigureavotingmethod for this, i.e.how theparticipantsshould vote for these ideas in the challenge. This sectionof theplatform is calledselectionphase.Asshown in figurebelow, the listof ideashasvotingpanelwhichwillenableuserstovotespecificideas.

Figure3-12:PrioritizationofIdeas

38

Ideaselectiondetailspage

Theusercanalsotakealookattheideawithdetailsishe/shelikes.Thereissimilarpageasideadetailspagebutwithvotingfunctionality,soifuserlikestheideaafterreadingitthenhe/shecanvote.

Figure3-13:IdeaSelectionDetailsPage

39

Two-dimensionalvotingofanidea

Oneveryimportantvotingmethodisthe2-dimensionalvoting,wheretheusercanvotefor ideas inthedimensionfeasibilityandrelevancebymakingastarvotingtoeachofthedimensionandsaveit.

Figure3-14:VotingforIdeas

Figure3-15:Ideaselectiondetailspage:Aftervoting

40

3.2.5 Prototyping(ProjectorActioncreation)Onceselection/prioritizationphase isover,prototypingofthe ideawillbegin.HeretheCOwilldecidebasedonmostvotesforanideatoselectitfornextlevel.OnceCOselectsthatidea,aninnovativeideacanbeturnedintoanactionorprojectand itssolution can have multiple iterations for completing the project, as described indetail indeliverableD2.3.Anactioncanalsohave itsbusinessmodelwhereactionleader canputhis/herbusinessmodel fornormalusers to takea look. This entireprocessisdescribedwithdetailsinfollowingsubsections.

Administratordashboard:Ileadsection

As shown in below figure, administrator dashboard was developed as part of fullprototypewhichwouldhelpusertomanageandconfigureitschallenges,ideasandactions related components. I lead section is one of them which displays all theentitieswhichusehaslead/created.Fornow,wewillconcentrateonchallengeonlyforcreatinganactionoutofideaspostedtoparticularchallenge.

Figure3-16:AdminDashboard:Ilead->challenges

Administratordashboard:Challengemanagementpage

Once CO clicks on manage button in Figure 3-16, he/she will be redirected tochallenge management section. This section as shown in below figure has many

41

different sub-sections such as Activities, participants, Edit, Idea Selection. Eachindividualsectionisrelatedtoparticularchallengeleadbyloggedinuser.Foractioncreation,wewillonlyfocusfornowonIdeaSelectionsectionshowninFigure3-17.

In this section, CO can have list of ideas related to his/her challenge with somedetails.Asyoucan see from the ideas list, initiallyeach ideahas “OnHalt” status.Now,ifCOlikestohavethisideaentersintonextstageofinnovationprocess,thenhe/sheselects itbychanging“OnHalt”statusto“Selected”statusshowninFigure3-18.

Once CO selects particular idea, the idea leader gets invitation via notification tocreateanactionrelatedtothis ideahe/shehassuggestedasshowninFigure3-19.Whenidealeaderclicksonthatnotification,he/shewillberedirecttoAdministratordashboard’sIleadsection.Thereanidealeaderwillfindlinktocreateanewaction.

Anactioncanbecreatedfromitsoriginalidea.Thisisthereason,whenidealeaderfirstclickon“CreateAction”link,he/shewillfindallnecessarydetailsfromoriginalidea.Figure3-20showsveryfirststepoutoffourtocreateacompleteaction.

42

Figure3-17:AdminDashboard:Ilead->challenges->IdeaSelectionsection

43

Figure3-18:AdminDashboard:Ilead->challenges->AnIdeaisselected

Figure3-19:AdminDashboard:Ilead->IdeaLeadergetsinvitationtocreateanewaction.

45

Figure3-20:CreateAction:thesolutionpage.

46

CreateAction:theteam

The second stageof the action creationprocess is to add a team toperformnewaction. Initiallyplatformsuggests ideacontributorsaspotential teammembers fornewly created action team. It depends upon action leaderwhich idea contributorgetstobepartofactionteam.

Figure3-21:CreateAction:theteam.

47

CreateAction:thefirstiteration

Onceteamiscreated,itistimeforveryfirstiterationfornewlycreatedaction.Thisiteration will be the main active plan for action solution. Following agilemethodology,anactionwillhavemany iterations toperformcertain tasksdefinedandplanedbyactionleader.

Figure3-22:CreateAction:thefirstiteration.

48

CreateAction:calltoaction

Thelaststeptocreateanactionistowritecalltoaction.Thisisthetextthatwillbedisplayedfornewlycreatedactionasshortsummeryorcurrentstatusoftheaction.Platformuserscantakealookatcalltoactionanddecideiftheywantstoparticipateintothisaction.

Figure3-23:CreateAction:calltoaction.

Iterationdetailspage

Once action leader clicks on update button in action creation: call to action page,he/shewillberedirectedtoIterationdetailspageasshowninFigure3-24.Thisistheiteration action leader has created in third step of action creation process. It alsoinclude call to actionwhich serves its purpose by displaying current status of theaction.Otherplatformuserscanreaditandiffoundinterestedthencantakealookatactionsolutionandparticipateinaction.Platformuserscanalsocommentonthecurrentiterationandlikes(thumbs-up)it iftheywant.Theycanalsofollowcurrentactionsothatifanyupdateshappenswithactiontheygetsnotifications.

49

Figure3-24:Iterationdetailspage.

50

ActionListofIterationsPage

AsshowninFigure3-24Iterationdetailspagehaslink“returntoiterations”.ThislinkwillleadusertolistofalliterationsforcurrentactionasshowninFigure3-25.Userscan go through list of all iterations and find the progress of current actionimplementation.

Figure3-25:Listofiterationspage.

ActionSolutionPage

Asshowninbelowfigure,anactionsolutionpagecontainsallthedetailsrelatedtocurrent action. Platformusers can take a look at themanddecide if theywant toparticipateincurrentaction.

51

Figure3-26:Actionsolutionpage.

ActionBusinessModelPage

Thisisthethirdcomponentoftheaction.Itwillreflectwidelyknownbusinessmodelforactionparticipants to takea look.Thismodel ispartially filledbyplatformandasksaction leadertofinishtherestofthe informationby itsown.Actin leadercanmodify business model in Administrator dashboard: I lead’s action managementsectionwhichwillbeexplainedindetailsinAdministratordashboardsectionofthischapter.

52

Figure3-27:Actionbusinessmodeldetailspage.

ListofActionsPage

User can take a look at all existing actions on SOCRATIC platform by clicking onACTIONSlinkontopnavigationbar.Thiswouldredirectusertolistofactionspage.

53

Figure3-28:ListofActionspage.

ActionDiscussion

As of now all three stages of action, i.e. action solution, iteration and businessmodelshavecommentingfunctionality.

54

Figure3-29:ActionDiscussion.

3.2.6 ScalingandSystematicchangeThisisthelaststageofSOCRATICmethodology,asdescribedindeliverableD2.3.Thispartoftheinnovationlifecyclewasagreednottobeprovidedbytheplatformbutonlybymethodology,althoughusercanbemadeawareoftheselasttwostagesofinnovation process on platform. Since this task was not set as priority for full

55

prototype, it was not implemented on platform. However, final version of theplatform(atendofproject)willhavesectioncalled“ImpactStories”.

3.3 SupportingServicesThe following subsections will present the Supporting Services of the SOCRATICPlatforminformofscreenshots.

3.3.1 RegistrationIn order to join the platform a user can register with the help of the followingregistrationformordirectlyloginwithanexistingLinkedInorFacebookAccount.

56

Figure3-30:SOCRATICRegistration

3.3.2 Security/Authentication

After a user has registered directly on the SOCRATIC platform, a user canauthenticateviatheemailaddressandapassword.Moreover,itispossibletologin(andregister)directlyviaanexistingLinkedInorFacebookAccount.

57

Figure3-31:SOCRATICLogin|FacebookLogin|LinkedInLogin

58

3.3.3 AdministratorDashboardAdministratordashboardisalreadymentionedinprevioussectionofthisdocumentmainlytoexplainactioncreationprocess.Nowitwillbefullyexplainedindetails.

AswecanseefromFigure3-32,therearemainlyfivesectionsoftheadministratordashboard.Let’sexamineallofthemonebyone.

Dashboard

Thissectionpresentsoverviewintermsofcurrentchallengeswhichare ledbyandparticipatedbyloggedinuser.

59

Figure3-32:Administratordashboard:Dashboard

Itakepart

This section shows challenges, ideas, and actions which are participated orcontributedbyloggedinuser.Usecanexplorethoseandseeindetailwhatisgoingonwitheachindividualentity.

61

Figure3-33:Administratordashboard:Itakepart

Ilead

Similar to I take part section, I lead sectionwould represent list of all challenges,ideas,andactionwhichareledbyloggedinuser.AswecanseefromFigure3-34,allentities has “manage” button. This button will lead to each entitiesmanagementsection,whichisdevelopedseparately.

Thus, challenge, idea and actionmanagement section can be reached from I leadsection.FromFigure3-33andFigure3-34,itcanbeclearthatusercanleadandtakepartinsameentity.

63

Figure3-34:Administratordashboard:Ilead

Now we will describe each individual entities management sections. We havepartiallygotglimpseofchallengemanagementsectionwhenwewerecreatinganewactionfromideainPrototyping(ProjectorActioncreation)section.Nowwewilltakeadetaillookatchallenge,ideaandactionmanagementsections.

Challengemanagement

Ifchallengeownerwantstomanagechallengehe/shecandosobypressingmanagebuttononchallengecard.COwillgetredirectedtochallengeactivitypageasshownbelow.

Activities

Thispagewilllistalltheactivitiesrelatedtocurrentchallenge.Activitieswillincludewritingcommentsonchallengedefinitionpage,creatinganewideawhenchallengeisinideationphase,likingthechallenge.

64

Figure3-35:Administratordashboard:IleadChallengeActivityPage

Participants

Participants section will include all the contributors of the challenge who hascommentedorlikedthechallengewhileitisindefinitionstageorhaveaddedanewideatochallengewhenitisinideationstage.

65

Figure3-36:Administratordashboard:IleadChallengeParticipantsPage

ChallengeEdit

ThesefunctionalityisalreadycoveredinPromptssection.

IdeaSelection

ThesefunctionalityisalreadycoveredinPrototyping(ProjectorActioncreation)section.

Ideamanagement

Ifideaownerwantstomanageideahe/shecandosobypressingmanagebuttononideacard.Idealeaderwillgetredirectedtoideaactivitypageasshownbelow.

66

Activities

Ideaactivitieswouldbecommentingon ideaor likingan ideawhencorrespondingchallenge is in ideation phase, additionally voting on idea when challenge is inselection/prioritizationphase.

Figure3-37:Administratordashboard:IleadIdeaActivitiesPage

Participants

Participantssectionwillincludeallthecontributorsoftheideawhohascommentedorlikedtheideawhilecorrespondingchallengeisinideationstageorhavevotedanideawhenchallengeisinselectionstage.

67

Figure3-38:Administratordashboard:IleadIdeaParticipantsPage

IdeaEdit

ThesefunctionalityisalreadycoveredinIdeationsection.

Actionmanagement

Ifactionleaderwantstomanageactionhe/shecandosobypressingmanagebuttonon action card. Action leader will get redirected to action activity page as shownbelow.

Activities

Actionactivitieswouldbe commentingonor liking an action solution, iterationorbusinessmodel.

68

Figure3-39:Administratordashboard:IleadActionActivitiesPage

CalltoAction

Calltoactioncanbemodifiedinthissection.Thiswillbeveryhelpfultoshowstatusoftheactionwhendifferentiterationsarefinished.

69

Figure3-40:Administratordashboard:IleadActionCalltoActionpage

Team

Actionteamlistwouldbeplatformuserswhoareselectedbyactionleadertotakeresponsibility to finish given action task or iteration. Action contributors can beselectedasteammembersshowninFigure3-42inParticipantssection.

70

Figure3-41:Administratordashboard:IleadAction->Teampage.

Participants

Participants are those who have contributed for given action by commenting orlikingactionsolution,iterationorbusinessmodel.Theycanbeaddedtotheteamifactionleaderfindsthemappropriatematchforgiventask.

71

Figure3-42:Administratordashboard:IleadAction->Participantspage.

EditSolution

Anactionleadercaneditactionsolutioninthissection.Byeditingtheaction,actionleadertogetherwithhis/herteamisabletorefinetheactioniteratively.

74

Figure3-43:Administratordashboard:IleadActionEditpage.

Iterations

Inthissection,anactionleadercanmanageiterationsrelatedtohis/heraction.Thispagewould listall the iterationsrelatedtocurrentactionasshown inFigure3-44.Action leadercaneditcurrent iterationbychangingdetails relatedto itandset its

75

status to“Finished”asshown inFigure3-45.Bydoingsohe/shecancreateanewiteration.Anew iteration canonlybe createdwhen the current iteration is set to“Finished”.

Figure3-44:Administratordashboard:IleadActionIterationsPage

76

Figure3-45:Administratordashboard:IleadActionIterationEditPage

77

BusinessModel

The last section of the actionmanagement is to edit/set businessmodel. Initiallybusinessmodel isnotcompletelyfilled.Soeverytimeanactionleaderenters intobusinessmodelsectionapopupmessageboxisshowntohim/herinordertomakethingsclear.Onceaction leader finishesevery filedofbusinessmodel, thispop-upboxwillnotappear.

Figure3-46:Administratordashboard:IleadBusinessmodelpop-upmessagebox.

79

Figure3-47:Administratordashboard:IleadBusinessmodeleditpage.

80

Settings

Settingssectiondealswithuser’sowndatasuchasitsprofilesettings,passwordsettings,notificationssettingsandinvitepeople.

Figure3-48:Administratordashboard:Settings

Settings:UserProfile

Ausercanprovidepersonal informationabouthimself/herselfbyfilling intheuserprofile.WhenauserisusingLinkedInorFacebookforloggingintotheplatform,theemailaddressandtheprofilepictureareretrievedfromthecorrespondingaccountandtheuserprofileonSOCRATICgetsprefilledautomaticallywiththisinformation.A user has several options to fill in information about himself/herself. Someinformationlikee.g.skillsandinterestsareusedbytheplatformtosuggesttheuserinteresting challenges and participations on the platform automatically. Thisfunctionalityisupdatedduringfullprototypephase.

81

Figure3-49:Administratordashboard:Settings->Setprofile

82

Settings:ChangePassword

Platformusercanalsochangehis/herpasswordifneeded.Oncepasswordhasbeenreset, platformwill notify userby emailwith title as SOCRATICPasswordReset sothatusercanconfirmthisaction.

Figure3-50:Administratordashboard:Settings->ChangePassword

Settings:ManageNotifications

Ifauserdoesnotwanttogetnotifiedbythesystemautomatically,theFPholdsfirstversionofthemanagementUIofnotificationstoinfluencethiskindoffunctionalitybypersonalpreferences,whichcanbeseeninthefollowingFigure3-51.

83

Currently, it isonlypossibletomanagenotificationsforchallengesandideasaswecanseefrombelowfigure.

Figure3-51:Administratordashboard:Settings->ManageNotifications

Settings:InvitepeopletoSOCRATIC

Thisisadditionalservicewhichwaspartofearlyprototype.ThiscanbeveryusefulwhenplatformuserwantstoinviteotherpeopletocheckoutSOCRATICplatform.

84

Figure3-52:Administratordashboard:Settings->InvitePeopletoSOCRATIC

Messages

This is one of the useful functionality added in full prototype. Platform users cansend messages to each other and communicate on platform level so that anyinformationwillnotbesendoutsideoftheplatform.Thiswillenablequick,reliable,easycommunicationonplatform.

85

Figure3-53:Administratordashboard:Messages

Onceuserclickson“ComposeMessage”buttononrightsideofmessagesection,apopup box appears as shown below. User can specify one oremultiple receivers,subjectandtextmessageforreceiverstoread.Theonlyconditionformessages is,user needs to know registered email address of other platform users. UnreadmessageswillbedisplayedbybluetextasinFigure3-53andreadmessageswillbewithgreentextcolourshowninFigure3-56.Alsototalnoofunreadmessageswillbedisplayedaspost-fixtoheaderinInboxsection.

86

Figure3-54:Administratordashboard:Messages->Pop-upbox

Figure3-55:Administratordashboard:Messages->Sent

Usercantakealookatthemessagebyclickingonthetextandreplyitimmediatelyifhe/shelikes.

87

Figure3-56:Administratordashboard:Messages->ReadandReply

User can also delete anymessage(s). A confirmationmodelwill appear once userclicksondeletebutton.Itshouldbenotedthatdeletebuttonwillbeenabledwhenuserselectsonemoremultiplemessage.

Figure3-57:Administratordashboard:Messages->Delete

3.3.4 CoordinatorDashboardCoordinator dashboard is one of the most useful tool for coordinators.With thistools coordinators can perform bunch of activities such as; visualize processes,searchplatformusers, findoutcurrentactivitieshappeningontheplatformandat

88

last sendmessages toanyuseron theplatform.Currently “claims” functionality isnotclearlydefinedsothisisnotbeenpartoffullprototype.

Overview

Figure3-58:Coordinatordashboard:Overview

Processes

Processes are defined as challenges, ideas, actions, action iterations, and businessmodels. Those can be listed and found here on this page. Coordinator can usedifferentfilteringcriteriatofinddifferentresultsforprocessesrunningonplatform.

90

Figure3-59:Coordinatordashboard:Processes

Activities

Activities page lists all current activities happening on the platform. It listscomments, likes, and voting.Different filtering criteriaprovided for coordinator tofilterandsearchforspecifictypeofactivity.

91

Figure3-60:Coordinatordashboard:Activities

Users

Thisisoneofthemostusefulsectionforcoordinators.Heretheycanvisualizealltheplatform members and their contribution to SOCRATIC platform. This states willcreateconfidenceincoordinatorstocontactandappreciatecertainmembersofthecommunitywhoaredoinggoodjob!

92

Figure3-61:Coordinatordashboard:Users

Messages

Coordinators just like administrators can send and receive messages. This will beveryusefultooltobeincontactwithotherplatformusers.

93

Figure3-62:Coordinatordashboard:Messages

3.3.5 PlatformNotificationsWhenworking on the platform as a user, each user gets notified by the platformautomatically by so-callednotifications,which canbe seen in the following figure.Currentlytherearedifferenttypesofnotificationsprovidedbytheplatformsuchasupdatesrelatedtoeachcontributedorledentity(challenges,ideasandactions).

94

Figure3-63:PlatformNotifications

95

3.3.6 SearchfunctionalityTheSOCRATICplatformusesanintegratedtextbasedsearchengine.Thistextsearchishighlyoptimizedandcanreturnmultipleentitiesasshownbelow.

Figure3-64:textSearch

Usercanalsosearchbasedonkeywords,skillsorinterestandfindmultipleentities.Inbelowscreenshot,ideahaskeywordanduserhasskillas“networking”.

96

Figure3-65:keywordsSearch

3.3.7 GuidelinesUnderguidelinessection,usercangetunderstandingofSOCRATICmethodology.Anentiresocial innovation lifecycle isexplained indetails inthissectionwhichwouldbeparticularlyhelpfultothosewhoarenotawareofsocialinnovationlifecycle.

97

Figure3-66:SOCRATICplatformGuidelines

3.3.8 SocialInnovationObservatoryTheSOCRATICplatformholdsanObservatory,whichmonitorssocialmediachannelsandblogs and gets current information from these to certain topics. For example,the SOCRATIC Observatory retrieves all tweets from Twitter to certain givenhashtags (#SDGs, #socialinnovation, #Horizon2020, #Tech4Good, #2030Agenda,Tweets from@socratic2020)anddisplays them inside theSOCRATICplatform.The

98

following figure shows the Twitter Wall for the given hashtags and blogs, whichholdsinformationrelatedtotheUNgoals.

100

Figure3-67:SocialinnovationObservatory

101

3.3.1 AboutSOCRATICThispageexplainswhatSOCRATICisallabout!AsitisshowninFigure3-68,abriefdescriptionisprovidedinmeaningfulmanner.

Figure3-68:AboutSOCRATIC

102

4 ConclusionsAs part of SOCRATIC full prototype, process workflows were designed and web-based user interfaces of the core services were implemented. Moreover, thefunctionalities of the SOCRATIC services were also implemented along with theSOCRATICMethodology steps in conjunctionwith the feedback of End-Users fromCIB and NTNU. Such process provides an overview about the interconnectionbetween different services of the platform and a basic navigation structure. Theworkingfullprototypeoftheplatformmakesiteasiertoverifyandrefinetheoverallconceptandindividualservices.

Lessons learnt fromEPwereused to finishdevelopmentprocessof fullprototype.Thefinalrefinementoftheplatformwillbeacontinuoustaskandwillbecarriedoutwith agile developmentmethodologyuntil endof theproject. The final versionofthe platform will have more refined features than the current one. In order toimproveexistingplatform, feedbacks frompilots runningonNTNUandCIBwillbehelpful. Finally, a demo version of the current platform can be tried athttps://www.atb-bremen.de/socratic-platformtokeeptrackoffuturedevelopmenttaskaswell3.

3PleasenotethatthefunctionalitiesprovidedbyplatformversiononATBserverissubjecttochange.Witheverynewdeploymentsprint,olddatawillbewipedout.

103

5 AnnexThe following figures present the agile software development plan exported fromtheAtlassianJIRAIssueManagementToolatthe06thSeptember2017,whichisusedtotrackthesoftwaredevelopmentprocessinSOCRATIC.

Sprint:EPTestingFeedback1

Figure5-1:AgileSoftwareDevelopmentPlan:EPTestingFeedback1


104

Figure5-2:AgileSoftwareDevelopmentPlan:EPTestingFeedback2


Figure5-3:AgileSoftwareDevelopmentPlan:EPTestingFeedback3Sprint:EPRefinement

105

Figure5-4:AgileSoftwareDevelopmentPlan:EPRefinement

Sprint:FPSprint1

106

Figure5-5:AgileSoftwareDevelopmentPlan:FPSprint1

Sprint:FPSprint2


Sprint:FPSprint3

107


Sprint:FPSprint4

108


d3.2 socratic full prototype v1.0 · 2017-10-06 · full prototype is presented and in chapter 3...

Documents