WiXi: Difference between revisions

From OLPC
Jump to navigation Jump to search
m (Reverted edits by 170.35.208.23 (Talk) to last version by Duke)
 
(72 intermediate revisions by 11 users not shown)
Line 1: Line 1:
see [[twext]].. [http://test.twext.com alpha test twexter] now with feedback.. [http://github.com/tudisco/twexter source code..]
A wixi is a wiki with annotated text. It is intended to facilitate language learning.

{{Translations}}
wixi is [[twext]] working in wiki


{| cellpadding="5" cellspacing="5"
{| cellpadding="5" cellspacing="5"
Line 5: Line 8:
| style="width:388px" valign="bottom" align=right|
| style="width:388px" valign="bottom" align=right|


<font color="gray" size="-1">
http://twext.cc/pix/2b8.png

[[image:2b8.png]]<br>
''if you can't see twext, adjust contrast on your monitor''<BR>
[[image:TwextFade.png]]<br>
repetitive twext can fade away
[[image:WixiTwextColorGrammar.png]]<br>
marked up twext can communicate structure</font>


| style="width:333px" valign="bottom" align=left|
| style="width:333px" valign="bottom" align=left|
=wixi twexter=
=wixi twexter=
wixi'd wikis get text [http://wixi.cc/index.php?title=bifocal_bitext twext].. twext texts provide
wixi'd wikis get text [http://twext.com/bifocal_bitext twext..] twext texts provide meaningful, [http://sk.com.br/sk-krash.html comprehensible input] for language learners.. twext prints on good old paper.. wikis make twext easy to mix and share..
meaningful, [http://sk.com.br/sk-krash.html comprehensible input]
for language learners.. wikis make twext easy to share..

''the OLPC will connect kids learning many different languages.. wixi offers a learner-centric environment for kids to [[constructionist|construct]] language learning..''

http://twext.cc/pix/WixiJump.gif

<font color="blue">if you know pygtk/python and wanna help kids learn, you can help make this wixi program a real-world learning example: '''[http://wixi.cc/index.php?title=hello_world http://wixi.cc/hello_world]'''</font>




the OLPC is [http://olpcnews.com/content/localization/learning_language.html connecting kids] learning many different languages.. wixi offers a learner-centric environment for kids to [[constructionist|construct]] [[learning language learning|language learning]]..
[[image:WixiJump.gif]]
|-
|-
| style="width:388px" valign="bottom" align=center| <!-- IMAGE -->
| style="width:388px" valign="bottom" align=center| <!-- IMAGE -->


[[image:WiXiMethodOnXO.gif]]
http://twext.cc/pix/MethodOnXO.gif


| style="width:333px" valign="bottom" align=left| <!-- TEXT -->
| style="width:333px" valign="bottom" align=left| <!-- TEXT -->


=chunk method=
=chunk method=
twext uses a simple [http://wixi.cc/index.php?title=twext_method method] to associate chunks of text with chunks of translation.. the method works with
twext now can use a new method to associate chunks of text with chunks of translation.. the method works with regular text and also with lyrics to songs.. and may work between any of many languages: http://twext.com/method
regular text and also with lyrics to songs.. and any
of many languages: '''[http://wixi.cc/index.php?title=twexter http://wixi.cc/twexter]'''
<br>
<br>


Line 38: Line 38:
press ESC to stop the animations, RELOAD to restart animations
press ESC to stop the animations, RELOAD to restart animations
</b>
</b>
|-
| style="width:388px" valign="bottom" align=center|
{| border="1" cellpadding="5" cellspacing="5"
|-
| style="width:300px" align="left"|

one way to format twext is with explicit tables..
it works with html, more or less, but not so hot..

http://twext.cc/pix/FormatWithTable.png

must we use tables? there is a problem with tables..
tables constrict larger chunks of translation:

http://twext.cc/pix/FormatWithTableProblem.png

see the problem when table borders removed:

http://twext.cc/pix/FormatWithTableProblemBad.png

css might format twext without tables:

&nbsp;&nbsp;http://twext.cc/pix/RefocusInOrderToSee.jpg

then we could fit more translation betwixt text.. each chunk of translation would still be centered directly under each chunk of text, but we might:
* get a little more room for translations and
* end up with a nicer looking text

http://twext.cc/pix/CSSMeyerwebEdge.jpg
http://meyerweb.com/eric/css/edge/ shows some powerful uses of css without tables.. maybe we can find a solution that works on most browsers..
|}

| style="width:333px" valign="bottom" align=left| <!-- TEXT -->

=css=
wixi.cc is now focused on CSS methods to style twext text..
if you know CSS and would like to help, it's easy to participate.. share your
CSS skills and help people learn: '''[http://wixi.cc/index.php?title=css http://wixi.cc/CSS]'''

|-
| style="width:388px" valign="bottom" align="RIGHT"| <!-- IMAGE -->

<br>

http://twext.cc/pix/XcrollNarrow.png<Br>

'''xcroll may also be useful for regular mediawiki editing'''<bR><bR>

http://twext.cc/pix/TwexterXcrollPreviewFast.gif<br><br>

'''[http://wixi.twext.com/dev/xcroll/gv1/xcroll.html XCROLL DEMO]''' by Gerardo Iglesias

| style="width:333px" valign="bottom" align=left| <!-- TEXT -->

=xcroll=
''xcroll'' will control text and twext
input windows, as well a preview window.. controlling
multiple windows with a single scrollbar has many
potential uses.. if you like sharing JavaScript and DHTML skills
and helping people learn: '''[http://wixi.cc/index.php?title=xcroll http://wixi.cc/xcroll]'''

<Br>


|-
|-
| style="width:388px" valign="bottom" align="right"|

{|
|-
| align="right" |
| align="right" |
[[image:WixiJump.gif]]<br>
http://twext.cc/pix/PHPTwexterCore.png<br>
[[image:WiXiDelyricSampleSurvive.jpg]]
diagram core plan for php twexter
|-
| align="right" |
http://twext.cc/pix/PHPTwexterDataAccess.png<br>
diagram data access plan
|-
| align="right" |
http://twext.cc/pix/PHPTwexterCycle.png<br>
diagram execution cycle of plugins
|-
| align="right" |
http://twext.cc/pix/PHPTwexterPages.png<br>
the end user sees webpages, not plugins
|}

| style="width:333px" valign="bottom" align=left|

=plug-in plan=
xcroll editing and css formatting functions
can ''plug in'' to a simple plan to organize
the twexter program.. if you love creating
API's for open Python programs, share the
love at: '''[http://wixi.cc/index.php?title=plan http://wixi.cc/plan]'''
<br>


|-
| style="width:388px" valign="bottom" align=right|
|-
| align="right" |
{| width="288" border=1
|-
|
<font color="gray">any language already in twexter can serve
as source for translation to add another
language.. so Maya can added to Español,
then get twext with English.. or Mayañol..
</font>
|-
| align="right"|
http://twext.cc/pix/TwexterAddMaya.gif
|-
|http://twext.cc/pix/InterTwext333.png
any of many languages, dialects and slangs can get twext.. if 30 languages play, 900 learning bridges are possible
|}
| style="width:333px" valign="bottom" align=left|

=addlang=
with above functions complete, we can add
languages to the system.. the simplest
twexter requires only 12 translations to
add any language, dialect or slang..
'''[http://wixi.cc/index.php?title=addlang http://wixi.cc/addlang]'''
<br>

|-
| align="right" |
http://twext.cc/pix/TwextDataBig.png


| valign="bottom" |
| valign="bottom" |
=database=
what if 10 languages and 10,000 users wixi
twexter? or 100 and 1,000,000?
either way, there is a chance that one
phat database may emerge.. if you like
challenge in the form of database and
you like to share, make an instructive
real-world example of database management
happen at '''[http://wixi.cc/index.php?title=db http://wixi.cc/db]'''
|-
| align="right" |
http://twext.cc/pix/WixiMenu.png
| valign="bottom"|

=wixi=
wixi integrates twexter into the [[olpc|XO]] wiki, MediaWiki
or any other wiki.. the source text might be fixed, but
anyone can edit the translation the wiki way..
'''[http://wixi.cc/index.php?title=wixi http://wixi.cc/wixi]'''

|-
| style="width:388px" valign="bottom" align=right|

http://twext.cc/pix/DelyricSampleSurvive.jpg

| style="width:333px" valign="bottom" align=left|

=delyric=
=delyric=
delyric is to learn language with lyrics.. if songs get into your heart then you can't get'em outta your head.. lyrics help us remember language, for a bunch of reasons, mainly because you might actually care.. http://delyric.com/delyric.html
wixi can grow to help anyone, including OLPC kids,
turn popular parts of popular songs into fun ways
to construct language learning with visualized,
twext translated, ''legal'' and transformative "fair
use": '''[http://wixi.cc/index.php?title=citage http://wixi.cc/citage]'''


|-
|-
Line 206: Line 52:
|-
|-
| align="right"|
| align="right"|
{| width="111"
|-
| align="center"|
{| width="111"
{| width="111"
|-
|-
| align="right"|
| align="right"|
[[image:WixiJump.gif]]<br>
http://twext.cc/pix/100.png
[[image:WiXiPO1.gif]]

[http://code.google.com/soc google] has a program called the "summer of code" which pays computer science students $4,500 to develop free software..

if you are already developing wixi and twexter for the OLPC, you may have a better chance of
winning Google's SOC in 2007, earning an introduction to some of the smartest developers on
earth and delivering a unique, original application for language learning kids..
|-
|-
http://twext.cc/pix/Google.png
|}
|}
| style="width:333px" valign="bottom" align=left| <!-- TEXT -->

=grants=
==google summer of code==

twexter was an OLPC candidate for [[OLPC_Google_Summer_of_Code#twexter_language_learning_interface|Google SOC 2006]], but students
had less than a day to prepare.. the deadline for student applications
is in early May 2007, so this year you have 4 months to prepare :)
'''[http://wixi.cc/index.php?title=grants http://wixi.cc/grants]'''


|}
|}


=Related work=
=Related work=
* Ruby annotation [http://en.wikipedia.org/wiki/Ruby_%28annotation_markup%29] [http://www.i18nguy.com/unicode/unicode-example-ruby.html]
* Ruby annotation [http://en.wikipedia.org/wiki/Ruby_(annotation_markup)] [http://www.i18nguy.com/unicode/unicode-example-ruby.html]
* [http://www.omegawiki.org OmegaWiki] with [http://www.omegawiki.org/Annotation annotation].
* [http://www.omegawiki.org OmegaWiki] with [http://www.omegawiki.org/Annotation annotation].
* [http://en.wikipedia.org/wiki/Text_corpora aligned parallel corpora]
* [http://en.wikipedia.org/wiki/Text_corpora aligned parallel corpora]
Line 245: Line 79:


[[Category:Software_ideas]]
[[Category:Software_ideas]]
[[Category:Languages_(international)]]
[[Category:Pedagogical_ideas]]
[[Category:Internationalization_projects]]
[[Category:Content_ideas]]

Latest revision as of 06:47, 17 December 2008

see twext.. alpha test twexter now with feedback.. source code..

  english | 한국어 HowTo [ID# 187409]  +/-  

wixi is twext working in wiki

2b8.png
if you can't see twext, adjust contrast on your monitor
TwextFade.png
repetitive twext can fade away WixiTwextColorGrammar.png
marked up twext can communicate structure

wixi twexter

wixi'd wikis get text twext.. twext texts provide meaningful, comprehensible input for language learners.. twext prints on good old paper.. wikis make twext easy to mix and share..

the OLPC is connecting kids learning many different languages.. wixi offers a learner-centric environment for kids to construct language learning.. WixiJump.gif

WiXiMethodOnXO.gif

chunk method

twext now can use a new method to associate chunks of text with chunks of translation.. the method works with regular text and also with lyrics to songs.. and may work between any of many languages: http://twext.com/method

press ESC to stop the animations, RELOAD to restart animations

WixiJump.gif
WiXiDelyricSampleSurvive.jpg

delyric

delyric is to learn language with lyrics.. if songs get into your heart then you can't get'em outta your head.. lyrics help us remember language, for a bunch of reasons, mainly because you might actually care.. http://delyric.com/delyric.html

WixiJump.gif
WiXiPO1.gif

Related work

See also