SlideShare a Scribd company logo
+




    Javascript as a data
    processing language &
    htlm5 integration
    Qcon London 2013 – Quentin ADAM
+
    Who I am ?

    n    Quentin ADAM

    n    @waxzce on twitter

    n    CEO of Clever Cloud, the most
          powerful PaaS in Europe ;-)




                  clever
                  cloud
+ Why we have to talk about
 data processing ?
+
    Big change in software industry

                   Yesteday                       Now
    n    One instance          n    One instance (distributed)

    n    One organization      n    Multiple organization + a lot of
                                      users
    n    One data repository
                                n    One data repository




                                          Multi-tenant
+
                                          •  Atomicity
                                          •  Consistency
                                  ACID    •  Isolation
                                          •  Durability
Instance for one
Organization                              Powerful         •  Transaction
                                                           •  User
Take advantage of ACID database             data              management
                                         management        •  One above one
+
    But it designs a bottleneck
+
    Example : e-shop on classic mode
+
    Example : e-shop on classic mode


    User A buy a
        hdd
                             Transaction
Database Transaction :        user A is
•  Stock management
                             processed
•  Order management
•  Invoice generation
•  Customer Account reward
•  …




                                              Stock &
                                             Order are
                                           just perfectly
                                            synchronize
+
    Example : e-shop on classic mode


    User A buy a
        hdd
                             Transaction
Database Transaction :        user A is
•  Stock management
                             processed
•  Order management
•  Invoice generation
•  Customer Account reward
•  …
                                then




    User B buy a                              Stock &
        hdd                  Transaction
                                             Order are
                              user B is    just perfectly
                             processed      synchronize
+
    Example : e-shop on multi-tenant
    mode
    n    i.e. : Multiple shop of various sellers on the same instance
+
    Example : e-shop on multi-tenant
    mode

 User A buy a
hdd on seller A
                             Transaction
Database Transaction :        user A is
•  Stock management
                             processed
•  Order management
•  Invoice generation
•  Customer Account reward
•  …
                                then




 User B buy a                                 Stock &
book on seller B             Transaction
                                             Order are
                              user B is    just perfectly
                             processed      synchronize
Who care the
+ synchronization of vendor
  A&B?
Destroy the bottle
  neck and switch to
+ another storage
  system




  This is why the noSQL movement
  start.
+
    noSQL = not only SQL
+ Now talking about how to get
 data from storage
+ SQL don’t solve all the data processing
  expression.
+
    Some javascripts facts

    n    Run for server needs at the beginning
          n    Netscape Server in 1996, and then in IIS

    n    Clearly a major language
          n    Run on
                n    Browser
                n    Mobile
                n    Servers
          n    Easy to integrate
          n    Most peoples know it
          n    Most used language
                on github

    n    Event driven
+
       So, can we use
    javascript as a data
        processing
        language ?
+
    Data processing is focus on

    n    Find

    n    Filter

    n    Manage collection

    n    CRUD order
+
    Map / reduce => the big bang of
    new data processing
    n    Atomize the problem
                                        Get a k/v data
    n    Easy to parallelize

    n    From the functional
                                Map : transform data to what you
          programing model           need (apply function)



                                Reduce : filter data & aggregate




                                         Get the result
Do you wanna some functional
+
  programing ?
 Javascript is so flexible than we can apply several
 patern on top of the language
+
    And map/reduce ?
+
    NoSQL we can considerate for
    example
    n    Object Store



    n    Key/Value with documents capacities




    n    Pure Document



    n    Column based
+
    NoSQL we can considerate for
    example
    n    Object Store



    n    Key/Value with documents capacities




    n    Pure Document



    n    Column based
+



And one more !
With localStorage features
+
    JSON domination

    n    Store




    n    Processing   n    Access
+
    Example with riak

    n    Key/Value

    n    http REST & protobuff data API

    n    Store JSON data on a URL

    n    Very good distribution

    n    Good performances
+
    Example with riak map/reduce
+
    Put some real time

    n    Lots lots of noSQL DB handle a _change_ pipe :
          n    All datas and updates stream

    n    Bind it on a websocket : put some real time on your
          application
+
    Data as a Service


                           Various
                          backen DB




                 API
               RESTFull



                                         API clients

                      •  Full web client : html5
                         + local storage
                      •  Mobile : phonegapp
                         or native
                      •  Other servers app
+
    Data as a Service

    n    Data as others service

    n    With the same language the application

    n    Build sync algorithm to start offline / online software




    n    Some protocol : atom, gdata, oData

    n    Some popular API : S3, twitter, EC2…

    n    Security and access layer : oauth…
+
    DataBase as a Service

    n    Xeround

    n    Amazon dynamo

    n    Lots of heroku addon

    n    Kinvey




              PaaS
+
    Transparent data consumption

    n    Webkit JavaScriptCore

    n    REST / JSON

    n    Data Classes
          n    auto-updatable
          n    accessors             Atomatic data access
                                          framework
          n    events
          n    Methods

    n    Cool html5 IDE

    n    Best use case : work oriented app
+
    Wakanda example




                      http://play.wakanda.org/
+
    How to start ?
+
    Find a toy project
+
    Use hosted services

    n    Less ops footprint

    n    No more instalation

    n    Quick learn curve

    n    Focus on your needs & values
+ Innovate & write kick ass
  apps
+
    Thx for Listening & Q/A time

    Thx to the              http://twitter.com/waxzce

    http://qconlondon.com   Quentin ADAM on google ;-)

                            quentin.adam@clever-cloud.com



                            n    http://www.clever-cloud.com


                 clever     n    http://engineering.clever-cloud.com/

                 cloud

More Related Content

KEY
Hybrid MongoDB and RDBMS Applications
PPTX
An Introduction to Big Data, NoSQL and MongoDB
PDF
Mongo DB: Operational Big Data Database
PPTX
Why NoSQL and MongoDB for Big Data
PPTX
AWS big-data-demystified #1.1 | Big Data Architecture Lessons Learned | English
PPTX
Serverless Reality
PDF
"The Grail: React based Isomorph apps framework" Эльдар Джафаров
PDF
MongoDB SoCal 2020: Migrate Anything* to MongoDB Atlas
Hybrid MongoDB and RDBMS Applications
An Introduction to Big Data, NoSQL and MongoDB
Mongo DB: Operational Big Data Database
Why NoSQL and MongoDB for Big Data
AWS big-data-demystified #1.1 | Big Data Architecture Lessons Learned | English
Serverless Reality
"The Grail: React based Isomorph apps framework" Эльдар Джафаров
MongoDB SoCal 2020: Migrate Anything* to MongoDB Atlas

What's hot (17)

KEY
MongoDB vs Mysql. A devops point of view
PPTX
Big Data: Guidelines and Examples for the Enterprise Decision Maker
PDF
Cloud Computing in Practice
PPTX
Benefits of Using MongoDB Over RDBMSs
PDF
MongoDB World 2019: Ticketek: Scaling to Global Ticket Sales with MongoDB Atlas
PPTX
Webinar: When to Use MongoDB
PDF
Overcoming Today's Data Challenges with MongoDB
PDF
Webinar: Faster Big Data Analytics with MongoDB
PDF
Mongodb
PDF
Eliminating Volatile Latencies Inside Rakuten’s NoSQL Migration
PDF
Shift: Real World Migration from MongoDB to Cassandra
PPTX
How leading financial services organisations are winning with tech
PDF
Keynote AWS Summit 2013 Sao Paulo
PDF
"Плюси та мінуси впровадження AWS Lambda в проєкт" Віталій Григоришин
PPTX
MongoDB Evenings DC: Get MEAN and Lean with Docker and Kubernetes
PDF
How to Build a Scylla Database Cluster that Fits Your Needs
PPTX
REDSHIFT - Amazon
MongoDB vs Mysql. A devops point of view
Big Data: Guidelines and Examples for the Enterprise Decision Maker
Cloud Computing in Practice
Benefits of Using MongoDB Over RDBMSs
MongoDB World 2019: Ticketek: Scaling to Global Ticket Sales with MongoDB Atlas
Webinar: When to Use MongoDB
Overcoming Today's Data Challenges with MongoDB
Webinar: Faster Big Data Analytics with MongoDB
Mongodb
Eliminating Volatile Latencies Inside Rakuten’s NoSQL Migration
Shift: Real World Migration from MongoDB to Cassandra
How leading financial services organisations are winning with tech
Keynote AWS Summit 2013 Sao Paulo
"Плюси та мінуси впровадження AWS Lambda в проєкт" Віталій Григоришин
MongoDB Evenings DC: Get MEAN and Lean with Docker and Kubernetes
How to Build a Scylla Database Cluster that Fits Your Needs
REDSHIFT - Amazon
Ad

Similar to JavaScript as Data Processing Language & HTML5 Integration (20)

PDF
Cloud Big Data Architectures
PPTX
Nosql Now 2012: MongoDB Use Cases
PDF
DEV03 - How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real...
PDF
Data Platform in the Cloud
PDF
Beyond Relational
PDF
Leapfrog into Serverless - a Deloitte-Amtrak Case Study | Serverless Confere...
PPTX
AquaQ Analytics Kx Event - Data Direct Networks Presentation
PDF
Webinar: Managing Real Time Risk Analytics with MongoDB
PPTX
Domain events & Kafka in Ruby applications
PPTX
Big Data and NoSQL for Database and BI Pros
PDF
Lessons from Building Large-Scale, Multi-Cloud, SaaS Software at Databricks
PDF
Beyond serverless.pptx
PPTX
Building Distributed Systems with RavenDB NSCBcon NY by Oren Eini & Ayende Ra...
PDF
Wcs-1785 How Watson, Bluemix, Cloudant and XPages can work together in a real...
PDF
Vortrag OnCommerce zur ITmitte.de Ring Vorlesung, Master Informatik, Universi...
PDF
TiDB DevCon 2020 Opening Keynote
PPTX
Using Event Streams in Serverless Applications
PPTX
Converged Infrastructures on Kubernetes with Kubevirt
PDF
Database Survival Guide: Exploratory Webcast
PPTX
Traveloka's journey to no ops streaming analytics
Cloud Big Data Architectures
Nosql Now 2012: MongoDB Use Cases
DEV03 - How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real...
Data Platform in the Cloud
Beyond Relational
Leapfrog into Serverless - a Deloitte-Amtrak Case Study | Serverless Confere...
AquaQ Analytics Kx Event - Data Direct Networks Presentation
Webinar: Managing Real Time Risk Analytics with MongoDB
Domain events & Kafka in Ruby applications
Big Data and NoSQL for Database and BI Pros
Lessons from Building Large-Scale, Multi-Cloud, SaaS Software at Databricks
Beyond serverless.pptx
Building Distributed Systems with RavenDB NSCBcon NY by Oren Eini & Ayende Ra...
Wcs-1785 How Watson, Bluemix, Cloudant and XPages can work together in a real...
Vortrag OnCommerce zur ITmitte.de Ring Vorlesung, Master Informatik, Universi...
TiDB DevCon 2020 Opening Keynote
Using Event Streams in Serverless Applications
Converged Infrastructures on Kubernetes with Kubevirt
Database Survival Guide: Exploratory Webcast
Traveloka's journey to no ops streaming analytics
Ad

More from Quentin Adam (20)

PPTX
Beyond Interoperability : Versatility as the future of Cloud services
PPTX
Lunaconf DIgital Market in Europe talk for Tech
PPTX
Opening Keynote : Domestic Digital market - Jug summercamp 2024
PPTX
Biscuit, the cryptotoken you can share safely with your ap is
PPTX
Keynot Cloud Expo Intel
PPTX
Pulsar 101 at devoxx
PPTX
Traversing hyper driven developpement to do great technical choices and make ...
PPTX
How to make people work together? - ending keynote - devfest du bout du monde...
PPTX
Remove centralization on Authorization - API Days Paris 2018 (announcement fo...
PPTX
PostgreSQL is the new NoSQL - at Devoxx 2018
PPTX
Hype driven architecture - keynote at devfest Toulouse 2018
PPTX
Real world code, why are you so ashamed? - RivieraDev 2018
PPTX
Monitorer l'inconnu, 1000 * 100 series par jour - talk avec @clementd à #devo...
PPTX
Comment les contrôleurs de gestion ont fuck up mon IT - Lean Kanban France 2017
PPTX
Monitoring the unknown, 1000*100 series a day - Big Data Vilnius 2017
PPTX
Problems you’ll face in the Microservices World: Configuration, Authenticatio...
PPTX
MONITORING THE UNKNOWN, 1000*100 SERIES A DAY - DEVOXX MOROCCO 2017
PPTX
Build a reverse proxy for modern immutable infrastructure - Sozu - Devops D D...
PDF
What is Clever Cloud?
PPTX
Why all my software projects are late?
Beyond Interoperability : Versatility as the future of Cloud services
Lunaconf DIgital Market in Europe talk for Tech
Opening Keynote : Domestic Digital market - Jug summercamp 2024
Biscuit, the cryptotoken you can share safely with your ap is
Keynot Cloud Expo Intel
Pulsar 101 at devoxx
Traversing hyper driven developpement to do great technical choices and make ...
How to make people work together? - ending keynote - devfest du bout du monde...
Remove centralization on Authorization - API Days Paris 2018 (announcement fo...
PostgreSQL is the new NoSQL - at Devoxx 2018
Hype driven architecture - keynote at devfest Toulouse 2018
Real world code, why are you so ashamed? - RivieraDev 2018
Monitorer l'inconnu, 1000 * 100 series par jour - talk avec @clementd à #devo...
Comment les contrôleurs de gestion ont fuck up mon IT - Lean Kanban France 2017
Monitoring the unknown, 1000*100 series a day - Big Data Vilnius 2017
Problems you’ll face in the Microservices World: Configuration, Authenticatio...
MONITORING THE UNKNOWN, 1000*100 SERIES A DAY - DEVOXX MOROCCO 2017
Build a reverse proxy for modern immutable infrastructure - Sozu - Devops D D...
What is Clever Cloud?
Why all my software projects are late?

Recently uploaded (20)

PDF
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
PPTX
Belt and Road Supply Chain Finance Blockchain Solution
PDF
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
PDF
ai-archetype-understanding-the-personality-of-agentic-ai.pdf
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PDF
Building High-Performance Oracle Teams: Strategic Staffing for Database Manag...
PDF
DevOps & Developer Experience Summer BBQ
PPTX
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
PDF
Modernizing your data center with Dell and AMD
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Top Generative AI Tools for Patent Drafting in 2025.pdf
PDF
CIFDAQ's Token Spotlight: SKY - A Forgotten Giant's Comeback?
PDF
REPORT: Heating appliances market in Poland 2024
PDF
Reimagining Insurance: Connected Data for Confident Decisions.pdf
PDF
Enable Enterprise-Ready Security on IBM i Systems.pdf
PPTX
ABU RAUP TUGAS TIK kelas 8 hjhgjhgg.pptx
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
Belt and Road Supply Chain Finance Blockchain Solution
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
ai-archetype-understanding-the-personality-of-agentic-ai.pdf
GamePlan Trading System Review: Professional Trader's Honest Take
Building High-Performance Oracle Teams: Strategic Staffing for Database Manag...
DevOps & Developer Experience Summer BBQ
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
Modernizing your data center with Dell and AMD
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
NewMind AI Weekly Chronicles - August'25 Week I
Top Generative AI Tools for Patent Drafting in 2025.pdf
CIFDAQ's Token Spotlight: SKY - A Forgotten Giant's Comeback?
REPORT: Heating appliances market in Poland 2024
Reimagining Insurance: Connected Data for Confident Decisions.pdf
Enable Enterprise-Ready Security on IBM i Systems.pdf
ABU RAUP TUGAS TIK kelas 8 hjhgjhgg.pptx
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...

JavaScript as Data Processing Language & HTML5 Integration

  • 1. + Javascript as a data processing language & htlm5 integration Qcon London 2013 – Quentin ADAM
  • 2. + Who I am ? n  Quentin ADAM n  @waxzce on twitter n  CEO of Clever Cloud, the most powerful PaaS in Europe ;-) clever cloud
  • 3. + Why we have to talk about data processing ?
  • 4. + Big change in software industry Yesteday Now n  One instance n  One instance (distributed) n  One organization n  Multiple organization + a lot of users n  One data repository n  One data repository Multi-tenant
  • 5. + •  Atomicity •  Consistency ACID •  Isolation •  Durability Instance for one Organization Powerful •  Transaction •  User Take advantage of ACID database data management management •  One above one
  • 6. + But it designs a bottleneck
  • 7. + Example : e-shop on classic mode
  • 8. + Example : e-shop on classic mode User A buy a hdd Transaction Database Transaction : user A is •  Stock management processed •  Order management •  Invoice generation •  Customer Account reward •  … Stock & Order are just perfectly synchronize
  • 9. + Example : e-shop on classic mode User A buy a hdd Transaction Database Transaction : user A is •  Stock management processed •  Order management •  Invoice generation •  Customer Account reward •  … then User B buy a Stock & hdd Transaction Order are user B is just perfectly processed synchronize
  • 10. + Example : e-shop on multi-tenant mode n  i.e. : Multiple shop of various sellers on the same instance
  • 11. + Example : e-shop on multi-tenant mode User A buy a hdd on seller A Transaction Database Transaction : user A is •  Stock management processed •  Order management •  Invoice generation •  Customer Account reward •  … then User B buy a Stock & book on seller B Transaction Order are user B is just perfectly processed synchronize
  • 12. Who care the + synchronization of vendor A&B?
  • 13. Destroy the bottle neck and switch to + another storage system This is why the noSQL movement start.
  • 14. + noSQL = not only SQL
  • 15. + Now talking about how to get data from storage
  • 16. + SQL don’t solve all the data processing expression.
  • 17. + Some javascripts facts n  Run for server needs at the beginning n  Netscape Server in 1996, and then in IIS n  Clearly a major language n  Run on n  Browser n  Mobile n  Servers n  Easy to integrate n  Most peoples know it n  Most used language on github n  Event driven
  • 18. + So, can we use javascript as a data processing language ?
  • 19. + Data processing is focus on n  Find n  Filter n  Manage collection n  CRUD order
  • 20. + Map / reduce => the big bang of new data processing n  Atomize the problem Get a k/v data n  Easy to parallelize n  From the functional Map : transform data to what you programing model need (apply function) Reduce : filter data & aggregate Get the result
  • 21. Do you wanna some functional + programing ? Javascript is so flexible than we can apply several patern on top of the language
  • 22. + And map/reduce ?
  • 23. + NoSQL we can considerate for example n  Object Store n  Key/Value with documents capacities n  Pure Document n  Column based
  • 24. + NoSQL we can considerate for example n  Object Store n  Key/Value with documents capacities n  Pure Document n  Column based
  • 25. + And one more ! With localStorage features
  • 26. + JSON domination n  Store n  Processing n  Access
  • 27. + Example with riak n  Key/Value n  http REST & protobuff data API n  Store JSON data on a URL n  Very good distribution n  Good performances
  • 28. + Example with riak map/reduce
  • 29. + Put some real time n  Lots lots of noSQL DB handle a _change_ pipe : n  All datas and updates stream n  Bind it on a websocket : put some real time on your application
  • 30. + Data as a Service Various backen DB API RESTFull API clients •  Full web client : html5 + local storage •  Mobile : phonegapp or native •  Other servers app
  • 31. + Data as a Service n  Data as others service n  With the same language the application n  Build sync algorithm to start offline / online software n  Some protocol : atom, gdata, oData n  Some popular API : S3, twitter, EC2… n  Security and access layer : oauth…
  • 32. + DataBase as a Service n  Xeround n  Amazon dynamo n  Lots of heroku addon n  Kinvey PaaS
  • 33. + Transparent data consumption n  Webkit JavaScriptCore n  REST / JSON n  Data Classes n  auto-updatable n  accessors Atomatic data access framework n  events n  Methods n  Cool html5 IDE n  Best use case : work oriented app
  • 34. + Wakanda example http://play.wakanda.org/
  • 35. + How to start ?
  • 36. + Find a toy project
  • 37. + Use hosted services n  Less ops footprint n  No more instalation n  Quick learn curve n  Focus on your needs & values
  • 38. + Innovate & write kick ass apps
  • 39. + Thx for Listening & Q/A time Thx to the http://twitter.com/waxzce http://qconlondon.com Quentin ADAM on google ;-) [email protected] n  http://www.clever-cloud.com clever n  http://engineering.clever-cloud.com/ cloud