Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ......
Transcript of Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ......
![Page 1: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/1.jpg)
SabreRedAppSDK Destination Hack Web Red App Widget Development
sabredevstudio.com
![Page 2: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/2.jpg)
New Sabre Red Workspace
sabredevstudio.com
SabreRedWorkspaceisaflexibleuserinterfacepla:ormfortravelagentstoaccesstheSabrereserva?onssystem.ThenewWorkspaceintroducesaDecisionSupportBarandPanelWidgets;alldesignedtoquicklyprovideinsightstothetravelagentandtoefficientlyadvancetheworkflow.TolearnmoreaboutDecisionSupportBarvisit:h7ps://www.sabre.com/insights/innova<on-hub/prototypes/new-sabre-red-workspace/
NOTE:
![Page 3: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/3.jpg)
Sabre Red App SDK
sabredevstudio.com
NOTE:
TheSabreRedAppDeveloperToolkit-enablesdeveloperstobuildappsthatintegratedirectlyintotheSabreRedWorkspacepla:orm.Theseapps,aretechnicallyEclipseplugins,integratedintoSabreRedWorkspace,thatisbuiltontopoftheEclipseRCPpla:orm.AtSabreDes?na?onHackSingaporeweareexposinganearlyalphaversionofanewSDKBuildthatallowsRedAppDeveloperstobuildcustomWebRedAppWidgetstoprovidebroaderandmoreadvancedinsightstoTravelConsultantsthatu?lizeSabreRedWorkspacePla:orm.
![Page 4: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/4.jpg)
Sabre Web Red App Widget Hackathon Challenges
sabredevstudio.com
NOTE:
#1 Develop Best Idea for Decision Support Bar - $500 Prize
#2 Develop Best Widget for Red App Panel - $500 Prize
![Page 5: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/5.jpg)
What you need to Develop Web Red App Widget? InstallRedAppDeveloperPla2orm• DownloadEclipseIDE32bitLuna.hVp://www.eclipse.org/downloads/packages/eclipse-rcp-and-rap-developers/lunasr1a• DownloadJava1.8u2532bit.hVp://www.oracle.com/technetwork/java/javase/downloads/java-archive-javase8-2177648.html#jre-8u25-oth-JPR• DownloadRedAppSDKAlphaHackathonBuildforWebRedAppWidgetDevelopment.This
includesallthesampledocumenta?onandfileresources.hVps://drive.google.com/file/d/0B8i3pUfLy_rLWDZkMm9SdWRmalk/view?usp=sharingRequirementsforDevelopingWebRedAppWidgetsModules• node.JSandNPM• IDEofchoice,preferablewithTypeScriptSupport.InExample:Sublime,Notepad++
RedAppDevelopmentisonlysupportedonMicrosoDWindowsopera<ngsystem.
![Page 6: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/6.jpg)
Red App Platform Installation and Configuration • InstallJavadownload.• ExtractandLaunchtheEclipseIDE• ExtracttheRedAppSDKzipfiletoyourlocalworksta?on• WatchtheInstalla?onvideoofhowtoinstallandconfiguretheRedAppSDKonEclipseIDE,and
LaunchtheSabreRedAppPla:orm.hVps://www.dropbox.com/s/kgmj5jer028pz6y/hackathon.mp4?dl=0• AddthefollowingVMArgumentsbeforelaunchingtheRedAppTargetPla:orm.Thiswillenable
RemoteDebuggingandSandboxmode:-Dosgi.parentClassloader=ext-Ddynamo_tes?ng_remote_debugging=true-Ddynamo.service=mocks-Dredapp.fake.session=true
• Installnode.jswithnpm.
Formoreinforma<onaboutinstalla<on,readtheRedAppDevGeJngStartedGuideintheRedAppSDKDownloaddocumenta<onfolder.
![Page 7: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/7.jpg)
Developing the Web Red App Widget • ReadtheRedAppWebModulesGuide.pdffoundinthedocumenta<onfolderofRedAppSDK
Download.
CreateWidgetSkeleton:1.Copy`/samples/web/module-skeleton`fromRedAppSDKdownloadtoanewfolder.2.Edit`manifest.json`locatedin`src`subdirectoryofthenewfolderandsetpropervalueto“name”aVribute,withforexample:
{"name":"com.sabre.ngv.yourwidgetname","dependencies":["com.sabre.ngv.core"]}
3.Edit`package.json`locatedinmaindirectoryofyournewfolderandsetpropervaluetothe`name`aVribute,toequalthesamenamedefinedinstep2.4.Makesureyouhavenode.JSalongwithnpmtoolinstalledonyourPC5.Runngvinstalltodownloadallnecessarydependencies**Codeyourmodule**ReadPage3ofWebModulesGuide.pdf6.RunngvbuildtocompileyourTypeScriptproject.
![Page 8: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/8.jpg)
Wrapping the Web Red App Widget into Eclipse Plugin • ReturntoEclipseIDE• CreateanewPluginProject.File->New->PluginProject
• DefineprojectnamewiththesamenameaVributefromyourWebAppWidget.com.sabre.ngv.yourwidgetname
![Page 9: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/9.jpg)
Wrapping the Web Red App Widget into Eclipse Plugin - Continue • Adda“redapp.xml”filetoyourPluginprojectwiththefollowingcontent.
<CFBundle><RedAppid="com.sabre.ngv.yourwidgetname"></RedApp></CFBundle>
• Editthe“plugin.xml”inyourPluginprojectwithyourwidgetinforma?on.<extensionpoint="com.sabre.edge.redapp.contactdetails.provider"><contactDetailscompany="SabreInc."contactName="SRWDevelopers"email="[email protected]"phoneNumber="123-456-789"website="hVp://www.sabre.com"></contactDetails></extension><extensionpoint="com.sabre.edge.dynamo.web.module"><modules><moduleid="com.sabre.ngv.yourwidgetname"/></modules></extension>
![Page 10: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/10.jpg)
Wrapping the Red App Widget into Eclipse Plugin - Continued • AddthecompiledTypescriptmodulefilestoyourPluginprojectinthefollowingfilefolder
structureweb->com.sabre.ngv.yourwidgetname
![Page 11: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/11.jpg)
Launch and Test your Web Red App Widget • LaunchRun/DebugConfigura?onswithyourPluginProjectselected.• ShopforAirFlightsinSabreRedWorkspacebyclickingonCommandHelper->AirandLowFare
ShoppingScreen.
![Page 12: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/12.jpg)
Launch and Test your Web Red App Widget • YourWebRedAppWidgetshouldappearlikebelowintheLowFareShoppingresponse.
![Page 13: Sabre Red App SDK - Reinvent Travel · Sabre Red App SDK Destination Hack Web Red ... javase8-2177648.html#jre-8u25-oth-JPR • Download Red App SDK Alpha Hackathon ... Developing](https://reader035.fdocuments.in/reader035/viewer/2022081421/5adc58a07f8b9a9a768b6cb8/html5/thumbnails/13.jpg)
Appendix DebuggingyourWebRedAppWidget• OpenGoogleChrome• NavigatetohVp://localhost:9222
Makesureyouaddthe-Ddynamo_tes?ng_remote_debugging=trueVMArgumentsreferencedinPage5.SampleWebRedAppWidgetPluginProjects:ForcodeexamplesonWebRedAppPluginProjectsthatyoucanimportintoyourEclipseIDEWorkspace,gotosamplesinRedAppSDKdownload.• com.sabre.redapp.example3.web.decisionsupportbar-1.0.0-SNAPSHOT-v20161010-1437• com.sabre.redapp.example3.web.drawer-1.0.0-SNAPSHOT-v20161010-1437