l9: putting the pieces together

1

i-viewsUniversityPart09:PuttingthePieces

Together

22

PuttingthePiecesTogether

RalphHerold

KnowledgeEngineer&JuniorProductManager

intelligentviewsgmbh

33

PuttingthePiecesTogether

Application FrontendShownhereisthefrontend

ofani-views demoapplication calledExperienceFinder.

http://experiencefinder.i-views.com/

44

PuttingthePiecesTogether

JSON

ThedataissenttothefrontendfromthebackendintheformatofaJSON

object.

55

PuttingthePiecesTogether

REST

TheJSONobjectissentviaaRESTservicecalled

viewconfig.Forthisreason,aBridgesoftware

componentisrequiredtorun.

66

PuttingthePiecesTogether

ViewConfiguration

Eachtabinthefrontendiscreatedbyaseparate

subconfigurationwhichispartofthetop-level-

configuration.

Thelayoutofthefrontendisconfiguredbyaseriesof

cascadingviewconfigurations.Here,thetop-levelconfigurationisassignedtoobjectsofthecurrentlyselectedtype

„Industry“.

77

PuttingthePiecesTogether

ViewConfigurationAttributevaluesofobjectsofthetype„Industry“are

configuredinasubconfigurationofthetabwheretheyaredisplayed.

88

PuttingthePiecesTogether

ViewConfiguration Unliketheaforementioneddisplayelements,thelistof

companiesiscreateddynamically.Theactual

compositionisdeterminedby aquery.

99

PuttingthePiecesTogether

StructuredQuery

Thisquerysearchesforcompanieswhichbelongtotheselectedindustrysectorandwhicharecustomersof

oneormoreprojects.

1010

PuttingthePiecesTogether

Schema

Thequeryisbaseduponamodelwhichrelatestheobjecttypes„Industry“,

„Customer“,and„Project“toeachothervia

bidirectionalrelationtypes.

1111

PuttingthePiecesTogether

Summary

12

Starting(almost)fromscratch

1313

PuttingthePiecesTogether

Preconditions

Forthefollowingshowcase,weassumethefollowingmeasureshavealreadybeentaken:• AlicenseddatabasewithinstalledRESTandviewconfigmappercomponentsandaviewconfigmapper-demofrontendembeddedasastaticRESTresource

• ArunningMediator

• ArunningBridgewithaconfiguredviewconfigservice

1414

PuttingthePiecesTogether

Excursion:ChangestoRunningaBridge

i-views5featuresamoresecurearchitecture.AnyBridgetryingtoaccessaMediatormustnowauthenticateitself.Anauthentificationrequirestwosteps:

Inthefirststep,anauthentificationtokenmustbegenerated.ThiscanbedoneintheAdmin-Tool.

Notethatthistoken,astring,isisonlyshown

uponcreation.

1515

PuttingthePiecesTogether

Excursion:ChangestoRunningaBridge

Inthesecondstep,thetokenmustbeaddedintothebridge.iniasvalueofthekeyauthentication.

16

Task

1717

PuttingthePiecesTogether

Task• Scenario

• ACompanyemployspersons

• Thesepersonsworkonprojects

• Projectscanbeactiveorinactive

• FrontendVisualization

• Showalistofcompaniesinaboxontheleft

• Whenselectingacompany,showalistofallactiveprojectsitsemployeesareworkingoninaboxontheright

18

CreateaSchema

1919

PuttingthePiecesTogether

CreateaSchemaCreateobjecttypesfor„Company“,„Person“,and„Project“.

2020

PuttingthePiecesTogether

CreateaSchemaCreaterelationtypesbetween„Company“,„Person“,and„Project“accordingtothescenario.

2121

PuttingthePiecesTogether

CreateaSchemaCreateanattributetypetoindicatewhethera„Project“isactiveorinactive.

2222

PuttingthePiecesTogether

CreateaSchema

23

ImporttheData

2424

PuttingthePiecesTogether

Createadatasampleincsvformat.

ImporttheData

2525

PuttingthePiecesTogether

Createanimportmappingandstarttheimport.

ImporttheData

2626

PuttingthePiecesTogether

ImporttheData

27

DefineaQuery

2828

PuttingthePiecesTogether

Buildastructuredqueryaccordingtothescenario.

DefineaQuery

29

ConfiguretheView

3030

PuttingthePiecesTogether

Createamainlinearlayoutpanelforthefrontend.

ConfiguretheView

3131

PuttingthePiecesTogether

Createamainlinearlayoutpanelforthefrontend.

ConfiguretheView

3232

PuttingthePiecesTogether

Definetwohorizontalfixedviewpanels.

ConfiguretheView

3333

PuttingthePiecesTogether

Definetwohorizontalfixedviewpanels.

ConfiguretheView

3434

PuttingthePiecesTogether

Defineatableviewconfigurationforobjectsofthetype„Company“.

ConfiguretheView

3535

PuttingthePiecesTogether

Connectthetableviewconfigurationwiththeleftpanel.

ConfiguretheView

3636

PuttingthePiecesTogether

Defineasearchviewconfigurationanddirectlyconnectitwiththerightpanel.

ConfiguretheView

3737

PuttingthePiecesTogether

Connectthestructuredquerywiththesearchviewconfigurationanddefineanoutputtableconfigurationforthesearchresults.

ConfiguretheView

3838

PuttingthePiecesTogether

Connecttheleftpanelwiththerightpanelinordertoallowaclickintheleftpaneltoupdatetherightpanel.

ConfiguretheView

39

Result

4040

PuttingthePiecesTogether

Result

4141

PuttingthePiecesTogether

Homework

1. Createyourownscenarioandvisualizeitinawaysimilartotheoneshownhereinyourxxxdatabase.Feelfreetoexploreandandnoteanyproblemsyoumightencounter.

2. Reviewthepreviouslessons.Whatarethetopfiveslidesthatyouunderstoodtheleast?Bringthemtotheconsultationhourfordiscussion.

4242

PuttingthePiecesTogether

Sendyour questions to:contact-webinar@i-views.com

Consultationhours:EveryWednesday

Thank you for visitingi-viewsUniversity