+

SAPHANAInterviewQuestions
+
HadoopInterviewQuestions

FioriInterviewQuestions
SAPUI5/FioriInterviewQuestionsPart1
SAPUI5/FioriInterviewQuestionsPart2

15 0

SAPUI5andFioriInterviewQuestionsPart1

Recommendedarticlesbeforegoingthroughinterview
questions

PrerequisiteforSAPUI5andFioriCareerScopeandFutureGrowth
WhatisSAPUI5?
WhatisOpenUI5?Howit'sdifferentfromSAPUI5?
WhatisSAPFiori?Howit'sdifferentfromSAPUI5?
SAPUI5HelloWorldMyFirstSAPUI5Application
SAPFioriLaunchpad
WhatisSAPFioriCloudEdition?

WhatisSAPUI5?

InsimplewordsSAPUI5isacollectionoflibrariesthatdeveloperscanusetobuilddesktopandmobileapplicationsthatrunina
browser.
SAPUI5combineslatestwebtechnologieslikeHTML5,JavaScriptandCSSintoatoolkit.ItcanbeusedforbuildingWebapplications
ontheSAPplatform.
Toknowmore,refertoWhatisSAPUI5?

WhatisSAPFiori?HowitisdifferentfromSAPUI5?

SAPFioriisthenewfaceofSAPsoftware.Usingmoderndesignprinciples,SAPFioriprovidesarolebasedexperienceacrossall
linesofbusiness,tasks,anddevices.
Fioriisbasicallythedesignprinciples.AnappissaidtobeaFioriappifitfollowstheFioridesignguidelines.
TheprimarytechnologyusedforFioriisSAPUI5.
FioriisadesignprinciplewhileSAPUI5isatechnology.

Toknowmore,refertoWhatisSAPFiori?

WhatisOpenUI5?HowitisdifferentfromSAPUI5?

OpenUI5isopensourceversionofSAPUI5.InDecember2013,SAPUI5wasopensourcedunderthename"OpenUI5".
ItisnowavailableunderanOpenSourcelicense.Soyoucanuseitwithoutanypaymenttodomoreorlesswhateveryouwant.
Itdiffersonlyinthenumberoffrontendcontrolsthatareincluded,andthatismostlydowntoorganizationalreasonsonlyallofthe
importantcontrolsarepartofOpenUI5.

Toknowmore,refertoWhatisOpenUI5?

WhatisFIORILaunchpadandexplainit?
SAPFioriLaunchpadistheentrypointtoFioriappsonmobileanddesktopdevices.Itisarolebased,personalizedUIclientthat
enablesuserstoaccessSAPFioriapps.
TheLaunchpadcontainsvarioustilesinFiorisystem.TilesaresquareobjectsthatareusedtoaccessdifferentFioriApps.Accessto
thesetilesarebasedontheuserroles.

SAPFioritilesrunonmultipledevicetypesandprovidesasinglepointofaccessforbusinessapplicationssuchastransactional,
analytical,factsheet,smartbusinessapps.

Toknowmore,refertoSAPFioriLaunchpad.

ExplainMVCarchitectureinSAPUI5?

SAPUI5supportstheModelViewController(MVC)conceptasoftwarearchitecturalpatternforimplementinguserinterfaces.
TheMVCconceptisusedtoseparatetherepresentationofinformationfromtheuserinteraction.Thisseparationfacilitates
developmentandthechangingofpartsindependently.
Model,view,andcontrollerareassignedthefollowingroles:
TheviewisresponsiblefordefiningandrenderingtheUI.
Themodelmanagestheapplicationdata.
Thecontrollerreactstovieweventsanduserinteractionbymodifyingtheviewandmodel.

Thebelowdiagramwillmakeitmoreclear.

MVCconceptprovidesfollowingadvantages:
Itprovidesbetterreadability,maintainability,andextensibilityanditallowsyoutochangetheviewwithouttouchingtheunderlying
businesslogicandtodefineseveralviewsofthesamedata.

Viewsandcontrollersoftenforma1:1relationship,butitisalsopossibletohavecontrollerswithoutaUI,thesecontrollersarecalled
applicationcontrollers.Itisalsopossibletocreateviewswithoutcontrollers.Fromatechnicalposition,aviewisaSAPUI5controland
canhaveorinheritaSAPUI5model.

WhatisthemaindifferencebetweenODataModelandJSON
Model?

TheJSONmodelisaclientsidemodeland,therefore,intendedforsmalldatasets,whicharecompletelyavailableontheclient.
TheODatamodelisaserversidemodel:thedatasetisonlyavailableontheserverandtheclientonlyknowsthecurrentlyvisiblerows
andfields.

WhatisComponent.js/configurationfile?

Component.jsisthefirstpointofourapplicationorwecansaythatitservesasindexwhichencapsulatesallourapplicationsdetails
i.e.viewnames,routingdetails,mainview,applicationstype(FullScreenorSplitApp),applicationserviceconfigurationetc.

WhatisafragmentandviewsinSAPUI5?

FragmentsarepiecesofaUIwithouttheirowncontroller.Thenameofeachviewoffragmentisimportant.Afragmentmustbenamed
as<NAME>.fragment.xmlandaview<NAME>.view.xml

SAPUI5ViewsViewsarenothingbuttheapplicationpages.WedefineouruserinterfacebycreatingViews.Viewsisformedor
createdbyusingoneormoreControlsinitsayPage,SimpleForm,Dialog,Label,Inputetc.Everyviewhasitsowncontroller.

SAPUI5FragmentsFragmentsarethepiecesofUIjustlikeSAPUI5Views.WheneverweneedtousesomesimilarUIpartsmany
timesinourapplication/viewswecreateFragmentsofthoseUIpartsbecauseFragmentsarereusableandarelightweightcompared
toVIewsandControls.Fragmentsarestoredwithintheapplicationitselfandcanbeusedbythatapplicationonly.Fragmentsare
definedasViewonlyandcallingViewscontrollerissharedwithFragmentasFragmentsarenothavingtheirowncontrollers.

DoesFragmenthaveitsowncontroller?

Fragmentsarecreatedwithoutcontrollers,theydonthavetheirowncontrollerstheysharecontrolleroftheviewwhichisinvokingit.

WhenandHowtouseformatterinSAPUI5?

Weneedtouseformatterwhenweneedtoperformsomechangesonthebackendpropertydataonthefrontend.
Wecanuseformatterwhiledatabindingtoapropertylikeasfollows:
oControl=newsap.ui.commons.TextField({
value:{path:/path,formatter:function(oEvent){
returnValue:+oEvent
}
}
})
WhataretheLifecycle/hookmethodsofSAPUI5views
controller?

There4fourLifecyclemethodsavailableineverySAPUI5viewscontroller.Theseare

onInit()
onExit()
onAfterRendering()
onBeforeRendering().

onInitiscalledwhenaviewisinstantiatedanditscontrols(ifavailable)havealreadybeencreated.
onExitiscalledwhentheviewisdestroyedusedtofreeresourcesandfinalizeactivities.
onAfterRenderingwhentheviewhasbeenrenderedand,therefore,itsHTMLispartofthedocument.
onBeforeRenderingiscalledbeforethecontrollerviewisrerenderedandnotbeforethefirstrendering.

NextArticle:
SAPUI5andFioriInterviewQuestionsPart2

SPDevSupportEngineer
KeySkills:Sharepoint2010&2013,2016,Design&Development,Architecture.Apply
Nowjobs.monsterindia.com

Supportusbysharingthisarticle.

15 0

MostRecent