Gestart als demo/research voor cloud-oplossing. Een Afslagveiling

Transcriptie

1 WAZUG BCC Veiling

2 Concept

3 Gestart als demo/research voor cloud-oplossing Een Afslagveiling

4 Afslag variant Prijsdump variant

5 Windows Azure CMS: Orchard Admin app: dynamic data Auction Manager Proces: worker role Frontend communicatie: SignalR / javascript

6 Signal R ServiceBus ServiceBus Orchard MVC Azure Worker Role Dynamic Data Browser Web FE Web FE Azure ServiceBus Auction Manager Auction Manager Azure Blob Browser Admin Pages HTTP + SignalR Azure ServiceBus Blob Lease SQL SQL Azure

7 Bootstrap Signal Knockout R SignalR MVC ServiceBus SignalR.ServiceBus MVC Quartz Azure Worker Role Dynamic Data Browser Web FE Web FE Azure ServiceBus Auction Manager Auction Manager Azure Blob Browser Admin Pages HTTP + SignalR Azure ServiceBus Blob Lease SQL SQL Azure

8 Bootstrap Knockout SignalR MVC SignalR.ServiceBus Quartz Browser Web FE Web FE Azure ServiceBus Browser HTTP + SignalR Azure ServiceBus SQL SQL Azure

9 Azure ServiceBus Browser Web FE Standaard MVC: 1. Browser laadt page 2. Request komt binnen bij Controller 3. Controller verzamelt Data in Model 4. Controller toont View met Data SQL Azure

10 Azure ServiceBus Browser Web FE SQL Azure Client-side: 5. Browser start javascript 6. Javascript initialiseert ViewModel met observable() variabelen als member 7. Javascript start SignalR hub connection 8. Javascript roept hub.initialize() aan

11 Azure ServiceBus Browser Web FE Serverside: 9. Hub.Initialize() wordt aangeroepen 10. Laadt het actieve veilingproduct uit de database 11. Roept Hub.Client.Initialized(product) aan SQL Azure

12 Azure ServiceBus Browser Web FE SQL Azure Clientside: 9. initialized(product) wordt aangeroepen 10. Initialized() functie updated alle ViewModel observable members met de ontvangen waarden 11. Knockout updated automatisch het DOM zodat de nieuwe waarden getoond worden

13

14 Rapid Responsive Frontend Development

15 Open Source CSS Framework Gesponsord en ontwikkeld door Twitter Fixed or Fluid Layout (12 colomns) Ondersteunt Responsive Design: Gebruikt LESS

16 Base features Herbruikbare componenten Javascript componenten Goede documentatie Themeable

17 Bootstrap

18

19 Single page/dynamic web UI

20 Een JavaScript framework voor dynamische User Interfaces gebaseerd op het MVVM pattern Open Source, maar de hoofdontwikkelaar (Steve Sanderson) werkt bij Microsoft

21 Declaratieve bindings Automatische UI verversing Dependency tracking Templating

22

23

24 Data access met SqlFu

25 Full featured frameworks: Micro ORM s:

26 Geen abstractie van SQL, geen Linq Wat dan wel? Voordelen:

27 Database updates van development naar productie

28 Geinspireerd door concepten uit Rails Iedere database wijziging is een Migration Een Migration heeft twee methoden: Een Migration heeft een versienummer Migration kan gestart worden via:

29 FluentMigrator + SqlFu

30 Realtime updates van (web)server naar (web)client

31 Een async.net library voor het bouwen van multiuser realtime interactieve webapplicaties Gesponsord door MS maar 100% Open Source, gehost op GitHub Onderdeel van de ASP.NET Web Stack Beschikbaar via NuGet

32 Universeel server -> client data pushen is in de praktijk erg lastig Verschillende mogelijkheden voor verschillende browsers/operating Systems (zoals Server Side Events, Longpolling, ForeverFrame en WebSockets) SignalR doet alle heavy lifting voor je

33 Backend (Messagebus) Server (Hosting proces) Client

34 PersistentConnection Hub

35

36

37 Authenticatie met Facebook, Google en Microsoft accounts

38 Server: Azure ACS, WIF, SWT/SAML Clients: Mono + Windows 8

39

40

41

42

43 <phone:webbrowser x:name="browsersignincontrol" IsScriptEnabled="True" Visibility="Collapsed" /> BrowserSigninControl.Navigate(new Uri(_selectedIdentityProvider.LoginUrl)); var browser = sender as WebBrowser; CookieCollection fedauthcookie = browser.getcookies(); _cookiestore.fedauthcookiecollection = fedauthcookie; App.Connection.CookieContainer = _cookiestore.fedauthcookiecontainer;

44 Background tasks in een Azure website

45 Job Scheduling Systeem Open Source Port van Quartz (populaire Java based scheduler) Full Featured

46 Ondersteuning voor clustering (failover en loadbalancing) In Memory en Persistent Job Store (Oracle en SQL Server) Zeer uitgebreid scala scheduling mogelijkheden Uitgebreide mogelijkheden voor customization

47 Job Trigger Scheduler JobStore Plugin Listener

48

49 MVC, layered architecture, domain events

50 Onderwerp van veel discussie: Welke Abstracties gebruik je? Is het:

51 Browser Requests View Models SignalR calls (Ajax calls) Applicatie Controllers Views Hubs s (Web Api s) Domain Queries Commands Tasks Entities Events SQL Database

52 Source code walkthrough van de Cloud Auction

53 Bonusonderwerp

54 Ga naar Registreer met mobiel nr ( registered user ) Voeg de Developer App toe Maak een nieuwe Facebook App

55

56 App ID App Secret Canvas Page Canvas Url

57 Nuget> install-package Facebook Facebook plaatst een iframe om de canvas page, en submit user data:

58 Facebook Canvas Page Facebook ACS Login

59 Bonusonderwerp

60

61 Xamarin MonoTouch WP8/WinRT XAML Xamarin Mono for Android XCode Objective-C WP8/WinRT C# Android SDK Java App Logic C# Shared language

62 In BCC Veiling: ASP.NET WebAPI SignalR Hub Functions Discovery Service Send Client Version & Platform Receive Web API Url or upgrade message! Authenticatie OAuth Header FedAuth Cookie

63 Architectuur: Keep it simple Azure Platform zeer geschikt voor deze toepassing Mobile Apps