WIXLIB

User Interface (UI)ModernizationService Deck

Driving Business growth by creating new Opportunities for ourCustomersContentsSyntel & Studies

Syntel Overview Small Enough to Listen, Big Enough to DeliverTMDifferentiatorsRevenue 911.4 M (2014)- DNA 235.3 M (Q4 2014) : Delivery & operational excellenceRevenue Growth- Philosophy12% (Y-o-Y) : 'Customer For Life'Market Cap- Culture 4.2 Billion: Entrepreneurial with 5 core valuesHeadcount: Investment; ahead of the curve innew technologies & automation- Mindset24,553 HeadquartersTroy, Michigan(Founded 1980)World-Class InfrastructurePune, India(77-acres campus, Capacity:7000 )Chennai, India(27-acres campus, Capacity:5000 )Ranked among the top performing344 public companies by HarvardBusiness Review3Mumbai, India(8.05-acres, Capacity:4000 )100 Best Small Companies (#20, 2013) NMSDC Certified MBE

Integrated Transformation – M-IIIMigrateUnified ServiceCatalogueStayAheadRoadmapManageFuture StateArchitectureModernizeSyntel IPs &PlatformOutcomealigned PricingServicesTools & AcceleratorsBenefits Support and Development (Incident, User IDENTEON, IntelliTransfer &KARP Agile for Dev & Support CBEAT, CCAT and MACH Portfolio RationalizationFramework Virtualization & MigrationAccelerators Quick wins & early costrecovery Continuous Optimizations Performance based pricing Predictive Maintenance Improved Business ITAlignmentrequest Mgmt., Change & Release Mgmt.,Preventive Maintenance, Prod Assurance,Performance tuning , Product life cycle Mgmt. ) Migrations / Consolidation (Virtualization,Migration to cloud, Rationalization, Re-hosting,Transcoding) Modernization Service Suite (Mobility &Social Media, Analytics, Decommissioning, Reengineering, Reference Architecture)4

Legacy Modernization – Centre Of ExcellenceLeveraging ExperienceService Catalogue 60,000 person years Average SLAof legacy experienceadherence of morethan 99% More than 65% ofManagerevenue from legacy Technologiesengagements.Supported: Legacy to Engagement size from Advanced Technologyplatforms20 FTEs to 3500MigrateFTEsModernizeTechnology StackLanguagesCASE ToolsUtilities &ToolsTransactionMgmt.SecurityData StoresPlatforms BRMSTransformation ConsultingInfrastructure ManagementRe-HostingProduct MigrationPlatform MigrationLegacy to COTSUI ModernizationRe-ArchitectureRe-EngineeringSOA Enablement------Leveraging PartnershipsCOBOL, Assembler, PL/I, JCL, RPG, Natural,Easytrieve, Netron, REXX, C-List, MANTISCool-Gen, Telon, VA-Gen, Ad-GenICETOOL, SORT, JOBSCAN/TRAC,SMF,NWOMC, OPENPGP, CICS, IMS-DCRACF, ACF2DB2, VSAM, IMS-DB, IDMS/ADSO, ADABAS,SUPRAIBM Mainframe, AS 400, Micro focus, DELL Clerity , GT software5

Legacy Exit Solution Options6

Syntel Solution Accelerators - Exit LegacyHomepage – PortalOne Stop Shop for all Legacy Migration andModernization InitiativesSubscription based serviceRole based accessProject Based approachControlled Access to ProjectsDashboard – PortalExit Legacy ClassificationCode eOrientationEnablers7

UI Modernization - OverviewMobilize(Responsive Design)MashupsMany people perceive Mainframe / iSeries asoutdated technology solely because ofcharacter based user interface.Rebranding/ RefacingUI Modernization is a solution to move themto Rich UI to provide enhanced customerdelight and higher productivity.UIModernization WorkflowThe success of UI modernization project alsodepends on choosing the right tool to webenable legacy screens.ImprovementLegacyWeb-enablementTop 3 ReasonsTop 3 Benefitsfor UI ModernizationOf UI ModernizationNewer workforce not familiar with legacy screensBusiness focused screen designsHigh cost of integration in the legacy systemIntegrating Self-help for customersSteps & Time taken to access relevant informationAchieving quick Turn-around-time for innovation9

UI Modernization FrameworkWide CompatibilityBusiness Focus Re-align your end-user screen with yourbusiness strategy Wider compatibility from desktop totablets devices Re-design Lean principle based datacapture & processing business flow Accessibility options for PortableKiosk and BoothsUIModernization Design science basedUser-experience tounlock maximum conversion ratio Effectively design your screen tomatch the look-n-feel of future postmigration platform. Leveraging Eye tracker to ensureright information is rightly placed forunlocking user productivity senses &optimized Virtual real estate utilization Utilize this migration as an opportunityfor learning the feedback from theuser and incorporating the same in thefuture enhancementsFuture GlimpseIntuitive UX10

UI Modernization MethodologyAssessment Assess thecurrenttechnologylandscape Identify andprioritize theprocess flowseligible formodernization Propose theFrameworkoptionsPlan Identify UX &UI goals Generate UXplan Resource &role plan Identify timeboundactivitiesAnalysis AS-IS processstudy Brainstorm Identify usergroups Perform needsspecificanalysis usingvariousUsabilitymethods Document tacituserrequirements TO-BE processdefinition Define workflowand optimizedtask flowsTest &ReleaseDesign and BuildDevelopment team to build effectivetechnological frameworks and Rich internetapplicationsPrototyping/ Visual ModelingInteraction Design Wire Frames Low and high-FidelityMockups, Define Framework Define Navigation Define InteractionPatternsIterativeCycleAnalyzeBuild Review Refine Design andInteraction Integrate the approvedUI with the legacy andperipheral systems Integrationtesting Stress Testing UAT UserDocumentation User Training User Self-helpportal Socialize thechange Release User FeedbackDELIVERABLESEvaluation, Documentation and Support High levelarchitecturediagrams forTechnology,application PrioritizedProcess flows Definition ofBusinessGoals User Needs UX Plan Personae User Scenario Contentinventory SiteMaps User process flowsWireframesStyle GuideDesign patterns UI Development –(HTML, CSS, RIAtechnologies ) UsabilityReviews

UI Modernization OptionsUI ModernizationWeb Enablement UnderstandEnterprisearchitecture Design as perguidelines New features TrainingWorkflowOptimization Understand screennavigation Scopeconsolidation, splitand sequenceprocess flow Define optimizednavigation planMashUps Identify datasources Define data accessrulesMobilize Identify device andplatform support Define cashingrules Segregate UI fromRebrand Wireframe –Corporate Design Define Scope Prioritize Updatepresentation layerbusiness layer Review and reviseMashup andsequence ReviewImprove legacy systemaccessibility by WebenablementConsolidate / Automateworkflows to improveend-user productivityIntegration with widerange of Internet andIntranet applicationOffer compatibilitysupport to variousdevicesBuild, Test , Deploy, Support , Optimize12Rebrand products toimprove customerconfidence

UI Modernization ProductsMicro Focus RUMBAUI ModernizationTerminal emulation solution with UI (User Interface) modernization properties Rumba and Rumba allows users to connect to so-called 'legacy systems'(typically a mainframe) via desktop, web and mobile. Rumba provides IT endusers with a modern UI, allowing them to bypass 'green screen' applicationsIBM HATSIBM Rational Host Access Transformation Services Transforms traditional text-based interfaces—such as 3270 and 5250 greenscreen applications—into web, portlet, rich client or mobile device user interfacesInventuFlynet Viewer and Screensurfer Flynet Viewer gives users simplified web access via code-generated web servicesor enhanced ASP.NET UIs Screensurfer is a legacy application integration toolset middleware product thatuses HTML, Javascript and its own Surferscript languageIvory Suite Seamless integration of mainframe with new technologies like mobility, webbased portals, business intelligence, business process management andpackaged applications.13

Value Proposition Business Process Optimization User intuitive workflows Identification of Right Stakeholders Self help inclusion Design Review Process Agile Development Process Testing Centre of ExcellenceBest PracticesTechnologyExcellenceStrategy &ApproachValue Adds Consistence UI toEliminate/Reduce Training Time Latest Reference Architecture (RA)Introduced Reduced Cost With the Use OfTools & Accelerators RA Reusable Component Process Automation Extensible Solution Interface with Existing Systems Futuristic Solution14

Case Study #1 : MCCGUI Screen Scrapping DecommissionCustomer BusinessFunctionMCCGUI is a popular Establishment Servicesservicing web based tool used especially inthe ES call centers and back-offices acrossinternational markets to service AmericanExpress merchants.Since its inception in July 2001, MCCGUIservices more than 1 million merchantsdriving their business from following markets :France, Spain, UK, Germany, Netherlands,Finland, Sweden, Airlines, Australia, HongKong, India, Malaysia, New Zealand,Pakistan, Argentina, Mexico, IDCBusiness DriversEngagement DetailsChallenges Faced Need for a tool that does not havedependency on any softwareinstallationontheusers’machines. Engagement :Development Remediating 60 web screensfromScreenScrapingtechnology towards a normalweb platform. Merging the functionality undera single URL that caters to allmarkets v/s the POD approachof having unique URL permarket. Mimicking the authentication &authorization scheme presentin the POD tool via the webplatform. Ensure compliance with thecustomerenterprisewidetechnology standards Improvedcustomerservicingthrough a consistent GUI Userinteraction with an Intuitive anduser-friendly presentation. Improved performance to ensureshortercalldurationthusimproving productivity Tools Outsourcing Model:Fixed Bid Offshore :Onsite ratio:80:20 Team size: 16 Technology: VB.NET &ASP .NET, WCF, XML ,AJAX, Main frame DB2Syntel Solution Syntel devised a POA approach where the screen scraping was completely replace by web toDB2 calls via Messaging Queues/DB2 Stored Procedures and ADO.NET concepts. A completely new Security Module was developed that would allow the tool admins to controlthe access for the users, thereby controlling the functionalities managed by various types ofusers.The Security Module was developed with a flexibility that would allow it to be leveraged by anyother platforms tools in future. Presently around 10 different applications are being driven by thissecurity module. The POD tool required separate urls to be maintained for separate markets thereby resultinginto a lot of redundant efforts and costs in the tool maintenance. The proposed solution wasdesigned to cater to all markets via a single url providing the users with flexibility to switchbetween markets on the fly. The proposed solution was built on ASP.NET framework and ensured 100% compliance withcustomer enterprise wide technology standards. The solution was designed to integrate with Infonet system to ensure that online help is easilyavailable to the call center representatives while working on the tool.15Customer Benefits 50 % Reduction in training time for the newrecruits, Cross-functional Training and higheremployee satisfaction. MeasurableMISMetricsprovidesOperational management with the capabilityto categorize the call types for root causeanalysis and increase knowledge ofmerchant behavior 60% shorter call durations thus improvingproductivity. Hassle free on boarding of new users due toeliminationofadditionalsoftwareinstallations.