marlabs capability overview: web development, usability engineering services
TRANSCRIPT
Marlabs Capabilities Overview Web Development Services
© 2016, Marlabs - Confidentialc
+1 (732) 694 100
www.marlabs.com
2
• Founded in 1996
• 2100+ employees
• Consistent year-on-year revenue growth
• 100+ blue-chip clients across multiple verticals
• IP driven global consulting and software services
• Headquarters in Piscataway, NJ – USA
• Global delivery headquarters in Bangalore, India
• CMMI Level 5 and ISO/IEC 27001: 2013 certified
Marlabs Snapshot
2
Global Locations
Strategic Partnerships Awards and Recognition Verticals Serviced
Overview
35%
22% 9%
23%
11%
Banking, Finance,Insurance
Media &Education
Transportation &Logistics
Healthcare & LifeSciences
Retail & Others
3
Global presence to drive speed and value
Key locations
Marlabs Corporate HQ: One Corporate Place South, Piscataway NJ
• Global Data Center
• Network Operations Center
• Sales, Acct. Management & Operations Support
• Onshore Development Center
Marlabs North American Training Facility Broadhead Road, Bethlehem, PA
• Global Training Facility
• Multi-Discipline Center of Excellence
• Onshore Development Center
• DR Data Center
Global Development Center BWTC, Bangalore, India
• Global Development Center
• Multi Discipline Center of Excellence
• Asia-Pacific Data Center
• Network Operations Center
Global Development & Training Center Udayaravi Road, Mysore, India
• Global IV&V Center and CoE
• Asia-Pacific Training Facility
• Global Development Center
Global Development Center & CoE Infopark, Kochi, India
• Global Development Center
• Centers of Excellence
4
Partners in our success
Customers
Media & Education Banking, Financial Services,
Insurance Healthcare & Life Sciences
Logistics & Hospitality Retail & others
5
Secure, scalable & state-of-the-art
Infrastructure
5
• 20,000 Sq. Ft. of infrastructure area (option to expand)
• N+1 infrastructure topography
• Dual and diverse power feed
• Lit with multi-entrance fiber rings
• State-of-the-art backup system & power unit
• Redundant service providers for guaranteed network uptime
• Dedicated secure channel
• VLAN for ODC isolation with selective access using ODC gateway
• Restricted access monitored by card and CCTV
• Two factor authentication and biometric finger print scan
• Advance intrusion prevention capabilities
• ISO 27001 compliant information security practices
• Full disaster recovery for hosted applications
• FM200 fire suspension system for complete protection
• Multisite Network Operations Center (NOC) for monitoring and management
• Scalability and extending T1/T3 circuit to alternate DR sites
SSAE 16 Type II Compliant Data Center, Piscataway, NJ
Guaranteed Security Disaster Recovery
6
Full spectrum of solutions and services
Service Offerings
Application Development and Maintenance | Information Security | IT Infrastructure Services | Testing | Packaged Implementation & Support | Product Engineering
Cloud | Mobility | DAM | DW-BI & Analytics| Microsoft |Java | Open Source | ERP | Salesforce | IoT
Services
Industry Verticals
Technology Solutions
BFSI Education Transport Healthcare
Energy Retail Media Government
7
The expertise driving our solutions and services
Centers of Excellence
• Improve legacy and proprietary Integration with current solutions/software
• Positive impact on usability and architecture decisions among project teams
• Increase overall user adoption
• Implement the best practices for the development of solutions
• Promote cross-platform flexibility
• Rapid scale up for project requirements
Marlabs Centers of Excellence (CoE)
Primary objectives
Industrialized assets and methods
Innovation Architecture based on cost/benefit analysis
Skills and Resources Alliance ecosystem
Microsoft Java/ Open
Source
Digital Asset Management
(DAM)
Testing DW/BI & Analytics
Mobile
Infrastructure, Security & Cloud
UI/UX ERP/ CRM
8
Client Project Stakeholders
Customer Centric Blended Model
Client Engagement
Client Executive Sponsor
Client Program Manager
Client Project Manager
Client SME’s
IT & Infrastructure
Marlabs Executive Sponsor
Marlabs Account Manager
Business Analyst/ Lead Developer
Technical Architect
IT & Infrastructure
Programmer/ Analysts
Quality Assurance
IT & Infrastructure
Client Team Marlabs On-Site/Off-Site Team Marlabs Off-Shore Team
• Strong Transition Mgmt.
• Peer to Peer Communication
• Defined Escalation Process Steering
• Business Alignment
• Work Prioritization
• Metrics Monitoring
Project Management
Requirements/ Deliverables
Task Monitoring & Control
Project Status
Issue Management
Work Packages
Technical Specs
Project Lead / Manager
Project Lead / Manager
10
Dynamic
•PHP
•Python
•Perl
•Ruby
•Tcl/Tk
•Drupal
•WordPress
Functional
•Scala
•Haskell
•Erlang
•LISP
•Clojure
Frameworks
•Ruby on Rails (RoR)
•jQuery
•Ext JS Prototype
•Script.aculo.us
•Dojo
Dynamic Languages Practice Capabilities & Expertise
11
RIA Quality Assurance
RIA Consulting Rich Internet
Web 2.0 Applications
Business Applications
e-Commerce Portals
Mobile Applications
Rich Internet Application (RIA)
Solutions
JAVA Applets
Microsoft Silverlight
JavaFX Native/
HTML5/Hybrid
Adobe AIR
HTML5/ Drupal/WordPress
WinRT/JS AJAX + Responsive
Des
Rich Internet Applications RIA and Responsive Applications
12
PHP Development
Perl Development
MySQL Development
Apache Development
Python Development
PHP Frameworks
CakePHP Symfony Zend
Python Frameworks
Django Turbo Gears web2py
Perl Frameworks
Catalyst Jifty CGI:: App
Content Management Systems
Drupal Joomla Moodle WordPress Django-CMS WebGUI
JavaScript Frameworks
jQuery
Ext JS
Prototype / Script.aculo.us
Dojo
Rails Related Frameworks
Ruby on Rails
Grails
Linux Platform
LAMP (Perl/ PHP/ Python) Development Services
13
Frameworks
Zend
Symfony
CakePHP
Code Ignitor
Template Engines
Smarty
Savant
Dwoo
CMS
Drupal
Joomla!
WordPress
ezPublish
Tuning
APC
eAccelerator
Xcache
Testing/ Optimization
PHPUnit
SeleniumRC
PHP_CodeSniffer
Xdebug
PHP Development Services
14
Customization
Modules
Themes,
Interal/ External API Design
User Interface (UI)
Prototype/ Scriptaculous
jQuery
ExtJS
Features
GIS
Mobile SEO
Workflow
Database
MySQL Clustering
Oracle/SQL Server Backend
Drupal Development Services
15
WordPress Installation
Installation of latest WordPress includes creation of database (using MySQL) and username using host’s cPanel, or hosting control center and editing wp-config.php file for connection.
WordPress New Theme Designing
Understand the business requirements and create new themes in accordance to the requirements, site design and layout standards, and flexible to add/remove new widgets and plugins.
This phase includes the following:
• Structuring & designing using image editors like Photoshop in accordance to the requirement
• Slicing and coding using HTML & CSS that can be easily implemented for a WordPress website/blog.
WordPress theme customization
Free /paid available themes can be customized in accordance to the requirements and standards.
WordPress Theme development
Implementation of the approved WordPress designs and coding the required functionalities by using WordPress Coding standards, CSS coding standards.
Testing
Validating the webpages to ensure the defined standards of website
• HTML/XHTML validation
• CSS validation
• Accessibility validation
• Links validation
• Cross browser compatibility
• Site speed testing.
Website Maintenance
• Database backups
• Regular plugin updates
• WordPress updates
• Malware protection.
Support • Documentation of the CMS for both end users and developers.
• Training the end users to use and customize the website.
WordPress End to End Services
16
jQuery jQuery UI jQuery Mobile
Kendo UI Twitter
Bootstrap ZURB
Foundation
Kinetic.js
•HTML 5 Canvas Library
Raphel.js
•Vector Graphics Library
Popcorn.js
•HTML5 media framework
Underscore.js
•Helpers for functional programming
Require.js
•Module loader optimization library
Mustache.js
•Template system in JavaScript
Backbone.js
•MVC Framework
Knockout.js
•MVVM Framework
Angular.js
•MVC and Dependency Injection Framework
Less SaaS Dotless
Server side – With Node.JS
Express.js (MVC Framework) Socket.IO (Real-time apps) Derby.js (Real-time web apps)
Libraries we use Snapshot
20
• All fonts to be the same • Are all the screen prompts specified in the correct screen font? • Does content remain if you need to go back to a previous page, or if you move
forward to another new page? • Is all text properly aligned?
CONTENT
• Can all screens be accessed through buttons on this screen be accessed correctly?
• Does a scrollbar appear if required? • Does the Tab Order specified on the screen go in sequence from Top Left to
bottom right? This is the default unless otherwise specified.
NAVIGATION
• Are all the field prompts spelt correctly? • Are fonts too large or too small to read? • Are names in command button & option box names are not abbreviations. • Can the typical user run the system without frustration?
USABILITY
• Are all graphics properly aligned? • Are graphics being used the most efficient use of file size? • Are graphics optimized for quick downloads?
IMAGES
• Are hyperlink colors standard? • Are the field backgrounds the correct color? • Are the field prompts the correct color? • Does the site use (approximately) standard link colors?
COLORS
RWD Testing Indicative approach validation focus areas
21
Ruby on Rails e-Commerce development
Ruby on Rails CMS development
Custom Business applications Ruby on rails application maintenance,
migration and testing services
Ruby on Rails Community web portal development
Capabilities & Expertise
Ruby On Rails (RoR) Development For Rapid Creation of Web Applications
23
Client World's leading publisher of Science and Health Information
Need Client had multiple websites to be developed with more user friendly UI designs to address the
existing usability issues in the current website.
Revamp the existing portal applications with new UI, usability and admin interface
Marlabs Solution Complete ownership of entire Application Development including Development, Testing ,
Deployment and Hosting support
User-friendly, consistent design, easy and quick navigation
Keeping website standards and guidelines
Keeping up with the brand identity of the company & product
Better user experience.
Marlabs used a hybrid onshore/offshore model to implement the UI and back end changes to these
websites
Websites are developed using ‘CodeIgnitor’ framework with MVC architecture.
Benefits Cost Effective 100% Offshore Model and Dedicated experienced Development and Testing Team
Ramp-up of Development and Testing team based on the project/client needs.
Deliverables prepared by offshore team are reviewed by the client/Business and signed off.
Knowledge documents were updated across application with ongoing releases functionality and
timely reviewed by the stake holders.
Effective Defect review meeting with appropriate client input.
Technology Platform PHP5, MySQL5, Drupal
A cost effective J2EE portal to manage and distribute campaign assets as well as calculate ROI
Marlabs Case Study
24
Client A full-service strategic Ad consulting and internet marketing services organization
Need Create a customer facing Client Portal to manage campaign information.
Marlabs Solution Created a web portal solution to provide Slingshot Client’s a work place to interact with client’s resources, in order to better manage web SEO campaigns
Created a simple, intuitive GUI to manage workflow, enables clients to view current search rankings for their keywords
Integrated with existing applications LB GURUS, SharePoint, Authority Labs, SalesForce.com
Created an automated solution to interact with Authority Labs API to get SERP files for selected keywords from Salesforce.com.
Used MongoDB, an open source non-SQL file based database to store SERP files from Authority Labs.
Laid foundation for EDW and ESB
Benefits Provided our customer with an efficient customer management portal for their clients
Reduced dependency on multiple applications and websites to configure and manage customer requests
Leveraged existing internal assets and knowledgebase o deliver focused marketing services tailored to individual client needs
Technology Platform Drupal, MySQL, PHP, MongoDB
Efficient customer management portal tailored to individual client needs
Marlabs Case Study
25
Client Private Student Loans Provider
Need Expand student loan market to increase sources of funding for student financing.
Marlabs Solution Built next generation online lending platform matching students with multiple lenders.
Provides functionality to search, filter, and match lenders and borrowers.
Students apply for loans which are serviced by lenders through an auction process.
Computes unique human capital score for each student assessing future repayment capability.
Determines student eligibility for loan and computes target loan interest rate based on score.
Lenders review student details and scores and bid loan amounts and interest rates.
System uses proprietary algorithm to generate target interest rates for bid loan amounts.
Manages loan repayments; receives re-payments and channels them to lenders.
EFT interface allows payments to be electronically processed directly from/to bank accounts.
Benefits Unique methodology to assess credit risk to facilitate lending without credit history.
Packages conventional and non conventional lending sources to raise funds availability.
Promotes social goals and reduces complexity of traditional bank lending models.
Technology Platform Linux, Apache, SQL, PHP, Drupal
Built P2P Lending Platform Dedicated to Facilitate Student Loans
Marlabs Case Study
27
Offerings overview
UI/UX – Usability Engineering
UX Strategist for social media
Web Analytics and SEO
UX strategy for DAMs solutions
Web and Mobile User Experience Design
Software Development using UX Methodologies
Expert Usability Review Services
Quality Planning and User Advocacy Consulting and Training
IA UI UX Responsive
Design Interactive
Design Usability
28
Discovery, Interaction Design, Visual Design, Development
Marlabs Centric Design & Engineering Process
Discovery 2 Interaction Design Visual Design Development
Functional Design
Content Analysis
IA, ID, UI Design, Usability
Production Engineering
1
User Research
Requirement Gathering
Content Inventory
Content Analysis Content Mapping
Business Objectives
User Guide
Cart Sorting
Site Map Process/Task Diagrams
Wireframes
Prototype
User Testing
Visual Comps
Style Guide
Technology/Platform Selection
Content Migration Plan
CMS Framework
HTML, CSS Templates
Content Migration
Testing
Launch
4 3
29
Idea Mapping
and Discovery
Test and Iterate
Holistic UX Model (Lean UX + CX + Agile Development) SPRINT
Develop Wireframes
and Prototype
Design and Development
Product Deploy and Validate
• Usability Testing • A/B Testing • Functional Testing • Present/Demo the
package to PO • Validate stories based on
the produced result • Deploy product • Necessary changes, go
back to the stories and iterate the process.
• Composite Design (Pixel perfect, Branding, colors, etc.) • Content Design (Typography, Style-guide, Flows, etc.) • Development (Coding - UI conversion & integration,
Metadata & Back-End Database plumbing, WebServices, etc.)
• Review & Validate • Iterate & Refine the implemented design if needed .
• Low-Fidelity Wireframes • Hi-Fidelity Wireframes • Click-Through Prototype • Review & Validate • Perform Usability Testing • Collect Feedback • Iterate & Refine the Idea if
needed.
User Experience (UX) Practice at Marlabs Lean UX + CX + Agile Development
30
Experience Director
Information Architect
Experience Designer
Experience Developer
Content Strategist / Copywriter
Usability Specialist
User Experience (UX) Practice HUB and SPOKE Model
45
A mobile app for Physician learning, using gamification design approach.
Healthcare Recent Implementations
46
Apps by Marlabs MobileCoE at Apple iTunes store: itunes.apple.com/us/artist/marlabs-inc/id489810009
Apps by Marlabs MobileCoE at Google Play store: https://play.google.com/store/apps/developer?id=Marlabs
Marlabs Apps @ Apple iTunes & Google Play stores
47
Standing apart in the marketplace
Value Proposition
Delivery Excellence
Domain Expertise
• Flexible, transparent, and mature engagement models
• Seamless solution integration
• Certification compliance
• Robust Governance
• Strong focus on emerging technologies
• Centers of Excellence (CoEs) for technology proficiency
• Best in class technology and security infrastructure
Customer Centricity
Investment In Talent
• US based, IP driven organization with a digital technology focus
• Flexible engagement models with global talent
• Proven record of successful on-site, off-shore and blended engagements
• Customized solutions and services
• High competence levels in all technologies
• Home grown algorithm for matching resources with customer’s unique need
• Global training centers: Continuous quality improvement programs
• High retention rates
Higher Customer
Satisfaction
Excelling Employees
Project Certainty
Highest ROI and Value
48
Contact Us USA New Jersey
Marlabs Inc. (Global Headquarters) One Corporate Place South, Floor 3, Piscataway NJ 08854 - 6116 Tel: +1 (732) 694 1000 Fax: +1 (732) 465 0100 Email: [email protected]
India Bangalore
Marlabs Software (P) Ltd. Bagmane World Technology Center, 14th Floor, Citrine Block - 4, Marathahalli Outer Ring Road, Mahadevapura, Bangalore – 560 048 Tel: +91 (80) 67229400/700 Email: [email protected]
Canada Marlabs Canada Incorporated 1235, Bay Street, Suite 400 Toronto Ontario M5R 3K4 Tel: +1 (416) 934 5005 Email: [email protected] Mysore
Marlabs Software (P) Ltd. # 462, A & B Block, Udayaravi Road, Kuvempunagar, Mysore - 570023 Tel: +91 (821) 4000200 Email: [email protected] Marlabs Software (P) Ltd. # 469, A & B Block, Udayaravi Road, Kuvempunagar, Mysore - 570023 Tel: +91 (821) 4191450 Email: [email protected]
Mexico Marlabs Technology Services Av. Patriotismo 229 Piso 8 Col. San Pedro de los Pinos Mexico, D. F. C. P. 03800 Tel: +1 (732) 694 1000 ext.6011 Email: [email protected] Kochi
Marlabs Software (P) Ltd. "Athulya", 2nd Floor, Infopark Kusumagiri P.O. Kakkanad Kochi - 682 030 Email: [email protected] Marlabs Software (P) Ltd. Trans Asian Corporate Park, XIV/396-C, Seaport Airport Road, Chittethukara, Kakkanad Kochi - 682 037 Ph: +91 (484) 6062885/886 Email: [email protected]