Next -> Next -> Finish

Transkript

1 Next -> Next -> Finish eller? Vad bör man tänka på i samband med uppgradering till eller nyutveckling i EPiServer CMS 7? Oscar Larsson

2 Oscar Larsson

3 Agenda

4 Det Leverantören här är Sogeti lovar

5 Är det verkligen så? + Stabil produkt + Tekniklyft + Redaktörsvänlighet Jag går aldrig tillbaka till CMS6

6 Nyheter

7 EPiServer CMS 7 Stora förändringar i redaktörsgränssnittet Inga förändringar för administratör

8 EPiServer CMS 7 Stora förändringar i redaktörsgränssnittet Inga förändringar för administratör

9 EPiServer CMS 7 Stora förändringar i redaktörsgränssnittet Inga förändringar för administratör

10 EPiServer CMS 7 Stora förändringar i redaktörsgränssnittet Inga förändringar för administratör

11 Nyheter i EPiServer 7 - Redaktörer Även det gamla redaktörsgränssnittet från EPiServer 6 finns kvar Högerklick är borta, undantaget i filutforskaren Kanaler Inte samma sak som Responsive Web Vi kan använda kanaler för att visa olika responsiva lägen eller koppla en egen uppsättning templates till en specifik enhet eller grupp av enheter Block Nya composer Kan återanvändas på många platser Förändrar det redaktionella flödet Personalization Blocks (CMS 7.1)

12 Nyheter i EPiServer 7 - Redaktörer Även det gamla redaktörsgränssnittet från EPiServer 6 finns kvar Högerklick är borta, undantaget i filutforskaren Kanaler Inte samma sak som Responsive Web Vi kan använda kanaler för att visa olika responsiva lägen eller koppla en egen uppsättning templates till en specifik enhet eller grupp av enheter Block Nya composer Kan återanvändas på många platser Förändrar det redaktionella flödet Personalization Blocks (CMS 7.1)

13 Nyheter i EPiServer 7 - Redaktörer Även det gamla redaktörsgränssnittet från EPiServer 6 finns kvar Högerklick är borta, undantaget i filutforskaren Kanaler Inte samma sak som Responsive Web Vi kan använda kanaler för att visa olika responsiva lägen eller koppla en egen uppsättning templates till en specifik enhet eller grupp av enheter Block Nya composer Kan återanvändas på många platser Förändrar det redaktionella flödet Personalization Blocks (CMS 7.1)

14 Nyheter i EPiServer 7 - Redaktörer Även det gamla redaktörsgränssnittet från EPiServer 6 finns kvar Högerklick är borta, undantaget i filutforskaren Kanaler Inte samma sak som Responsive Web Vi kan använda kanaler för att visa olika responsiva lägen eller koppla en egen uppsättning templates till en specifik enhet eller grupp av enheter Block Nya composer Kan återanvändas på många platser Förändrar det redaktionella flödet Personalization Blocks (CMS 7.1)

15 Nyheter i EPiServer 7 - Redaktörer Även det gamla redaktörsgränssnittet från EPiServer 6 finns kvar Högerklick är borta, undantaget i filutforskaren Kanaler Inte samma sak som Responsive Web Vi kan använda kanaler för att visa olika responsiva lägen eller koppla en egen uppsättning templates till en specifik enhet eller grupp av enheter Block Nya composer Kan återanvändas på många platser Förändrar det redaktionella flödet Personalization Blocks (CMS 7.1)

16 Responsive Web Design Frälsningen Responsivitet är ett normalstadie för webben CSS2 (1998), trycklayout Svårigheter? Design blir oförutsägbar Svårt med bra navigation Dynamiskt anpassade objekt som bilder och andra former Asynkron uppdatering av visst innehåll Prestanda Hjälpmedel Twitter Bootstrap Modernizr Flexbox

17 Nyheter i EPiServer 7 - Utvecklare ASP.NET Model View Controller Separera data (Model) från presentation (View) med hjälp av en mellanliggande komponent (Controller) Med MVC+Razor kan vi påverka utseendet av HTML mer än med Webforms + ASP.NET. Snabbare att koda för HTML5 Underlättar för utvecklare Renare kod Återanvändbarhet Underhållbarhet Testarbete

18 Nya verktyg Nya möjligheter Nya krav Sida 18

19 Krav på en utvecklares kompetens EPiServer 7 med PageTypeBuilder EPiServer 7 med EPiServer PageTypes MVC 4 Razor WebForms Responsiv webb och layout för detta JavaScript inklusive jquery Prototype Objektorientering i JS CSS3 Html5 Webbtjänster

20 Kravspecificering för EPiServer 7 med Blocks och RWD Få upp samtliga behov, önskemål och krav på bordet och avgör internt vad som kan brytas ner till block och inte Specificera varje sidtyp och block mycket noggrant med separata och grupperade egenskaper samt layout i olika former Lägg mindre tid på att ta fram slutliga designer (t.ex. genom att layouta i HTML)

21 Understartsida Sidhuvud Kampanjyta Brödsmula Undermeny (max 5 nivåer) Puffyta Textyta Sidfot Sida 21

22 Förändra med block! Sida 22

23 Kravspecificering för EPiServer 7 med Blocks

24 Kravspecificering för EPiServer 7 med Blocks och RWD

25 Kravspecificering för EPiServer 7 med RWD Hur specificerar vi modulär design? Var noggrann med att se förutsäga alla egenskaper Kräv tydligt underlag från designern, alternativt mer tid för att skapa mockups

26 Kravspecificering för EPiServer 7 med RWD Hur specificerar vi modulär design? Var noggrann med att se förutsäga alla egenskaper Kräv tydligt underlag från designern, alternativt mer tid för att skapa mockups

27 Uppgradera Deployment Center stödjer uppgradering från 6.0 till 7 Inga problem MVH / EPiServer Bra bakåtkompatibilitet i API:er Fungerar med PageTypeBuilder, PTB måste dock anpassas

28 Uppgradera eller inte? Block och RWD Nyinstallationer Lättare att bygga nytt

29 Erfarenheter Responsive Svårt att förutsäga alla scenarios för design Uppskattat av användare Skapa design och innehåll utifrån minsta enheten och arbeta uppåt

30 Erfarenheter

31 Erfarenheter Responsive Svårt att förutsäga alla scenarios för design Uppskattat av användare Skapa design och innehåll utifrån minsta enheten och arbeta uppåt EPiServer 7 Enkelt att skapa stabila webbsiter med MVC Bra testbarhet av kod = pålitliga produkter Bra verktyg för redaktörer med block och on page edit Till vissa del nya utmaningar för Tillgänglighetskrav EPiServer 7 + responsive Svårt att förutsäga redaktionellt flöde, bygga jobba modulärt Bra testbarhet av vyer genom kanaler MVC Utvecklarvänligt Vill aldrig gå tillbaka

32 Oscar Larsson