[ZWeb] HTML mock-up for the product area

Trevor Toenjes zope@toenjes.com
Mon, 8 Apr 2002 15:31:49 -0400


This is a multi-part message in MIME format.

------=_NextPart_000_007A_01C1DF12.805F0200
Content-Type: text/plain;
	charset="iso-8859-1"
Content-Transfer-Encoding: 7bit

Since this is the area I volunteered to help with and I feel is of
significant importance to the community...
here is an HTML sample of how a "Product Page" could work.

I tried to keep it so that current data could be migrated easily to this
form while adding the additional functionality.  But then again, I am not
that familiar with zope.org's structure.

Hopefully this can help with the vision to help "Products" improve quality
and support, thus helping the Zope userbase grow though "better products
mean faster adoption".

Feel free to take this over in anyway.

Cheers,
Trevor

------=_NextPart_000_007A_01C1DF12.805F0200
Content-Type: text/html;
	name="zwebsample.htm"
Content-Transfer-Encoding: quoted-printable
Content-Disposition: attachment;
	filename="zwebsample.htm"

<html>
<body>

<p align=3D"center"><font color=3D"#CCCCCC">sample page for URL: =
http://www.zope.org/Members/zopeorgusername/ZSomethingProduct</font></p>
<div align=3D"left">
  <table border=3D"0" cellpadding=3D"0" cellspacing=3D"0" =
width=3D"100%">
    <tr>
      <td valign=3D"top" align=3D"left" width=3D"471"><b>Product =
Name:</b>&nbsp;&nbsp; ZSomething
        Product <font size=3D"1"><br>
        </font><b>File Name:</b> ZSomethingProduct<br>
        <b>Product page admins: </b>zopeorgusername, jdoe</td>
      <td valign=3D"top" align=3D"left" width=3D"348" colspan=3D"2">
        <p align=3D"right"><b>Author Last Updated:</b> Jan 9, =
2002<b><br>
        Last Release Tested:</b>
        Zope 2.4.3<br>
        </p>
      </td>
    </tr>
    <tr>
      <td valign=3D"top" align=3D"left" width=3D"471">
        <p>&nbsp;</p>
        <p><b>Description:</b> <br>
        This is the area that describes what the product does.&nbsp; =
This can be
        a short descriptor or as long as the author wants.</p>
        <p><b>Details/Solution:</b><br>
        This is the area that discusses the problem that the product =
solves.&nbsp;
        Why the author wrote it.&nbsp; What deficiencies the product may
        have.&nbsp; A vision statement, etc.&nbsp; A sample of why the =
author
        developed the product can be more valuable that the description =
to
        figure out what it does prior to installing.</p>
        <b>How-to:</b><br>
        This is where the author can jump start the use of the product =
with some
        helpful hits, suggestions of use, etc.&nbsp; The display could =
be the
        first 30 words...[<a =
href=3D"http://www.zope.org/Members/zopeorgusername/ZSomethingProduct/how=
to">read
        more</a>]</td>
      <td valign=3D"top" align=3D"center" width=3D"146"> &nbsp;
        <div align=3D"left">
          <table border=3D"0" cellpadding=3D"0" cellspacing=3D"0">
            <tr>
              <td bgcolor=3D"#C0C0C0" bordercolor=3D"#C0C0C0" =
width=3D"200" height=3D"150">
                <p align=3D"center">optional thumbnail of =
screenview</td>
            </tr>
          </table>
          <p align=3D"center">more screen views available
        </div>
 </td>
      <td valign=3D"top" align=3D"right" width=3D"200">
     =20
       =20
    <table border=3D"1" cellpadding=3D"0" cellspacing=3D"0" =
align=3D"right" bgcolor=3D"#E4E4E4">
      <tr>
        <td width=3D"184">Author: <a =
href=3D"http://www.zope.org/Members/zopeorgname">zopeorgusername</a></td>=

      </tr>
      <tr>
        <td width=3D"184">
          <p align=3D"center"><a =
href=3D"http://www.zope.org/Members/zopeorgusername/ZSoemthingProduct/dow=
nload">Download
          Page</a></p>
        </td>
      </tr>
      <tr>
        <td width=3D"184">Status: Active (Stable)</td>
      </tr>
      <tr>
        <td width=3D"184">Category: <a =
href=3D"http://www.zope.org/Products/user_management">User
          Management</a></td>
      </tr>
      <tr>
        <td width=3D"184">Keywords: User folder, user properties,&nbsp; =
</td>
      </tr>
      <tr>
        <td width=3D"184">Downloads: 45</td>
      </tr>
      <tr>
        <td width=3D"184">Last Updated: Jan 3, 2002</td>
      </tr>
      <tr>
        <td width=3D"184">Date Created: July 25, 2001</td>
      </tr>
      <tr>
        <td width=3D"184">File Size: 9866 bytes</td>
      </tr>
      <tr>
        <td width=3D"184">Difficulty:&nbsp;<br>
          &nbsp;&nbsp;&nbsp;&nbsp; Author: Moderate(4)<br>
          &nbsp;&nbsp;&nbsp;&nbsp; Community: Moderate (6)&nbsp;</td>
      </tr>
      <tr>
        <td width=3D"184">License: ZPL</td>
      </tr>
      <tr>
        <td width=3D"184">Dependencies:<br>
          &nbsp;&nbsp;&nbsp;&nbsp; Zope 2.4.x+<br>
          &nbsp;&nbsp;&nbsp;&nbsp; CMF 1.1<br>
          &nbsp;&nbsp;&nbsp;&nbsp; <a =
href=3D"http://www.zope.org/Members/hathawsh/TransparentFolders">
          TransparentFolders 0.3.2</a>
        </td>
      </tr> =20
    </table>
 =20
 =20
             =20
</td>

     =20
</tr>
</table>
     =20
        </div>
     =20
     =20
     =20
<hr>
<div align=3D"left">
  <table border=3D"0" cellpadding=3D"0" cellspacing=3D"0" =
width=3D"100%">
    <tr>
      <td valign=3D"top" width=3D"554">
       =20
          <b><font size=3D"5">Community</font></b>
          <p><b>Descriptions:</b><i><br>
          </i><a =
href=3D"www.zope.org/Members/janed/ZSomethingProduct/howto">More
          detailed description</a> (george March 22, 2002)</p>
          <p><b>Details/Solutions:</b><i><br>
          </i><a =
href=3D"www.zope.org/Members/janed/ZSomethingProduct/howto">Solving
          security with ...</a> (janed March 22, 2002)</p>
          <p><b>How-to's:</b><i><br>
        </i><a =
href=3D"www.zope.org/Members/janed/ZSomethingProduct/howto">How to
        use with zClasses</a>   (janed March 22, 2002)<br>
        <a =
href=3D"www.zope.org/Members/bsmith/ZSomethingProduct/howto">Add
        additional user control</a>   (bsmith March 31, 2002)</p>
          <p>

       =20
          <b>Comments:</b><br>
          <a =
href=3D"http://www.zope.org/Members/zopeorgusername/ZSomethingProduct/com=
ments/243433234">
          This is the best product I have used. I recommend ... =
</a>(trevor Dec 4,2001)<br>
          <a =
href=3D"http://www.zope.org/Members/zopeorgusername/ZSomethingProduct/com=
ments/3954787845">
          Never got the widget function to work properly, seems ...</a> =
(jblow Jan 6, 2002)
          <br>
 </td>
        <td valign=3D"top" width=3D"267">
          <div align=3D"left">
            <table border=3D"1" cellpadding=3D"0" cellspacing=3D"0">
              <tr>
                <td bgcolor=3D"#C0C0C0">
                  <p align=3D"center"><b>Average rating is:</b></td>
              </tr>
              <tr>
                <td bgcolor=3D"#E4E4E4">
                  <p align=3D"center"><b>2.4</b> out of 5 (10 =
ratings)</td>
              </tr>
              <tr>
                <td bgcolor=3D"#C0C0C0">
                  <p align=3D"center"><b>
          Similar Products</b></td>
              </tr>
              <tr>
                <td bgcolor=3D"#E4E4E4"><a =
href=3D"http://www.zope.org/Members/jdoe/ZSomethingSimilarProduct">zOther=

          Similar Product</a>  <font size=3D"1">(cross-linked by fred =
March 28,
          2002)(Rating: 1.3, last updated Mar 3, 2002)</font>
                </td>
              </tr>
            </table>
          </div>
          <p>&nbsp;
          <p>&nbsp;</td>
      </tr>
    </table>
  </div>


<hr>
          <p><b>Mailing Lists:</b><br>
          <a =
href=3D"mailto:yahoo-zsomething@egroups.yahoo.com">yahoo-zsomething@egrou=
ps.yahoo.com</a>
          (users)<br>
          <a =
href=3D"mailto:yahoo-zsomething-dev@egroups.yahoo.com">yahoo-zsomething-d=
ev@egroups.yahoo.com</a>
          (developers)
          </p>
          <p><b>Development:</b><br>
          CVS : <a =
href=3D"http://cvs.sourceforge.net/cgi-bin/viewcvs.cgi/zsomethingproduct/=
">http://cvs.sourceforge.net/cgi-bin/viewcvs.cgi/zsomethingproduct/</a>
          </p>


<p align=3D"center"><a href=3D"http://">Rate this Product</a> | <a =
href=3D"http://"> Email Author</a> |
<a href=3D"http://"> Email Product Page Admin</a></p>


</body>

</html>

------=_NextPart_000_007A_01C1DF12.805F0200--