1. Ghent, Belgium Orbit One BVBA Raas van Gaverestraat 83 B-9000 GENT, BELGIUM Website www.orbitone.comwww.orbitone.com E-mail info@orbitone.cominfo@orbitone.com Tel. +32 9 330 15 00 VAT BE 456.457.353 Bank 442-7059001-50 (KBC) 22 February, 2012 Azure + Umbraco 5 workshop

2. 22 February, 2012 Azure + Umbraco 5 workshop Who are we?  Bart Vande Ghinste  Enterprise Architect @ Microsoft  Tom Crombez  Web Channel Audience Manager @ Microsoft  Wim De Coninck  Orbit One, Development Team Lead  wimdc@orbitone.com wimdc@orbitone.com  http://twitter.com/wimdc http://twitter.com/wimdc  Olivier Mangelschots  Orbit One, Managing Director  olivier@orbitone.com, Twitter @omangels olivier@orbitone.com @omangels 2

3. 22 February, 2012 Azure + Umbraco 5 workshop Agenda  9:30 – 9:45 Intro  9:45 – 11:15Azure Overview (Bart Vande Ghinste)  Break  11:30– 12:30 Umbraco CMS and Azure (Olivier Mangelschots)  Lunch  13:30 – 13:45 Azure Development Program (Tom Crombez)  13:45 – 16:30 Hands-on workshop (Wim De Coninck) We are a small group, let’s make it interactive! 3

4. 22 February, 2012 Azure + Umbraco 5 workshop Free workshop  Sponsored by Microsoft Azure  In collaboration with Belgian Umbraco User Group (BUUG.be)  Hosted by Orbit One  Download from www.buug.bewww.buug.be  Slides  Binaries/source code  Documentation 4

5. Mission Optimize collaboration & productivity

7. 22 February, 2012 Azure + Umbraco 5 workshop Who are you? Roundtable  Gert De Ceuster (Solutions@work)  Bruno Bodson (KAHO Sint-Lieven)  Dimitri Tronquo (Self-employed)  Tom Janssens, (De Webfabriek)  Pieter-Jan Maenhaut ( Hogeschool Gent )  Vincent Smeets (VOX TENEO)  Dirk De Vos (OrbitOne.com)  Dave Van de Maele (OrbitOne.com)  Thomas Stock (OrbitOne.com)  Algeron Waterschoot (OrbitOne.com)  Wouter Devinck (Universiteit Gent)  Damiaan Peeters (Comm-IT)  Anthony Dang (Mid-code Crisis)  Lennart Stoop (These Days)  Anthony Candaele (webmove.be) 7

8. 22 February, 2012 Azure + Umbraco 5 workshop Umbraco Training and Exams http://umbraco.com/products/training http://umbraco.com/products/training  Here in Ghent at OneOffice  Upgrade from Umbraco 4 to 5:  When: 17th April 2012  Target audience: Level 2 certified developers  Level 1:  When: 8 – 9th April 2012  Target audience: Designers/Web developers  Level 2:  When: 10 – 11th May 2012  Target audience:.NET Developers 8

9. 22 February, 2012 Azure + Umbraco 5 workshop Is your laptop prepped?  This afternoon, you need:  Visual Studio 2010 Visual Studio 2010  Windows Azure SDK + Tools for Visual Studio (November 2011) version 1.6  SQL Server 2008 Express R2 SQL Server 2008 Express R2  Registered Azure Account Registered Azure Account  Links on http://www.buug.be/en/eventshttp://www.buug.be/en/events 9

10. Technical dive into Azure Bart Vande Ghinste Azure + Umbraco 5 workshop 22 February, 2012 10

11. Short break Azure + Umbraco 5 workshop 22 February, 2012  Feel at home – help yourself! Coffee, tea, Coca-Cola, Fanta, Juice, Ice tea,...  Session continues at 11:30 11

12. Umbraco in Azure Azure + Umbraco 5 workshop 22 February, 2012 12

13. CMS in Azure, why?  Paul Sterling paul@umbraco.com (Technical Lead)paul@umbraco.com  Azure solving the future issues of highly-scaled widely distributed very dynamic WCMS solutions  NOT a replacement for traditional hosting, but a new option 22 February, 2012 Azure + Umbraco 5 workshop 13

14. How much does it cost?  Simulation (approximate cost)  Small Instance  1GB Azure SQL  25GB Blob storage (1.000.000 read/write transactions/day)  50GB download traffic  One webinstance: €78,36/month  Two instances: €142,19/month  Two instances + one staging: €206,02/month  Conclusion  Hosting Umbraco websites on Azure = starting at €940/year  Use Azure Pricing calculator!  https://www.windowsazure.com/nl-nl/pricing/calculator/advanced/ https://www.windowsazure.com/nl-nl/pricing/calculator/advanced/  Differences between instances http://www.microsoft.com/windowsazure/compute 22 February, 2012 Azure + Umbraco 5 workshop 14

15. Website CMS in Azure  Azure is great for  High traffic websites  Sites where you need to quickly scale-up/down  Global sites (visits many geo locations)  Load balancing, stronger SLA’s  Azure is not ideal for  Very low cost hosting projects  Projects with lots of legacy code/dependencies 22 February, 2012 Azure + Umbraco 5 workshop 15

16. Umbraco CMS in Azure: Challenges  What did we learn this morning?  What are the challenges to host a CMS in Azure?  Group talk 22 February, 2012 Azure + Umbraco 5 workshop 16

17. Collaboration with Umbraco  Thanks to Morten Christensen!  Works for Umbraco  Function = Azure Hero  Wim worked with him to  Debug and finalize the “hive provider” allowing Umbraco to store files natively in Azure Blobs  Make this session possible 22 February, 2012 Azure + Umbraco 5 workshop 17

18. Concept: Network load balancing (NLB)  Load balancer (NLB)  Round robin  Sticky sessions 22 February, 2012 Azure + Umbraco 5 workshop 18

19. Where does Umbraco store info?  SQL database:  Page templates (no binaries, only references in DB)  Page content (meta-data, texts, navigation nodes)  Users & members, permissions  Logs (errors, actions in admin)  File storage:  Page templates: Razor Templates  Scripts/styles: CSS, JS,... + design elements used in templates  User controls: DLLs + Umbraco binaries  Media: GIF, JPG, PDF, Videos,...  Config: web.config + /App_Data/config xml files 22 February, 2012 Azure + Umbraco 5 workshop 19

20. Caching in Umbraco 4.x  XML file (/app_data/umbraco.config)  Stored on local file system  Contains all published nodes  Purpose  Fast app warm-up time (<1 sec)  Less SQL queries – SQL is not used public site  Automatically updated  Every time you publish using Umbraco backend  XML dump of in-memory cache  http://forum.umbraco.org/yaf_postst4161_Umbraco-caching- explained.aspx http://forum.umbraco.org/yaf_postst4161_Umbraco-caching- explained.aspx 22 February, 2012 Azure + Umbraco 5 workshop 20

21. Caching in Umbraco 5  Caching not yet fully implemented  In memory  Micro caching: small parts of pages and templates  Query caching: with Nhibernate  Future: AppFabric Caching?  If anyone in the community feels like giving a stab at the AppFabric Caching, feel free. The guys at Umbraco will be more then happy to help get it out with code reviews and such. 22 February, 2012 Azure + Umbraco 5 workshop 21

22. Challenges  Multiple instances of the web-role  Round-robin load-balancing  Storage  No local storage (unsafe)  No “shared drive” over multiple machines  CDN – Content Delivery Network  Only possible when files are stored on Azure Blobs  Custom code  Needs to work within the boundries of Azure 22 February, 2012 Azure + Umbraco 5 workshop 22

23. 22 February, 2012 Azure + Umbraco 5 workshop Umbraco v4.x in Azure, compare solutions Simple webrole CodePlex Accelerator By Slalom consulting Sync ScriptsCodePlex Accelerator By Microsoft Data persistence your data is safe × no backups! √ √√ Storage usedLocal on webrole Azure Blob NTFS Mounted Local synced with Azure Blob (One-way sync) Local synced with Azure Blob (Bi-directional) Multiple instances you get Azure SLA ×× challenging √ Initial setupEasyComplex Old Azure APIs Easy Updates20 min (downtime) New VS deploy 10 min (downtime) Upload VHD <1 min FTP type access < 1 min FTP type access Multi-tenant Host multiple websites / webrole √ Using Visual Studio ×√ Using config scripts √ Using windows application CDN Media files direct from blog ×××× (custom solution) 23

24. 22 February, 2012 Azure + Umbraco 5 workshop Umbraco 4.x vs 5 in Azure Umbraco 4.5+ CodePlex Accelerator Umbraco 5 Data persistence your data is safe √√ Storage usedLocal synced with Azure Blob (Bi-directional) Azure Blob Multiple instances, you get Azure SLA √√ Initial setupEasy Updates< 1 min FTP type access Content > fast Templates > redeploy Multi-tenant Host multiple websites / webrole √ Using windows application √ Using Visual Studio 2010 CDN Media files direct from blog × (custom solutions) √ 24

25. 22 February, 2012 Azure + Umbraco 5 workshop CodePlex Accelerator by Slalom Consulting 25

26. 22 February, 2012 Azure + Umbraco 5 workshop CodePlex Accelerator by Slalom Consulting  CodePlex project http://azureaccelerators.codeplex.comhttp://azureaccelerators.codeplex.com  By Slalom Consulting (Seattle)  Uses old Azure API implementation  Only 1 webrole is supported  Less control storage transactions (mounted drive) 26

27. 22 February, 2012 Azure + Umbraco 5 workshop Synchronization scripts 27

28. Synchronisation scripts  Current implementation (free Download)  One-way sync, copies from Azure Blob to local storage (full sync)  IIS configuration, app Pool, Website, binding of hostheaders  Triggered at VM boot (startup.exe)  Thanks to Kurt Claeys! 22 February, 2012 Azure + Umbraco 5 workshop 28

29. Umbraco 4: CodePlex Accelerator http://waacceleratorumbraco.codeplex.com http://waacceleratorumbraco.codeplex.com 22 February, 2012 Azure + Umbraco 5 workshop 29

30. Umbraco 4: CodePlex Accelerator by Microsoft http://waacceleratorumbraco.codeplex.com http://waacceleratorumbraco.codeplex.com  How does the Accelerator work?  Creates 1 or more web-role instances (VMs) deploys a sync IIS process on these machines  Deploy tool uploads complete Umbraco installation to Blob Storage Includes all the files: images, css, aspx, web.config, …  Created SQL Azure database for session stage Auto configuration of web.config  Scripts keeps local file system in sync with the blob storage Every second Bi-directional  Uuser adds file trough Umbraco cms, is stored on local filesystem of the current web-role  One second later, file is pushed to Azure Blob Storage  One second later, file is pulled to the other web-roles 22 February, 2012 Azure + Umbraco 5 workshop 30

31. How to update files of your site?  CloudBerry Explorer for Azure Blob Storage (Free!)  FTP like access to Azure Blob  http://cloudberrylab.com http://cloudberrylab.com  Alternative free tool:  ClumsyLeaf CloudXplorer  http://clumsyleaf.com/products/cloudxplorer http://clumsyleaf.com/products/cloudxplorer  Warning: Does not create empty folders 22 February, 2012 Azure + Umbraco 5 workshop 31

32. CloudBerry Explorer 22 February, 2012 Azure + Umbraco 5 workshop 32

33. Where in Azure should Umbraco store info? 22 February, 2012 Azure + Umbraco 5 workshop 33 TypeTargetLocation ContentContent Manager / CustomerBlob / Database StylesheetsContent Manager / CustomerBlob ScriptsContent Manager / CustomerBlob MediaContent Manager / CustomerBlob / Database TemplatesDeveloperHosted Service MarcosDeveloperHosted Service

34. Where in Azure should Umbraco store info?  Con:  Content managers cannot change the templates or macros  Pro:  Developers can ensure that everything needed to recreate the file locally is in source control  By putting the media, css and scripts in the blob, less processing power is needed and the costs are reduced TIP: Only give access to content and media sections to the customer on the Azure hosted web application 22 February, 2012 Azure + Umbraco 5 workshop 34

35. Lunch Azure + Umbraco 5 workshop 22 February, 2012  There are sandwiches  Workshop starts at 13:30 35

36. Some offers a personal coach and the circle experts

37. Some offers

38. Minimum commitment for value

39. Personal Coach

40. -Support by phone and mail -Pro-active info -Trainings & workshops -NDA sessions -RFP Help -Getting ready for Circle -Love & affection

41. To check Azure lunches Azure learning paths Top content by Scott Guthrie

42. Hands-on Azure + Umbraco 5 workshop 22 February, 2012 42

43. 22 February, 2012 Azure + Umbraco 5 workshop Now it’s your turn!  Umbraco 5 – installation  Setup IIS  Migrate to Azure  Database  Files  Application  Follow the step-by-step guide  We are here to help! 43