1. Enterprise User Interface Design and
Development
HTML 5 jQuery Web Components
CSS 3 AngularJS Web Widgets
JavaScript AS 2.0/ 3.0 NodeJS
Dashboard Flex/MXML Single Page Apps
Apache Click D3 JS Web API
Video Player Video Widgets Media Servers
vCenter Web Plug-in Advt. Serving UI Video Streaming
2. 2
Overview About Me
Who am I?
What I Do?
My Professional Journey
Recent Project
Contact me
Show Case
3. 3
Who am I?
Senior UI engineer with around ten years of industry experience who is engaged in the
rich and complex UI development. The journey on user interface apps were around the
technologies listed below and open to learn new and cool UI engineering approaches:
HTML 5, CSS 3, Bootstrap
JavaScript, NodeJS, jQuery, AngularJS, D3 JS,
Web Widgets, Web Components, CMS,
AS 2.0/ 3.0, Flash, Flex/MXML,
Dashboard, Single Page, Hybrid Apps,
Apache Click, Web API,
Video Player, Video Widgets, Media Servers, Advt. Serving UI, Video Streaming,
vSphere vCenter Web Client Plug-in UI
Creating Cross-Platform Rich User Interface Applications
that offer a richer and more engaging experience to its Audiences.
4. 4
What I do? The Answer
Translate Wireframes
Interpret business,
functional and UX
Usability & Feasibility Study
Front-end strategy
Apply Best
Practices
User Interface
(Research, Architect, Design, Develop, Integrate, Deploy & Manage)
Analysis, design, code reviews, task estimation, testing, code implementations, code
refactoring, design patterns, design driven development, continuous integration, building
highly scalable applications, application security
Complex data rich apps
5. 5
Media Server (Akamai Net Storage)
Video System UI
UI Rendering Engine
Web Server
Database
Client-side Business Logic Layer
Video CMS Mapping
Java based mapping for Server media Assets
Data Access Layer
Project I: Video System – Rich Media Application
6. Video System – Break Down Structure
Brief Descriptions:
As per the architecture designed is available in the below structure and this player is
enriched with the various social media and networking APIs like addThis, Facebook,
iGoogle are the few integrations here. There is a tracking/analytics also enabled into the
system.
Plug in for the Video CMS and KickApps has been implemented for the video assets
mapping and social media solutions respectively
Project II: Video System – Rich Media Application
7. Video CMS System
Brief Descriptions:
This is an open source media player technology architecture. It provides high quality video playback
enables development focused on web-based video monetization with lower costs and faster
turnaround. Open Source Media Framework is Adobe’s media framework for IP-delivered video.
Multiple delivery protocols including streaming and progressive RTMP and HTTP, Live and Video on
Demand (VOD), Buffer management for minimal playback interruptions, Multiple media types: video,
audio, images and SWF, Logical Architecture for the Video System, etc.
Project III: Video CMS – Video Content Management System
8. Medical E-Learning Systems
A comprehensive multimedia based presentation system aimed at delivering a rich-content for
medical domains This system is fully audio, video, image, graphics and animation integration
for the content delivery with rich user interface. The few screens are available here:
Project III: Multimedia Video Lectures – Medical E-Learning System
9. Project III: Multimedia Video Lectures – Continued...
Multimedia Video Lectures
Screens from American Heart Association Multimedia Video Lectures. A beautifully designed
graphics, animation, audio and video integration and sync-up of static and dynamic slides with
questionnaire.