l9: putting the pieces together
TRANSCRIPT
![Page 1: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/1.jpg)
1
i-viewsUniversityPart09:PuttingthePieces
Together
![Page 2: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/2.jpg)
22
PuttingthePiecesTogether
RalphHerold
KnowledgeEngineer&JuniorProductManager
intelligentviewsgmbh
![Page 3: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/3.jpg)
33
PuttingthePiecesTogether
Application FrontendShownhereisthefrontend
ofani-views demoapplication calledExperienceFinder.
http://experiencefinder.i-views.com/
![Page 4: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/4.jpg)
44
PuttingthePiecesTogether
JSON
ThedataissenttothefrontendfromthebackendintheformatofaJSON
object.
![Page 5: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/5.jpg)
55
PuttingthePiecesTogether
REST
TheJSONobjectissentviaaRESTservicecalled
viewconfig.Forthisreason,aBridgesoftware
componentisrequiredtorun.
![Page 6: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/6.jpg)
66
PuttingthePiecesTogether
ViewConfiguration
Eachtabinthefrontendiscreatedbyaseparate
subconfigurationwhichispartofthetop-level-
configuration.
Thelayoutofthefrontendisconfiguredbyaseriesof
cascadingviewconfigurations.Here,thetop-levelconfigurationisassignedtoobjectsofthecurrentlyselectedtype
„Industry“.
![Page 7: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/7.jpg)
77
PuttingthePiecesTogether
ViewConfigurationAttributevaluesofobjectsofthetype„Industry“are
configuredinasubconfigurationofthetabwheretheyaredisplayed.
![Page 8: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/8.jpg)
88
PuttingthePiecesTogether
ViewConfiguration Unliketheaforementioneddisplayelements,thelistof
companiesiscreateddynamically.Theactual
compositionisdeterminedby aquery.
![Page 9: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/9.jpg)
99
PuttingthePiecesTogether
StructuredQuery
Thisquerysearchesforcompanieswhichbelongtotheselectedindustrysectorandwhicharecustomersof
oneormoreprojects.
![Page 10: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/10.jpg)
1010
PuttingthePiecesTogether
Schema
Thequeryisbaseduponamodelwhichrelatestheobjecttypes„Industry“,
„Customer“,and„Project“toeachothervia
bidirectionalrelationtypes.
![Page 11: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/11.jpg)
1111
PuttingthePiecesTogether
Summary
![Page 12: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/12.jpg)
12
Starting(almost)fromscratch
![Page 13: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/13.jpg)
1313
PuttingthePiecesTogether
Preconditions
Forthefollowingshowcase,weassumethefollowingmeasureshavealreadybeentaken:• AlicenseddatabasewithinstalledRESTandviewconfigmappercomponentsandaviewconfigmapper-demofrontendembeddedasastaticRESTresource
• ArunningMediator
• ArunningBridgewithaconfiguredviewconfigservice
![Page 14: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/14.jpg)
1414
PuttingthePiecesTogether
Excursion:ChangestoRunningaBridge
i-views5featuresamoresecurearchitecture.AnyBridgetryingtoaccessaMediatormustnowauthenticateitself.Anauthentificationrequirestwosteps:
Inthefirststep,anauthentificationtokenmustbegenerated.ThiscanbedoneintheAdmin-Tool.
Notethatthistoken,astring,isisonlyshown
uponcreation.
![Page 15: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/15.jpg)
1515
PuttingthePiecesTogether
Excursion:ChangestoRunningaBridge
Inthesecondstep,thetokenmustbeaddedintothebridge.iniasvalueofthekeyauthentication.
![Page 16: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/16.jpg)
16
Task
![Page 17: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/17.jpg)
1717
PuttingthePiecesTogether
Task• Scenario
• ACompanyemployspersons
• Thesepersonsworkonprojects
• Projectscanbeactiveorinactive
• FrontendVisualization
• Showalistofcompaniesinaboxontheleft
• Whenselectingacompany,showalistofallactiveprojectsitsemployeesareworkingoninaboxontheright
![Page 18: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/18.jpg)
18
CreateaSchema
![Page 19: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/19.jpg)
1919
PuttingthePiecesTogether
CreateaSchemaCreateobjecttypesfor„Company“,„Person“,and„Project“.
![Page 20: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/20.jpg)
2020
PuttingthePiecesTogether
CreateaSchemaCreaterelationtypesbetween„Company“,„Person“,and„Project“accordingtothescenario.
![Page 21: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/21.jpg)
2121
PuttingthePiecesTogether
CreateaSchemaCreateanattributetypetoindicatewhethera„Project“isactiveorinactive.
![Page 22: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/22.jpg)
2222
PuttingthePiecesTogether
CreateaSchema
![Page 23: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/23.jpg)
23
ImporttheData
![Page 24: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/24.jpg)
2424
PuttingthePiecesTogether
Createadatasampleincsvformat.
ImporttheData
![Page 25: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/25.jpg)
2525
PuttingthePiecesTogether
Createanimportmappingandstarttheimport.
ImporttheData
![Page 26: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/26.jpg)
2626
PuttingthePiecesTogether
ImporttheData
![Page 27: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/27.jpg)
27
DefineaQuery
![Page 28: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/28.jpg)
2828
PuttingthePiecesTogether
Buildastructuredqueryaccordingtothescenario.
DefineaQuery
![Page 29: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/29.jpg)
29
ConfiguretheView
![Page 30: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/30.jpg)
3030
PuttingthePiecesTogether
Createamainlinearlayoutpanelforthefrontend.
ConfiguretheView
![Page 31: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/31.jpg)
3131
PuttingthePiecesTogether
Createamainlinearlayoutpanelforthefrontend.
ConfiguretheView
![Page 32: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/32.jpg)
3232
PuttingthePiecesTogether
Definetwohorizontalfixedviewpanels.
ConfiguretheView
![Page 33: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/33.jpg)
3333
PuttingthePiecesTogether
Definetwohorizontalfixedviewpanels.
ConfiguretheView
![Page 34: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/34.jpg)
3434
PuttingthePiecesTogether
Defineatableviewconfigurationforobjectsofthetype„Company“.
ConfiguretheView
![Page 35: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/35.jpg)
3535
PuttingthePiecesTogether
Connectthetableviewconfigurationwiththeleftpanel.
ConfiguretheView
![Page 36: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/36.jpg)
3636
PuttingthePiecesTogether
Defineasearchviewconfigurationanddirectlyconnectitwiththerightpanel.
ConfiguretheView
![Page 37: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/37.jpg)
3737
PuttingthePiecesTogether
Connectthestructuredquerywiththesearchviewconfigurationanddefineanoutputtableconfigurationforthesearchresults.
ConfiguretheView
![Page 38: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/38.jpg)
3838
PuttingthePiecesTogether
Connecttheleftpanelwiththerightpanelinordertoallowaclickintheleftpaneltoupdatetherightpanel.
ConfiguretheView
![Page 39: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/39.jpg)
39
Result
![Page 40: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/40.jpg)
4040
PuttingthePiecesTogether
Result
![Page 41: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/41.jpg)
4141
PuttingthePiecesTogether
Homework
1. Createyourownscenarioandvisualizeitinawaysimilartotheoneshownhereinyourxxxdatabase.Feelfreetoexploreandandnoteanyproblemsyoumightencounter.
2. Reviewthepreviouslessons.Whatarethetopfiveslidesthatyouunderstoodtheleast?Bringthemtotheconsultationhourfordiscussion.
![Page 42: L9: Putting the pieces together](https://reader034.vdocuments.mx/reader034/viewer/2022051520/58effb7f1a28abd24b8b45e1/html5/thumbnails/42.jpg)
4242
PuttingthePiecesTogether
Sendyour questions to:[email protected]
Consultationhours:EveryWednesday
Thank you for visitingi-viewsUniversity