• Save
DIWUG.nl: How We Did It
Upcoming SlideShare
Loading in...5
×
 

DIWUG.nl: How We Did It

on

  • 1,586 views

Recently Mavention built a new website for DIWUG. Find out how they did it, what challenges they stumbled upon and how they solved them.

Recently Mavention built a new website for DIWUG. Find out how they did it, what challenges they stumbled upon and how they solved them.

Statistics

Views

Total Views
1,586
Slideshare-icon Views on SlideShare
1,204
Embed Views
382

Actions

Likes
0
Downloads
0
Comments
0

4 Embeds 382

http://blog.mastykarz.nl 364
http://www-ig-opensocial.googleusercontent.com 13
http://feeds2.feedburner.com 3
http://www.docshut.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Showcase of leveraging SharePoint 2010 for small internet sites
  • Agenda:- Waldek: kick-off, the basics- Octavie: zoom in functionality
  • Flexible: allow DIWUG to change things without changing the codeDynamic: content aggregation. Managing content in one place. Save time!
  • Discuss the process: requirements > wireframes > psds > html > sitesDifferent than in portals
  • No = No postbackDIWUG has forms
  • RegistrationFormWebPart => Form Action=Register.ashxRegister.ashx => New Member() => Lists/Members
  • SubscribeBar.ascx => PageLoad : is er een UpcomingEvent? => Ja, is er nog plaats? => Ja, dan form (action = subscribe.ashx) tonen met EventInfo en email input andsubscribe button => Nee, EventText tonen (event full) => Nee, EventText tonen (new event comingsoon)EventText = ReusableHTMLSubscribe.ashx - Haalt UpcomingEventInfo op - Controleert of email al een Member is - Controleert of er nog plaatsen zijn - Controleert of email al is ingeschreven voor dit event - Schrijft email in voor Event
  • Lists:DIWUG Events => Content Type DIWUG EventDIWUG EventsAgendas => Content Type DIWUG Agenda Item3 webparts:UpcomingEventInfoWebPartUpcomingEventAgendaWebPartUpcomingEventLocationInfoWebPartUpcomingEventInfoWebPart => Utils.GetUpcomingEventInfo()Toont Description en meta dataUpcomingEventAgendaWebPart => MaventionContentQueryWebPart ( wordt via provisioning uitgerold )CreateChildControls() :=> upcomingEventInfo = Utils.GetUpcomingEventInfo(SPContext.Current.Site);QueryOverride = Utils.GetEventAgendaQuery(upcomingEventInfo != null ? upcomingEventInfo.EventId : -1);UpcomingEventLocationInfoWebPartGetUpcomingEventInfo()Toontproperties van UpcomingEventInfoDiv Map => door MapInitialization.ascx gevuld.
  • Event History:PreviousEventsOverviewWebPartACSX code:ForEachpreviousEvent Time & LocationForEach Presentation previousEvent.Presentations Code Behind:Load:GetPreviousEventInfo()Event Assets:EventAssetsWebPart (Mavention CQWP)OverrideCreateChildControls -querystring Event - QueryOverride : CAML GetEventAssetsQuery
  • CurrentMagazineInformationWebPart (Mavention CQWP) => Haalt de meest recente DIWUG Magazine item op (ItemLimit = 1, SortDirection = DESC) uit de Pages libraryPreviousMagazinesInformationWebPart (Mavention CQWP) => a la CurrentMagazineWebpart, maar nu geen itemlimit. => ItemStyle templatediwug-PreviousEditions (eerste item wordt genegeerd : is currentedition)
  • Alternatief : Google Analytics => onclick event javascript bij link. Maar dan mis je counters wanneer de link bijv via twitter wordt gedeeld.

DIWUG.nl: How We Did It DIWUG.nl: How We Did It Presentation Transcript

  • DIWUG.nl: How We Did It Waldek Mastykarz Octavie van Haaften
  • Octavie van Haaften• work: http://www.mavention.nl• blog: http://blog.octavie.nl• mail: octavie@mavention.nl• twitter: @eivatco
  • Waldek Mastykarz• mvp: SharePoint• work: http://www.mavention.nl• blog: http://blog.mastykarz.nl• mail: waldek@mavention.nl• twitter: @waldekm
  • Why this session• New website for DIWUG• Showcase small website on SharePoint 2010• Lessons learned
  • What’s in it for you• Learn how to leverage the SharePoint 2010 platform for Internet sites• Learn how to deal with common WCM challenges• Build better websites• Developer-focused
  • Diwug.nl v2 Goals Flexible Dynamic + WP7 app everything else
  • Diwug.nl v2 Goals Optimized Accessible for search engines Fast Awesome
  • Websites vs. PortalsRequirements Wireframes PSD HTML Functionality (SharePoint)
  • Crafting HTML• Mavention Flex Layout• HTML5 – Adds more meaning, but – Consider older browsers• No <form runat=“server”>
  • Authoring vs. PresentationAuthoring Presentation• Full content publishing • No Form tag capabilities of SharePoint • No Ribbon 2010 • No SharePoint scripts• Web Parts • HTML5• Content aggregations• Adventure (Works)
  • Challenge #1: No <form>• Endpoint (HTTP Handler)• POST action• Progressive enhancement – Doing things twice
  • Challenge #1: No <form> Con’s • More work • Non-standard approachPro’s• Reuse endpoint• Cleaner HTML• Lower page size• HTML5 controls• Progressive enhancement
  • Challenge #2: Multi-page forms• Scenario: subscribe for an event while not being a member – Fill in e-mail address • Not a member! – Register as member (different form) • Reuse e-mail • Register • Subscribe for the event
  • Challenge #3: SEO• Valid and accessible markup• Small page footprint  Fast• HTML5  Semantics• Microdata (http://schema.org) – Upcoming event • Subscribe bar • Event page – Event History
  • Challenge #4: Accessibility• Works in every browser on every device• No technology assumptions – JavaScript – Silverlight/Flash• Progressive enhancement – Forms – Magazines overview• Event history  query string
  • Functionality• member registration• subscribe event• upcoming event info• event history• e-magazines• download count e-magazines• windows phone 7 app readiness
  • member registration
  • Functionality• member registration• subscribe event• upcoming event info• event history• e-magazines• download count e-magazines• windows phone 7 app readiness
  • subscribe event
  • Functionality• member registration• subscribe event• upcoming event info• event history• e-magazines• download count e-magazines• windows phone 7 app readiness
  • upcoming event info
  • Functionality• member registration• subscribe event• upcoming event info• event history• e-magazines• download count e-magazines• windows phone 7 app readiness
  • event history
  • Functionality• member registration• subscribe event• upcoming event info• event history• e-magazines• download count e-magazines• windows phone 7 app readiness
  • e-magazines
  • Functionality• member registration• subscribe event• upcoming event info• event history• e-magazines• download count e-magazines• windows phone 7 readiness
  • download count e-magazines
  • Functionality• member registration• subscribe event• upcoming event info• event history• e-magazines• download count e-magazines• windows phone 7 app readiness
  • windows phone 7 app readinessupcoming-event.ashx• collects event info and agenda items• returns xml
  • Summary• SharePoint 2010 is good even for small sites• Decoupling authoring from publishing offers great results• Internet sites != Portals• Great results can be achieved on SP2010 FIS• Reusable handlers for forms and apps
  • thank you