Gentoo Archives: gentoo-doc-cvs

From: Lukasz Damentko <rane@×××××××××××.org>
To: gentoo-doc-cvs@l.g.o
Subject: [gentoo-doc-cvs] cvs commit: l-redesign-1.xml
Date: Fri, 07 Oct 2005 21:52:19
Message-Id: 200510072143.j97LhTvG011894@robin.gentoo.org
1 rane 05/10/07 21:52:20
2
3 Modified: xml/htdocs/doc/en/articles l-awk1.xml
4 Added: xml/htdocs/doc/en/articles l-redesign-1.xml
5 Log:
6 new article from #104015
7
8 Revision Changes Path
9 1.4 +5 -5 xml/htdocs/doc/en/articles/l-awk1.xml
10
11 file : http://www.gentoo.org/cgi-bin/viewcvs.cgi/xml/htdocs/doc/en/articles/l-awk1.xml?rev=1.4&content-type=text/x-cvsweb-markup&cvsroot=gentoo
12 plain: http://www.gentoo.org/cgi-bin/viewcvs.cgi/xml/htdocs/doc/en/articles/l-awk1.xml?rev=1.4&content-type=text/plain&cvsroot=gentoo
13 diff : http://www.gentoo.org/cgi-bin/viewcvs.cgi/xml/htdocs/doc/en/articles/l-awk1.xml.diff?r1=1.3&r2=1.4&cvsroot=gentoo
14
15 Index: l-awk1.xml
16 ===================================================================
17 RCS file: /var/cvsroot/gentoo/xml/htdocs/doc/en/articles/l-awk1.xml,v
18 retrieving revision 1.3
19 retrieving revision 1.4
20 diff -u -r1.3 -r1.4
21 --- l-awk1.xml 10 Sep 2005 21:20:16 -0000 1.3
22 +++ l-awk1.xml 7 Oct 2005 21:52:20 -0000 1.4
23 @@ -1,5 +1,5 @@
24 <?xml version='1.0' encoding="UTF-8"?>
25 -<!-- $Header: /var/cvsroot/gentoo/xml/htdocs/doc/en/articles/l-awk1.xml,v 1.3 2005/09/10 21:20:16 rane Exp $ -->
26 +<!-- $Header: /var/cvsroot/gentoo/xml/htdocs/doc/en/articles/l-awk1.xml,v 1.4 2005/10/07 21:52:20 rane Exp $ -->
27 <!DOCTYPE guide SYSTEM "/dtd/guide.dtd">
28
29 <guide link="/doc/en/articles/l-awk1.xml">
30 @@ -115,7 +115,7 @@
31 </pre>
32
33 <pre caption="$1$3">
34 -$ <i>awk -F":" '{ print "username: " $1 "\t\tuid:" $3" }' /etc/passwd</i>
35 +$ <i>awk -F":" '{ print "username: " $1 "\t\tuid:" $3 }' /etc/passwd</i>
36 username: halt uid:7
37 username: operator uid:11
38 username: root uid:0
39 @@ -426,12 +426,11 @@
40 Patrick Hartigan's <uri link="http://sparky.rice.edu/~hartigan/awk.html">awk
41 tutorial</uri> is packed with handy awk scripts.
42 </li>
43 -<!-- FIXME 404 - i looked around google for it, no success
44 <li>
45 - <uri link="http://www.teleport.com/~thompson">Thompson's TAWK Compiler</uri>
46 + <uri link="http://www.tasoft.com/tawk.html">Thompson's TAWK Compiler</uri>
47 compiles awk scripts into fast binary executables. Versions are available
48 for Windows, OS/2, DOS, and UNIX.
49 - </li>-->
50 + </li>
51 <li>
52 <uri link="http://www.gnu.org/software/gawk/manual/gawk.html">The GNU Awk
53 User's Guide</uri> is available for online reference.
54 @@ -443,3 +442,4 @@
55 </chapter>
56
57 </guide>
58 +
59
60
61
62 1.1 xml/htdocs/doc/en/articles/l-redesign-1.xml
63
64 file : http://www.gentoo.org/cgi-bin/viewcvs.cgi/xml/htdocs/doc/en/articles/l-redesign-1.xml?rev=1.1&content-type=text/x-cvsweb-markup&cvsroot=gentoo
65 plain: http://www.gentoo.org/cgi-bin/viewcvs.cgi/xml/htdocs/doc/en/articles/l-redesign-1.xml?rev=1.1&content-type=text/plain&cvsroot=gentoo
66
67 Index: l-redesign-1.xml
68 ===================================================================
69 <?xml version='1.0' encoding="UTF-8"?>
70 <!DOCTYPE guide SYSTEM "/dtd/guide.dtd">
71 <!-- $Header: /var/cvsroot/gentoo/xml/htdocs/doc/en/articles/l-redesign-1.xml,v 1.1 2005/10/07 21:52:20 rane Exp $ -->
72
73 <guide link="/doc/en/articles/l-redesign-1.xml">
74 <title>The gentoo.org redesign, Part 1: A site reborn</title>
75
76 <author title="Author">
77 <mail link="drobbins@g.o">Daniel Robbins</mail>
78 </author>
79
80 <abstract>
81 Have you ever woken up one morning and suddenly realized that your cute little
82 personal development Web site isn't really that great? If so, you're in good
83 company. In this series, Daniel Robbins shares his experiences as he redesigns
84 the www.gentoo.org Web site using technologies like XML, XSLT, and Python.
85 Along the way, you may find some excellent approaches to use for your next Web
86 site redesign. In this article, Daniel creates a user-centric action plan and
87 introduces pytext, an embedded Python interpreter.
88 </abstract>
89
90 <!-- The original version of this article was first published on IBM
91 developerWorks, and is property of Westtech Information Services. This
92 document is an updated version of the original article, and contains
93 various improvements made by the Gentoo Linux Documentation team -->
94
95 <version>1.0</version>
96 <date>2005-10-07</date>
97
98 <chapter>
99 <title>An unruly horde</title>
100 <section>
101 <body>
102
103 <note>
104 The original version of this article was published on IBM developerWorks, and
105 is property of Westtech Information Services. This document is an updated
106 version of the original article, and contains various improvements made by the
107 Gentoo Linux Documentation team.
108 </note>
109
110 <p>
111 Fellow software developer, may I ask you a question? Why is it that although
112 many of us are intimately familiar with Web technologies such as HTML, CGI,
113 Perl, Python, Java technology, and XML, our very own Web sites -- the ones
114 devoted to our precious development projects -- look like they were thrown
115 together by an unruly horde of hyperactive 12-year-olds? Why, oh why, is this
116 so?
117 </p>
118
119 <p>
120 Could it be because most of the time, we've left our Web site out to rot while
121 we squander our precious time hacking away on our free software projects? The
122 answer, at least in my case, is a most definite "Yes."
123 </p>
124
125 <p>
126 When I'm not writing articles for IBM developerWorks or being a new dad, I'm
127 feverishly working on the next release of Gentoo Linux, along with my skilled
128 team of volunteers. And, yes, Gentoo Linux has its own Web site (see
129 Resources). As of right now (March 2001), our Web site isn't that special;
130 that's because we don't spend much time working on it because we're generally
131 engrossed in improving Gentoo Linux itself. Sure, our site does have several
132 admittedly cute logos that I whipped up using Xara X (see Resources), but when
133 you look past the eye candy, our site leaves a lot to be desired. Maybe yours
134 does too. If so, I have one thing to say to you -- welcome to the club.
135 </p>
136
137 </body>
138 </section>
139 </chapter>
140
141 <chapter>
142 <title>www.gentoo.org</title>
143 <section>
144 <body>
145
146 <p>
147 In our case, our Web site dilemma exists because our project has been growing,
148 and our Web site hasn't. Now that Gentoo Linux is approaching the 1.0 release
149 (when it'll be officially ready for non-developers) and is growing in
150 popularity, we need to start seriously looking at how our Web site can better
151 serve its users. Here's a snapshot of www.gentoo.org:
152 </p>
153
154 <figure link="/images/docs/l-redesign-01.gif"
155 caption="The current (March 2001) state of affairs at www.gentoo.org"/>
156
157 <p>
158 As you can see, we have all the bare essentials -- a description of Gentoo
159 Linux, a features list, a daily Changelog (automatically updated thanks to
160 Python), and a bunch of important links (to the download sites, to our mailing
161 list sign-up pages, and to cvsWeb). We also have links to three documentation
162 resources -- the Gentoo Linux Install Guide and Development Guides, and
163 Christian Zander's NVIDIA Troubleshooting Guide.
164 </p>
165
166 <p>
167 However, while the site seems O.K., we're missing a lot of things. The most
168 obvious is documentation -- our installation and development guides need a lot
169 of work. And then we need to add an FAQ, new links, new user information...the
170 list is endless.
171 </p>
172
173 </body>
174 </section>
175 <section>
176 <title>Content vs. display</title>
177 <body>
178
179 <p>
180 And now we come to our second problem. Right now, all of our work is done in
181 raw HTML; I hack away at the index.html file until it looks O.K. Even worse,
182 our Web documentation is written in raw HTML. This isn't a good thing from a
183 development perspective because our raw content (consisting of paragraphs,
184 sections, chapters) is garbled together with a bunch of display-related HTML
185 tags. This, of course, makes it difficult to change both the content and the
186 look of our site. While this approach has worked so far, it is bound to cause
187 problems as our site continues to grow.
188 </p>
189
190 <p>
191 Clearly, we need to be using better technologies behind the scenes. Instead of
192 using HTML directly, we need to start using things like XML, XSLT, and Python.
193 The goal is to automate as much as possible so that we can add and expand our
194 site with ease. If we do our job well, even major future changes to our site
195 should be relatively painless.
196 </p>
197
198 </body>
199 </section>
200 <section>
201 <title>A strategy!</title>
202 <body>
203
204 <p>
205 It was clear that we had a lot of work ahead of us. In fact, there was so much
206 to be done that I didn't know where to begin. Just as I was trying to sort out
207 everything in my head, I came across Laura Wonnacott's "Site Savvy" InfoWorld
208 column (see <uri link="#resources">Resources</uri>). In it, she explained the
209 concept of "user-centric" design -- how to improve a Web site while keeping the
210 needs of your target audience (in this case, Gentoo Linux users and developers)
211 in focus. Reading the article and taking a look at the "Handbook of
212 User-Centered Design" link from the article helped me to formulate a strategy
213 -- an action plan -- for the redesign:
214 </p>
215
216 <ol>
217 <li>
218 First, clearly define the official goal of the Web site -- in writing.
219 What's it there for, and what's it supposed to do?
220 </li>
221 <li>
222 Identify the different categories of users who will be using your site --
223 your target audience. Rank them in order of priority: Which ones are most
224 important to you?
225 </li>
226 <li>
227 Set up a system for getting feedback from your target audience, so they can
228 let you know what you're doing right and wrong.
229 </li>
230 <li>
231 Evaluate the feedback, and use it to determine what parts of the site need
232 to be improved or redesigned. Tackle high-priority sections first.
233 </li>
234 <li>
235 Once you've selected the part of the site to improve, get to work! During
236 your implementation, make sure that the content and design of the new
237 section caters specifically to the needs of your target audience and fixes
238 all known deficiencies.
239 </li>
240 <li>
241 When the section redesign is complete, add it to your live site, even if it
242 has a look that's markedly different from your current site. This way, your
243 users can begin benefitting from the newly redesigned section immediately.
244 If there's a problem with the redesign, you'll get user feedback more
245 quickly. Finally, making incremental improvements to your site (rather than
246 revamping the whole site and then rolling it out all at once -- surprise!)
247 will help prevent your users from feeling alienated by your (possibly
248 dramatic) site changes.
249 </li>
250 <li>After completing step 6, jump to step 4 and repeat.</li>
251 </ol>
252
253 </body>
254 </section>
255 <section>
256 <title>The mission statement</title>
257 <body>
258
259 <p>
260 I was happy to discover that we already had step 3 in place. We had received
261 several e-mail suggestions from visitors to the site, and our developer mailing
262 list also served as a way of exchanging suggestions and comments. However, I
263 had never really completed steps 1 or 2. While the answers may seem obvious, I
264 did find it helpful to actually sit down and write out our mission statement:
265 </p>
266
267 <p>
268
269
270
271 --
272 gentoo-doc-cvs@g.o mailing list