Paint act: Difference between revisions

From OLPC
Jump to navigation Jump to search
No edit summary
No edit summary
 
(54 intermediate revisions by 24 users not shown)
Line 1: Line 1:
{{Activity migrated to sl.o
| download=http://activities.sugarlabs.org/en-US/sugar/addon/4082
| git=http://git.sugarlabs.org/projects/paint
| homepage=http://wiki.sugarlabs.org/go/Activities/Paint
}}

{{Translations}}
{{Translations}}
{{Olpcboxtop|toptext=[[{{PAGENAME}}|Draw]]}}
{{ OBX activity |[[Image:drawing.svg]]|core|[http://www.lsi.usp.br/nate/oficina-doc/ Documentation] }}
{{ OBX source dev|projects/oficina}}
{{ OBX test <!--|[[Tests/Write|Write]]|2007-09-18--> }}
{{ OBX devtickets |paint/drawing-activity%20(oficina)}}
{{ OBX pootle|1=http://dev.laptop.org/git?p=projects/oficina;a=blob_plain;f=po/Paint.pot;hb=HEAD|2=xocore}}
{{ OBX team |[[User:Manu|Manusheel Gupta]], [[User:Walter|Walter Bender]](Advisor), [[User:Eben|Eben Eliason]] (UI Design) | [[NATE-LSI]]}}
<small>see more [[:Category:OBX templates|templates]] or [[OBX proposals|propose new]]</small>
{{Olpcboxbottom}}


== Paint: A collaborative space for creation ==
{{Status box
|icon=drawing.svg
|activity=Drawing Activity
|status=Trial-2
|version=7
|base=None
|source=[http://dev.laptop.org/git.do?p=projects/oficina;a=summary Source] [http://dev.laptop.org/query?status=new&status=assigned&status=reopened&component=paint+%28oficina%29&order=priority Tickets] [http://www.lsi.usp.br/nate/oficina-doc/ Documentation].
|l10n=[[Oficina_de_Desenho/Localization|here]]
|contributors=[[NATE-LSI]]
}}


[[Image:Oficina.jpg|200px|right|User interface]]


'''Oficina''' (the Paint Activity) was developed and adapted to the XO using Python for the team [[NATE-LSI]] (Integrated Systems Laboratory), in the [[Escola Politécnica|Polytechnical School]] at [[Universidade de São Paulo|University of São Paulo]], Brazil.
== Drawing Activity: A collaborative space for creation ==


Its interface has been translated into many languages: Portuguese, English, French, Spanish, German, Chinese, Korean, Arabic and Greek.
It is being developed and adapted to the XO using Python for the team [[NATE-LSI]] (Integrated Systems Laboratory), in the [[Escola Politécnica|Polytechnical School]] at [[Universidade de São Paulo|University of São Paulo]], Brazil.


==Goals==
== Graphical Interface ==
[[Image:Oficina.jpg]]


[[Image:activity_paint_tools.jpg|right|200px|thumb|Paint activity UI mockup]]


The Draw activity will provide a canvas for an individual or a group of children to express themselves creatively through drawing.
=== Tabs ===


A navegação através de abas facilita a localização das diversas ferramentas disponíveis por categoria.


====Drawing Tools====
Abaixo, há cada aba e as ferramentas que contém.


'''Drawing'''
==== Tab Activity ====


The paintbrush, pencil, and eraser are the primary freeform drawing tools. The sizes and shapes of the brush and eraser may be adjusted via their secondary palette, which is shown by hovering your mouse on the tool icon.
<table border = "1">
<tr>
<td><b>Tool</b></td>
<td><b>Description</b></td>
<td><b>Status</b></td>
</tr>
<tr>
<td>Share</td>
<td></td>
<td><font color="red">Não Implementado</font></td>
</tr>
<tr>
<td>Stop</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
</table>


''''Selection''''
==== Tab Edit ====


Selecting portions of the canvas with the rectangular marquee tool allows you to move and delete rectangular portions of your painting.
<table border = "1">
<tr>
<td><b>Tool</b></td>
<td><b>Description</b></td>
<td><b>Status</b></td>
</tr>
<tr>
<td>Undo</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Redo</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Copy</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Paste</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
</table>


'''Shapes'''
==== Tab Tools ====


The Paint Activity has a toolbar dedicated to shape drawing. By clicking and dragging, you can create an instance of the currently selected shape and expand it to the size of your choosing. The interactive placement system makes the shape too even more powerful. Each shape has a secondary palette which allows various parameters to be set, such as the number of edges on a polygon, the number of points on a star, or the angles of a triangle.


'''Text'''
<table border = "1">
<tr>
<td><b>Tool</b></td>
<td><b>Description</b></td>
<td><b>Status</b></td>
</tr>
<tr>
<td>Pencil</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Brush</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Eraser</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Freeform</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Bucket</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Rectangular Marquee</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
</table>


Simple text support allows you to include typographic language within your drawing.
==== Tab Shapes ====


'''Image'''
<table border = "1">
<tr>
<td><b>Tool</b></td>
<td><b>Description</b></td>
<td><b>Status</b></td>
</tr>
<tr>
<td>Ellipse</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Rectangle</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Line</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Polygon</td>
<td></td>
<td><font color="yellow">Em Implementação</font></td>
</tr>
<tr>
<td>Parallelogram</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Arrow</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Star</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Trapezoid</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Triangle</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Heart</td>
<td></td>
<td><font color="red">Não Implementado</font></td>
</tr>
</table>


From within the "Image" tab, you may import images from the Journal into your drawing. Clicking the "Insert Image" icon on the left, you can choose an item from your Journal to put into Paint.
==== Tab Text ====


====Media====
<table border = "1">
<tr>
<td><b>Tool</b></td>
<td><b>Description</b></td>
<td><b>Status</b></td>
</tr>
<tr>
<td>Type</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
</table>


{|border=1 cellpadding=3 cellspacing=0 style="border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
==== Tab Image ====
!style="background:#cccccc;"|Document!!style="background:#cccccc;"|Description
|-
|[[Media:activity_paint.ai.zip|Activity Mockup (196KB)]]| <font color='gray'>history</font>]]||Adobe Illustrator file containing mockups for each toolbar
|}

<br clear='all'>

====UI Mockups====

{|style="border: solid 1px gray; margin: 1em auto 1em; auto"
|-
| valign="top"|
[[Image:activity_paint_edit.jpg|300px|thumb|center|Editing commands]]
| valign="top"|
[[Image:activity_paint_tools.jpg|300px|thumb|center|Drawing tools]]
| valign="top"|
[[Image:activity_paint_shapes_polygon.jpg|300px|thumb|center|Creating shapes]]
|-
| valign="top"|
[[Image:activity_paint_text.jpg|300px|thumb|center|Inserting text]]
| valign="top"|
[[Image:activity_paint_image.jpg|300px|thumb|center|Manipulating images]]
|}

=== Development ===
==== Version History ====
==== Source ====
Old Version:

http://dev.laptop.org/git?p=projects/rgbpaint
no RPMs or other resources

New Version:

http://dev.laptop.org/git?p=projects/oficina
no RPMs or other resources

== Functional Test ==
[[Paint_Activity_Test_Plan]]


<table border = "1">
<tr>
<td><b>Tool</b></td>
<td><b>Description</b></td>
<td><b>Status</b></td>
</tr>
<tr>
<td>Insert Image</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Rotate Left</td>
<td></td>
<td><font color="yellow">Em Implementação</font></td>
</tr>
<tr>
<td>Rotate Right</td>
<td></td>
<td><font color="yellow">Em Implementação</font></td>
</tr>
</table>


==== Tab Effects ====


<table border = "1">
<tr>
<td><b>Tool</b></td>
<td><b>Description</b></td>
<td><b>Status</b></td>
</tr>
<tr>
<td>Grayscale</td>
<td></td>
<td><font color="green">Implementado</font></td>
</tr>
<tr>
<td>Negative</td>
<td></td>
<td><font color="red">Não Implementado</font></td>
</tr>
</table>


== Characteristics ==
== Characteristics ==
Line 242: Line 104:
* It allows to integrate drawing and texts in one same physical space.
* It allows to integrate drawing and texts in one same physical space.


= NATE LSI-USP =


== Related Links ==
=== Related Links ===

* [[LSI]]
* [[LSI]]
* [[FACIL]]
* [[FACIL]]
* [[Editor Musical]]
* [[Musical Editor]]
* [[Oficina de Desenho]]
* [[LíNGUO]]
* [[LíNGUO]]
* [[Quebra-Cabeca Musical]]
* [[Quebra-Cabeca Musical|Music]]
* [[Jogo do Piano]]
* [[Jogo do Piano]]
* [[Quimera]]
* [[Quimera]]
Line 263: Line 124:


[[Category:Software ideas]]
[[Category:Software ideas]]
{{Activity page
[[Category:OLPC Brazil]]
|icon=Image:drawing.svg
|genre=Drawing, Media Creation
|activity group=Activities/G1G1
|short description=The Paint activity will provide a canvas for an individual or a group of children to express themselves creatively through drawing.
|long description=Paint is being developed and adapted to the XO using Python for the team NATE-LSI (Integrated Systems Laboratory), in the Polytechnical School at University of São Paulo, Brazil.
|contact person=User:Alexandremartinazzo <!-- Manu has not contributed with code in Paint -->
|activity source=http://dev.laptop.org/git?p=projects/oficina
|language=Portuguese, English, French, Spanish, German, Chinese, Korean, Arabic, Greek
|language codes=ar, de, el, en, es, fr, ko, pt, zh
|bundle URL=http://dev.laptop.org/~morgan/bundles/other/Paint-23.xo
|activity version=23
|releases=Candidate
|devel status=6. Mature
}}

Latest revision as of 08:20, 24 April 2012

?Sugar icon}}    This activity is now hosted at the Sugar Activity Library.

The information here is likely to be out-of-date. Consult the new pages for "Paint act" first:

  Please copy/paste "{{Translationlist | xx | origlang=en | translated={{{translated}}}}}" (where xx is ISO 639 language code for your translation) to Paint act/translations HowTo [ID# 269984]  +/-  
TST {{{1}}}
Trac print.png Tickets all - active - new
OlpcProject.png Contact: NATE-LSIManusheel Gupta, Walter Bender(Advisor), Eben Eliason (UI Design)

see more templates or propose new

Paint: A collaborative space for creation

User interface

Oficina (the Paint Activity) was developed and adapted to the XO using Python for the team NATE-LSI (Integrated Systems Laboratory), in the Polytechnical School at University of São Paulo, Brazil.

Its interface has been translated into many languages: Portuguese, English, French, Spanish, German, Chinese, Korean, Arabic and Greek.

Goals

Paint activity UI mockup

The Draw activity will provide a canvas for an individual or a group of children to express themselves creatively through drawing.


Drawing Tools

Drawing

The paintbrush, pencil, and eraser are the primary freeform drawing tools. The sizes and shapes of the brush and eraser may be adjusted via their secondary palette, which is shown by hovering your mouse on the tool icon.

'Selection'

Selecting portions of the canvas with the rectangular marquee tool allows you to move and delete rectangular portions of your painting.

Shapes

The Paint Activity has a toolbar dedicated to shape drawing. By clicking and dragging, you can create an instance of the currently selected shape and expand it to the size of your choosing. The interactive placement system makes the shape too even more powerful. Each shape has a secondary palette which allows various parameters to be set, such as the number of edges on a polygon, the number of points on a star, or the angles of a triangle.

Text

Simple text support allows you to include typographic language within your drawing.

Image

From within the "Image" tab, you may import images from the Journal into your drawing. Clicking the "Insert Image" icon on the left, you can choose an item from your Journal to put into Paint.

Media

Document Description
Activity Mockup (196KB)| history]] Adobe Illustrator file containing mockups for each toolbar


UI Mockups

Editing commands
Drawing tools
Creating shapes
Inserting text
Manipulating images

Development

Version History

Source

Old Version:

http://dev.laptop.org/git?p=projects/rgbpaint
no RPMs or other resources

New Version:

http://dev.laptop.org/git?p=projects/oficina
no RPMs or other resources

Functional Test

Paint_Activity_Test_Plan



Characteristics

  • Through the simultaneous sending of messages, it allows that users draw in set despite in different computers.
  • It allows to integrate drawing and texts in one same physical space.


Related Links

Source Codes and Projects in Development

Activity Summary

Icon: Sugar icon::Image:drawing.svg
Genre: Activity genre::Drawing, Media Creation
Activity group: ,|x|Activity group::x}}
Short description: Short description::The Paint activity will provide a canvas for an individual or a group of children to express themselves creatively through drawing.
Description: Description::Paint is being developed and adapted to the XO using Python for the team NATE-LSI (Integrated Systems Laboratory), in the Polytechnical School at University of São Paulo, Brazil.
Maintainers: ,|x|Contact person::x}}
Repository URL: Source code::http://dev.laptop.org/git?p=projects/oficina
Available languages: ,|x|Available languages::x}}
Available languages (codes): ,|x|Language code::x}}
Pootle URL:
Related projects: Related projects,|x|Related projects::x}}
Contributors: ,|x|Team member::x}}
URL from which to download the latest .xo bundle Activity bundle::http://dev.laptop.org/~morgan/bundles/other/Paint-23.xo
Last tested version number: Activity version::23
The releases with which this version of the activity has been tested. ,|x|Software release::x}}
Development status: Devel status::6. Mature
Ready for testing (development has progressed to the point where testers should try it out): ,|x|Ready for testing::x}}
smoke tested :
test plan available :
test plan executed :
developer response to testing :