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