For a Social Local and Mobile Drupal
Upcoming SlideShare
Loading in...5
×
 

For a Social Local and Mobile Drupal

on

  • 2,869 views

Presentation given at Drupal Business days, in Wien, may 2012. Learn some 'dos & donts' about Social Local and Mobile Drupal

Presentation given at Drupal Business days, in Wien, may 2012. Learn some 'dos & donts' about Social Local and Mobile Drupal

Statistics

Views

Total Views
2,869
Views on SlideShare
2,867
Embed Views
2

Actions

Likes
6
Downloads
35
Comments
0

1 Embed 2

http://us-w1.rockmelt.com 2

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

For a Social Local and Mobile Drupal For a Social Local and Mobile Drupal Presentation Transcript

  • Social, Local & Mobileby @mtopolov CTO of @adyax & @padcms
  • 100 Drupal Experts, 45 big Drupal projects in 2011
  • SoLoMo ?
  • SoLoMo ?SOcial : Facebook, Twitter, Friends, Activity,...
  • SoLoMo ?SOcial : Facebook, Twitter, Friends, Activity,...LOcal : Geocoding, Foursquare, Google Maps...
  • SoLoMo ?SOcial : Facebook, Twitter, Friends, Activity,...LOcal : Geocoding, Foursquare, Google Maps...MObile : JQuery Mobile, Responsive, PhoneGap...
  • Act 1 : Let’s have friends... ACT 1 : THE SOCIAL
  • Drupbook ? Twipal ? no !Drupal is not the good solution to run a whole socialnetwork*
  • Drupbook ? Twipal ? no ! Drupal is not the good solution to run a whole social network* But, you can enable social capabilities in a Drupal site ** It was a joke, okay ?* mainly because you’ll need to recode 50% of modules and add many tricks to get acceptable page response timein connected mode. Maybe in D8, with all the services stuff... Use Ruby, Python, Scala or Assembler** for that.
  • Commons ?Commons is an Acquia Drupal distribution, packaging«social» modules.
  • Commons ?Commons is an Acquia Drupal distribution, packaging«social» modules.Well, avoid it : Useless bulk of dozens of modules.More messy than usable.
  • Good example :McIn (mcin.com) is a private social network we’ve builtfor any McDonald’s worker around the world.
  • Good example :McIn (mcin.com) is a private social network we’ve builtfor any McDonald’s worker around the world.Localized, multiple countries, groups, likes, friends,event attendees, votes, ugc, local
  • Good example :McIn (mcin.com) is a private social network we’ve builtfor any McDonald’s worker around the world.Localized, multiple countries, groups, likes, friends,event attendees, votes, ugc, local With, for the social part : Flag, Views & Voting API
  • Good example :McIn (mcin.com) is a private social network we’ve builtfor any McDonald’s worker around the world.Localized, multiple countries, groups, likes, friends,event attendees, votes, ugc, local With, for the social part : Flag, Views & Voting APIYeah, that’s it...
  • Social Sharing Sharing : don’t loose time with modules, small FB/ Twitter code directly in your theme Open Graph must be inserted in all pages (use MetaTag module) You may use Facebook Share Avoid AddThis, ShareThis, Social Share and so on...
  • Advanced Open GraphNo really nice existing modulesSo need to codeIdea : Link your users to Networks, then use retrieveddata about friends & co inside your site
  • http://wefeedback.org
  • http://wefeedback.org
  • http://wefeedback.org
  • http://wefeedback.org
  • http://wefeedback.org
  • Social «Donts»Organic groups : Ugly and useless in 80% casesForum : Drupal forum is just awfulChat : no way, if your client asks for, say noUser Relationship : Too big in the new «follow me»world, use Flag instead
  • ACT 2 : THE LOCAL
  • What is Local btw ? Everything !Geocoded contentGeocoded users / vistorsGeographical SearchAnd no, putting a Google Map does NOT mean Local
  • Content geocodingWell, Location module is really nice, useful for 90%.Manages POI onlyGeo (buggy) but manages Polygons & LinesGeoField to store your POI coordinates
  • Display Geo DataGMap module : simpliest integrationOpen Layers module : really nice maps effect.KLM & Clusterer to display high amount of markers
  • Geographical search HTML5 to ask for visitor localisation MySQL is not suitable* Apache SOLR 3.4 or 4 have a Spatial Search (distance & boxing) reaaaaally cool. MongoDB is an alternative (with it’s GeoSpatial Indexing)* SELECT id_geo FROM mybase.mytable AS p WHERE 6371 * 2 * ATAN2 ( SQRT ( ( SIN( ( RADIANS(p.lat - 43.27292469899955000) / 2 ) * SIN( RADIANS(p.lat -43.27292469899955000) / 2 ) + COS ( RADIANS (43.27292469899955000 )) * COS ( RADIANS ( p.lat ) ) * SIN ( RADIANS(p.lon - 5.36235809326171900) / 2 ) * SIN( RADIANS(p.lon - 5.36235809326171900) / 2 ) ) ) , SQRT ( 1 - (SIN( RADIANS(p.lat - 43.27292469899955000) / 2 ) * SIN( RADIANS(p.lat - 43.27292469899955000) / 2 ) +COS ( RADIANS (43.27292469899955000) ) * COS ( RADIANS (p.lat) ) * SIN ( RADIANS(p.lon - 5.36235809326171900) / 2 ) * SIN ( RADIANS(p.lon -5.36235809326171900) / 2 ) ) ) ) < 1
  • ACT 3 : THE MOBILE
  • Mobile : What is differentWhy you should consider iPad theme in adifferent way of your Deskop 960px theme.
  • iPads and Smartphones are tactile... Fingers are larger and less agile There is no rollover
  • But vertical scroll is easier... so, design bigger, dispose vertically
  • What my options are ?Mobile theme switched by UAResponsive DesignNative App connected trough Services
  • Mobile ThemeUsing Domains, jQuery Mobile, Mobile Tools
  • jQuery MobilejQuery Mobile: Touch-Optimized Web Framework forSmartphones & TabletsIt’s customizable :))Looks like iPhone
  • jQuery pros & cons PROS CONS Fast to integrate (2-3 If your client agrees to fit days) jQuery Mobile design... Nice «device» oriented Hard to hack if you want interface elements more (pre-loaders, ...) Avoids you to «think» Avoids you to «think» mobile mobile
  • Mobile Theme How To1. Drupal Theme with jQuery Mobile (or Not)2. ‘Domains’ module / Mobile Tools3. Switch on UA4. But offer possibility to go back (cookies based rule)5. With Varnish a little bit more tricky (VCL provided on demand)
  • When switch to mobile URLAs soon as possible (LB / Cache, not Drupal)Don’t forget to cache redirections Load Cache / HTTP Drupal Balancer Proxy
  • http://lecollectif.orange.fr
  • http://lecollectif.orange.fr
  • http://lecollectif.orange.fr
  • http://lecollectif.orange.fr
  • http://lecollectif.orange.fr
  • Responsive DesignYeah this trendy thing everybody is talking about.
  • Trendy, yeah ?
  • Responsive designReally awesome during presales demos (wow effect)Really pain-in-the-a** HTML slicing (take x2 more timethan classical slicing)Needs a smart designer / UX master
  • In Drupal ? Omega Theme is almost the only helper available Omega is grid based, so will help moving blocs But you’ll still have to think about your content
  • Some examples of Drupal Responsive
  • Some examples of Drupal Responsive
  • Some examples of Drupal Responsive
  • Some examples of Drupal Responsive
  • Some examples of Drupal Responsive
  • Some examples of Drupal Responsive
  • Native AppsConnect your apps to Drupal
  • ServicesServices module is your friendUse REST PList server instead of any Xml-Rpc, SOAPor even JSON.On App side we tried native, PhoneGap and Titanium,PhoneGap is our choice for 80% of Apps, 20% remainnative.
  • TrickZ You can also send HTML to your devices On device side, just show a WebView Sync «new» content and render it offline on the device Take care : WebView is usually slow
  • SG : Drupal web site + Mobile theme + iPad App
  • SG : Drupal web site + Mobile theme + iPad App
  • SG : Drupal web site + Mobile theme + iPad App
  • SG : Drupal web site + Mobile theme + iPad App
  • «Take home» messagesDrupal & SoLoMo
  • Take Home MessagesDo not try to create a social network with DrupalYou must go mobile NOW. As there are hundreds ofdivices : go Responsive VS Mobile Theme«Local» means fast search = Apache SOLR / Mongo
  • Modules List Social Local Mobilehttp://drupal.org/project/fb http://drupal.org/project/location http://drupal.org/project/mobile_toolshttp://drupal.org/project/privatemsg http://drupal.org/project/gmap http://drupal.org/project/domainhttp://drupal.org/project/flag http://drupal.org/project/geo http://drupal.org/project/browscaphttp://drupal.org/project/userpoints http://drupal.org/project/geofield http://drupal.org/project/omegahttp://drupal.org/project/twitter http://drupal.org/project/search_api_locationhttp://drupal.org/project/facebookshare http://drupal.org/project/location_feedshttp://drupal.org/project/flag_abusehttp://drupal.org/project/votingapi