![Page 1: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/1.jpg)
Inova ie în PublishingțHTML5 i Cloud Computingș
Petru Jucovshi Developer Evangelist, MicrosoftMihai Nadăș CTO, Yonder
![Page 2: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/2.jpg)
Agendă
• Provocări de UI și UX în publishing• Cloud Computing în publishing
• Concluzii
![Page 3: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/3.jpg)
Doar ”câteva” provocări
• Mult conținut• Aproape un nou UI și UX pentru browser, mobile,
tablete, ...• Ads• $, $ & $
![Page 4: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/4.jpg)
Ce facem?
![Page 5: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/5.jpg)
1
![Page 6: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/6.jpg)
![Page 7: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/7.jpg)
DEMO
![Page 8: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/8.jpg)
![Page 9: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/9.jpg)
Top 20 Class Names (http://code.google.com/webstats/)
![Page 10: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/10.jpg)
![Page 11: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/11.jpg)
2
![Page 12: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/12.jpg)
“Omorâm” browserele non-standard
![Page 13: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/13.jpg)
Am început cu IE6 ...http://www.ie6countdown.com/
![Page 14: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/14.jpg)
3
![Page 15: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/15.jpg)
http://msdn.microsoft.com/windows
![Page 16: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/16.jpg)
Hello, Publishers!
• Pasiune pentru inovație și tehnologie
• În special de „Cloud / Mobile Computing”
• Vom discuta despre probleme / soluții în cloud
![Page 17: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/17.jpg)
Evolu ia tehnologiei generează serviciiț
• Primele ziare au fost create folosind mașini de tipărit proprii, acum avem tipografii
• Primele întreprinderi industriale își generau propriul curent, acum avem companii de electricitate
• Primele publicații online își gestionau propria infrastructură
![Page 18: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/18.jpg)
Hello, Cloud Computing!
• Acces facil la resurse precum:1. Componente de infrastructură (stocare,putere de calcul)2. Platformă de Dezvoltare
(model arhitectural, de instalare)3. Aplicații (software)
• Pay-as-you-go (think electricity)• Costuri mici de intrare și mentenanță pe termen lung
(în comparație cu găzduirea în regim propriu)
![Page 19: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/19.jpg)
De ce are sens Cloud Computing pentru publisheri?
• Când mă gândesc la publisheri, mă gândesc la:• Conținut (mult, vast)• Cititori / vizitatori (cât mai mulți)• Imagine (cititori mulțumiți, servicii de încredere)
• Tradus în limbaj tehnic, asta înseamnă:• Spațiu de stocare generos / de încredere• Infrastructură scalabilă („duce” oricât)• Disponibilitate ridicată (nu „pică”)
![Page 20: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/20.jpg)
Câteva dintre provocările pe care le au publisherii de succes
1. Trafic în creștere / imprevizibil
2. Mijloace de stocare / arhivare sigure
3. Reducerea costurilor operaționale
![Page 21: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/21.jpg)
Două scenarii uzuale
• User generated video sharing • Streaming scalabil și de calitate• Capacitate de arhivare sigură
• Newsletter publishing• Scalabilitate / elasticitate• Livrare garantată on-time• Costuri direct proporționale cu veniturile
![Page 22: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/22.jpg)
Studiu de Caz #1Newsletter Publishing cu Windows Azure
![Page 23: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/23.jpg)
Problema
• Problemă în adresarea clienților mari• Bazată pe .NET – ASP.NET• Infrastructură proprie
• Momentan poate adresa 15.000 mesaje / zi
![Page 24: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/24.jpg)
Obiectivul
1. Posibilitatea de a aborda clienți mari (e.g. 100.000 mesaje / lună);
2. Capacitatea de a expedia 250.000 de mesaje / zi;
3. Rentabilitate;
4. Calitate• Disponibilitate ridicată• Elasticitate / scalabilitate
![Page 25: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/25.jpg)
În CifreVolum de mesaje / 24h 250.000Volum de mesaje / secundă 2,89Transfer estimat la expediere / 24h 14,31 GBTransfer mediu la expediere / secundă 0,17 MBTransfer estimat la citire / 24h 166,89 GBTransfer mediu la citire / secundă 1,98 MBTransfer „de vârf” la citire / secundă 2,97 MB
![Page 26: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/26.jpg)
Arhitectura propusă
Amazon Web ServicesWindows Azure
dotdesign Premises
AdministratorClient
Baza de Date a Clientului
Windows AzureConnect / ServiceBus
Utilizator Final
WWW
HTTP
Amazon SES
Windows AzureConnect / ServiceBus
Server SMTP „On-Premises”
WWW
Worker Role(Generator)
SQL AzureWeb Role(Aplicația Web)
BLOB Storage / CDN(Conținut / Imagini)
Windows Azure Queue
Worker Role(„Relay”)
![Page 27: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/27.jpg)
Rezultatul
• Mai rentabil decât MailChimp.com• Marjă de profit semnificativă (10-15€/1.000 mesaje)
Cost S-A / 24h (Componentele Computaționale) $9,48Cost S-A / lună (31 zile / lună) $293,88Cost Trafic + Amazon SES / 250.000 mesaje $53,6
Total $356,96
Cost total / 1.000 mesaje $1,42
![Page 28: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/28.jpg)
Studiu de Caz #2Video Transcoding cu Windows Azure
![Page 29: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/29.jpg)
Problema
• Trecerea de la FLV la MP4• Bibliotecă de peste 200.000 de clipuri• Peste 10 TB de date
• Timp necesar pentru conversia completă folosind infrastructura proprie > 8 luni
![Page 30: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/30.jpg)
Obiectivul
1. Trecerea la MP4 în cel mai scurt timp
2. Păstrarea resurselor proprii pentru susținerea activității operaționale
3. Cost redus• Exclusă achiziționarea de hardware adițional
![Page 31: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/31.jpg)
Solu ia propusăț
• Soluție de transcoding folosind Windows Azure• Instanțe Medium Compute Instance
• 4 x 1,6 GHz• 7GB RAM• 1.000 GB Local Storage• $0,48 / h
• Blob Storage• $0,15 / GB / lună• $0,15 / GB la download (upload gratuit)
![Page 32: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/32.jpg)
Rezultatul
• În niciun caz asta nu înseamnă gratuit• Avantajul e reprezentat de proporționalitatea
directă între costuri și venituri
Timp de Transcodare 7 zileNumăr de instanțe MCI 160Cost de transcodare / clip (compute) $0,025Cost de transcodare / clip (data transfer) $0,006
Cost total transcodare / clip $0,031
![Page 33: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/33.jpg)
Alte scenarii de utilizare
1. Stocare / arhivare conținut2. Livrare conținut (content delivery)3. Digital publishing4. BI & Analytics
![Page 34: Inovație în Publishing HTML5 și Cloud Computing](https://reader033.vdocument.in/reader033/viewer/2022051517/56814e7e550346895dbc1b57/html5/thumbnails/34.jpg)
Concluzii• HTML5, CSS3 și JavaScript în noul Windows ”8” http://
msdn.microsoft.com/windows
• Cloud computing aduce o inovație în publishing• Costuri ușor de controlat / planificat (CapEx vs. OpEx)• Calitatea serviciilor (disponibilitate ridicată, elasticitate)• Infrastructură proprie vs. Servicii
• www.microsoft.com/windowsazure
• Ne puteți contacta la• [email protected]• [email protected]