[Refdb-users] php/html interface mockup
Status: Beta
Brought to you by:
mhoenicka
Menu
▾
▴
[Refdb-users] php/html interface mockup
|
From: Matt P. <mat...@ut...> - 2004-01-31 03:00:29
|
On Fri, Jan 30, 2004 at 12:20:34PM -0500, Bruce D'Arcus wrote: > I don't think this made it to the list. Any feedback? I can mod the > xslt once I have a better sense of what we want. > Bruce, excuse the topposting -- your code etc included mostly just in case your mail nevergets to the list.... I think the format is really great, actually -- nice work! I like having a nice short format for the cite, this makes it much easier to integrate this search function into other web pages. And the look of the thing is quite pretty. Though I can see that other folks might not want this, I'd like to make a plea for a hot-linked title in a short-format list. This is mostly because once you have an <a href> tag, it's possible to write fully-functional mycroft search engines for mozilla (see http://mycroft.mozdev.org; if you don't use this already, I can just about guarantee you will 10 minutes after you check out the website). I've already done this for a number of libraries and (non-free, subscription based) bibliographical search engines I use. I would ultimately like to see the development of a fully-functional bibliographical search plugin for mozilla... Anyway, I'd like to keep the possibility of browser-integration open for this project. So, missing from here is still the code for _adding_ references and notes, correct? How do you think this should be done? Notes should be relatively simple -- the only hard part is getting the information into the xml format that refdb uses. If poss I'd like to see this done in xslt again, so that the hard part is abstracted from the scripting language and can be recycled in perl/python/whatever. Bruce, you're the xslt person, how does that shound to you? I have a primitive reference-adding form that I used for my own purposes before I really got refdb up and runing. You can see it working here: http://www.derailleur.org/phptest/addrefs.php the db that it uses is a sort of single-table version of a refdb database -- much muh less powerful, but easier to access directly via mysql/postresql. The only thing I like about this form is that it allows you to enter multiple references at the same time. There are lots of simple ways in which it can be straightened out and improved, but a couple of things are fairly iportant: 1) this is important -- choosing a reference format. Do you think risx/xslt is the way to go again, or would something simple like bibtex be more appropriate? Once more, the easier it is to move across scripting languages, the happier I'll be with the final product, don't know if this matters to anyone else. But I do like the idea of refdb as a sort of module for integration with all kinds of projects, so if clean html can be transparently produced with a minimum of hacking by end users, that's a big plus, I think. 2) I'm a bit worried about parsing author fields -- I'd prefer to have each author's name entered on a separate line, but I'm not sure that can be done without making a multiline textarea, which I'd rather not have (I like the simplicity and compactness of my current entry format, even if I don't really like anything else). anyway, I'm really psyched at what you've done here, Bruce! nice job. matt ------------------- > > In chatting with Matt, he indicated he'd like a short display, with > pop-ups for viewing and entering notes. I've put together a simple > mockup, a screenshot of which is enclosed. What do people think? > > Note: I've only included authors and title, though ideally the full > citation would be there, along with hot-linked keywords (as in Rob's > example). Also, I don't quite like the rendering right now for the > view and export button area. > > Anyway, here's the code: > > <html> > <head> > <meta http-equiv="content-type" > content="text/html;charset=iso-8859-1"> > <meta name="generator" content="Adobe GoLive"> > <title>Untitled Page</title> > <style type="text/css"> > body { > background-color: #bdcead; > font-family: Georgia, serif; > font-size: 11px; > line-height: 1.4; > padding: 10px; > } > > p { > text-align: justify; > margin-left: 40px; > } > > .biblio { > margin-left: 50px; > margin-top: 30px; > border: 1px solid gray; > background-color: white; > } > > .record { > margin-right: 40px; > padding: 10px; > } > > .citation { > > } > > .heading { > font-weight: bold; > } > > .title { > font-weight: bold; > font-size: 12px; > } > > .citekey { > color: #a69e7d; > margin-left: 20px; > } > > .note { > background-color: #bacdce; > font-size: 9px; > padding-left: 10px; > padding-right: 10px; > border: 1px solid gray; > font-weight: bold; > margin-right: 10px; > } > > .note { > background-color: #bacdce; > font-size: 9px; > padding-left: 10px; > padding-right: 10px; > border: 1px solid gray; > font-weight: bold; > margin-right: 10px; > } > > a { > color: #add105; > text-decoration: none; > } > > a.hover { > color: #bde2da; > } > > input.mark { > float: left; > margin-left: -30px; > } > input.search { > margin-left: 40px; > padding: 10px; > background-color: transparent; > font-size: 10px; > font-weight: bold; > } > input.view{ > margin-left: 40px; > margin-top: 10px; > font-size: 9px; > } > input.search-button{ > margin-left: 20px; > font-size: 9px; > width: 70px; > } > #header { > border-bottom: 1px solid gray; > padding: 10px; > background: #cecece > } > #top { > margin-top: 20px; > margin-left: 400px > } > select.choose { > font-size: 9px; > margin-left: 10px; > margin-top: 10px; > } > </style> > </head> > > <body bgcolor="#ffffff"> > <div id="top"> > <input class="search" type="text" /><input type="button" > class="search-button" value="search"/> > </div> > <div class="biblio"> > <div id="header"> > <input type="button" class="view" value="view > marked"/> > <input type="button" class="view" value="export > marked"/> > <select name="export" class="choose"> > <option value="bibtex">bibtex</option> > <option value="mods">mods</option> > <option value="ris">ris</option> > <option value="risx">risx</option> > </select> > </div> > <div class="record"> > <p class="citation"> > <input type="checkbox" class="mark" value="N1"/> > <span class="title">Inhibition of deactivation of NO sensitive > guanylyl cyclase accounts for the sensitizing effect of > YC-1</span><span class="citekey"> [Russwurm2002]</span></span></p> > <p class="keywords"><span class="heading">By: </span><a > href="index.php?format=risx&field=AU&searchText=Russwurm">M > Russwurm</a>; <a > href="index.php?format=risx&field=AU&searchText=Mergia">E > Mergia</a>; <a > href="index.php?format=risx&field=AU& > searchText=Mullershausen">F Mullershausen</a>; <a > href="index.php?format=risx&field=AU&searchText=Koesling">D > Koesling</a></p> > <p><span class="note">add note</span><span class="note">view > notes</span></p> > </div> > <div class="record"> > <p class="citation"><input type="checkbox" class="mark" > value="N1"/><span class="title">Inhibition of deactivation of NO > sensitive guanylyl cyclase accounts for the sensitizing effect of > YC-1</span><span class="citekey"> [Russwurm2002]</span></p> > <p class="keywords"><span class="heading">By: </span><a > href="index.php?format=risx&field=AU&searchText=Russwurm">M > Russwurm</a>; <a > href="index.php?format=risx&field=AU&searchText=Mergia">E > Mergia</a>; <a > href="index.php?format=risx&field=AU& > searchText=Mullershausen">F Mullershausen</a>; <a > href="index.php?format=risx&field=AU&searchText=Koesling">D > Koesling</a></p> > <p><span class="note">add note</span><span class="note">view > notes</span></p> > </div> > </div> > > </body> > > </html> > > Bruce > |
