<div class="gmail_quote">2009/8/21 Felipe López Toledo <span dir="ltr"><<a href="mailto:zer.subzero@gmail.com">zer.subzero@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div class="im">> On Thu, 2009-08-20 at 16:37 +0545, Christoph Derndorfer wrote:<br>
> > I thought about the "stage 3" design some more and really think we need<br>
> > to come up with a good idea on how accommodate all those lessons...<br>
> ><br>
> > The "month" drop-down menu that Bryan suggested in his mockup is<br>
> > something I don't like. First of all it's the only place in Karma (at<br>
> > least so far) where we'd be using a drop down menu and secondly because<br>
> > they're more complicated to implement, making it harder for people to<br>
> > adapt the Chakra to their own needs.<br>
><br>
> drop-down menus are pretty easy afaik, unless i am missing something<br>
</div>yeah, pretty easy.<br></blockquote><div><br></div><div>Okay, I'll follow Bryan's suggestion and create two versions so people can toy around with both of them...</div><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Ideally, I would like to just drop the lesson folder under a specific<br>
place (with a config file) and then everything will be done: links,<br>
put the lesson on the correct grade, include the lesson on the<br>
necessary menus, etc..<br>
but that's not possible without using a server side solution, maybe<br>
using Narwhal or Rhino... but, please note that those tools are server<br>
side.<br></blockquote><div><br></div><div>Yeah, as previously mentioned we gotta figure out a way of how to get from a random collection of lessons to a single package with a corresponding Chakra and everything...</div><div>
<br></div><div>All suggestions are more than welcome! </div><div><br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div class="im">> > Also I was thinking that we should try to avoid using scrolling action<br>
> > unless absolutely necessary (reasoning: I think it can be confusing for<br>
> > new users, scrollbars are generally hard to handle and they don't look<br>
> > so pretty) so I'd prefer to go for a single screen design (such as in<br>
> > the current EPaath).<br>
><br>
> w/ a single screen design, chakra won't be able to accommodate an<br>
> arbitrary # of lessons in a given week w/out shrinking the lesson icons<br>
</div>I'm agreed with Bryan,<br>
an option is having a specific number of lesson (icons) on a single screen,<br>
then, we will have several screens<br>
maybe a page (screen) 1, 2, .....N, could work?<br></blockquote><div><br></div><div>Mmm, that's certainly a very good idea especially since that multiple-screen interaction mode will also be used within Karma lessons (similar to what EPaath does now).</div>
<div><br></div><div>Should I create two versions (one with a scrollbar, another one with multiple screens) again to see what things really look like?</div><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div class="im">> > A question I have is whether we mainly want to identify lessons via (a)<br>
> > their names or (b) the screenshots associated with them. I have a<br>
> > feeling that EPaath's UI implicitly learns towards (b) at the moment.<br>
> > I'm thinking that (b) might be an advantage for very young kids but in<br>
> > general it's probably better to focus on the name of the lesson.<br>
> ><br>
> > For the "navigation bar" one option I thought about was using the images<br>
> > of the respective sub-categories instead of a text (so instead of Home -<br>
> > Grade 1 we'd have: "Home"-icon - "Grade 1"-icon or something).<br>
><br>
> I prefer your idea to use icons<br>
</div>+1, plus alt attribute<br></blockquote><div><br></div><div>Okay, I'll do a quick mockup of that today.</div><div><br></div><div>Christoph</div><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
2009/8/20 Bryan Berry <<a href="mailto:bryan@olenepal.org">bryan@olenepal.org</a>><br>
<div><div></div><div class="h5">><br>
> On Thu, 2009-08-20 at 16:37 +0545, Christoph Derndorfer wrote:<br>
> > I thought about the "stage 3" design some more and really think we need<br>
> > to come up with a good idea on how accommodate all those lessons...<br>
> ><br>
> > The "month" drop-down menu that Bryan suggested in his mockup is<br>
> > something I don't like. First of all it's the only place in Karma (at<br>
> > least so far) where we'd be using a drop down menu and secondly because<br>
> > they're more complicated to implement, making it harder for people to<br>
> > adapt the Chakra to their own needs.<br>
><br>
> drop-down menus are pretty easy afaik, unless i am missing something<br>
><br>
> > Also I was thinking that we should try to avoid using scrolling action<br>
> > unless absolutely necessary (reasoning: I think it can be confusing for<br>
> > new users, scrollbars are generally hard to handle and they don't look<br>
> > so pretty) so I'd prefer to go for a single screen design (such as in<br>
> > the current EPaath).<br>
><br>
> w/ a single screen design, chakra won't be able to accommodate an<br>
> arbitrary # of lessons in a given week w/out shrinking the lesson icons<br>
><br>
> Wny don't you create 2 mockups, one more like the old Epaath and the<br>
> other w/ the drop-down menu? then we can show it around and have better<br>
> idea of which may be best<br>
><br>
> > A question I have is whether we mainly want to identify lessons via (a)<br>
> > their names or (b) the screenshots associated with them. I have a<br>
> > feeling that EPaath's UI implicitly learns towards (b) at the moment.<br>
> > I'm thinking that (b) might be an advantage for very young kids but in<br>
> > general it's probably better to focus on the name of the lesson.<br>
> ><br>
> > For the "navigation bar" one option I thought about was using the images<br>
> > of the respective sub-categories instead of a text (so instead of Home -<br>
> > Grade 1 we'd have: "Home"-icon - "Grade 1"-icon or something).<br>
><br>
> I prefer your idea to use icons<br>
><br>
> > Looking forward to your feedback.<br>
> ><br>
> > Christoph<br>
> ><br>
> > Christoph Derndorfer schrieb:<br>
> > > (CC'ing Felipe as I just realized that he hadn't been on this thread)<br>
> > ><br>
> > > Okay, I've attached screenshot.png to show what the current Chakra<br>
> > > mockup looks like within Browse on the XO.<br>
> > ><br>
> > > I went for a grey background behind the icons because white is too<br>
> > > harsh in my opinion (see white_bg.png for what it looks like). That<br>
> > > brown at the bottom is also still quite hideous so we'll have to find<br>
> > > a nice colour there.<br>
> > ><br>
> > > As for colours I also think that it might make sense to give the<br>
> > > navigation bar (Home - Grade 1...) a different background colour to<br>
> > > the surrounding background. What do you think about that?<br>
> > ><br>
> > > Now we also gotta figure out how to design "stage 3" (the actual<br>
> > > lesson selection), should I do a quick mockup based on Bryan's<br>
> > > suggestion<br>
> > > (<a href="http://karmaproject.files.wordpress.com/2009/08/chakra33.png?w=872&h=428" target="_blank">http://karmaproject.files.wordpress.com/2009/08/chakra33.png?w=872&h=428</a>)?<br>
> > ><br>
> > ><br>
> > > Another thing we should think about is just wide and high we want to<br>
> > > keep that navigation area. The current dimensions seem to work quite<br>
> > > well on the XO with the number of currently included icons. However<br>
> > > for larger lesson bundles and especially also the lesson selection<br>
> > > itself I'm not sure whether this provides us with enough screen real<br>
> > > estate to nicely accommodate everything.<br>
> > ><br>
> > > Let me know what you think.<br>
> > ><br>
> > > Christoph<br>
> > ><br>
> > > Christoph Derndorfer schrieb:<br>
> > >> Great, thanks a lot!<br>
> > >><br>
> > >> I'll integrate them into the Chakra mockup tomorrow... :-)<br>
> > >><br>
> > >> Christoph<br>
> > >><br>
> > >> Om Prakash Yadav schrieb:<br>
> > >>> Here are the buttons in individual transparent PNG file format.<br>
> > >>><br>
> > >>> -----Original Message-----<br>
> > >>> From: Christoph Derndorfer [mailto:<a href="mailto:e0425826@student.tuwien.ac.at">e0425826@student.tuwien.ac.at</a>]<br>
> > >>> Sent: Wednesday, August 19, 2009 12:46 PM<br>
> > >>> To: Om Prakash Yadav<br>
> > >>> Cc: 'Bryan Berry'<br>
> > >>> Subject: Re: new svg and jpg<br>
> > >>><br>
> > >>> Great stuff!<br>
> > >>><br>
> > >>> Would it be possible for you to send me the PNGs for the individual<br>
> > >>> buttons so I can easily integrate them in my current Chakra mockup?<br>
> > >>><br>
> > >>> Thanks in advance,<br>
> > >>> Christoph<br>
> > >>><br>
> > >>> Om Prakash Yadav schrieb:<br>
> > >>>> Modified and new buttons, please check them out.<br>
> > >>>> The buttons for grades for the main screen will follow the same<br>
> > >>>> style but<br>
> > >>>> with letters only.<br>
> > >>>> I can give them to you in transparent PNG format for use in HTML page.<br>
> > >>>><br>
> > >>>> -----Original Message-----<br>
> > >>>> From: Christoph Derndorfer [mailto:<a href="mailto:e0425826@student.tuwien.ac.at">e0425826@student.tuwien.ac.at</a>]<br>
> > >>>> Sent: Tuesday, August 18, 2009 2:14 PM<br>
> > >>>> To: Om Prakash Yadav<br>
> > >>>> Cc: 'Bryan Berry'<br>
> > >>>> Subject: Re: new svg and jpg<br>
> > >>>><br>
> > >>>> I generally really like them but think that the fadeout into the<br>
> > >>>> white at the top is too strong at the moment.<br>
> > >>>><br>
> > >>>> Christoph<br>
> > >>>><br>
> > >>>> Om Prakash Yadav schrieb:<br>
> > >>>>> Tell me how you like these and I will make the buttons for the<br>
> > >>>>> rest of<br>
> > >>> the<br>
> > >>>>> subjects.<br>
> > >>>>><br>
> > >>>>> -----Original Message-----<br>
> > >>>>> From: Christoph Derndorfer [mailto:<a href="mailto:e0425826@student.tuwien.ac.at">e0425826@student.tuwien.ac.at</a>]<br>
> > >>>>> Sent: Monday, August 17, 2009 10:30 PM<br>
> > >>>>> To: Bryan Berry<br>
> > >>>>> Cc: Om Prakash Yadav<br>
> > >>>>> Subject: Re: new svg and jpg<br>
> > >>>>><br>
> > >>>>> Please find attached the latest version with the label now being<br>
> > >>>>> "health"<br>
> > >>>>> rather than "medicine".<br>
> > >>>>><br>
> > >>>>> Christoph<br>
> > >>>>><br>
> > >>>>> Christoph Derndorfer schrieb:<br>
> > >>>>>> Quite a good start I dare say!<br>
> > >>>>>><br>
> > >>>>>> I'll change the "medicine" to "health" text once the Inkscape<br>
> > >>>>>> download is finished (any day now!!!;-)<br>
> > >>>>>><br>
> > >>>>>> Christoph<br>
> > >>>>>><br>
> > >>>>>> Bryan Berry schrieb:<br>
> > >>>>>>> ---------------------------------------------------------------------<br>
> > >>>>>>><br>
> > >>>>>>> ---<br>
> > >>>>>>><br>
> > >>>>> --<br>
> > >>>>> Christoph Derndorfer<br>
> > >>>>> co-editor, olpcnews<br>
> > >>>>> url: <a href="http://www.olpcnews.com" target="_blank">www.olpcnews.com</a><br>
> > >>>>> e-mail: <a href="mailto:christoph@olpcnews.com">christoph@olpcnews.com</a><br>
> > >>>>><br>
> > >>>>><br>
> > >>>>> ------------------------------------------------------------------------<br>
> > >>>>><br>
> > >>>>><br>
> > >>>><br>
> > >>>> ------------------------------------------------------------------------<br>
> > >>>><br>
> > >>>><br>
> > >>><br>
> > >><br>
> > ><br>
> > ><br>
> > > ------------------------------------------------------------------------<br>
> > ><br>
> > ><br>
> > > ------------------------------------------------------------------------<br>
> > ><br>
> ><br>
> --<br>
> Bryan W. Berry<br>
> Technology Director<br>
> OLE Nepal, <a href="http://www.olenepal.org" target="_blank">http://www.olenepal.org</a><br>
><br>
<br>
<br>
<br>
</div></div>--<br>
<font color="#888888">Felipe López Toledo<br>
</font><div><div></div><div class="h5">_______________________________________________<br>
Sugar-devel mailing list<br>
<a href="mailto:Sugar-devel@lists.sugarlabs.org">Sugar-devel@lists.sugarlabs.org</a><br>
<a href="http://lists.sugarlabs.org/listinfo/sugar-devel" target="_blank">http://lists.sugarlabs.org/listinfo/sugar-devel</a><br>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>Christoph Derndorfer<br>co-editor, olpcnews<br>url: <a href="http://www.olpcnews.com">www.olpcnews.com</a><br>e-mail: <a href="mailto:christoph@olpcnews.com">christoph@olpcnews.com</a><br>