Experience the art of our unique HATS Responsive Design development that adjust automatically to any resolution, making the system best fit for all the devices and platforms. Inquire more: http://bit.ly/1d0Gj2A

1. Smarter HATS web applications that automatically
respond according to the screen size

2. Agenda
•
•
•
•
•
•
•
About Royal Cyber Inc.
IBM Rational HATS
Problems – Business Case
Solution
Business Benefits
Why Royal Cyber
Questions

3. About Royal Cyber

4. About Royal Cyber, Inc
 Royal Cyber Inc. started its operations in 1997 by the visionary Business Consultants and IT
Professionals, offering state-of-the-art IT business solutions.
 Now, Royal Cyber Inc. has transformed into a global organization with presence in multiple
countries across five continents,
 Expertise includes, but not limited to, Training & Consultancy of IBM Rational, WebSphere, Tivoli,
Lotus, Cognos and Microsoft family Solutions to businesses worldwide including many Fortune
500 companies.
Objectives:
 To offer cutting edge IT services globally
 On-site resource deployment
 Help organizations both in Public and Private
 Improved Return-on-Investment (ROI) by taking
sectors to improve and modernize their services
projects offshore
 Supplementing organization’s skill set with team
augmentation

5. Global Presence

6. Partners
 IBM
• IBM Premier Business Partner
• IBM Authorized Trainer for WebSphere
 Microsoft
• Microsoft Certified Gold Partner

7. Brand Portfolio
Enterprise Modernization
IBM Rational HATS, EGL, RME
Rational Tools
RTC, RRC, RFT, RPT, RQM
Middleware
WebSphere MQ, Message Broker
Microsoft
.Net, Moss, BizTalk
E-Commerce
WebSphere Commerce
Portal
WebSphere Portal,
SharePoint
Databases
SQL Server, MySQL,
DB2

8. Clientele
TOP 10
CUTOMERS
Riyadh Military Hospital

9. Web Enablement of
Green Screens
IBM Rational HATS®

10. Modernizing Legacy Systems
Rational Host Access Transformation Services
Achieve fast ROI with low risk
• Quickly and easily transform green screen
applications to Web services. Web, Mobile,
Portal and rich client interfaces
• Low cost and low risk: No need to rewrite or
refactor existing applications and built on
open, proven platforms and technologies
• Increase productivity and reduce training
costs and data entry errors with workflow
and navigation improvements
• Integrate host business processes and data
with other Web, Portal, Mobile, and rich
client applications

11. HATS Deployment Options

12. Modernizing Green Screens

13. Data from Multiple Green Screens

14. Green Screen Menus to Web Dynamic Menus
through HATS

15. Dynamic Graph using HATS

16. HATS Mobile Device Support

17. Overall HATS Supported Architecture

18. Problems
Business Case

19. Mobile usage in today's world

20. Mobile vs Desktop
Chart Source: BIA/Kelsey, showing a dramatic shift within the dramatic shift to
online.

21. Ecosystem of Innovation
 Modern Software Systems cannot survive working standalone
 Ability to integrate and incorporate newer devices is Mandatory
 Challenge is to meet the requirements of rapidly evolving platforms, devices and what not…

22. Variations Across Mediums
Web
Mobile
Screen Size: 1024 x 768 pixels
Screen Size: 320 x 240 pixels
(generally)
Input Method: Mouse or Keyboard
Input Method: Keys on cellular cell or
Touch screen
More processing power, memory, and
a higher-speed connection
Less processing power, memory, and a
slow-speed connection
1680px
1024px
768px
320px

23. HATS Supported Mobiles(Gadgets)
 Create a standard web application that is optimized for mobile devices
running iOS or Windows Mobile
 Mobile OS
• iOS
• Android
• Windows Mobile
 Mobile Browsers
• Internet Explorer
• Firefox
• Chrome
• iPhone OS Safari
 Gadgets
• Mobile Phone
• PDAs
• Tablets
• Smart Phones

24. What About Separate Mobile Versions?

25. What About Mobile Apps?

26. But can we create versions for ever increasing
screen sizes?
Rather than tailoring disconnected designs to each
of an ever-increasing number of web devices, we
can treat them as facets of the same experience.
- ETHAN MARCOTTE
(Speaker, Author, Web Designer)

27. Problems, Problems and Problems….

28. Solution
Responsive
IBM Rational HATS

29. “It is not the strongest of the species that
survives, nor the most intelligent, but the
one most responsive to change.”
— CHARLES DARWIN

30. Be Responsive
everyone knows this animal
and how it responds to
mood changes
...and white when it’s on
white flowers—invisible
to predators and insects
this little spider turns yellow
when it’s on yellow flowers..

31. Responsive Web Design
Our solution lies in creating smarter HATS web
application that automatically respond according
to the screen size

32. IBM HATS Using RWD
 Responsive HATS application allows web system to adapt and adjust
according to the layout of the viewing environment
 Optimal experience for all users regardless of the device.
 Cater to the different input methods as per the device used for viewing
like Touch Screen

33. Smarter Orientation Sense
 Responsive HATS application does not only manage various
screen sizes, but also cater to screen orientations (i.e. Portrait
and Landscape)

34. One size fits all
(One application suites all devices)
Responsive HATS Application

35. Business Benefits

36. Business Benefits
Single Application
• Save Money : No need to develop different
applications for different devices.
Low Cost Maintenance
• Need to maintain only one application.
Multiple Projects Update Issues
• Only one web application needs to be hosted
reducing the possibility of configuration errors.

37. Business Benefits
Contents
• “Write once, use everywhere”, No need to maintain content
for multiple devices
• Duplicate content & version control issues are eliminated.
Zoom in
• No need to zoom on smaller devices to read contents
• Content appears automatically for best visibility
Google Recommendation
• RWD design is Google recommended

38. Return on Investment (ROI)… The Bottom Line
 No Separate Code for each device
 Reduced Development Effort
 Reduced Maintenance Effort
 Platform Independence
 Device Independence
 OS Independence
 Browser Independence
So the bottom line is:
Maximum ROI

39. Why Royal Cyber

40. Why Royal Cyber
 Firm grasp on Enterprise Modernization tools like IBM HATS, EGL, RME and RDz, RDp. etc.
 15 + years worth experience with 400+ consultants, covers the backup plan and
knowledge migration issues
 Faster response on customer needs and Quicker Turn Around on Development,
Enhancement and Support
 Premier IBM business partner, actively participate in all HATS beta releases, and work with
IBM based on customer feedbacks
 Participates in all the meetings of the new HATS beta release, gets the customers feedback
and works with IBM based on the feedback.
 we are a team of experienced consultants, known to provide new ideas and suggest new
tools to improve customers usability, performance of the application for better ROI
 Royal Cyber has multiple teams to cover 360 degrees of a solution, we have experts for
‘Enterprise Modernization’ (IBM HATS, EGL...etc.), WebSphere (WebSphere server, portal
and commerce), Rational, Databases (DBA and ETL), Mainframe, Business Analysis, QA and
Creative Designing

41. RC, the Enterprise Modernization Guru
 Royal Cyber expertise in HATS application development includes, and not limited to, Macro
creation, Customization/Default Rendering; also subject matter expert on following HATS features:
• Dynamic Menu – For both Iseries and Zseries (Common Macro).
• Subfile Widget - For rendering Subfile
• Table Widget – To render data in the form of table.
• Scrollable Table Widget – to render data from multiple screens and display within one fixed scrollable
component.
• Subfile Widget – for single action and multiple actions.
• Function Key Widget – Rendering function keys in the form of widget.
• Page down & Page up – with different signs (<,>, next, prev, Up, down).
• Tab widget – To navigate across multiple screens and displaying the data in one TAB.
• Sorting Widget - To sort any names or any other fields.
• Mixed case component – to convert the entire green screen caps letters into upper and lower (mixed
case) format.
• Mix Case Input Selection Component – to convert the combo box captions to mixed case.
• Dollar Format: To convert the input values into proper dollar format values with appropriate decimal

42. Questions
“Day by day, the number of devices, platforms,
and browsers that need to work with your site grows.
Responsive web design represents a fundamental shift
in how we’ll build websites for the decade to come.”
- Jeffrey Veen (Vice President, Products at Adobe)