MVV Sharepoint responsiiviseksi

1. SHAREPOINT
RESPONSIIVISEKSI
Tommi Pelkonen / Frantic
Perttu Monthan / atBusiness
26. syyskuuta, 2012

2. FRANTIC = 15 VUOTTA
DIGITAALISTA
PALVELUSUUNNITTELUA JA
-TUOTANTOA
Olemme verkkomaailman luovia ammattilaisia. 35-henkiseen joukkoomme
kuuluu mm. suunnittelijoita, graafikoita, kehittäjiä ja tuottajia.
Asiakkaitamme ovat mm. Finnair, WWF, Viking Line, Nokia, Talentum,
Terveystalo, MTV3, Kauppakamari, F-Secure, Sanoma, Pfizer ja Valtra.
Vuosien varrella olemme suunnitelleet ja tuottaneet satoja projekteja.

3. ATBUSINESS = YLI 20 VUOTTA
RATKAISUJA MM. MYYNTIIN,
MARKKINOINTIIN JA VIESTINTÄÄN
atBusiness on tietotekniikan palveluyritys,
joka tuottaa yli 200 ammattilaisen voimin
asiakkaidensa menestykselle
välttämättömiä ratkaisuja.
Palvelemme mm. seuraavia organisaatioita:
BSAG, Eläke-Fennia, Etera, Fenestra, FIM,
Fortum, LähiTapiola, Metsähallitus, Napa
Group, LähiTapiola, Puustelli ja Yliopiston
Apteekki.

4. TOMMI PELKONEN, STRATEGI
Erityisosaaminen: projektijohtaminen,
strategia, liiketoimintalaskenta,
bisnesprosessit, organisaation
suunnittelu, asiakassuhteiden
kehittäminen, CRM, kansainvälistyminen
Tärkeimpiä projekteja vuosien varrelta:
LUT, Vaisala, Kauppakamari,
Lemminkäinen, Nokia Consumer
Marketing, Radio Nova, Talentum,
Forum Nokia, PrintEurope, Vodafone
Netherlands, UPC Europe, ALD
Automotive, Postcodelotterij, Itella
Information, Veikon Kone, ABN Amro
Private Bank, ING Real Estate

5. PERTTU MONTHAN, JOHTAJA,
MARKKINOINTI JA STRATEGISET
KUMPPANUUDET Erityisosaaminen: projekti- ja
hankejohtaminen, digitaalinen viestintä
ja markkinointi, bisnesprosessit,
digitaalinen palvelusuunnittelu ja
-tuotanto, asiakkuudenhallinta &
markkinoinnin automaatio.
Laaja kokemus verkkopalveluiden
kehittämisestä, mm Rautaruukki,
Yliopiston Apteekki, Etera, Eläke-Fennia,
eQ, InHolland, ALD Automotive, Pentik,
Uponor, Metsähallitus, FIM, VV-Auto,
Kemira, Finpro, Vaisala.

6. SHAREPOINT RESPONSIIVISEKSI
Responsiivisuus – WT*? Siis mitä?
Sharepoint – lyhyt katsaus historiaan ja tulevaan
Miten nämä voi yhdistää?
Suosituksia ja hyviä käytäntöjä

7. TRENDI: PIRSTALEINEN VERKKO ON TÄÄLLÄ
Image courtesy of Brad Frost - http://bradfrostweb.com/

8. TRENDI: MOBIILINETTI ON TÄÄLLÄ JA
KASVAA LUJAA

9. CASE: WIKIPEDIAA KÄYTTÄÄ JO 20%
MOBIILISTI

10. TRENDI: EKOSYSTEEMISOTA ON ALKANUT
PC smartphone tablet smart TV
Mac computers iPhone iPad Apple TV
Chrome browser Android Android tablets Google TV
Windows, Office Windows Phone Windows 8 Xbox

11. TRENDI: ERI PÄÄTELAITTEILLE
MUKAUTUVA DESIGN = RESPONSIIVINEN!
• Verkkopalvelut hyötyvät nykyisin ns. responsiivisuudesta, eli sivusto
muokkautuu elementtitasolla pienempiin resoluutioihin sovituilla säännöillä
• Paikallisen aktiivisuuden luominen on myös erittäin houkutteleva
mahdollisuus
– Laite – Selain – Aika – Paikka – kaikki nämä voidaan huomioida
suunnittelutyössä
• Tämä (saattaa) poistaa tarpeen erilliseltä mobiiliversioilta ja
perustoimintoihin keskittyviltä applikaatioilta

12. SIIS - MITÄ TÄMÄ ON KÄYTÄNNÖSSÄ?
Luodaan samaan sivustoon
ja julkaisujärjestelmään Mietitään sisältöstrategioita
mekaniikkoja ja tarkoin kuhunkin
ohjelmakoodia, jolla sivusto kokoluokkaan ja
“taipuu” kuhunkin joustavuusasteeseen
kokoluokkaan
Pohditaan tiiviisti
mobiliteetin uusien
Luodaan sivupohjia, joiden
ulottuvuuksien
avulla tuo ns. temppu
mahdollisuuksia
onnistuu ja toimii
liiketoiminnan
kehittämisessä

13. JA TÄMÄ KOSKEE SIIS KAIKKIA
JULKAISUJÄRJESTELMIÄ!
JA ONHAN
SISÄLTÖ
YHÄ
KUNINGAS?

14. SISÄLLÖNHALLINTA JA PERUSTARPEET
YMMÄRRYS
BISNEKSEN
MAHDOLLISTAMINEN
PERUSTA – VERKON HALLINNAN
MAHDOLLISTAMINEN
Järjestelmän ominaisuudet ovat kiinnostavia – MUTTA – bisneshyödyt saadaan ylemmillä tasoilla
h"p://m.newfangled.com/contentmgr/showdetails.php/id/24381

15. “Sisällönhallintaviidakossa” on todella tärkeä pitää pää kylmänä
ja keskittyä bisneshyötyihin!
h"p://www.realstorygroup.com/images/subway_Graphic_5.23.jpg

16. SUOSITTELEMME TARKEMPAA
TUTUSTUMISTA MM. SEURAAVIIN
h"p://www.slideshare.net/per"utolvanen/julkaisujrjestelmt-­‐murroksessa-­‐
sharepoint-­‐vs-­‐drupal-­‐vs-­‐episerver-­‐20110922,
h"p://www.slideshare.net/per"utolvanen/presentaIons
sekä
h"p://www.atbusiness.com/Blogi/Responsiivinen-­‐web-­‐suunni"elu-­‐ja-­‐
kay"okokemus-­‐osa-­‐1

17. MOBIILI-
STRATEGIA
MUKAUTUVA MOBIILISIVUSTO
PÄÄTELAITE-
(RESPONSIIVINEN) <
SOVELLUKSET
VERKKOSIVUSTO
ERI ALUSTOILLE

18. CASE: yle.fi/uutiset
<

19. CASE: kokoomus.fi
<

20. SHAREPOINT RESPONSIIVISEKSI
Responsiivisuus – siis mitä?
Sharepoint – lyhyt katsaus historiaan ja tulevaan
Miten nämä voi yhdistää?
Suosituksia ja hyviä käytäntöjä

21. MICROSOFT SHAREPOINT –
HISTORIAA JA TULEVAA
2001 2003 2007 2010 2013
Microsoft Microsoft Microsoft Microsoft Microsoft
SharePoint SharePoint Office SharePoint SharePoint
Portal Server Portal Server SharePoint Server 2010 2013
2001 2003 Server 2007
32% yrityksistä käyttää
Intranet Content & Document Management SharePointia Gartner: ”SharePoint is a
verkkopalveluden leader in search, portals and
sisällönhallintaan* ECM...”
SharePoint 2010:n
käyttöönottoasteOver 80% of Fortune 500
Web Content Management Companies Use SharePoint
globaalisti 50%, eli
Ncompass puolet edelleen
Resolution aiemmissa versioissa*
=
Microsoft
Content
Management
* Viitteet:
Server 2001 http://en.wikipedia.org/wiki/Microsoft_Office_SharePoint_Server
http://www.collaboris.com/sharepoint-newsletters/great-sharepoint-survey-results
Jared Spataro, Microsoft SharePoint –liiketoimintajohtaja, WPC 2012 Toronto

22. TOPSHAREPOINT.COM LISTAA JO 2115
SHAREPOINTILLA TEHTYÄ SIVUSTOA

23. SHAREPOINT 2013 TULEE
MARKKINOILLE TÄNÄ SYKSYNÄ…
Käyttö eri
päätelaitteilla ml. Yhteisöllisyys
tabletit
Verkkosisällön
Haku
hallinta

24. Jaa ideasi ja saa Seuraa henkilöitä,
vastauksia dokumentteja ja
sivustoja
#hashtagit
Läsnäolotiedot
integroituna
Mainitse
henkilöitä
(@nimi)

25. MICROSOFT SHAREPOINT 2013
EDUSTAA UUTTA STARTTIA MYÖS
VERKKOSISÄLLÖN HALLINTAAN
Mahdollisuus
Helpompi
brändäykseen Kuvien käsittely &
muokkaus ja
mm. hallinta
ylläpito
Dreamweaverilla
Videoiden
Monikanavainen Metatietojen
upottaminen &
julkaisu hyödyntäminen
hallinta
Sisäinen Parempi tuki
analytiikka ja Pilvipalvelut responsiivisille
suositukset sivustoille (html5)

27. SHAREPOINT EI KUITENKAAN OLE AINOA
VAIHTOEHTO MICROSOFT-POHJAISEEN
SISÄLLÖNHALLINTAAN

28. KANNATTAA MYÖS KIRKASTAA ITSELLEEN
MITÄ TAVOITELLAAN. CXM = CUSTOMER
EXPERIENCE MANAGEMENT.

29. VAIHTOEHTO: SITECORE
Miksi? Gartner:
• “Sitecore appeals to organizations
seeking fairly modest WCM solutions
and to those currently engaged in
more ambitious online conversion
optimization endeavors, such as
digital marketers.”
• “The company's flagship enhances its
marketing and sales execution
capabilities, while facilities for
engagement analytics give marketers
more autonomy in optimizing
customer engagement across
channels.”
• “Sitecore also provides e-commerce
capabilities, particularly for business-
to-business customers”
Lisätietoja: www.sitecore.net ja
www.atbusiness.com/Ratkaisut/Verkkopalvelut-ja-
sisallonhallinta/Sitecore

30. CASE: STARBUCKS.COM

31. VAIHTOEHTO: SITEFINITY
Microsoftin pitkäaikaisen
kumppanin Telerikin tuote
verkkopalveluiden alustaksi.
Miksi? Helppokäyttöinen,
tukee suoraan responsiivisia
sivustoja, saatavilla palveluna
pilvestä, erittäin edullinen.
Tuotteella toteutettu tuhansia
sivustoja, Suomessa mm. YIT
ja Huom! Kiinteistövälitys.
Lisätietoja:
www.sitefinity.com.

32. SHAREPOINT RESPONSIIVISEKSI
Responsiivisuus – siis mitä?
Sharepoint – lyhyt katsaus historiaan ja tulevaan
Miten nämä voi yhdistää?
Suosituksia ja hyviä käytäntöjä

33. HYVIÄ UUTISIA – SHAREPOINT TUKEE
MYÖS RESPONSIIVISUUTTA

34. HAASTEITA: MITEN SAADAAN JO
KÄYTÖSSÄ JÄRJESTELMÄ TOIMIMAAN
RESPONSIIVISESTI?
• Fakta: responsiivisuutta on hankala tuoda
palveluun jälkikäteen
• Päätös sivuston toteuttamisesta on aina
jonkinasteinen kompromissi asiakkaan
liiketoimintaan liittyvien tarpeiden,
käytettävän teknologian rajoitusten ja
käyttäjän tarpeiden välillä.

35. ENTÄS SITTEN MOBIILITEMPLATET JA
MOBIILISAITTIMME?
• SharePoint 2010 toi
mukanaan
mobiilitemplatet
– Näiden soveltuvuus
parempi out-of-the-box –
käytössä ryhmätyössä
intrassa tai extrassa kuin
verkkopalvelussa.
• Paras tapa ollut toteuttaa
sivusto suoraan
responsiiviseksi (2010) tai
tuottaa erillinen,
mobiilikäyttöön tarkoitettu
sivusto

36. SKENAARIOITA: MITKÄ OVAT
VAIHTOEHDOT?
1. Mikäli SharePoint on valittu verkkopalveluiden alustaksi,
kannattaa tutustua tulevaan 2013 –versioon sillä luvassa on
merkittäviä parannuksia
– Aiempi versio (2007) edellyttää päivittämisen 2010 –version
kautta
– Myös SharePoint 2010:lle mahdollista toteuttaa osana
uudistusprojektia. Työmäärän lisäys noin 10-20%.
2. Mikäli käytössä joku muu ratkaisu, on responsiivisuuden ja
eri käyttötapojen huomioiminen syytä ottaa verkkopalvelun
kehittämisen tiekartalle
– Helpompaa yhdistää esim. sivuston ilmeen uudistukseen tai
koko sivuston uudistukseen tai päivitykseen (sivuston elinkaari
keskimäärin kahdesta neljään vuotta)
3. Erillinen mobiilisivusto edelleen hyvä vaihtoehto
– Voidaan hyödyntää kerran tuotettua sisältöä
– Kustannuksiltaan kohtuullinen
4. Päätelaitekohtaiset applikaatiot

37. STRATEGIAT KERRATTUNA
MUKAUTUVA MOBIILISIVUSTO PÄÄTELAITE-
(RESPONSIIVINEN) SOVELLUKSET
VERKKOSIVUSTO Mobiilitemplatet ERI ALUSTOILLE
Erillisenä
SP 2010 + 20%;
<
hankkeena
…
SHAREPOINT 2013; Windows 8
TAI TOISET iOS
JÄRJESTELMÄT
Android
Osana roadmap:ia

38. SHAREPOINT RESPONSIIVISEKSI
Responsiivisuus – siis mitä?
Sharepoint – lyhyt katsaus historiaan ja tulevaan
Miten nämä voi yhdistää?
Suosituksia ja hyviä käytäntöjä

39. IDEOITA TOTEUTETTAVAKSI
Rajattu pilotti ja oppeja Kokonaisjärjestelmän Ammattilaisten kanssa
siitä koko sivuston päivityksessä oleellinen sparraus ja keskustelu
kehittämiseksi vaatimus ja muutos pikimmiten
Hyötykäyttäminen
mobiliteetin Rohkea etukeno – Testailu, kokeilu,
kehittämiseksi maailma muuttuu iteratiivinen
asioinnissa, tietotyössä, jälleen – poteroissa ei kehittäminen;
myynnissä ja ole hyvä olla! mittaus ja reagointi
markkinoinnissa

40. Q&A?
Kiitos!
TOMMI PELKONEN PERTTU MONTHAN
tommi.pelkonen@frantic.com perttu.monthan@atbusiness.com
040-5050821 040 545 3104
Skype: tommipelkonen Skype perttu.monthan
http://www.slideshare.net/tommip twitter.com/monthan
http://fi.linkedin.com/in/tommipelkonen fi.linkedin.com/in/monthan