Presentasjon lastes. Vennligst vent

Presentasjon lastes. Vennligst vent

EPiServer MeetUp #10. O M E PINOVA Startet i 2007 30 ansatte Eneste selskapet i Norge som utelukkende kun jobber med EPiServer produktene Spesielt fokus.

Liknende presentasjoner


Presentasjon om: "EPiServer MeetUp #10. O M E PINOVA Startet i 2007 30 ansatte Eneste selskapet i Norge som utelukkende kun jobber med EPiServer produktene Spesielt fokus."— Utskrift av presentasjonen:

1 EPiServer MeetUp #10

2 O M E PINOVA Startet i ansatte Eneste selskapet i Norge som utelukkende kun jobber med EPiServer produktene Spesielt fokus på fagfeltene CMS og Universell Utforming Eksperter innen teknisk implementering Datterselskap at Nova Consulting Group som også består av selskapene Novanet og Northern Beat

3 A GENDA Kodekvalitet Mobil

4 EPiServer MeetUp #10 – Frontend i Epinova

5 F RONTEND I E PINOVA Miljø og kode Tett samarbeid mellom frontend og backend Frontend er med i hele leveransen (fossefall) Effektiv kode CMS-tankegangen Utfordringer ved ekstern leveranse av Javascript, xHTML og CSS

6 K VALITET OG FRONTEND Behov Sikre kvalitet i alle ledd Levere kode som lett kan videreutvikles Prosjekter kan lett tas over av andre kodere internt og eksternt Ikke mål å finne vinnere og tapere, men motivere til konstant å heve kvalitet Oppdage evt mangler på kode levert av eksterne frontendere før implementering i EPiServer Unngå offentleg “lynsjing” for åpenbare tabber

7 K VALITET OG FRONTEND Hvordan? Verktøy underveis, ikke noe som skal bli introdusert til slutt i et prosjekt Prosjektet skal kvalitetssikre seg selv Alltid under oppdatering, lager QA sammen Alle kan utføre QA på et prosjekt, men ikke på eget arbeid Læring

8 K VALITET OG FRONTEND, SJEKKLISTE Sjekkliste på 32 punkt 1. Prosjekt 2. Kodekvalitet 3. Universell utforming 4. Semantikk 5. Redaktørvennlighet 6. Andre funn og sammendrag Rett, feil eller ikke aktuelt

9 K VALITET OG FRONTEND, SJEKKLISTE

10 Ikke alt kan lett påvirkes av frontender:

11 K VALITET OG FRONTEND, SJEKKLISTE

12

13

14

15 EPiServer MeetUp #10 - Mobil

16 A GENDA Våre behov Ulike tilnærminger Implementering/ teknisk EPiServer 7 (kort) Hvorfor ikke MobilePack SEO Skalering av bilder Spørsmål/ diskusjon

17 A GENDA Kom gjerne med spørsmål underveis.

18 V ÅRE BEHOV Enkelt å bruke For redaktører og utviklere Pålitelig device detection Begrense dobbeltpublisering Kan være ønskelig i enkelte scenarier Ikke m.site.no / annen url-struktur Deling av url’er til andre devicer Fallback til desktop om det ikke finnes mobile maler Desktop malen kan da evt være «responsiv» slik at det ikke ser helt merkelig ut MobilePack er ikke alltid løsningen

19 I MPLEMENTERING / T EKNISK Epinova.Mobile.Core Core funksjonalitet brukt av flere andre moduler Benytter WURFL for device detectinon context.Request.Browser.IsMobileDevice benytter browserfiler i.net rammeverket som fort blir utdatert Caches i første request Epinova.Mobile.TemplateProvider Bytter ut maler basert på info fra Core Epinova.Mobile.Core.EPi7 Epinova.Mobile.MobileDisplayChannel

20 U LIKE TILNÆRMINGER Responsivt design/ egne mobile maler Ingen fasit, må vurdere behovet Uproblematisk med en kombinasjon (Alt responsivt, men med x antall mobile maler) Responsivt design (RWD) Viktig å sørge for at bilder blir skalert og at det ikke leveres unødvendig data til klient (Skjule kode serveside med Mobile.Core) Med egne maler kan man styre dette helt selv (egne MasterPage/ JS/ CSS osv)

21 I MPLEMENTERING / T EKNISK Gradvis innføring av mobile maler Kombinasjon av responsivt design og egne maler Mulighet for at mobile maler kan legges ut uten at de tas i bruk

22 I MPLEMENTERING / T EKNISK Initializable module som hooker seg på UrlRewriteProvider.ConvertedToInternal Sjekker om det finnes en mobil template for denne malen og bytter ut template pathen

23 I MPLEMENTERING / T EKNISK

24 Detektering av devices Default verdi er IsWirelessDevice && !IsTablet Kan overstyres med:

25 I MPLEMENTERING / T EKNISK Settings for plassering av templates Default verdier Setting for aktivering av mobil funksjonalitet

26 I MPLEMENTERING / T EKNISK Detektering av mobile request Uthenting av verdier fra WURFL

27 I MPLEMENTERING / T EKNISK – M OBILE PREVIEW

28 I MPLEMENTERING / T EKNISK Tempalte switcher Eks: Cookie som husker valget Settings for varighet

29 I MPLEMENTERING / T EKNISK Redirect til ekstern mobilløsning Sender bruker til ekstern mobil løsning Håndterer cookie for å gi riktig versjon neste gang Ingen endringer behøves på ekstern løsning

30 I MPLEMENTERING / T EKNISK EPiServer 7 Display Channels – forskjellige visninger for forskjellige kanaler

31 I MPLEMENTERING / T EKNISK display-channel-detection-in-episerver-7/

32 I MPLEMENTERING / TEKNISK - C ACHING application IMPORTANT NOTE ABOUT OUTPUT CACHING! If you are using output caching please do the following. 1. Add "isMobileDevice" EPiServer.config sitesetting httpCacheVaryByCustom. 2. Add this to your Global.asax.cs file: public override string GetVaryByCustomString(HttpContext context, string custom) { if (Regex.IsMatch(custom, "isMobileDevice", RegexOptions.IgnoreCase)) return context.Request.IsMobileDevice().ToString(); return base.GetVaryByCustomString(context, custom); }

33 H VORFOR IKKE M OBILE.P ACK Upålitelig device detection User agents i Web.config Ingen mulighet for å hente ut mer info om enheten Egen innholdsstruktur/ url’er Etterligner en iPhone app Benytter visitor groups Dersom du kommer inn på en underside vil den ikke detektere

34 SEO Alt skjer på samme URL

35 T RIKS Legg på ?ismobiledevice=true for å teste mobil i vanlig nettleser

36 E KSEMPLER https://www.rica.nohttps://www.rica.no – mobile maler https://www.rikstv.no/https://www.rikstv.no/ - blanding – ekstern mobilløsning – ekstern løsning - kun redirect på enkelte maler Snart: – mobile maler

37 EPiServer MeetUp #10 – Skalering av bilder

38 S KALEING AV BILDER – A DAPTIVE I MAGES Thomas

39 R ESSURSSER Murel/dates/2012/10/using-wurfl-as-display-channel- detection-in-episerver-7/ Murel/dates/2012/5/introducing-the- epinovamobilecore-framework-for-mobile-episerver- solutions/ Murel/dates/2012/5/flexible-episerver-mobile-content- strategy-with-epinovamobiletemplateprovider/

40 S PØRSMÅL Spørsmål?

41 E PINOVAS STRATEGI kundefokusertesamarbeidsvilligekunnskapsrike Norges markedsledende og mest komplette EPiServer CMS leverandør

42 H VA GJØR VI ? Siden starten har målet med Epinova vært å utvikle de mest spennende nettløsningene for de mest ambisiøse kundene. Alt vi driver med er fundamentert på lang erfaring og dyp kompetanse i produktet EPiServer CMS.

43 T AKK FOR OSS ! Se flere av våre suksesshistorier på epinova.no Anders Murel EPiServer-ekspert twitter.com/murela


Laste ned ppt "EPiServer MeetUp #10. O M E PINOVA Startet i 2007 30 ansatte Eneste selskapet i Norge som utelukkende kun jobber med EPiServer produktene Spesielt fokus."

Liknende presentasjoner


Annonser fra Google