Slashdot Mirror

← Back to Stories (view on slashdot.org)

Sketching A Webpage With Denim

Posted by timothy on from the point-and-point dept.

Sayten241 writes "Wired is running an article about a program from UC Berkeley in which website developers can literally sketch out a webpage using a tablet. The article states that Berkley felt that since so many web-developers sketch things out on paper before they begin, why not allow them to sketch on the computer? This program is not limited to websites however. It has also been used to help MIT design a Linux Interface (click the blue parts of the image to navigate through interface)."

19 comments

  1. re: Linux interface by Tumbleweed · · Score: 5, Funny


    Well...at least it looks better than KDE. ;)

    *just joking!*

  2. Great, now if they could only... by stefanlasiewski · · Score: 2, Funny

    Great, but now I need a computer program to help read the horrible handwriting.

    I can see this thing being very useful for writing out doctor perscriptions :)

    'Let's see, this script says 30 pills of Acetpoiunasd and 10 pilos of Hydroasdhkjh'. No problem!

    --
    "Can of worms? The can is open... the worms are everywhere."
  3. Prior art :) by Kickasso · · Score: 3, Funny

    I know of a guy who sketched his website on some A4 sheets. Then he thought "heck, this is good, why waste an effort." He simply scanned these pages, added some code for navigation and that was it.

    1. Re:Prior art :) by RevAaron · · Score: 3, Informative

      There is this Mac "HTML" editor that basically did this, but streamlined it- the whole process was done on the Mac. My gf had been looking for a free HTML editor before she pirated Dreamwaver or spent all day for a while in a lab at school working on her website with the school's copy.

      You were given a white, blank page to begin with. You had various tools, and it looked like a drawing program. You put text on, images, etc, drawing them. It would work well with a tablet. Then you save. You'd think the tool wouuld save all the text as regular HTML text, but nope- it exported the *entire page* as an image, making an image map out of it with the text that was supposed to be linked, etc. Really seemed laughable.

      Denim seems a bit cooler- it adds gesture recognition to this. ;) (and more, it'sa joke folks)

      I am pretty sure this was an old version of Freeway for Classic Mac OS. There had to have been an option somewhere to have it emit HTML/images like a normal editor, or perhaps they've just upgraded it to that... But they're not out of business, and some people really like the tool so it must not be a totally crappiece.

      --

      Working toward a usable PDA environment in the spirit of Newton OS: Dynapad
  4. Yay. I am so excited *sigh* by billcopc · · Score: 3, Insightful

    So it's a Paintbrush toy with an HTML wrapper. Back in my day we called this Imageready.

    Now if only it did OCR and converted lines into tables, then we'd be on to something. I can't keep track of the time wasted futzing with tables.

    --
    -Billco, Fnarg.com
  5. Motivation by Anonymous Coward · · Score: 1, Funny

    With art like that up on a clickable site, the art department will be motivated to come in before noon to rectify the situation. They can't stand things like that. Tell them it's the permanent art!

    I found in the games industry the best way to motivate an artist is, don't wait, put "programmer-art" in there.

  6. Penmanship by WatertonMan · · Score: 2, Funny
    Man. And I thought *my* handwriting was bad.

    Tip to webmasters using this software. All that time you saved avoiding learning HTML, Dreamweaver or whatever you now have to invest in penmanship lessons.

  7. Re:oh..ok.... by Anonymous Coward · · Score: 0

    So we should make sure creative and smart people are only doing what you consider is worthwhile?

    I don't think letting a stupid idiot like you decide what smart and creative people should do would get the world anywhere.

  8. Re:Yay. I am so excited *sigh*-Links by Anonymous Coward · · Score: 0

    Before I turn in, I would also recommend looking at the main site for things like "Silk" (http://guir.berkeley.edu/projects/). There's some nice gems there. I do wonder what licenses some of this stuff falls under.

  9. Re:Now We'll Hear From All Those Coding Elitists.. by Anonymous Coward · · Score: 2, Insightful
    The problem comes when some idiot fails to do what we elitists do, namely generate documents that are not only W3C-valid HTML but can also be usefully rendered in a variety of unanticipated media.

    Most "tools" for "non-techies" put out atrocious garbage like undefined codepoints (which appear to work but only if you're running Windows) and layout with no structure (so the document makes no sense unless you can render and view it in two dimensions and at a resolution and font size similar to the authors') and sometimes even defective markup (only certain user agents happen to have the error-handling behavior you're relying on).

  10. Open Prototyping by yerdaddie · · Score: 1

    The prototype linked is part of a broader effort to get interaction designers and end-users involved in open-source style interface design. Open Prototyping suggests that interaction designers release-early/release-often, but in this case sketches instead of code.

    The sketches created in DENIM are intentionally informal. The rational behind this is that people are more willing to speak up and change things that they feel aren't finished. Human-Computer Interaction people like to use informal tools to try out lots of different designs before someone wastes a couple years of their life coding up something totally unusable.

  11. Not cool - Python running on IIS by cyb97 · · Score: 1

    CGI Error
    The specified CGI application misbehaved by not returning a complete set of HTTP headers. The headers it did return are:

    Traceback (most recent call last):
    File "c:\inetpub\wwwroot\cgi-bin\denim\download_denim.p y", line 170, in ?
    (('Downloading', data.file),
    File "c:\inetpub\wwwroot\cgi-bin\denim\guirlog.py", line 97, in writeToLog
    f.close()
    IOError: [Errno 28] No space left on device

  12. Re:Now We'll Hear From All Those Coding Elitists.. by borkus · · Score: 1

    I've long since resigned myself to cleaning up multiple nested tables, empty font tags and extraneous attributes.

    However, whenever we have a pen and paper meeting with wire frames, it eventually means one of our designers has to start from scratch to create HTML. Anything that saves our designers a couple of hours in lead time, means we can get a faster prototype to the users. Also, my having an HTML artifact from the wireframes, you can always refer back to the original sketch if a more fleshed out prototype doesn't work.

    I'm all for it. The sooner the users and designers figure out what they want - the sooner I can start cleaning up their HTML.

  13. Re:Now We'll Hear From All Those Coding Elitists.. by Anonymous Coward · · Score: 0

    I wouldn't have said that. Those "coding elitists," as you call them, are so busy being intelligent, they're too dumb to understand criticism as anything other than an attack on their own "only correct" world view.

  14. Re:Yay. I am so excited *sigh*-Links by Anonymous Coward · · Score: 0

    No license. It is in the public domain. You can do with it what you wish.

  15. IEEE Computer Article by lwbecker2 · · Score: 1

    There was an IEEE Computer magazine article on this in March 2001.

    It was titled: Sketching Interfaces: Toward More Human Interface Design

    Go to the The IEEE Computer Society and search the title in the Digital Library if you want more info. (IEEE membership required).