Successful Teams follow standards

Size: px

Start display at page:

Download "Successful Teams follow standards"

Hannah Wilcox
7 years ago
Views:

1 Successful Teams follow standards Christian Heilmann Paris Web 2007 November 2007, Paris

2 The great thing about web development is that browsers rock.

3 All you need is to put some HTML together, and let the browser do its stuff.

4 <HTML> <DIV style= width:300px;bac kground:gray > Section Header<BR><BR> Section Body<BR><BR> Section Footer<BR><BR> </div> </HTML>

6 Done. Nothing to worry about.

7 An attitude that supports a whole market segment: Web Development

8 However, not all web developers subscribe to it.

9 A small, but constantly growing group tends to disagree.

10 They want to move ahead.

11 They do that by relying on a secret weapon.

12 Following agreed standards and practices.

13 This takes time and effort.

14 It also takes dedication and stamina.

15 Especially when it comes to following the W3C recommendations.

16 as browsers do not really care.

17 Small wins are great

18 Does this mean that following standards means unnecessary overhead?

19 Are we agile enough?

20 Yes, we are!

21 First of all, browsers are forgiving, but not in the same manner.

22 This is not that much of a problem, if you are not too fussed about the display being perfect.

23 However, some people do. With good reason.

24 We work with another department that cares a lot.

25 Design

26 We also work with another department that does not care as much.

27 The Business

28 However, everybody is a designer. (or thinks so)

29 How to achieve consistency?

30 By not letting browsers do guesswork but telling them what is what.

31 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html dir="ltr" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>page Demo</title> </head> <body> <div id="intro"> <div class="hd">section Header</div> <div class="bd">page Section Body</div> <div class="ft">page Section Footer</div> </div> </body> </html>

32 How can you improve the product turnaround time?

33 Allowing for work in parallel.

34 You can achieve this by separating work streams and use the right technologies for the right job.

35 sep a ra tion HTML = structure what is what CSS = look and feel JS/Flash = behaviour how should it be displayed how should it react

36 The main driver of successful web products?

37 The ability to change and adapt to market demands.

38 Your web product is never finished. The media moves too fast for that.

39 The web is evolving and moving away from the web we know now.

40 New platforms, new browsers, new technologies are always around the corner.

41 iphone

42 Nazb Naba that bunny thing.

43 C est la Wii

44 Businesses who don t understand that need to watch out.

45 The way to support upcoming technologies and platforms in a predictable manner is?

46 Follow a standard.

47 What is a standard?

48 A standard is an agreement of various groups or individuals to solve a problem in a consistent manner.

49 An example - The Screw

50 To be used with a screwdriver

51 Or

52 Which leads to

53 We do the same to web sites.

54 The W3C recommendations are the screwdriver for browsers and assistive technology.

55 WYSIWYG or let s see if it works on my browser aren t.

56 Following a standard means: Predictable results Validation as a quality control Safe re-use of code and ideas Consistency (which leads to easy bug-fixing)

57 Validation is the start of a quality control process, not the end of it!

58 You can create perfectly valid and at the same time terribly bad code.

59 You cannot validate semantics automatically.

60 Following W3C recommendations is also the start for your own code standards.

61 Defining a standard is hard work.

62 The benefits however are great. Flexible allocations (every product is built the same) Standard QA practices Modular Development via re-use of code from other products. A lot less maintenance work

63 Following a standard makes us ready for change.

64 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html dir="ltr" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>page Demo</title> <link rel="stylesheet" type="text/css" href=" <link rel="stylesheet" type="text/css" href=" <link rel="stylesheet" type="text/css" href=" </head> <body class="yui-skin-sam"> <div id="intro"> <div class="hd">section Header</div> <div class="bd">section Body</div> <div class="ft">section Footer</div> </div> <script type="text/javascript" src=" <script type="text/javascript" src=" <script type="text/javascript" src=" <script> var demopanel = new YAHOO.widget.Panel('intro',{close:true,visible:true,modal:true,draggable:true}); demopanel.render(); </script> </body> </html>

66 Following a standard makes us an example for others.

67 Imagine starting in a company that has an agreed way of working.

68 People can work, can get sick or go on vacation.

69 There is no downtime or long hand-over periods.

70 You don t work for yourself but for everybody else and the person to replace you.

71 You can work across the globe, taking advantage of time differences.

72 Homework

73 Foster internal communication.

74 Lightning Talks: 5 Minutes presentation 5 minutes demo 5 minutes discussion Every Thursday

76 No more bad surprises. No more heroes. Let s work together.

77 MERCI! Christian Heilmann

Agenda. 1. ZAPms Konzept. 2. Benutzer-Kontroller. 3. Laout-Aufbau. 4. Template-Aufbau. 6. Konfiguration. 7. Module.

Agenda. 1. ZAPms Konzept. 2. Benutzer-Kontroller. 3. Laout-Aufbau. 4. Template-Aufbau. 6. Konfiguration. 7. Module. Agenda. ZAPms Konzept.. Benutzer-Kontroller.. Laout-Aufbau.. Template-Aufbau. 5. Bildergalerie (Beispiel). 6. Konfiguration. 7. Module. . ZAPms Konzept Benutzer Web Server Benutzer-Kontroller www.domain/index.php