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
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
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
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
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)
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
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
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)