netapp mvc project ppt
DESCRIPTION
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.TRANSCRIPT
BITS Pilani Pilani | Dubai | Goa | Hyderabad
Akhil Razdan 2010A7PS115G
NetApp India Pvt. Ltd.
9/24/2013 2
9/24/2013 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 4
• Web / Native Application • Intentions of web
application Limited Features Frequent/Easier Features
• Start : HTML5/CSS3 Web App
Mobile Application For System Manager
9/24/2013 5
• Web / Native Application • Intentions of web
application Limited Features Frequent/Easier Features
• Start : HTML5/CSS3 Web App
Mobile Application For System Manager
9/24/2013 6 So, What is this System Manager?
9/24/2013 7
So, What is this System Manager? • Software for managing NetApp Filers • Used by Storage administrators
• Application
• Desktop
• Mobile
System Manager
• JS files
• Java backend
Server • Storage
• Volumes
• Snapshots
Filer
9/24/2013 8
9/24/2013 9
First meeting The Idea
Pie Chart
And The Threshold
Actual Login
Volumes
(Resize, Snapshots)
Rest APIs
Snapshots
(Details, Delete)
Phonegap
9/24/2013 10
Selecting Resources
• Mobile Development Frameworks jQuery Mobile v/s Sencha Touch • Eclipse Kepler with
plugins for coding • Rest APIs Jersey
Jquery Mobile
Sencha Touch
9/24/2013 11
Selecting Resources
• Mobile Development Frameworks jQuery Mobile v/s Sencha Touch • Eclipse Kepler with
plugins for coding • Rest APIs Jersey
Jquery Mobile
Sencha Touch
9/24/2013 12
Selecting Resources
• Mobile Development Frameworks jQuery Mobile v/s Sencha Touch • Eclipse Kepler with
plugins for coding • Rest APIs Jersey
Jquery Mobile
Sencha Touch
9/24/2013 13
9/24/2013 14
Ap
p Models
Views
Controllers
MVC Design Pattern
9/24/2013 15
SysMgr
Models
Volume.js
Snapshot.js
Percentage.js
Views
LoginView.js
ChartPanel.js
VolumesGrid.js
Controllers
Volumes.js
Snapshots.js
Stores
Volumes.js
Snapshots.js
Percentages.js
Touch
Themes
resources
Resources
Themes
stylesheets
css
scss
app.html app.js
Design Principle
9/24/2013 16
9/24/2013 17
9/24/2013 18
9/24/2013 19
Theming app
Presentation to PMs
Work on feedback
Build application
Customer Feedback
9/24/2013 20
Going Live …
9/24/2013 21
o JavaScript knowhow o Basic jQuery o Team Work o Changes: From Campus to
Corporate o Business Communication o Time Management o Conflict Management o Business etiquittes
9/24/2013 22