low cost / no cost software tools - bankw staffing · •not open source …but we use a ton of...

Low Cost / No CostSoftware Tools

Feb 19, 2014

Mike Ruggieri

Vice President, Applications

mike.ruggieri@meltwater.com

http://www.linkedin.com/in/mruggieri

175 Canal St

Manchester, NH 03101

Agenda

• User Interface

• Mobile UI

• Middle Tier

• Developer Tools

• Continuous Deployment Tools

• Back End and Big Data

• Other Stuff

User Interface

• Javascript MVC framework• Data binding• Single page applications (deep binding)• Form validation• Reuse• Localizable• http://angularjs.org/• Compare to Backbone, Ember

• CSS Preprocessor

• Programmatic approach to CSS

• Variables, functions, “mix-ins”

• Handles cross-browser CSS issues

• http://lesscss.org/

• Compare to Sass

Zurb Foundation

• Responsive web design framework

• http://foundation.zurb.com

• Compare to Twitter Bootstrap, Skeleton

• Node.js – server side templating

• Cleaner than HTML

• Loops, variables, conditions

– Uses JS syntax to generate HTML

• http://jade-lang.com/

D3 – Data Visualization

• D3 – Data Driven Documents

• Super powerful data visualizations

• Javascript-based

• Lots of available examples

• http://d3js.org/

• Others: Highcharts, Fusion Charts

Mobile UI – HTML5

• HTML5 mobile UI library

• Cross platform

• Responsive design built in

• http://jquerymobile.com/

• Or for a little $$: Sencha Touch

• PhoneGap is Adobe’s distribution of Apache Cordova – use either

• Framework to develop cross platform mobile HTML applications

• Access to native device functions through javascript APIs

• http://phonegap.com/

Middle Tier

Node.js

• Node.js – javascript on the server

• Fast and scalable network applications

• Great for data intensive, real-time apps – really works as a layer above our “big data” back end

• http://nodejs.org/

• NoSQL – document store

• JSON docs

• Scalable, fast (Massively Parallel Processing – MPP)

• http://www.mongodb.com/

Developer Tools

JetBrains WebStorm

• Javascript IDE• Supports all kind of stuff

– HTML5– Node.js– Less– Jade– Lots more

• http://www.jetbrains.com/webstorm/index.html

• Not open source - $100 pro license

Sublime Text 2

• Great text editor!– Set up projects

– Syntax matching/coloring

– Search across files

– Very customizable

• Not exactly “free” – pretty much unlimited use but with popups or $70 well spent

• http://www.sublimetext.com/

• Not open source…But we use a ton of their software

• Jira & Jira Agile - Issue tracking– Scrum Agile Backlogs and Boards– Kanban Boards for Support and Ops

• Confluence – Wiki collaboration– Design documents– Architecture discussions

• Crucible – Peer code reviews• https://www.atlassian.com/

Continuous Deployment Tools

Istanbul

• Istanbul

• Javascript code coverage library

• Integrated into the AngularJS test framework (but anyone can use it)

• http://gotwarlost.github.io/istanbul/

• Lots of others too: JSCoverage, blanket.js, PhantomJS

• Automated test runner

• Integrates with lots of CI servers

– Including Jenkins (next slide)

• Supports lots of different test formats and frameworks (like Istanbul)

• http://karma-runner.github.io/0.8/index.html

• Continuous Integration System

• Automated build and test

• Key to our continuous deployment pipeline

• Probably one of the most used pieces of open source software on the planet

• http://jenkins-ci.org/

• Atlassian Bamboo very popular too

Our Back End

http://www.couchbase.com/

http://basho.com/riak/

http://www.elasticsearch.org/

http://hadoop.apache.org/

• Take notes

• Collect everything from every device

• Whiteboard photos

• https://evernote.com/

Q & A

Mike Ruggieri

Vice President, Applications

Meltwater

mike.ruggieri@meltwater.com

http://www.linkedin.com/in/mruggieri

175 Canal St

Manchester, NH 03101