Govt 2.0

Jason Ryan

State Services Commission

Govt 2.0


5 principles of Govt 2.0

Tim O'Reilly: What is Web 2.0

[any material that should appear in print but not on the slide]

Data web

[any material that should appear in print but not on the slide]

Data web


    Top level Heading 
   
      An introductory paragraph...
   
     Sub-heading 
    
            A list 
	    of bullet
	    points
     
	 

     A long quote...
           
[any material that should appear in print but not on the slide]

Structured Markup


<h1>Top level Heading</h1>
   
   <p>An introductory paragraph...</p>
   
 <h2>Sub-heading</h2> 
     <ul>
        <li>A list</li> 
	<li>of bullet</li> 
	<li>points</li>
     </ul>
	 
<blockquote>
  <p>A long quote...</p>
</blockquote>

etc... etc...

XHTML Compound



            Costello
       Well then who's on first?
            Abbott
       Yes.
	   
            Costello
       I mean the fellow's name.
            Abbott
       Who.
	   
            Costello
       The guy on first.
            Abbott
       Who.
  							 

Credit: Tantek

XHTML Compound 2


<ol>
  <li>      Costello
       Well then who's on first?    </li>
  <li>      Abbott
       Yes.    </li>
	
  <li>      Costello
       I mean the fellow's name.    </li>
  <li>      Abbott
       Who.    </li>
	
  <li>      Costello
       The guy on first.    </li>
  <li>      Abbott
       Who.    </li>
</ol>

XHTML Compound 3


<ol>
  <li><cite>Costello</cite>
    <q>Well then who's on first?</q></li>
  <li><cite>Abbott</cite>
    <q>Yes.</q></li>
	
  <li><cite>Costello</cite>
    <q>I mean the fellow's name.</q></li>
  <li><cite>Abbott</cite>
    <q>Who.</q></li>
	
  <li><cite>Costello</cite>
    <q>The guy on first.</q></li>
  <li><cite>Abbott</cite>
    <q>Who.</q></li>
</ol>

XHTML Compound 4


<ol>
  <li><cite>Costello</cite>
    <q>Well then who's on first?</q></li>
  <li><cite>Abbott</cite>
    <q>Yes.</q></li>
	
  <li><cite>Costello</cite>
    <q>I mean the fellow's name.</q></li>
  <li><cite>Abbott</cite>
    <q>Who.</q></li>
	
  <li><cite>Costello</cite>
    <q>The guy on first.</q></li>
  <li><cite>Abbott</cite>
    <q>Who.</q></li>
</ol>

Microformats

The microformats principles

hCard markup example


<address              > 
<a               href="mailto:jason.ryan@ssc.govt.nz">
<span                   >Jason</span> 
<span                    >Ryan</span>
 </a>
 
<span              >Senior Communications Advisor</span>
 
 <a             href="http://ssc.govt.nz">  
   State Services Commission</a>
</address>

hCard markup example


<address class="vcard"> 
<a class="email" href="mailto:jason.ryan@ssc.govt.nz">
<span class="given-name">Jason</span> 
<span class="family-name">Ryan</span>
 </a>
 
<span class="title">Senior Communications Advisor</span>

 <a class="org" href="http://ssc.govt.nz">
   State Services Commission</a>
</address>

hCard example

Jason Ryan
Senior Communications Advisor
State Services Commission

Live examples

Personalisation

Open source government

firefox logo

Search

Authentication

Resources