[Sugar-devel] [Karma] Re: svg and png for subjects in chakra

[Christoph Derndorfer]

2009/8/21 Felipe López Toledo <zer.subzero at gmail.com>

> > On Thu, 2009-08-20 at 16:37 +0545, Christoph Derndorfer wrote:
> > > I thought about the "stage 3" design some more and really think we need
> > > to come up with a good idea on how accommodate all those lessons...
> > >
> > > The "month" drop-down menu that Bryan suggested in his mockup is
> > > something I don't like. First of all it's the only place in Karma (at
> > > least so far) where we'd be using a drop down menu and secondly because
> > > they're more complicated to implement, making it harder for people to
> > > adapt the Chakra to their own needs.
> >
> > drop-down menus are pretty easy afaik, unless i am missing something
> yeah, pretty easy.
>

Okay, I'll follow Bryan's suggestion and create two versions so people can
toy around with both of them...


> Ideally, I would like to just drop the lesson folder under a specific
> place (with a config file) and then everything will be done: links,
> put the lesson on the correct grade, include the lesson on the
> necessary menus, etc..
> but that's not possible without using a server side solution, maybe
> using Narwhal or Rhino... but, please note that those tools are server
> side.
>

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...

All suggestions are more than welcome!

> > Also I was thinking that we should try to avoid using scrolling action
> > > unless absolutely necessary (reasoning: I think it can be confusing for
> > > new users, scrollbars are generally hard to handle and they don't look
> > > so pretty) so I'd prefer to go for a single screen design (such as in
> > > the current EPaath).
> >
> > w/ a single screen design, chakra won't be able to accommodate an
> > arbitrary # of lessons in a given week w/out shrinking the lesson icons
> I'm agreed with Bryan,
> an option is having a specific number of lesson (icons) on a single screen,
> then, we will have several screens
> maybe a page (screen) 1, 2, .....N, could work?
>

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).

Should I create two versions (one with a scrollbar, another one with
multiple screens) again to see what things really look like?


> > > A question I have is whether we mainly want to identify lessons via (a)
> > > their names or (b) the screenshots associated with them. I have a
> > > feeling that EPaath's UI implicitly learns towards (b) at the moment.
> > > I'm thinking that (b) might be an advantage for very young kids but in
> > > general it's probably better to focus on the name of the lesson.
> > >
> > > For the "navigation bar" one option I thought about was using the
> images
> > > of the respective sub-categories instead of a text (so instead of Home
> -
> > > Grade 1 we'd have: "Home"-icon - "Grade 1"-icon or something).
> >
> > I prefer your idea to use icons
> +1, plus alt attribute
>

Okay, I'll do a quick mockup of that today.

Christoph


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



-- 
Christoph Derndorfer
co-editor, olpcnews
url: www.olpcnews.com
e-mail: christoph at olpcnews.com
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090821/4296299b/attachment-0001.htm