2002-03

<body stylesrc="index.html" background="images/Bkgrnd02T2.gif"> <table border="0" cellpadding="6" cellspacing="0" width="810"> <tr> <td align="right" valign="top" height="1" width="170"> <p align="center"><img border="0" src="images/Accent03.gif" align="left" width="142" height="37"> </p> <p align="left"><b><font size="2">March 2002 - Vol. 3 No. 3</font></b></p> </td> <td height="1" width="612"> <p align="center">  <a href="index.html" target="_top">[Home]</a> <a href="Newsletters.html" target="_top">[Up]</a> <a href="2002-04.html" target="_top">[Next]</a> <a href="2002-02.html" target="_top">[Previous]</a></td> </tr> <tr> <td valign="top" height="529" bgcolor="#FFFFCC" width="170"> <font size="2"> <p><a href="2002-03-Main.html#TechTalk"><b>Tech Talk</b></a><br> <a href="2002-03-Main.html#Web Programming">Web Programming</a> </p> <p><a href="2002-03-Main.html#Editorial"><b>Editorial</b></a><br> <a href="2002-03-Main.html#Music and Patterns">Music and Patterns</a><a href="2002-03-Main.html#Thanks to Bjarne"><br> Thanks to Bjarne</a> </p> <p><a href="2002-03-Main.html#Book Reviews"><b>Book Reviews</b></a><br> <a href="2002-03-Main.html#The Joy of Patterns">The Joy of Patterns</a> </p> <p><a href="2002-03-Main.html#Trends"><b>Trends</b></a><br> <a href="2002-03-Main.html#Silicon Valley is behind">Silicon Valley is behind</a></font></p> </td> <td height="277" bgcolor="#FFCC99" width="612"> <b> <h1><a name="TechTalk"><font color="#000000">Tech Talk</font></a></h1> <h2><font face="Arial" color="#000000"><a name="Web Programming">Web Programming</a></font></h2> </b> <i> <p>By <a href="Author-RegCharney.html">Reg Charney</a></p> </i> <p>This article was inspired by four things: my current project to build an n-tier web-accessible application; Rich Moen’s introductory notes on PHP; Kylix 2’s Adapter Page Producer class; and Bjarne Stroustrup’s presentation last month on modern C++ design. However, since I put all this together in my own way, any errors or omissions are mine alone.</p> <p>My project requires that I generate web pages on the fly using a database whose parameters come from user requests. For example, to get a delivery report, an end-user presses a button on a form that sends a predefined SELECT statement to the database backend that gets a series of records and fields. An application server then applies these records and fields to a text template to generate HTML that a web server sends back to a browser.</p> <p>Kylix 2’s Enterprise Edition has an extremely powerful class called an Adapter Page Producer to assist with this task. However, since I am hoping to do a review of this product later, I will leave this solution to another article. It also requires the presence of Borland’s Kylix 2 Enterprise Edition software.</p> <p>The solution to this problem that Rick Moen suggests is to use PHP (see <a href="http://www.php.net">www.php.net</a> ) and generate the HTML inside PHP code. Using PHP, his algorithm is the normal one:</p> <div align="center"> <center> <table border="1" width="627" bgcolor="#FFFFFF"> <tr> <td width="617"><font face="Courier New"><?php require(" header.php" );<br> $q="select company, st from locations where rte = '$route';"<br> $r=mysql_query(q);<br> while(list($company, $st)= mysql_fetch_row($r)<br> {<br>   echo "$company<BR>";<br>   echo "$st<BR>";<br> }<br> ?></font></td> </tr> </table> </center> </div> <p>While this works, it is very maintenance intensive. Changes in the database means that this page may need to be changed also.</p> <p>Looking at the design of the code, we see that it has an initialization section where the query is executed, an iterative body where most of the work is done, and an optional epilog where a dependent footer could be generated.</p> <p>In object oriented terms, this corresponds to a constructor, a “run” member function, and a destructor. Since PHP 4 (and earlier versions) offers only very limited support for object-oriented programming, I will use a pseudo-OO language for the rest of the examples in this article.</p> <p>The following pseudo-code uses the constructor/destructor paradigm to generate most of the overhead code needed in any HTML page.</p> <div align="center"> <center> <table border="1" width="643" bgcolor="#FFFFFF"> <tr> <td width="633"><font FACE="Courier New">Class HTML:<br>   __ctor__(): print "<HTML>"<br>   __dtor__(): print "\n</HTML>"</font> <p><font FACE="Courier New">Class TITLE:<br>   __ctor__(string s): print "<TITLE>",s,"</TITLE>"</font></p> <p><font FACE="Courier New">Class HEAD:<br>   __ctor__(string s): print "<HEAD>"<br>   TITLE(s)<br>   __dtor__(): print "</HEAD>"</font></p> <p><font FACE="Courier New">Class BODY:<br>   __ctor__(): print "<BODY>"<br>   __dtor__(): print "\n</BODY></font></p> <p><font FACE="Courier New">Class PHP:<br>   __ctor__(): print "<?PHP ",<br>   __dtor__(): print "\n?>"</font></p> <p><font face="Courier New">Class GetData:<br>   __ctor__():<br>     print 'require("header.php");<br>     $q="select company, st from locations where rte='$route';"<br>     $r=mysql_query(q);'</font></p> <p><font FACE="Courier New">Class Init:<br>   string s<br>   __ctor__(string ss): s = ss<br>     HTML h<br>   HEAD hd(s)<br>   BODY b<br>   GetData d;</font></p> <p><font FACE="Courier New">// generator program</font></p> <p><font FACE="Courier New">Init myInit("This is my title")</font></p> <p><font FACE="Courier New">/* main body of code—see below */</font></p> <p>Note that there was no need to write code to close off of the various tagged sections. For example, if something went wrong in generating the body of the web page, the correct terminating tags would all be generated.</td> </tr> </table> </center> </div> <p>Using this same design approach, the body of the web page might contain a simple table like:</p> <div align="center"> <center> <table border="1" width="333" bgcolor="#FFFFFF"> <tr> <td width="323"><font FACE="Courier New"><table border="1" width="100%"><br> <tr><br> <td width="50%">Name1</td><br> <td width="50%">Addr1</td><br> </tr><br> <tr><br> <td width="50%">Name2</td><br> <td width="50%">Addr2</td><br> </tr><br> </table></font></td> </tr> </table> </center> </div> <p>Note the repeat of the row and cell tags. The code for generating this might look something like:</p> <div align="center"> <center> <table border="1" width="645" bgcolor="#FFFFFF"> <tr> <td width="635"><font FACE="Courier New">Class TABLE:<br>   __ctor__(b="1",w="100%"):<br>     print "<TABLE "<br>     print 'border="',b,'"', 'width="',w,'"', '>'<br>   __dtor__(): print "\n</TABLE>"</font> <p><font FACE="Courier New">Class TBL_ROW:<br>   __ctor__(): print "<TR>"<br>   __dtor__(): print "\n</TR>"</font></p> <p><font FACE="Courier New">Class TBL_CELL:<br>   __ctor__(string s,w): print '<TD width="',w,'">', s, '</TD>'<br>   __ctor__(string s): print '<TD>'<br>   __dtor__(): print "</TD>"</font></p> <p><font FACE="Courier New">/* table generator loop */</font></p> <p><font FACE="Courier New">TABLE t<br> while(list($company,$st) = fetch_row($r)<br>   TBL_ROW t<br>   TBL_CELL($company)<br>   TBL_CELL($st,"70%")</font></td> </tr> </table> </center> </div> <p>Notice three things. The definitions of TABLE, TBL_ROW and TBL_CELL can be in include files and can be used anywhere that tables are to be generated. Second, again there is no cleanup necessary for any of the objects, the constructor/destructor pairing does this for you. Lastly, while we are using anonymous instances of TBL_CELL, we need to create named (albeit dummy name) for TBL_ROW instances. This has to do with when the destructor is called. In the case of the TBL_ROW, we don't want the destructor called until the end of the while loop for each iteration over the rows. On the other hand, anonymous instances are usually destroyed at the end of the statement in which they appear.</p> <p>However, this method still too dependent on the page layout — the presentation and the logic are too intertwined.</p> <p>By now, most of you experience people will know a better method: using template files. This file contains most of the layout information in the form of tags and place markers for data values. Let us assume that the file <font FACE="Courier New">table.tmpl </font>file contains the template for the table mentioned earlier. It would look something like this:</p> <div align="center"> <center> <table border="1" width="305" bgcolor="#FFFFFF"> <tr> <td width="295"><font FACE="Courier New"><table border=$TB width=$TW><br> <tr><br> <td width=$CW1>$V1A</td><br> <td width=$CW2>$V!B</td><br> </tr><br> <tr><br> <td width=$CW1>$V2A</td><br> <td width=$CW2>$V2B</td><br> </tr><br> </table></font></td> </tr> </table> </center> </div> <p>There are now two issues here: finding and resolving embedded names (or place holders); and dealing with iterations. One approach is to rewrite the template as:</p> <div align="center"> <center> <table border="1" width="314"> <tr> <td width="304" bgcolor="#FFFFFF"><font FACE="Courier New"><table border=$TB width=$TW><br> <??foreach (x,y) in list($r)><br> <tr><br> <td width=$CW1>$x</td><br> <td width=$CW2>$y</td><br> </tr><br> <??endfor><br> </table></font></td> </tr> </table> </center> </div> <p>Notice also the reversion back to mixing code with presentation data. To get around this mixing of presentation and executable code, we must abstract the concept of generating a table. Let us say that we have a new TABLE class whose constructor looks like this:</p> <div align="center"> <center> <table border="1" width="626" bgcolor="#FFFFFF"> <tr> <td width="616"><font FACE="Courier New">Class TABLE:<br>   __ctor__($COL_WIDTHS, $SELECT_STMT, $TB=1,$TW="100%"):<br>     /* table generation code */<br>   __dtor__(): print "</TABLE>"<br> <br> /* use the object */<br> $q="select company, st from locations where rte = '$route';"<br> TABLE t(("%30",), $q)</font></td> </tr> </table> </center> </div> <p><font face="Courier New">I</font>n this fragment, a list of column widths and the select statement needed to generate the data are provided along with the default border and width for the table. Now we are ready to put it all together: templates, constructors/destructors, and page producers.</p> <p>To produce a web page, we need a template file, a way of interpreting the template and a way of determining which interpreter to use; and we may also want to introduce a new construct into the language to make generating code easier for us. For example, we may define the token $! to represent an iterative call for all elements in a list so that the statement containing $! is repeated for each element in the list (I.e., it is a notation for the map function.). Thus, for each row of a table, the cells can be generated with one statement:</p> <div align="center"> <center> <table border="1" width="134" bgcolor="#FFFFFF"> <tr> <td width="124"><font FACE="Courier New"><td>$!</td></font></td> </tr> </table> </center> </div> <p>Where $! is set equal to a row in the table returned by a select statement.</p> <p>The page producer class now can look something like this:</p> <div align="center"> <center> <table border="1" width="522" bgcolor="#FFFFFF"> <tr> <td width="512"><font FACE="Courier New">Class PgProd:<br>   __ctor__($template, $datasrc="", $interp="php"):<br>     /* constructor code */<br>   __dtor__():<br>     /* detructor code */<br> <br> PgProd p1("index.tmpl")<br> PgProd p2("prodlist.tmpl", "select * from prods")</font></td> </tr> </table> </center> </div> <p>I have not elaborate on the contents of these pages, but you can see that the templates have most of the visual candy predefined, while the executable code fills in the relevant data. The page producers can also have more attributes. You can even have page producers inherit from one another or have them be embedded. For example, you might want to combine a table and a graphical representation page like so:</p> <div align="center"> <center> <table border="1" width="600" bgcolor="#FFFFFF"> <tr> <td width="590"><font face="Courier New">Class PgProdTable(PgProd): /* inherit from basic PgProd */<br> Class PgProdGraph(PgProd): /* also inherit from PgProd */<br> Class COMBODPP:<br>   __ctor__($tmpl1,$tmpl2,$data):<br>     $t1 = $tmpl1; $t2 = $tmpl2<br>     $d = $data<br>   PgProdTable($t1,$d):<br>     /* produce table page */<br>   PgProdGraph($t2,$d):<br>     /* produce graph of data */<br> <br>   $q="select * from sales;"<br>   COMBODPP cpp("salestab.tmpl", "graphtab.tmpl",$q)</font></td> </tr> </table> </center> </div> <p>We are now using the best features of object oriented technology to simplify the production of arbitrarily complex web pages.</p> <b> <h1><font color="#000000"><a name="Editorial">Editorial</a></font></h1> </b> <i> <p>By <a href="Author-RegCharney.html">Reg. Charney</a></p> </i><b> <h2><font FACE="Arial"><a name="Music and Patterns">Music and Patterns</a></font></h2> </b> <p>Imagine a piece of software that has the beauty and timeless grace of a great symphony.</p> <p>By symphonic beauty, I mean more than just sounding great, I mean that internally things fit together smoothly and compliment each other. I have always wanted to compose such a system. I realize that this may be hubris on my part—I might not have it in me. However, I am hoping some, perhaps many people have this talent.</p> <p>However, before this can be done, we need to create a set of “tools” from which to build such symphonies. Even Beethoven and Mozart build on the work of others. So too, must we. Until recently, we talked about doing this using function libraries, APIs, OO, and reusable components. But evidence seems to refute the claims that these are all the tools we need to build beautiful systems. For example, even the best systems today, while presenting a beautiful face, are horror shows to maintain, extend, and debug.</p> <p>Patterns may be the answer. It is still too early for us to have designed patterns for the ages, but image software that lasts 20, 50, 100+ years. It is possible. For example, software that controls spacecraft to the stars, monitoring software for nuclear waste dumps, humongous data bases cross-indexing the Web of 20+ years from now. Replacing such software will not be possible, only augmenting it will be a reasonable strategy. Such symphonic software will take on a life of its own and top-notch software practitioners will be arrangers of classic software just like now we have arrangers of music and the symphony itself will be the pattern.</p> <b> <h2><font FACE="Arial"><a name="Thanks to Bjarne">Thanks to Bjarne</a></font></h2> </b> <p>The February meeting was our most successful one to date. We had standing room only. Bjarne’s presentation was one of the most interesting and valuable that I have heard him give.</p> <b> <h1><font color="#000000"><a name="Book Reviews">Book Reviews</a></font></h1> <i> <p><a name="The Joy of Patterns">The Joy of Patterns</a> </i> </b> by Brandon Goldfedder, Addison-Wesley, ISBN: 0201657597</p> <p>I read this book twice and still can't decide if I like it or not.</p> <p>Brandon Goldfedder tries to teach the use of patterns in software development, but I feel there is depth missing. The subtitle “Using Patterns for Enterprise Development” is a bit misleading. The examples in the book have little to do with Enterprise development. The examples are Burger Shop, Black Jack and Product Configurator. Not exactly Enterprise topics, I'd say.</p> <p>The book starts out by giving a short introduction to what patterns are and how they originated in the world of architecture. Then a small historical overview of object-oriented development discusses the transition from structured programming to encapsulation and component technologies. The next few chapters introduce some of the GOF patterns using the examples I mentioned. There is talk of how to use the pattern paradigm regardless of programming language, how to build a system from scratch using several patterns, and how patterns can benefit product maintenance.</p> <p>Goldfedder's work has lots of big illustrations and diagrams and almost a third of it consists of source code printouts, which are not all that well commented. I liked the explanation of how the Decorator pattern can solve the problem of class hierarchy explosion, but I'm not sure I needed as many class diagrams to get it as there are printed.</p> <p>The book is easy enough to read, and 170 pages is short enough to make you feel it's not an entire waste of time. Goldfedder's writing has its ups and downs. His attempts at humor fail for me most of the time.</p> <p>Since I have not read any other introductory works on Patterns, and only used the GOF book as a reference, I don't know if there's anything better out there, but I strongly suspect there is.</p> <p>You may learn something new, but I'm not sure I really did. If you have $30 to spare on a book that does an average job of explaining patterns without going to great depths, this might be it. However, if I had had to pay for this book myself, I'd feel disappointed now.</p> <i> <p>—Oluf Nissen</p> </i> <b><i> <h1><font color="#000000"><a name="Trends">Trends</a></font></h1> </i></b><i> <p>By <a href="Author-AliCehreli.html">Ali Çehreli</a></p> </i><b><font FACE="Arial"> <h2><a name="Silicon Valley is behind">Silicon Valley is behind</a></h2> </font></b> <p>Fortunately the situation is positively less dull compared to the recent months. Once again, the jobs market is showing signs of improvement. This time it's different because Silicon Valley in general and software engineering in particular are behind (Figure 1).</p> <p align="center"><img border="0" src="images/2002-03-Fig01.gif" width="462" height="254"></p> <p>After Reg.'s nice interjectory article of magazine page counts last month, we are back with the Silicon Valley job market figures.</p> <p>I will have to delay the introduction of Windows XP for another couple of months. This is because of the difficulty in separating 'XP' in Extreme Programming from 'XP' in Windows XP. [1]</p> <p>An interesting observation is in the Windows 2000 jobs. While it has been the only dropping platform (18%, Figure 2), it has also been the only platform with improving need for device driver skills (Figure 3). [2] I suspect, even though the job descriptions contain Windows 2000, the device drivers are actually needed for Windows XP.</p> <p align="center"><img border="0" src="images/2002-03-Fig02.gif" width="460" height="313"></p> <p align="center"><img border="0" src="images/2002-03-Fig03.gif" width="460" height="330"></p> <h3>References</h3> <p>[1] There is a similar problem with C and C++: just like people don't distinguish them as separate languages on their resumes, most search engines treat C and C++ as equivalent. While a series of questions starting with one as simple as "what does virtual mean" can easily translate 'C/C++' to 'C' on the resumes, identifying the actually required language skills for the jobs is really difficult without reading the job descriptions.</p> <p>[2] Please note that these two figures do not compare the trendiness of different platforms. They chart the history of individual platforms on the same graph. For example, 0.5 for a particular platform would mean that the total jobs for that platform are 50% less compared to a specific date in the past (01/23/00 for platform jobs, and 09/28/00 for device driver jobs). </td> </tr> </table> </body>