View
4
Download
0
Category
Preview:
Citation preview
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
Recommended