Since I put it into testing over at the ABe board already, I might as well make a thread here to discuss my latest project.
http://wakaba.c3.cx/notes/notes.pl
In a nutshell, it's a script for putting notes on images. This is from an idea of whispers', about collaborative translation - several people can work on a translation by creating and editing notes for text on a comic page. There are probably other uses too, if someone can be bothered to think about them.
It's definitely not done yet, but it's open for public scrutiny for bug testing and to gather ideas for features it needs to be useful. Some signs of it being unfinished are:
Well, have a look. Try not to mess it up too badly. If you want to do some heavy testing, add a new image to work on.
> other uses
Detailed art critique? Where's waldo? Labelling school/group photographs?
Hmm. Could you make the note icon partly transparent?
Is there a way to search for text within notes?
A little bit of CSS trickery should take care of transparency. Or even better, maybe I should make an alpha-channel PNG icon, just to annoy IE users. Ok, that's a little bit mean. Actually, I could detect IE and give them a crappier icon... ANYWAY.
No way to search for text, but that's not a bad idea, I suppose. I should add that to the list.
How about being able to integrate it with imageboards? i.e. when a post is made, it creates a link to a notes page for it (for translation boards or art boards).
That's part of the plan. That's really easy, actually, just need to make a link with the right URL in it on the board.
Updated!
Doesn't look as good in IE as it does elsewhere, but that's what you get. At least it works in IE, which is a small miracle in itself.
...as usual, make sure to reload the page to get the new Javascript and CSS.
Is "Show 'x' color only" on the list? How about a bubble maker to preview text positioning? Associate a second text area anchored to the pushpin but movable so you can preview english text without the kanji and discussion in the main note. Maybe with selectable fonts and font sizes. An option to show note on mouseover? Oh! And add a Thumbtack-tan pushpin!
This is gonna be so awesome for my site! n_n
Have you thought of a name for it? Wakaba Notes, WakaNotes?
No, this is unique enough for its own name!
Kareha is old leaves,
Wakaba is new leaves,
how about naming this one floating leaves or something like that?
Hmm, sprouting leaves? budding leaves? cloverleaf(for multiple-in-one deal?
It doesn't work in Safari :(
http://img169.exs.cx/img169/7678/safaribrokethingy5xh.jpg
Also, the page doesn't quite validate, but two of the errors are just the validator being stupid.
http://validator.w3.org/check?uri=http%3A%2F%2Fwakaba.c3.cx%2Fnotes%2Fnotes.pl%3Fimage%3Dhttp%3A%2F%2Fhaibane.finito-web.com%2Fgazou%2Fhaibane_memorial03.jpg
Aiee!
I am open for suggestions for names, because I haven't been able to think up anything good.
"Futaba" is already "sprouting leaves", or at least "sprout" as a noun. I've been wondering if it's a moe pun...
Ugh, Safari. KHTML is kind of broken... And Safari doesn't have a Javascript debugger, does it? So finding out what breaks is an utter pain in the ass, especially since I don't yet have a Mac to test on.
>>12
A little overboard on the suggestions? n_n;
Names... Clusterleaf? Multi/Manyleaf? Some sort of reference to climbing vines(I think they're called ivy)?
Now this is a neat and useful script.
After a few days of use, all the doubleclicking is really making me itch for a mouseover reveal option.
>>12
Akiha
Oh, or Aoba.
>The danger is that I'd end up making all error messages start with "Nii-san, ..."
I see nothing wrong with that.
XD
> # Deletion and reverting now works!
uh, how?
Also, needs more discussion thread on same page.
Click "More..."
>9
Hmm,
落ち葉(Ochiba) = fallen leaves
The notes script works properly on Safari v1.3/OS X 10.3.9.
That a newer version than the one you tried earlier? Safari still has some catching up to do with the standards compliance - hell, every browser does - but it's nice to see that they're working on it, at least.
It's new, just came out today.
And by today I mean "recently", but who's counting.
I think it's around time to implement a simple function, by which you can create a project or close a project. ( I don't know a proper word for it. Project Manager?).
I made a draft.
http://hinatama.net/~hinata/goodies/thingy.html
If it's okay, I'd like to join this project and add some codes for it.
If GDBM or other DBM is used at the moment, each project may have its own dbm file after the modification.
Probably, WAHa already gets to it, though.
I have also been thinking that it needs a way to organize pages better. I have been too busy with another crazy project to do any work on it, though, so it's stayed as it is for now.
It uses an SQL database internally, and has just a single table that contains columns for the image URL, an ID for the note, a timestamp, and the data for the note. The idea is that when saving, I just add another entry to the database, and all the old ones stay in the database. When showing a page, I pick all the entries with the correct image URL, and select just those with the newest timestamp. This lets the script show the entire editing history for a note.
There's not really any way to add projects to that, so I'm thinking there could be another table that contains the project information for every URL. When you add a new page, it doesn't automatically get added to a project (so you can have a section of unorganized pages for simple things), but you can then use the project manager or whatever to assign it to a certain project.
I would be interested in help with it, since I've got other things I'm busy with too, though. I think I'll upload the code somewhere later tonight.
I think the system needs at least three tables.
One for projects, one for pages in projects. The last one is for for notes in pages. I'm going to submit details tomorrow.
Thank you for your interest. If you possibly want to handle the source code and SQL a bit internally , please send them to my address( hinata @ sc.openbit.net )
So this is a draft.
http://hinatama.net/~hinata/goodies/karehatan.pdf
Any way to hide the menu window in the upper right corner?
Feature I'd like: Being able to export projects and import them into other projects. This could be useful for projects carried out on URLs that would eventually expire and similiar stuff.
>Being able to export projects and import them into
>other projects
It may be useful to transfer some pages on a project to another project. And it's rather easy to implement.
Similarly, updating the URL which expires is doable with a little difficulty.
It'd be easy enough to add a button to change the URL for a page that just asks for a new URL and does an UPDATE entries SET url=(newurl) WHERE url=(oldurl);
Did I call it "url" or "image" in the database? I forget.
url, isn't it.
You must be a wizard. I've nerver seen such complex,compact and efficient codes.
Er, it is of course appreciated that you want to help out, but those have all been edited already. http://cerealandmilk.net/iichan/img/res/543.html
This thread is for technical issues only, really, and if you want to contribute it is better to hang out on the translation and OS-tan boards, or whereever else the script is being used.
How about an editable field for a title, so we don't have to guess what the older filenames contain?
Hinata's working on some organizational improvements. Let's see how that turns out.
Upgrade complete!
Added a bunch of Javascript magic to better handle cooperative editing. The page will now periodically check the server for changes to the notes, and mark notes that have changed. Checking will also be done when saving, or if you click "upgrade" in the menu.
The script will now also warn you if you overwrite edits done by some else while you were working.
There are also some minor cosmetic changes, and a collapsible main menu just for >>36. Maybe something else too, but it's late and I'm too tired to remember what I've done.
Er, there seems to be some bugs. Please stand by...
Bugs fixed. (Hooray for mysql! Worst database EVER!) Now let's get this show on the road.
Hello! There is still something in javascript.
All notes, "Recent edits" and "Deleted notes" don't appear.
(I'm IE6 user, and its works several hours before.)
FireFox seems okey. (I installed it just now.)
I'll have to check that... It might be that you just need to use shift-reload to get the new Javascript code to reload, though.
Ah, you're right, there was a bug that made it not work in IE. Now it should work (if you reload). I do recommend using Firefox though, because some of the features don't work in IE (Notes do automatically update in IE too, but they don't get marked like they do in Firefox so you can't see which ones have changed unless you look at the list).
I also fixed the bug where editing an older note would give you the "sombody has edited this note" message once for no reason.
54GET
Could you include the note's position in the history page? Sometimes that's the only thing that's changed.
How about an option to change the source image address when it registers 404? In case it expires and needs to be re-uploaded somewhere.
I guess, but it doesn't seem all that important... Any particular situation where it would be useful to see it?
I've been wondering what to do about that. Changing the image URL is a somewhat destructive thing (as there's no obvious way to revert to the old one), so I'm not sure if normal users should be able to do it.