EmbedThis Angular

268 views

Published on

Using AngularJS with Embedded Devices

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
268
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

EmbedThis Angular

  1. 1. Angular for Embedded 1 Confidential
  2. 2. Embedded Web  Billions of web servers in – Routers, printers, factories, robots, security cameras, gas pumps, even periscopes, ... 2 Confidential
  3. 3. Embedded Web Interfaces  Problem with most embedded web interfaces – Slow -- Generate pages on a slow device – Static -- Don’t want to do unnecessary updates – Insecure -- Poor support for CSRF prevention – Ugly -- Good looking UIs come with a cost – First feature on chopping block 3 Confidential
  4. 4. Embedded Web Interfaces  General Problem ... – – Not leveraging the browser –  Doing too much server-side on a modest CPU Missing a good client-side framework So we went looking – –  For the best client-side framework ... ... Angular Why Angular? 4 Confidential
  5. 5. Why Angular for Embedded?  Balances the client-side – –  UI moved to client side Strong feature rich, framework Scales well – –  Dep. injection, data binding – + Unlike jQuery Services, Directives Great with RESTful services – Especially JSON payloads 5 Confidential
  6. 6. Server-Side  Embedded web server – Offload the entire “V” in MVC – Thin binding between URIs and C functions – Services RESTful web requests with JSON  Embedded database with schema  JSON request/response – – Schema –  Data User feedback, errors and field validation errors WebSockets – Low overhead data supply for data bound widgets 6 Confidential
  7. 7. Packaging  Angular apps can be packaged  Aggregate all scripts + HTML => single script  Combine all CSS => single CSS – – Single script + CSS + assets –  After home page load Thereafter, JSON data exchange only Result – Fast, zero delay UI transitions – Dynamic UI updates – Low overhead on server 7 Confidential
  8. 8. Kickstart for Angular 8 Confidential

×