Code less - Configure more

3,680 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,680
On SlideShare
0
From Embeds
0
Number of Embeds
597
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Code less - Configure more

  1. 1. CODE LESS CONFIGURE MORE Hagen Graf http://twitter.com/hagengrafFreitag, 8. Juli 2011 1
  2. 2. RICH? FAMOUS? NOT BORED? IN CONTACT? [... OTHER ...] what do you want to GET?Freitag, 8. Juli 2011 2
  3. 3. CODE? IDEAS? LOGISTIC? MONEY? [... WHATEVER ...] what do you want to PUT?Freitag, 8. Juli 2011 3
  4. 4. SITE BUILDER? DEVELOPER? DESIGNER? ARCHITECT? “ROCKSTAR?” [INSERT YOUR BUZZWORD] what’s your ‘profession’?Freitag, 8. Juli 2011 4
  5. 5. DEVELOPERS ARE DEVELOPING CODE code?Freitag, 8. Juli 2011 5
  6. 6. PHP define(DRUPAL_ROOT, getcwd()); require_once DRUPAL_ROOT . /includes/ bootstrap.inc; drupal_bootstrap(DRUPAL_BOOTSTRAP_FULL); menu_execute_active_handler(); index.phpFreitag, 8. Juli 2011 6
  7. 7. JAVASCRIPT $(input + source, context).once(date-time).keyup(function () { var input = $(this); var url = settings.lookup + (settings.lookup.match(/?q=/) ? &format= : ?format=) + encodeURIComponent(input.val()); $.getJSON(url, function (data) { $(suffix).empty().append( + settings.text + : <em> + data + </em>); }); }); system.jsFreitag, 8. Juli 2011 7
  8. 8. CSS ul.menu li { margin: 0 0 0 0.5em; /* LTR */ } ul li.expanded { list-style-image: url(../../misc/menu- expanded.png); list-style-type: circle; } system.jsFreitag, 8. Juli 2011 8
  9. 9. INFORMATION ; Information added by drupal.org packaging script on 2011-05-25 version = "7.2" project = "drupal" datestamp = "1306357016" system.infoFreitag, 8. Juli 2011 9
  10. 10. basically text files with all kind of information textFreitag, 8. Juli 2011 10
  11. 11. SITE BUILDER? DEVELOPER? DESIGNER? ARCHITECT? “ROCKSTAR?” [INSERT YOUR BUZZWORD] what are they doing?Freitag, 8. Juli 2011 11
  12. 12. LET’S JUMP TO ANOTHER WORLDFreitag, 8. Juli 2011 12
  13. 13. CARS http://localmotors.comFreitag, 8. Juli 2011 13
  14. 14. The Rally Fighter, designed by community member Sangho Kim is currently in open prototyping process.Freitag, 8. Juli 2011 14
  15. 15. DOWNLOAD THE CHASSIS FILE :) http://localmotors.comFreitag, 8. Juli 2011 15
  16. 16. CREATE A MICRO FACTORY http://localmotors.comFreitag, 8. Juli 2011 16
  17. 17. READY FOR MODDING http://localmotors.comFreitag, 8. Juli 2011 17
  18. 18. HOW DOES IT WORK?Freitag, 8. Juli 2011 18
  19. 19. Freitag, 8. Juli 2011 19
  20. 20. GETTING STARTED CREATE IT <- THAT’S THE DESIGN :) DEVELOP IT BUILD IT MOD IT http://www.youtube.com/watch?v=azCRuwtE_n0Freitag, 8. Juli 2011 20
  21. 21. CREATING WEBSITES WITH DRUPAL, JOOMLA, TYPO3, WORDPRESS, ... IS SO MUCH EASIER Yes, I know that this is a Drupal Camp :)Freitag, 8. Juli 2011 21
  22. 22. GETTING STARTED CREATE IT <- THAT’S THE DESIGN :) DEVELOP IT BUILD IT <- WEB AGENCY MOD IT<- ”ONE MAN ARMY”Freitag, 8. Juli 2011 22
  23. 23. 10,000 Drupal pieces to play with http://www.flickr.com/photos/philliecasablanca/3354734116/Freitag, 8. Juli 2011 23
  24. 24. http://www.flickr.com/photos/m-nicolson/2414298534/ A HOUSE AND A CARFreitag, 8. Juli 2011 24
  25. 25. http://www.flickr.com/photos/popcorncx/3514881626/ SOMETHING USEFULFreitag, 8. Juli 2011 25
  26. 26. http://www.flickr.com/photos/pswansen/207418232/ ... MORE ELEGANT ...Freitag, 8. Juli 2011 26
  27. 27. ... REALLY BIG .. http://en.wikipedia.org/wiki/ManufacturingFreitag, 8. Juli 2011 27
  28. 28. KEEP IT SIMPLE! clients often don’t get it! (even when they spend 500,000+ €)Freitag, 8. Juli 2011 28
  29. 29. QUESTION VIA SKYPE: “WHERE CAN I TRANSLATE THIS TEXT?” ... BLA ... at frontpage of clients website (not my client)Freitag, 8. Juli 2011 29
  30. 30. CLIENT: “I FOUND A POSSIBILITY IN THE BLOCK ADMINISTRATION.” A few minutes later ... hope!Freitag, 8. Juli 2011 30
  31. 31. CLIENT: I CREATED 4 NEW BLOCKS :) ... awesome system ...Freitag, 8. Juli 2011 31
  32. 32. CLIENT: “THE BLOCKS ARE NOT APPEARING ON THE SITE :(“ a few minutes laterFreitag, 8. Juli 2011 32
  33. 33. ... LONGER CHAT VIA SKYPE ABOUT WHAT TO DO ... 30 minutesFreitag, 8. Juli 2011 33
  34. 34. ... EXCHANGE OF FTP CREDENTIALS ... ohlala - this is getting bigger ...Freitag, 8. Juli 2011 34
  35. 35. if ($vars[view]->name == _NAME_ && $vars[display_id] == block_3) { if (drupal_is_front_page()){ $vars[more] = l(... TEXT TO TRANSLATE ..., _NAME_, array (attributes => array(class => _CSS_FOR_BLOCK_))); } } what I found in template.phpFreitag, 8. Juli 2011 35
  36. 36. NO TRANSLATION POSSIBLE VIA UI! t() IS MISSING first problemFreitag, 8. Juli 2011 36
  37. 37. NO TRANSLATION POSSIBLE VIA BLOCKS! THE CODE NEEDS block_3 second problemFreitag, 8. Juli 2011 37
  38. 38. CLIENT: “DRUPAL IS SO COMPLICATE!” the real problemFreitag, 8. Juli 2011 38
  39. 39. ME: “...” and who wants to pay me for this info?Freitag, 8. Juli 2011 39
  40. 40. THIS HAPPENS SO OFTEN ... BUT ...Freitag, 8. Juli 2011 40
  41. 41. PROBLEMS CREATE MARKETS!Freitag, 8. Juli 2011 41
  42. 42. DEAR WEB AGENCY AFTER BUILDING IT (AND HOPEFULLY BEING PAYED) CONTRIBUTE AS MUCH AS POSSIBLE TO THE PROJECT YOU’LL HAVE ADVANTAGES FOR THE NEXT CONTRACTFreitag, 8. Juli 2011 42
  43. 43. DEAR ONE MAN ARMY AFTER MODDING IT (AND GET WHAT YOU WANT) SPREAD THE WORD ABOUT YOUR WORK YOU’LL HAVE ADVANTAGES FOR YOUR NEXT AIMFreitag, 8. Juli 2011 43
  44. 44. happy clients like to pay for your idea, creativity, work ... http://www.flickr.com/photos/dpgreen/5854718132/Freitag, 8. Juli 2011 44
  45. 45. AGAIN ... 10,000 Drupal modules to play with http://www.flickr.com/photos/philliecasablanca/3354734116/Freitag, 8. Juli 2011 45
  46. 46. JUST HAVE A LOOK BEFORE YOU START CODING you can learn so much ...Freitag, 8. Juli 2011 46
  47. 47. 80+ % CAN BE ACHIEVED VIA CONFIGURATION no research ... just my experienceFreitag, 8. Juli 2011 47
  48. 48. A BIG PART OF THE COSTS OF A WEBSITE ARE THE RESULT OF UNNECESSARY CODING no research ... just my experienceFreitag, 8. Juli 2011 48
  49. 49. A FEW CONFIGURATION EXAMPLES from the real world!Freitag, 8. Juli 2011 49
  50. 50. VIEWS - DEMOFreitag, 8. Juli 2011 50
  51. 51. USER TAB views - http://nodeone.se/node/735Freitag, 8. Juli 2011 51
  52. 52. PAGE MANAGERFreitag, 8. Juli 2011 52
  53. 53. Challenge 1. Main Article content type 2. Fact Box content type -- ref. to Main Article type -- not accessible for public PAGE MANAGER REDIRECTFreitag, 8. Juli 2011 53
  54. 54. FLAGSFreitag, 8. Juli 2011 54
  55. 55. CLKICK THEM TO THE SIDEBAR flagsFreitag, 8. Juli 2011 55
  56. 56. DRAGGABLE VIEWSFreitag, 8. Juli 2011 56
  57. 57. ADMINISTER ORDERINGFreitag, 8. Juli 2011 57
  58. 58. FLAG + RULES + CONTENT-ACCESSFreitag, 8. Juli 2011 58
  59. 59. STYLE GUIDE DISPLAY SUITE DESIGN learned in morten’s sessionFreitag, 8. Juli 2011 59
  60. 60. COME TO DRUPALCON LONDON PRE CONFERENCE TRAINING ADVANCED CONFIGURATION WITH VIEWS, PAGE MANAGER, FLAG AND RULES BECOME A ROCK SOLID DRUPAL SITE BUILDER, WITH THE POWER OF VIEWS, PAGE MANAGER, FLAG AND RULES.’ £325! (+VAT) SIGN UP TODAY :) http://london2011.drupal.org/node/2299Freitag, 8. Juli 2011 60
  61. 61. THANK YOU http://twitter.com/hagengrafFreitag, 8. Juli 2011 61

×