Thoughts on the paint tool interface

Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
Liczba odpowiedzi: 30

Hello everyone!

This summer I'll be working on a paint tool for Moodle (please read my proposal).

In the GSOC 2009 introductions forum, I have started an interesting discussion about usability and general user interface matters about the drawing tool with Olli Savolainen - please see the thread itself for further context.

As suggested, we will continue the discussion here. Anyone is encouraged to contribute. ;)

Here's my reply to the last message from Olli:

Olli said:

> Thanks. An example of a drawing UI that
> exhibits out-of-the-box thinking:
> http://www.atebits.com/scribbles/. That
> does seem to serve a more artistic use
> case than what is purposeful in Moodle,
> but throwing it in, in case it might
> inspire you. I guess you need a desktop
> app for that to perform well in terms
> of computing power, I don't know?

It's the first time I see this application. It sounds interesting, but screenshot links and the screencast link all fail. They won't work for me. So, I can't comment much, until I see more.

Sure, the more advanced the UI is, the more system resources are used. Obviously, a native application is much faster. Web applications need to be lighter than native ones.

The Photoshop CS 3+ interface is quite lovely, in my opinion. They allow an important amount of interface customization freedom - floating panels, dockable, stackable, etc.

You should check out 3D applications, like modelling tools: Mudbox, Modo, Zbrush and others. These are highly specialised native applications, featuring rather interesting GUIs, expansions on current metaphors and more. They are far the most "amazing" GUIs I have seen in real use.

> Why do you need 'new' button if the picture lives
> in a web browser? Isn't creating a new picture
> (=editor) more a job of the surrounding web
> page, in the sense that it is up to the context
> (=where you are in moodle) to define whether
> or not multiple images are even allowed?

You have a good point, but currently the button serves the purpose of clearing the current image (you can start over again with a "new" image). This is rather bogus at the moment. The idea is not to edit multiple images, just to start over.

Thing is, I don't think it's correct to remove this functionality, in any use-case. I agree some tweaking is needed. Any ideas?

Multi-image editing is not yet allowed by PaintWeb - nor is this planned for the summer. It shouldn't be *too* hard to do it, but... it's not yet needed.

> Also, I am wondering about the 'save' button. Web
> apps are going more and more to the direction
> that things are autosaved, and I think that should
> be the primary way of saving. As this app requires
> javascript anyway, AJAX-style autosaving should
> be available anytime the app is, right? You might
> want to keep the save button just to give the user
> the chance to make sure that it is saved, but I am
> not ruling out that it might be dispensed with
> altogether if autosaving can be made good
> enough in terms of its frequency and feedback
> to the user.

Again, very good point. I presume any implementation of autosave would rely on saving the state every 5 minutes (or some configurable interval). However, the user might want to save earlier, and coimplete the work. Besides, there's the benefit of making the user feel comfortable "hey, I know I saved the image". ;)

Another aspect needing given thought regarding autosave: how one would like it implemented? You surely don't want autosave to overwrite the original/real image you are editing - you still want a chance to cancel all the image edits. Then autosave needs to use a temporary file on the server, where to save the state of the image being edited. How about network use? Saving an image over the Internet is not as fast as saving an email in Gmail, every 5 minutes. One approach would be to save the history of actions performed by the user, then, upon recovery, re-execute all actions using the original image. This would allow very quick auto-saves, but slow recoveries.

Last, but not least, actions-based history is not yet implemented in PaintWeb. Thus, something like autosave will need to wait for it.

> If you want a UI where an uninitiated user is
> instantly confortable (you might not want this all the
> way, but I think you should go some way to make it
> easier), a minimal amount of buttons whose
> purpose is not clear to anyone, right away, should
> be in the toolbar. Or at least the more advanced
> ones could be grouped so that they are not in the
> way of the simpler uses of the application, which I
> suspect to be the common ones?

Suggestions for improved icon alignment / group are very welcome.

> The buttons I would say (and this indeed is
> subjective) are clear are (from clearest to fuzziest):
>
> - text tool
> ...

Eraser size is determined by line width (hehe, it's completely unintuitive for now). This must be fixed. Why the line width? Because the eraser is actually the pencil tool with some tweaks.

Good point about merging the poly tool with the line tool. Will do it. Thanks!

The "move/drag" tool is half-baked for now. It needs improvements: it should be disabled when the image fits in the viewport, and it should be usable at all times when holding down the Space key, like in Photoshop.

I would like to keep the Bezier curve tool, since it allows users to draw something they can't with other tools.

Maybe you could provide me with additional feedback/thoughts on the actual usability of the drawing tools themselves.

Thanks again, Olli, for a really well thought-out reply. I appreciate your valuable feedback.

W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
Hi again Mihai,

The most important thing any usability/UX specialist can tell you, and I will too, ad nauseam: You need to talk to the people who will be the users of your app, to know them. Otherwise, you will not fulfill the users' expectations (those they are aware of and those they are not), and at the end of the day, that is what all UI design is about.

This is crucial especially since your application is so UI-centric. Who are your users? Which users would benefit from drawing? Teachers, students, who else? From them, you need to find answers to such questions as:
  • In what kinds of situations would they like to use the your tool,
  • or what in which situations do they want to give students a chance to draw?
  • Are there situations where teachers *do not* want students to draw,
  • or where they want them to only draw instead of writing? (Example: A low [though higher than plain text] fidelity alternative to equation editing in maths? -> what conclusions you can draw to the UI from this?)
  • (For context to the above answers, you also want to know what kinds of things a particular teacher uses Moodle for.)
I suspect the most important decision you need to make may be: Does what the UI should look like vary, depending on the context it is used in, and how?

I did something similar last summer when I was designing the new UI for Quiz. I went to teachers and asked them a bunch of questions. There were many conclusions, and the status bar that is now in the editing UI is a result of that work: I found out that teachers return to quizzes after even long periods of time and may not remember what kind of a quiz they made a particular one. So information about the most important states of the application has to be readily available. I would never have come to think about this if I had not talked to the teachers and drawn the conclusions. If you ask the right questions, you will be surprised of how little you already knew about your users. And this is exactly what will tell a tolerable UI (=many parts of moodle) apart from an excellent one. (Although the Quiz editing UI is not quite yet as excellent as I want it to be, despite my work uśmiech)

(The main point about Scribbles was the Infinite canvas it has. That is, the UI throws away concepts such as bitmap/vector drawing, and canvas size, since they really are irrelevant to the task of making a drawing. If you suddenly want to add something to the left side of your work, but you did not anticipate it when you started drawing, the application does not force you to enlarge the canvas or any such nonsense. You can simply continue drawing where you want to, and the application worries about the canvas size for you.)

I will reply to the individual thoughts about single controls later. uśmiech This project is really exciting, keep on the good work!
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
Thanks Olli for your continued feedback.

Your experience certainly speaks a lot. I believe I should post a new discussion in the K12 forums with a link to some MoodleDocs wiki page where I'll write down an interview. I presume you don't mind if I use for inspiration your questions. As you said: asking the right questions is very important, and given I am more of a programmer, your feedback and experience is essential. Hopefully teachers and more potential users will reply with meaningful answers to the questions posted on the wiki page.

Ah, interesting point about Scribbles. I've seen that already in some way, in Geometer's Sketchpad. No bitmap-based editing, not even vectors. It's dynamic geometry software where you draw lines and shapes in a very dynamic way - similar to vector graphics, but not quite vector - you must try it to understand what I mean. The application doesn't provide a way to define canvas dimensions - it's infinite.

While I appreciate the concept of having an infinite canvas, currently this possibility is out of scope for PaintWeb. Perhaps some time in the future.

Looking forward to your feedback on individual controls.
W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Nadav Kavalerchik ()
Obraz Core developers Obraz Plugin developers Obraz Testers Obraz Translators
W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
Now that you got some data on user needs, I'll try to place attention on what I find relevant. But first I have to ask you to excuse me for making you do a User Experience practitioner's work. I realize from my experience that it can be really hard to concentrate at once on software engineering/programming and on the needs of the actual users, and really these are two separate fields. Still, anyone working on software needs to have an idea about learning the needs of users, just like an User Experience practitioner without any understanding what is possible to implement can be more of a burden than an asset to programmers.

One of the key questions on the more general behaviour of your app is
  • whether it is for just editing single images or whether a single instance of the application can handle saving of multiple files at once.
  • Or if the app can even have several images at once open?
The fact that you plan to initiate the drawing inside the rich text editor takes the complexity of this question up a notch.
  • How should developers, who decide that in their module users should be capable of drawing, decide whether to just enable drawing or drawing inside a writing? (Are there contexts where drawing but not text is needed? With little children invoking a drawing application separately from within a writing application may already be too complicated.)
My gut reaction would be to keep your app simple as possible: have Moodle determine whether in a given context there can be several drawings or just one (and thus, just have a "clear image" button in your app, with a confirmation dialog).

I am thinking of having one instance of your simple drawing app, and then if there can be a number of drawings, the module developer can have a "add another drawing" button under the drawing app, to have another instance of your app started below the first one. And maybe also then have controls to remove - with confirmation - accidentally added instances?

This would keep complicated UI modality out from the drawing app itself - since the drawing app already lives inside a browser window which has modalities (tabs) of itself (and the browser usually lives within a multi-tasking environment which is another modality), too much modality within a web page easily creates extra confusion to users.

This is an example of a scenario where user data is useful. So, what we need to do is try to find the key scenarios which we want to support, and then balance the UI of the app to support the ones we find important. Let's take the first description of a scenario:

"One of the things that young students like to do is draw a picture and then write about it. This is also very helpful to our students who are learning a second langauge. It could also be used with other students to illustrate the points they are trying to make. "

So: Young students, and those learning a second language, could use a drawing to get started with writing, right? So in this scenario, the point is not really to create a picture to support existing text (as opposed to newspaper articles where pictures are there to support the main text content). Instead, students are encouraged to start drawing, and then tell about their drawing.

In this situation, just a text editor with a possibility to add images would a) be more complicated an UI than it needs to be and b) would actually communicate to the students to do a different thing than the teacher originally meant, which was to first draw a picture and then move in a sense to the next step (though being capable of still continuing to edit the image, too) to write about it. The ideal UI to fit this particular need would then seem to first have a drawing app directly on the page (probably for just one drawing without the capability to add another one). And below that drawing app, on the same page, there would be a text editing box, for writing about the image - and to avoid confusion, that text editing box should not have a button to add another image inside the text area.

An important aspect of this is that it is modeless (unless you count scrolling the page as a mode). You can go back and forth between writing and drawing, without opening and closing the drawing window and potentially worrying about saving the changes to the picture every time you want to go from drawing to writing and back again.

On the other hand, with the other scenario mentioned, "It could also be used with other students to illustrate the points they are trying to make" it seems clear that these students need to add their images inside the flow of text.

This also has to do with saving functionality. I think the ultimate goal is to have autosaving in Moodle and in the web in general so good that users really would not have to worry about saving their work with a second save button, but could just push the submit form button when they have finished working. (In some context, previewing before submitting button can be useful though.)

My post is getting long, but I hope you are getting a bit of an idea about how the answers are to be used. It is user research, so you don't take people's opinions at a face value, but try to understand their needs, in this case pedagogical needs, and derive how the application might best serve those needs. Like in the above, the needs don't necessarily translate directly to features, but to more subtle design decisions of the app.

(To risk ranting too much, this is exactly why user research and user experience design need to come first in any software development process - the experience of the user is not just an interface to slap on the finished app, but the needs of users can affect every layer of software design.)

An extra rant: It seems that the default TinyMCE rich text editor in Moodle 2.0 adds a huge distraction to users with those three rows of buttons. Though this is not your responsibility to think through, I am wondering if there really is an expressed need for more controls or could TinyMCE be stripped from all the controls that aren't there in the HTMLarea of 1.9? Or could the extra controls at least be hidden with progressive disclosure, to be shown only with the click of a "show advanced controls" button - like wordpress does?
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
Also, something like autosaving just to the local machine using somethinglike Google Gears might help, if the worry is that autosaving is too slow over slow network connections.
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Martín Langhoff ()
In TinyMCE and in the HTMLArea integration the administrator can disable all the buttons he wants uśmiech
W odpowiedzi na Martín Langhoff

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
How many will? I can't think why would any admin start customizing the toolbar on their own, unless they are really keen on usability. It is seemingly easy for anyone to just pass by those buttons they don't know, but it slows most users down everybody since their eyes scan those icons anyway.

The default of TinyMCE is rather horrid. Although any administrator can bring back the buttons they need, the default should be reasonable. We already have users accustomed to the set of buttons of HTMLarea in earlier versions of Moodle (= WOW. for once we actually know what many users will expect). So there is no risk in not introducing the more obscure of the new ones that come with TinyMCE in its default configuration. I also found Tim's thoughts on how apparent different config settings should be refreshing.

Here's what I would drop (or preferably, have available with progressive disclosure). Of course, this is just my view, anyone who sees any of these as critical to have in all installations, please have your say. uśmiech
  • Preview (this should be provided by Moodle and not within TinyMCE - perhaps as a quick javascript like TinyMCE does now, or just a plain old slow preview POST button - if the content of the form is more complex than one editor, Moodle can preview the result of all the fields in a composite preview, whereas TinyMCE can only show the preview of that one rich field, which is kind of pointless since it is a WYSIWYG editor anyway)
  • Insert/edit anchor
  • Styles menu
  • Citation
  • Abbreviation
  • Acronym
  • Insert new layer (the layer created is positioned absolutely so there is usually no way for the user to know where on the page the layer will end...)
  • Edit CSS style
  • Visual control characters on/off
  • Strikethrough (risky)
  • Subscript (risky)
  • Superscript (risky)
Hm, that probably isn't enough to get rid of the third row... it is really a shame TinyMCE does not accommodate the horizontal space if there is some, but insists on keeping the toolbars rather narrow even on modern resolutions.

Wow, we have an equation editor. Didn't notice that before. uśmiech
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
An interesting fact: even HTMLarea has more controls visible by default than Wordpress' rich editor has when even its extra controls are shown (=when the "show/hide kitchen sink" toggle button is set to show). Not to talk about Gmail's rich text editor, which has no extra controls option at all.
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
Sorry for flooding. What do we need the show HTML source button for, either, since there is the toggle for that outside the editor, where it belongs. (BTW, this toggle is the ideal situation to use tabs for - just like wordpress does: for showing alternative views of the same data is the textbook definition of the purpose of tabs.)

Since I keep praising the way Wordpress has been thought out, here's a screenshot (notice the tabs, right? Right.)
Załącznik ($a)
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
Created the ticket with a suggested init code for TinyMCE:

http://tracker.moodle.org/browse/MDL-20139
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
That's very good. Perhaps even lighter it wouldn't hurt.

One question: how would you suggest PaintWeb should be integrated? Yet another toolbar button? Or should I only rely on the "Edit" button displayed on top of the image, the context menu, and the "double-click to edit" action?

I'd remove the PaintWeb toolbar button, but what holds me back is the user can no longer create a new empty image. By clicking the toolbar button when there's no selected image, the user can create new empty images with PaintWeb and draw inside.

Any thoughts?
W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Mauno Korpelainen ()

Mihai - in my opinion your Paintweb button belongs to toolbar. Not necessarely to default configuration of default toolbar in core moodle but it would be nice to have different "creative tools" or "school tools" in the same init code in an optional configuration - the same way as we will probably see an pluggable advanced math editor configuration with math tools for math teachers because none of math tools are visible in default configuration - read http://moodle.org/mod/forum/discuss.php?d=130470#p572534 - Olli even suggested taking sub and sup away as "risky" buttons surprise wink

Or if we are allowed to use several selectable configurations PaintWeb might belong to FULL configuration by default or to full screen configuration if all default buttons must fit to 2 rows. I personally don't see any problem in using 3 rows in editor but I have a large screen and I have seen most buttons before so I guess Olli is right here and some people feel that 3 rows of buttons is too much to handle.

Current icon for your tool is ok - just remember to use 20x20 px icons when you add new buttons to TinyMCE - otherwise tinyMCE scales the buttons to 20x20px and they get granular in advanced theme.

Because your tool is not made for painting alone but it has a close connection to image plugin I might use an icon that combines both painting and image plugin (attached some examples) but it's not a major issue...

Oh - I forgot to comment that EDIT button over image - it's cool, don't drop it. It is much easier to notice the editing option if we have a button for editing both near the object and in toolbar. We have also that most important button of moodle - "Turn editing on" - and a link in course menu for the same task.

Załącznik ($a)
W odpowiedzi na Mauno Korpelainen

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
Aha, thanks for the reply Mauno.

So, then the placement of the PaintWeb toolbar button will depend very much on the result/outcome of your work and Olli's work in deciding how TinyMCE configurations are going to be used. This sounds great.

I'd really appreciate if multiple configs would be available for specific purposes. This would allow a less cluttered GUI for the toolbars, and ... for example, PaintWeb and the math editor only show up when needed.

The icon is 15x15. Hmm, I'll make it 20x20 px.
W odpowiedzi na Mauno Korpelainen

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
Decided that I would take a look at the toolbar issue again now, since it was left unfinished. Only now noticed that I had missed some discussion here.

Yes, I believe too that the image editor is such an important feature that it should usually be there in the toolbar. That depends on context though - probably there are situations where it does not make sense to create images or tables because what we are creating is so minimal, but we might still want formatting. Maybe in the future modules can define whether they want a "minimal" or a "large" text editor.

Just to clarify - Mauno, by adding the "risky" label in there I meant removing the buttons is risky, not the other way around uśmiech.
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
Yeah, I look forward to see the feature of multiple TinyMCE configs/profiles in some future Moodle version, maybe Moodle 2?

Anyhow, whenever that kind of API and functionality is available in Moodle, I would be happy to assist with any further updates needed to the Moodle integration of the paint tool. I just need to be notified via email directly - I might miss forum updates or blog posts from the community. ;)

All the best,
Mihai
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
Hello Olli!

Thanks for your continued feedback.

There's no need to excuse yourself. I am glad to do some user experience-related work. After all, this will improve Moodle and the paint tool.

Regarding PaintWeb instances: it will be possible to have multiple PaintWeb instances running in the same page. Some day, but not really soon, it will be possible to edit multiple images in a single instance of PaintWeb - using some metaphor like "tabs".

Thus, anyone who will want to integrate PaintWeb in his project should allow editing of one image at a time. If he decides to have multiple instances of PaintWeb inside a single page, then he gets the toolbars and all the GUI multiple times in a single page. This is actually the same case with TinyMCE.

It's entirely the choice of the developer how he chooses to integrate PaintWeb.

Regarding your second question, that's certainly highly relevant in Moodle's context. Some teachers want to be able to edit images right from their article editor. Others want to skip the article editor and simply create and draw a new image - and optionally add some text inside.

Personally, I am not a teacher and I don't know for sure where it would be best to have the paint tool present. I will provide a tinymce plugin for PaintWeb integration and we'll work from that. We can enable and disable it as needed.

You are right about keeping the complicated UI modality out from the drawing app itself.

Use case #1: for this case some new types of courses and assignments could be created. Such that the student can simply start the paint tool, without tinymce.

Use case #2: looks like this is best handled with the proposed tinymce integration. The user edits an article and optionally he can add/edit images.

I agree, the default tinymce GUI configuration is far too cluttered. Hopefully, PaintWeb will feel lighter. ;)

Currently I am working on the new GUI for PaintWeb. Once it's ready, we'll have something more precise to discuss about.

Thanks again for your feedback. It's very helpful for understanding how user experience work needs to be conducted.
W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
To recap: since the web page itself can create more instances of PaintWeb, and because extra modality (another level of tabs - browser has some, Moodle often has two levels, so potentially the ones in the painting tool would introduce a fourth level of hierarchy&modality) easily gets really complicated in a small box that lives inside the browser window, I believe that you should not have the capability to edit multiple images at once in one instance of the painting tool (phew! what a long sentence!) Not unless a really persuading use case to suggest the opposite arises - I don't think one has yet.

Of course, if the app lives as a stand-alone tool (not surrounded by Moodle) inside the browser, that might be another story.
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
Sure, within the context of Moodle it wouldn't be too nice to clutter the UI of PaintWeb with features like editing of multiple images in a single instance.

However, within the roadmap of PaintWeb, I consider this functionality quite important. I'll work on this after GSOC.

Editing of multiple images, layers, gradients, filters and SVG support. Big features. ;)
W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Olli Savolainen ()
File storage: how abstracted away is it? the web is not primarily about files, and if a user has to draw an image as a part of a document or a quiz answer, they should not be bothered with the thought that the image is, in fact, a file on the web server. Of course, the teacher may or may want a student to be capable of accessing their photos afterwards through the file system.

I am a bit worried about just having the edit image icon in the properties dialog. Could an edit button not be superimposed on any selected image in the text editor, like Google Docs writer does it? Also where's the icon to create a new image from TinyMCE?

About the clear image button: even a trash icon might be considered, since that has no meaning in this context except delete. The only issue with that is that users may expect to restore images from trash, too.

Discussion about the subject: http://www.ixda.org/discuss.php?post=15483

http://www.iconempire.com/stock-icons/word-icons.htm
http://api.ning.com/files/OpdngfoSXames-VWsJCVgc2XUhAQLhA3u2GYZXHLcvM8EjVRK7ZQpYTbOMC3u*wcWqmiSiSqwNhn1asZGbSncdXjlPY0xMla/networkEmptyIcon.jpg

Also, I have seen something like this somewhere (this is just a quick sketch). Maybe this inside the "new file" icon you have now, just replacing the lining with this?

After all, testing/card sorting will probably be the only thing that will let you know if the icons really work.
Załącznik ($a)
W odpowiedzi na Olli Savolainen

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
How files are to be handled and how abstract the concept of file storage will be dictated by the Moodle 2 File API.

I agree that a new 'edit image' button in the tinymce toolbar is going to contribute to the clutter.

As for modifying the current 'add/edit image' dialog, this is possible, but as far as I know such changes are not possible in a "nice way" - tinymce does not provide an API to change the 'add/edit image' dialog (last time I checked, I'll check again when I get to this type of work). Thus, we will have to do a patch that needs to be applied to tinymce - not sure if this is somethig Moodle wants. I presume a clean tinymce is preferred with some extensions/plugins that modify it to the needs of Moodle.

The third option is to add some 'edit image' button to each image element in the article, visible only when the said element is selected. This would be perfect. I'll be looking into the tinymce api and see what I can do.
W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Ian G ()
Some kind of white board tool would be great for Moodle, especially for tutoring things like math and sciences that have complex equations and figures. There are applications like MathType which are quite sophisticated, but they also need a certain level of sophistication to be able to use them. Kudos, on a great project...
W odpowiedzi na Ian G

Re: Thoughts on the paint tool interface

Napisane przez: A FRI ()
I´ll say 100 % yes to a whiteboard-like tool which I really could need in my science lessons.

At the moment, I use JarNal offline in my lessons, save the data as pdf and upload it as a resource in moodle. To be able to do it online would be great.

Instead of Mathtype, I use for example the php-based equation editor by codecogs , but its true, these editors are a bit difficult to handle.

Something like dabbleboard or twiddla with the possibility to save more than one "whiteboard page" would be fantastic!

Greetings,
Andi
W odpowiedzi na Ian G

Re: Thoughts on the paint tool interface

Napisane przez: Juan Leyva ()
And what about a collaborative-whiteboard?

Is it posible to store user inputs or "canvas editions" in a database to share it between users like a web-based chat module?

It would be nice a new module based on this paint tool
W odpowiedzi na Juan Leyva

Re: Thoughts on the paint tool interface

Napisane przez: Helen Foster ()
Obraz Core developers Obraz Documentation writers Obraz Moodle HQ Obraz Particularly helpful Moodlers Obraz Plugin developers Obraz Testers Obraz Translators
Thanks everyone for your ideas. approve

Before our features wish-list becomes too long, let's remember that the paint tool is Mihai's Google Summer of Code project i.e. three months work. wink

Mihai, I'd really like a very simple paint tool that works perfectly and that younger children can use easily.
W odpowiedzi na Juan Leyva

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
We did think of realtime collaboration on a single drawing between multiple users. However, we have decided, as Helen pointed out, it's best we focus on the development of a simple, easy to use, online painting tool for children. Once the codebase of the paint tool is mature enough, it's definitely expected we can evolve further, up to the level of realtime collaboration.

Thanks to everyone for their feedback.
W odpowiedzi na Mihai Sucan

Re: Thoughts on the paint tool interface

Napisane przez: Mark Drechsler ()
Couple of questions rather than comments:

  1. Where will the images that are added via TinyMCE be stored, and will students be able to download them? Since Moodle doesn't have much capacity for storage of files by students (unlike the teacher access to the file storage area) I'm just curious whether a student's bitmaps will be available from anywhere else. At worst I'm guessing a right-click-save-image-as function on the bitmap would work, but just wondering if this is something you've considered.
  2. Kind of flowing on from the first point, I think it will be important looking forward that however the images are stored that they will work with the interface to Mahara, i.e. if a student pushes something (i.e. an online assignment submission) they have created in Moodle for an assessment task into their Mahara ePortfolio (which will be supported in Moodle 2.0 and is already there and ready to go in the current version of Mahara) then the images will be included as artefacts.

Great idea, can't wait to see how this progresses uśmiech

Mark.
W odpowiedzi na Mark Drechsler

Re: Thoughts on the paint tool interface

Napisane przez: Tim Hunt ()
Obraz Core developers Obraz Documentation writers Obraz Particularly helpful Moodlers Obraz Peer reviewers Obraz Plugin developers
File handling is being completely rewritten in Moodle 2.0, so there will be an appropriate place to store the files by the time this is released.
W odpowiedzi na Mark Drechsler

Re: Thoughts on the paint tool interface

Napisane przez: Mihai Sucan ()
File handling and Mahara integration will be left up to Moodle and the APIs it provides. The paint tool is mostly client-side code which does not deal with such things directly.

However, as part of my project goals for this GSOC, I will be working on the server-side part of integrating the paint tool into Moodle - you know, file save, load, etc. I'll try to make sure my code behaves like a good citizen, hehe - I'll use the up-to-date APIs and anything else needed to properly integrate the paint tool functionality.

I presume that the new file handling API in moodle, will allow storing images/files in some per-user folder and it will provide Mahara integration as well. I'll have to discuss these details further with the Moodle team, to better understand the inner workings. ;)

Thanks for your feedback!