42
1 i-views University Part 09: Putting the Pieces Together

L9: Putting the pieces together

Embed Size (px)

Citation preview

Page 1: L9: Putting the pieces together

1

i-viewsUniversityPart09:PuttingthePieces

Together

Page 2: L9: Putting the pieces together

22

PuttingthePiecesTogether

RalphHerold

KnowledgeEngineer&JuniorProductManager

intelligentviewsgmbh

Page 3: L9: Putting the pieces together

33

PuttingthePiecesTogether

Application FrontendShownhereisthefrontend

ofani-views demoapplication calledExperienceFinder.

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

Page 4: L9: Putting the pieces together

44

PuttingthePiecesTogether

JSON

ThedataissenttothefrontendfromthebackendintheformatofaJSON

object.

Page 5: L9: Putting the pieces together

55

PuttingthePiecesTogether

REST

TheJSONobjectissentviaaRESTservicecalled

viewconfig.Forthisreason,aBridgesoftware

componentisrequiredtorun.

Page 6: L9: Putting the pieces together

66

PuttingthePiecesTogether

ViewConfiguration

Eachtabinthefrontendiscreatedbyaseparate

subconfigurationwhichispartofthetop-level-

configuration.

Thelayoutofthefrontendisconfiguredbyaseriesof

cascadingviewconfigurations.Here,thetop-levelconfigurationisassignedtoobjectsofthecurrentlyselectedtype

„Industry“.

Page 7: L9: Putting the pieces together

77

PuttingthePiecesTogether

ViewConfigurationAttributevaluesofobjectsofthetype„Industry“are

configuredinasubconfigurationofthetabwheretheyaredisplayed.

Page 8: L9: Putting the pieces together

88

PuttingthePiecesTogether

ViewConfiguration Unliketheaforementioneddisplayelements,thelistof

companiesiscreateddynamically.Theactual

compositionisdeterminedby aquery.

Page 9: L9: Putting the pieces together

99

PuttingthePiecesTogether

StructuredQuery

Thisquerysearchesforcompanieswhichbelongtotheselectedindustrysectorandwhicharecustomersof

oneormoreprojects.

Page 10: L9: Putting the pieces together

1010

PuttingthePiecesTogether

Schema

Thequeryisbaseduponamodelwhichrelatestheobjecttypes„Industry“,

„Customer“,and„Project“toeachothervia

bidirectionalrelationtypes.

Page 11: L9: Putting the pieces together

1111

PuttingthePiecesTogether

Summary

Page 12: L9: Putting the pieces together

12

Starting(almost)fromscratch

Page 13: L9: Putting the pieces together

1313

PuttingthePiecesTogether

Preconditions

Forthefollowingshowcase,weassumethefollowingmeasureshavealreadybeentaken:• AlicenseddatabasewithinstalledRESTandviewconfigmappercomponentsandaviewconfigmapper-demofrontendembeddedasastaticRESTresource

• ArunningMediator

• ArunningBridgewithaconfiguredviewconfigservice

Page 14: L9: Putting the pieces together

1414

PuttingthePiecesTogether

Excursion:ChangestoRunningaBridge

i-views5featuresamoresecurearchitecture.AnyBridgetryingtoaccessaMediatormustnowauthenticateitself.Anauthentificationrequirestwosteps:

Inthefirststep,anauthentificationtokenmustbegenerated.ThiscanbedoneintheAdmin-Tool.

Notethatthistoken,astring,isisonlyshown

uponcreation.

Page 15: L9: Putting the pieces together

1515

PuttingthePiecesTogether

Excursion:ChangestoRunningaBridge

Inthesecondstep,thetokenmustbeaddedintothebridge.iniasvalueofthekeyauthentication.

Page 16: L9: Putting the pieces together

16

Task

Page 17: L9: Putting the pieces together

1717

PuttingthePiecesTogether

Task• Scenario

• ACompanyemployspersons

• Thesepersonsworkonprojects

• Projectscanbeactiveorinactive

• FrontendVisualization

• Showalistofcompaniesinaboxontheleft

• Whenselectingacompany,showalistofallactiveprojectsitsemployeesareworkingoninaboxontheright

Page 18: L9: Putting the pieces together

18

CreateaSchema

Page 19: L9: Putting the pieces together

1919

PuttingthePiecesTogether

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

Page 20: L9: Putting the pieces together

2020

PuttingthePiecesTogether

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

Page 21: L9: Putting the pieces together

2121

PuttingthePiecesTogether

CreateaSchemaCreateanattributetypetoindicatewhethera„Project“isactiveorinactive.

Page 22: L9: Putting the pieces together

2222

PuttingthePiecesTogether

CreateaSchema

Page 23: L9: Putting the pieces together

23

ImporttheData

Page 24: L9: Putting the pieces together

2424

PuttingthePiecesTogether

Createadatasampleincsvformat.

ImporttheData

Page 25: L9: Putting the pieces together

2525

PuttingthePiecesTogether

Createanimportmappingandstarttheimport.

ImporttheData

Page 26: L9: Putting the pieces together

2626

PuttingthePiecesTogether

ImporttheData

Page 27: L9: Putting the pieces together

27

DefineaQuery

Page 28: L9: Putting the pieces together

2828

PuttingthePiecesTogether

Buildastructuredqueryaccordingtothescenario.

DefineaQuery

Page 29: L9: Putting the pieces together

29

ConfiguretheView

Page 30: L9: Putting the pieces together

3030

PuttingthePiecesTogether

Createamainlinearlayoutpanelforthefrontend.

ConfiguretheView

Page 31: L9: Putting the pieces together

3131

PuttingthePiecesTogether

Createamainlinearlayoutpanelforthefrontend.

ConfiguretheView

Page 32: L9: Putting the pieces together

3232

PuttingthePiecesTogether

Definetwohorizontalfixedviewpanels.

ConfiguretheView

Page 33: L9: Putting the pieces together

3333

PuttingthePiecesTogether

Definetwohorizontalfixedviewpanels.

ConfiguretheView

Page 34: L9: Putting the pieces together

3434

PuttingthePiecesTogether

Defineatableviewconfigurationforobjectsofthetype„Company“.

ConfiguretheView

Page 35: L9: Putting the pieces together

3535

PuttingthePiecesTogether

Connectthetableviewconfigurationwiththeleftpanel.

ConfiguretheView

Page 36: L9: Putting the pieces together

3636

PuttingthePiecesTogether

Defineasearchviewconfigurationanddirectlyconnectitwiththerightpanel.

ConfiguretheView

Page 37: L9: Putting the pieces together

3737

PuttingthePiecesTogether

Connectthestructuredquerywiththesearchviewconfigurationanddefineanoutputtableconfigurationforthesearchresults.

ConfiguretheView

Page 38: L9: Putting the pieces together

3838

PuttingthePiecesTogether

Connecttheleftpanelwiththerightpanelinordertoallowaclickintheleftpaneltoupdatetherightpanel.

ConfiguretheView

Page 39: L9: Putting the pieces together

39

Result

Page 40: L9: Putting the pieces together

4040

PuttingthePiecesTogether

Result

Page 41: L9: Putting the pieces together

4141

PuttingthePiecesTogether

Homework

1. Createyourownscenarioandvisualizeitinawaysimilartotheoneshownhereinyourxxxdatabase.Feelfreetoexploreandandnoteanyproblemsyoumightencounter.

2. Reviewthepreviouslessons.Whatarethetopfiveslidesthatyouunderstoodtheleast?Bringthemtotheconsultationhourfordiscussion.

Page 42: L9: Putting the pieces together

4242

PuttingthePiecesTogether

Sendyour questions to:[email protected]

Consultationhours:EveryWednesday

Thank you for visitingi-viewsUniversity