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

DIWUG.nl: How We Did It

on

  • 1,608 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,608
Views on SlideShare
1,226
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