Professional Web Site Development


Published on

Truly robust, useful, and professional-looking Web sites require more than just publishing a page to the Web. Join us to find out how you can really make your Web sites discoverable, searchable, and consummately professional. This session will enable you to expertly implement URL rewriting, and cookie management and provide the insight you need for absolute maintainability.

Published in: Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Professional Web Site Development

  1. 1. Professional Website Development<br />Developers<br />Ryan Ellis:<br />John Stritzinger: Radian Guaranty Inc<br />Phil Calvin:<br />
  2. 2. Questions<br />Please post your questions to<br />Dreamforce Chatter<br />
  3. 3. Safe Harbor<br />Safe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services.<br />The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, risks associated with possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of, inc. is included in our annual report on Form 10-Q for the most recent fiscal quarter ended April 30, 2010. This document and others are available on the SEC Filings section of the Investor Information section of our Web site. <br />Any unreleased services or features referenced in this or other press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available., inc. assumes no obligation and does not intend to update these forward-looking statements.<br />
  4. 4. Caching<br />Leverage the Akamai Content Delivery Network (CDN)<br />Fast page load times<br />Global reach<br />Offload bandwidth<br />Keep in mind:<br />Entire page content is static<br />
  5. 5. Caching<br />Use static resources to store and cache js, cssand images<br />
  6. 6. Caching<br />Set your cache configuration on each page<br />Base class for all Controllers in AppExchange<br />Page tag for AppExchange home page<br />
  7. 7. Search Engine Optimization<br />Controlled through configuration and simple code<br />global class appexchangeRewriter implements Site.UrlRewriter {  global PageReferencemapRequestUrl(PageReferenceexternalUrl) {        String url = externalUrl.getUrl();      if(url.startsWith('/')){       String name = url.substring(1,url.length());              Listing__c listing = [select Listing_ID__c from Listing__c where Listing_URL__c =:name LIMIT 1];              System.debug('Returning Friendly URL');       return new PageReference('/listingDetail?listingId=' + listing.Listing_id__c);       } else {              return externalUrl;              }  }<br />global List<PageReference> generateUrlFor(List<PageReference> internalLinks) {      System.debug('In Generate URL');      List<PageReference> newLinks = new List<PageReference>();      List<String> newIds = new List<String>();      for(PageReference link : internalLinks) {              System.debug(link.getUrl());          if(link.getUrl().indexOf('/listingDetail?listingId=') >= 0) {              String lid = link.getUrl().substring(22,link.getUrl().length());               Listing__c listing = [select Listing_URL__c from Listing__c where Listing_ID__c =:lid LIMIT 1];              newLinks.add(new PageReference('/'+listing.ListingURL__c));          } else {              newLinks.add(link);          }      }                return newLinks;          }}<br />Visualforce Page<br /><apex:pageshowHeader="false" standardStylesheets="false" standardController="Listing__c">  <h1><apex:outputLabel value="{!Listing__c.Name}"></apex:outputLabel></h1>  {!Listing__c.Description__c}    <HR />  <a href="{!URLFOR($Page.ListingDetail,null,[id=Listing__c.Listing_ID__c])}">Detail Link</a> </apex:page><br />Verify Your Site with Search Engines<br />
  8. 8. Internationalization & Localization<br />Make your website available to the world<br />Translation Workbench<br /><ul><li>Get it enabled on your Salesforce organization
  9. 9. Select your supported languages</li></ul>Custom Labels<br /><ul><li>labels/CustomLabels.Labels</li></ul>Translations<br /><ul><li>translations/ja.translation</li></li></ul><li>Internationalization & Localization<br />HomePageController Class<br />Util Class<br />Exchange Class<br />
  10. 10. Web Analytics<br />Multiple options for tracking web activity<br />1<br />2<br />Google Analytics<br />Omniture<br />Include js snippet on pages you want to track<br />
  11. 11. Content Management Systems<br />Enable easy management of your content<br />1<br />CMSForce 2<br />OrchestraCMS<br />2<br />AppExchange Partners<br />Arxxus<br />Cool Sites<br />3<br />Build Your Own<br />
  12. 12. John Stritzinger<br />Radian Guaranty Inc<br />
  13. 13.
  14. 14. Dynamic Data Driven Architecture<br />CMSForce* and Dynamic Content<br />Content Pushed to Site<br />Realtime Web Service Calls<br />
  15. 15. Phil Calvin<br /><br />
  16. 16. What's wrong with this?<br /><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false"%><br /><%@ taglibtagdir="/WEB-INF/tags/Front" prefix="front" %><br /><%@ taglibtagdir="/WEB-INF/tags/UI" prefix="ui" %><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><br /><htmlxmlns=""><br /><head><br /><title>Login Page</title><br /><!-- Frame buster.. --><br /><script type="text/javascript">if (window != top) top.location.href = location.href; </script><br /><!-- CSS for new configuration/ui. Will be moved to external file --><br /><style type='text/css'>body { background: #F7F7F7 url(bg_body.png) 0 0 repeat-x; }</style><br /></head><br /><bodyid="studioBody"onload="if (typeof(startSessionTimer)!='undefined') {startSessionTimer(); }"><br /><%<br />// Inject the session timeout popup code.<br />if (!Ctx.config().get().getConfigInfo().isTimeoutEnabled()) { SessionTimeout.display(); }<br /> %><br /><ulclass='loginForm'><br /> <li>Please enter your login creentials</li><br /> <li>Login</li><li><input type='text' id='loginID' /></li><br /> <li>Login</li><li><input type='password' id='password' /></li><br /> <li>Login</li><li><inputtype='submit'id='loginButton'value='LoginNow'/></li><br /></ul><br /></body><br /></html><br />
  17. 17. SiteforceMaking web content management easy<br />Coming soon…<br />Integrated CMS<br />Pixel perfect Declarative Designer<br />Collaboration<br />Drag and drop data integrations<br />Analytics<br />Dashboard for governance<br />URL rewriting<br />myDomain for sandbox<br />Usage workflow alerts<br />301/302 redirects<br />Unauthenticated websites<br />myDomain<br />Built with visual force pages<br />Integrated with your data/content<br />Content Delivery Network<br />
  18. 18. SiteforceDesign, Build, Manage and Monitor on<br />Build a new site<br />Change the layout, add new pages<br />Edit the content<br />Make it Social<br />Hook up some data<br />Publish it<br />We have 10 mins to do all this !<br />
  19. 19. Professional Website Development<br />
  20. 20. Visit the Developer Training and Support Booth in Zone<br />D I S C O V E R<br />Developer training, certification and support resources <br />that help you achieve<br />S U C C E S S<br />Find us in the Partner Demo Area of <br /> Zone 2nd Floor Moscone West<br />Learn about Developer Certifications<br />Discover Developer Learning Paths<br />
  21. 21. Remember. . .<br /><ul><li>Check Chatter for additional session information
  22. 22. Get your developer Workbooks and Cheat Sheets in the Zone
  23. 23. Visit for more information related to this topic</li></ul>Don’t forget the survey!<br />
  24. 24. How Could Dreamforce Be Better? Tell Us!<br />Log in to the Dreamforce app to submit<br />surveys for the sessions you attended<br />Use the Dreamforce Mobile app to submit surveys<br />OR<br />Every session survey you submit is a chance to win an iPod nano!<br />