o Devised a responsive mobile application prototype for the System Manager application for serving reactive management for NetApp storage devices. The project tried to seek answer to choice between a web and a native application. Worked with ReSTful web services, MVC architecture and XML, JSON parsing to communicate between GUI for filers/clusters and server side NetApp community. Frameworks used: Sencha Touch, HTML5/CSS3, JavaScript, Jersey for adding a ReST layer, Java backend. The presentation was used as a part of Mid Semester Evaluation as per the college course. The code was not allowed to be put on public forums.

1. BITS Pilani
Pilani|Dubai|Goa|Hyderabad
Akhil Razdan
2010A7PS115G
NetApp India Pvt. Ltd.

2. 9/24/2013
2

3. Mobile Application
For System Manager
• Web / Native Application
• Intentions of web
application
 Limited Features
 Frequent/Easier Features
• Start : HTML5/CSS3 Web App
9/24/2013
3

4. Mobile Application
For System Manager
• Web / Native Application
• Intentions of web
application
 Limited Features
 Frequent/Easier Features
• Start : HTML5/CSS3 Web App
9/24/2013
4

5. Mobile Application
For System Manager
• Web / Native Application
• Intentions of web
application
 Limited Features
 Frequent/Easier Features
• Start : HTML5/CSS3 Web App
9/24/2013
5

6. 9/24/2013
So, What is this System Manager?
6

7.  So, What is this System Manager?
• Software for managing NetApp Filers
• Used by Storage administrators
• Application
• Desktop
• Mobile
System
Manager
9/24/2013
Server
• JS files
• Java
backend
• Storage
• Volumes
• Snapshots
Filer
7

8. 9/24/2013
8

9. First meeting
The Idea
Phonegap
Rest APIs
Actual Login
Pie Chart
And The Threshold
Volumes
(Resize,
Snapshots)
9/24/2013
Snapshots
(Details,
Delete)
9

10. Selecting Resources
• Mobile Development
Frameworks
jQuery Mobile v/s Sencha
Touch
• Eclipse Kepler with
plugins for coding
• Rest APIs Jersey
9/24/2013
Jquery
Mobile
Sencha
Touch
10

11. Selecting Resources
• Mobile Development
Frameworks
jQuery Mobile v/s Sencha
Touch
• Eclipse Kepler with
plugins for coding
• Rest APIs Jersey
9/24/2013
Jquery
Mobile
Sencha
Touch
11

12. Selecting Resources
• Mobile Development
Frameworks
jQuery Mobile v/s Sencha
Touch
• Eclipse Kepler with
plugins for coding
• Rest APIs Jersey
9/24/2013
Jquery
Mobile
Sencha
Touch
12

13. 9/24/2013
13

14. MVC Design Pattern
App
Models
Views
Controllers
9/24/2013
14

15. Design Principle
SysMgr
Models
Views
Controllers
Stores
Touch
Resources
Volume.js
LoginView.js
Volumes.js
Volumes.js
Themes
ChartPanel.js
Snapshots.js
Snapshots.js
resources
stylesheets
Percentage.js
VolumesGrid.js
app.js
Themes
Snapshot.js
app.html
Percentages.js
css
scss
9/24/2013
15

16. 9/24/2013
16

17. 9/24/2013
17

18. 9/24/2013
18

19. 9/24/2013
19

20. Work on
feedback
Build
application
Customer
Feedback
Presentation
to PMs
Theming
app
9/24/2013
Going Live …
20

21. o
o
o
o
o
o
o
o
9/24/2013
JavaScript knowhow
Basic jQuery
Team Work
Changes: From Campus to
Corporate
Business Communication
Time Management
Conflict Management
Business etiquittes
21

22. 9/24/2013
22