This document discusses using D3.js and Angular-nvd3-directives to create desktop and mobile charts and dashboards. It provides an overview of Ionic, a framework for developing hybrid mobile apps, and how to set it up. Examples are given of creating pie charts using Angular-nvd3-directives. Alternative solutions for mobile charts using jQuery and XCharts are also mentioned.
Development of biomedical technologies is an urgent necessity to improve diagnostic services.
Electronic pill technology is a more recent development.
A small miniaturized electronic pill can reach all areas such as small intestine.
Development of biomedical technologies is an urgent necessity to improve diagnostic services.
Electronic pill technology is a more recent development.
A small miniaturized electronic pill can reach all areas such as small intestine.
Aviary's customizable SDK powers cross-platform photo editing for over 6,500 partners and over 70 million monthly active users across the globe. Some of our notable partners include Walgreens, Squarespace, Yahoo Mail, Flickr, Photobucket, and Wix. At Aviary, we use node.js for several mission-critical projects in production and have seen extremely positive results. In this talk, we will discuss how we approach some common situations that developers deploying node.js projects will likely need to tackle. We will walk you through our routing mechanism, our automated deployment system, some of our custom middleware, and our testing philosophy.
Greane Tree Technology CTO Joseph Payette gave our latest “Lunch & Learn” presentation. With the number of tools and frameworks for cross platform mobile application development increasing every year, it can be a challenge to determine the best fit technology for a mobile project. All of these tools and frameworks have their advantages and disadvantages, as they leverage different mechanisms for abstracting differences across mobile devices in an effort to provide a single platform for rapid application development. To bring order to the various options at hand, Joe reviewed mobile application architectures (native, hybrid, and HTML5), and explored and compared a few hybrid tools and frameworks, namely PhoneGap (www.phonegap.com), Appcelerator (www.appcelerator.com), and MoSync (www.mosync.com). Joe’s mobile application development presentation includes sample code for these three tools and frameworks.
The Lunch and Learn series is a regular event where we discuss topics of interest to our projects and clients. Last month, Chad Calhoun explored Git Interactive Techniques.
State of GeoServer provides an update on our community and reviews the new and noteworthy features for the Project. The community keeps an aggressive six month release cycle with GeoServer 2.8 and 2.9 being released this year.
Each releases bring together exciting new features. This year a lot of work has been done on the user interface, clustering, security and compatibility with the latest Java platform. We will also take a look at community research into vector tiles, multi-resolution raster support and more.
Attend this talk for a cheerful update on what is happening with this popular OSGeo project. Whether you are an expert user, a developer, or simply curious what these projects can do for you, this talk is for you.
From React to React Native - Things I wish I knew when I startedsparkfabrik
INTRO
Why RN
Welcome to the Mobile world
The app bundle
UI COMPONENTS/NAVIGATION
Android Jetpack
iOS UIKit
React Navigation
THE JAVASCRIPT ENGINE
JavaScriptCore
Chrome V8
Hermes
THE LOCAL DEVELOPMENT
Metro
Flipper
Gradle
CocoaPods
Fastlane
Node.js uses JavaScript - a language known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Using Node.js you can build simple Command Line programs or complex enterprise level web applications with equal ease. Node.js is an event-driven, server-side, asynchronous development platform with lightning speed execution. Node.js helps you to code the most complex functionalities in just a few lines of code.
[20200720]cloud native develoment - Nelson LinHanLing Shen
There is no shortage now of development and CI/CD tools for cloud-native application development. But how do we put the cloud-native concept and think as the cloud-native way on the leftmost side of CI/CD pipeline.
During developing phrase, the tools provided with cloud code can help you expedite iteration of source codes, run and debug cloud native applications in an easy and fast way, making cloud-native development turn into real-time process, reduce the gap between deployment and development.
現在不乏用於雲原生應用程序開發的開發和 CI/CD工具。 但是,我們如何將雲原生概念放在的 CI/CD 流水線的最左側呢?
在開發階段,如何用 Cloud code 協助您加快原始碼的迭代速度,以簡便快捷的方式運行和調用雲原生應用程序,使雲原生開發變為即使過程,縮小開發與部署之間的差
GeoServer is the start of a great open source success story. This talk introduces the core GeoServer application and explores the ecosystem that has developed around this beloved OSGeo application.
This talks draws on the GeoServer ecosystem for use-cases and examples of how the application has been used successfully by a wide range of organizations.
Andrea Amie from GeoSolutions is on hand to share success stories highlighting GeoServer use in managing vulnerable ecosystems, agriculture information management, and marine data management.
Jody Garnett will look at how GeoServer enables Boundless products including Boundless Server and Boundless Server Enterprise.
We will look at GeoServer use at OSGeo with both GeoNetwork and GeoNode making use of the technology.
LocationTech is not ignored with the “big data” players in the form of GeoMesa and GeoWave bridging to cloud data sources of epic proportion
We use each use-case to highlights a capability of GeoServer providing an overview of the application drawn from practical examples.
Attend this talk for inspiration on what is possible with GeoServer and open source.
Once upon a time, there were css, js and server-side renderingAndrea Giannantonio
22 July 2016 - RomaJS meetup
Video: https://www.youtube.com/watch?v=Xr9TItuNxLg
Once upon a time, there were css, js and server-side rendering by @JellyBellyDev and @MatteoManchi
Flying a Drone with JavaScript and Computer VisionIvo Andreev
Almost anything that used to run on desktop, now runs in the browser and as of Atwood's law: anything that could be written in JavaScript, will eventually be written in JavaScript.
If you have dared imagining to control your toys with code, communicate with the cloud and use advanced computer intelligence, your dreams have now become close at hand.
This session is to challenge your fantasy and make you think what you could do with JavaScript. This session is about programming drones with JavaScript and AI capabilities.
Aviary's customizable SDK powers cross-platform photo editing for over 6,500 partners and over 70 million monthly active users across the globe. Some of our notable partners include Walgreens, Squarespace, Yahoo Mail, Flickr, Photobucket, and Wix. At Aviary, we use node.js for several mission-critical projects in production and have seen extremely positive results. In this talk, we will discuss how we approach some common situations that developers deploying node.js projects will likely need to tackle. We will walk you through our routing mechanism, our automated deployment system, some of our custom middleware, and our testing philosophy.
Greane Tree Technology CTO Joseph Payette gave our latest “Lunch & Learn” presentation. With the number of tools and frameworks for cross platform mobile application development increasing every year, it can be a challenge to determine the best fit technology for a mobile project. All of these tools and frameworks have their advantages and disadvantages, as they leverage different mechanisms for abstracting differences across mobile devices in an effort to provide a single platform for rapid application development. To bring order to the various options at hand, Joe reviewed mobile application architectures (native, hybrid, and HTML5), and explored and compared a few hybrid tools and frameworks, namely PhoneGap (www.phonegap.com), Appcelerator (www.appcelerator.com), and MoSync (www.mosync.com). Joe’s mobile application development presentation includes sample code for these three tools and frameworks.
The Lunch and Learn series is a regular event where we discuss topics of interest to our projects and clients. Last month, Chad Calhoun explored Git Interactive Techniques.
State of GeoServer provides an update on our community and reviews the new and noteworthy features for the Project. The community keeps an aggressive six month release cycle with GeoServer 2.8 and 2.9 being released this year.
Each releases bring together exciting new features. This year a lot of work has been done on the user interface, clustering, security and compatibility with the latest Java platform. We will also take a look at community research into vector tiles, multi-resolution raster support and more.
Attend this talk for a cheerful update on what is happening with this popular OSGeo project. Whether you are an expert user, a developer, or simply curious what these projects can do for you, this talk is for you.
From React to React Native - Things I wish I knew when I startedsparkfabrik
INTRO
Why RN
Welcome to the Mobile world
The app bundle
UI COMPONENTS/NAVIGATION
Android Jetpack
iOS UIKit
React Navigation
THE JAVASCRIPT ENGINE
JavaScriptCore
Chrome V8
Hermes
THE LOCAL DEVELOPMENT
Metro
Flipper
Gradle
CocoaPods
Fastlane
Node.js uses JavaScript - a language known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Using Node.js you can build simple Command Line programs or complex enterprise level web applications with equal ease. Node.js is an event-driven, server-side, asynchronous development platform with lightning speed execution. Node.js helps you to code the most complex functionalities in just a few lines of code.
[20200720]cloud native develoment - Nelson LinHanLing Shen
There is no shortage now of development and CI/CD tools for cloud-native application development. But how do we put the cloud-native concept and think as the cloud-native way on the leftmost side of CI/CD pipeline.
During developing phrase, the tools provided with cloud code can help you expedite iteration of source codes, run and debug cloud native applications in an easy and fast way, making cloud-native development turn into real-time process, reduce the gap between deployment and development.
現在不乏用於雲原生應用程序開發的開發和 CI/CD工具。 但是,我們如何將雲原生概念放在的 CI/CD 流水線的最左側呢?
在開發階段,如何用 Cloud code 協助您加快原始碼的迭代速度,以簡便快捷的方式運行和調用雲原生應用程序,使雲原生開發變為即使過程,縮小開發與部署之間的差
GeoServer is the start of a great open source success story. This talk introduces the core GeoServer application and explores the ecosystem that has developed around this beloved OSGeo application.
This talks draws on the GeoServer ecosystem for use-cases and examples of how the application has been used successfully by a wide range of organizations.
Andrea Amie from GeoSolutions is on hand to share success stories highlighting GeoServer use in managing vulnerable ecosystems, agriculture information management, and marine data management.
Jody Garnett will look at how GeoServer enables Boundless products including Boundless Server and Boundless Server Enterprise.
We will look at GeoServer use at OSGeo with both GeoNetwork and GeoNode making use of the technology.
LocationTech is not ignored with the “big data” players in the form of GeoMesa and GeoWave bridging to cloud data sources of epic proportion
We use each use-case to highlights a capability of GeoServer providing an overview of the application drawn from practical examples.
Attend this talk for inspiration on what is possible with GeoServer and open source.
Once upon a time, there were css, js and server-side renderingAndrea Giannantonio
22 July 2016 - RomaJS meetup
Video: https://www.youtube.com/watch?v=Xr9TItuNxLg
Once upon a time, there were css, js and server-side rendering by @JellyBellyDev and @MatteoManchi
Flying a Drone with JavaScript and Computer VisionIvo Andreev
Almost anything that used to run on desktop, now runs in the browser and as of Atwood's law: anything that could be written in JavaScript, will eventually be written in JavaScript.
If you have dared imagining to control your toys with code, communicate with the cloud and use advanced computer intelligence, your dreams have now become close at hand.
This session is to challenge your fantasy and make you think what you could do with JavaScript. This session is about programming drones with JavaScript and AI capabilities.
3. 1. Kit de développement
NVD3.Js(D3.Js) + Angular-nvd3-Directives
4. 1. Kit de développement / Ionic
● Framework Front-End pour le développement Mobile hybride en HTML5
● Basé sur AngularJs avec Zéro utilisation de JQuery.
● Basé sur Cordova pour la compilation d’applications en iOs, Android, …
● Se base l’accélération matérielle pour les transitions & les animations
transform: translateZ(0);
transform: translate3d(0,0,0);
perspective: 1000; backface-visibility: hidden;
v1.0.0-beta.13
5. 1. Kit de développement / Installation & configuration
cxcxc ● Installation du générateur YeoMan d’ionic
$ npm install -g generator-ionic
● Créer le dossier du projet
$ mkdir dashboard && cd $_
● Utiliser le générateur YeoMan
$ yo ionic
Suivre les instructions d’installation
$ ionic serve
● Ajouter des plates-formes mobiles
$ ionic platform add ios
$ ionic platform add android
7. 1. Kit de développement / Run Hybride Application
● Lancer l’application
o iOs
$ ionic build ios
$ ionic run ios
o Android
$ ionic build android
$ ionic run android
9. 1. Kit de développement / NVD3
● Website: nvd3.com
● Open source: Yes
● Library size (compressed+gzip): 50 KB
● Dependencies: d3.js and Aight for IE8 support - VERY cool but based on D3, no IE8 and prior.
● Graphic technology: SVG
● Supported Charts: Area, Bar, Bubble, Line, Pie, Scatter, Spline, Sparklines, Donut, Node / Edge graph, Bullet chart
● Features:
o Ability to zoom in and out of charts
o Annotations on the chart
o Combination of charts
o Data labels
o Dynamic charts
o Interactive (responds to mouse hover/click)
10. 1. Kit de développement / NVD3 vs D3
http://jsperf.com/d3-pie-vs-nvd3-pie
11. 1. Kit de développement / AngularJs-nvd3-directives
● Website: https://github.com/cmaurer/angularjs-nvd3-directives
● Open source: Yes
● Library size (compressed+gzip): 20 KB
● Dependencies: d3.js, nvd3.js and AngularJs
● Graphic technology: SVG
● Supported Charts: Area, Bar, Bubble, Line, Pie, Scatter, Spline, Sparklines, Donut, Node / Edge graph, Bullet chart
● Features:
o Ability to zoom in and out of charts
o Annotations on the chart
o Combination of charts
o Data labels
o Dynamic charts (Two-way Data binding d’AngularJs)
o Interactive (responds to mouse hover/click)
12. 1. Kit de développement / SetUp Angular-nvd3-directives
● bower install d3 --save
● bower install nvd3 --save
● bower install angularjs-nvd3-
directives --save
● Include Scripts: d3, nvd3, angularjs-nvd3-
directives and nv.d3.css