RE: Web interface prototype

"Paul Bangs" <paul.bangs-yYnZraf+/[email protected]> Mon, 17 Feb 2003 22:59:34 -0000
Newsgroups gmane.music.equipment.slimp3.user
Message-ID <[email protected]>
------=_NextPart_000_0000_01C2D6D8.3D47A260
Content-Type: text/plain;
	charset="iso-8859-1"
Content-Transfer-Encoding: 8bit

This looks fantastic for the slimp3 world lets hope we see it in the future
Dean.

Paul
  -----Original Message-----
  From: Herb Caudill [mailto:[email protected]]
  Sent: 17 February 2003 21:14
  To: [email protected]
  Subject: [slimp3-users] Web interface prototype


  Please see http://www.ibamba.net/slimp3 for a (non-functional) mockup of
  a web interface that I'd like to see for the SLIMP3. The SLIMP3 client
  interface is brilliant, but I think the web interface parallels the
  client's one-dimensional universe more closely than is necessary; I'd
  like a richer web interface that takes full advantage of desktop
  environment.

  I'm a web developer & interface designer, but I don't work in Perl. I'd
  be glad to work together with someone to develop this. I don't know how
  much of this can be accomplished within the current skinning framework,
  and how much would require changes to the server code. I'm not sure if I
  should be addressing this to the dev list - someone let me know what the
  best way is to proceed.

  Some notes:

  - The "Music Library" frame would optionally load the whole library at
  once (i.e. no paging). I find paging a nuisance, but this could be
  user-configurable. In my case (8000+ tracks) this would probably be over
  a 1MB page, but even so it shouldn't be a big deal over a LAN.

  - Nodes in the hierarchy would open/close on the client (DHTML) with no
  server round-trip required; the whole library would load the first time,
  and then just stay in memory.

  - The music library hierarchy would be organized according to the
  options in the "View by" drop-down menu (i.e. Genre:Album, Artist:Album,
  Artist, etc.)

  - Selecting an item from the "View by" menu (or entering something into
  the "Search" box) would automatically reload the frame.

  - The hierarchy could potentially go two-three levels deep. For example,
  if I was viewing by "Genre:Album" I might have this:

        + Blues
        + Brazilian
        - Jazz
              + Bitches Brew | Miles Davis
              + In a Silent Way | Miles Davis
              - Kind of Blue | Miles Davis
                    So What
                    Freddie Freeloader
                    Blue in Green
                    All Blues
                    Flamenco Sketches
              + Saturday Night at the Blackhawk
        + Rock
        + etc.

  - I want to be able to have any number of albums/genres/etc. expanded at
  any given time, à la Windows Explorer.

  - I would want to be able to click column heads (Genre, Album, Artist,
  etc.) to sort the listing. The "view by" menu would determine the
  grouping structure; the column heads would determine the sort order.
  These aren't necessarily the same - I generally want a list of albums,
  but in alphabetical order by artist.

  Cheers
  Herb



        Yahoo! Groups Sponsor
              ADVERTISEMENT




  To unsubscribe from this group, send an email to:
  [email protected]



  Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.


------=_NextPart_000_0000_01C2D6D8.3D47A260
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; charset=3Diso-8859-1"=
>
<META content=3D"MSHTML 6.00.2723.2500" name=3DGENERATOR></HEAD>
<BODY>


<DIV><SPAN class=3D043545722-17022003><FONT face=3DArial color=3D#0000ff si=
ze=3D2>This=20
looks fantastic for the slimp3 world lets hope we see it in the future=20
Dean.</FONT></SPAN></DIV>
<DIV><SPAN class=3D043545722-17022003><FONT face=3DArial color=3D#0000ff=20
size=3D2></FONT></SPAN>&nbsp;</DIV>
<DIV><SPAN class=3D043545722-17022003><FONT face=3DArial color=3D#0000ff=20
size=3D2>Paul</FONT></SPAN></DIV>
<BLOCKQUOTE>
  <DIV class=3DOutlookMessageHeader dir=3Dltr align=3Dleft><FONT face=3DTah=
oma=20
  size=3D2>-----Original Message-----<BR><B>From:</B> Herb Caudill=20
  [mailto:[email protected]]<BR><B>Sent:</B> 17 February 2003 21:14<BR><B>To:=
</B>=20
  [email protected]<BR><B>Subject:</B> [slimp3-users] Web interf=
ace=20
  prototype<BR><BR></FONT></DIV><TT>Please see <A=20
  href=3D"http://www.ibamba.net/slimp3">http://www.ibamba.net/slimp3</A> fo=
r a=20
  (non-functional) mockup of<BR>a web interface that I'd like to see for th=
e=20
  SLIMP3. The SLIMP3 client<BR>interface is brilliant, but I think the web=
=20
  interface parallels the<BR>client's one-dimensional universe more closely=
 than=20
  is necessary; I'd<BR>like a richer web interface that takes full advantag=
e of=20
  desktop<BR>environment. <BR><BR>I'm a web developer &amp; interface desig=
ner,=20
  but I don't work in Perl. I'd<BR>be glad to work together with someone to=
=20
  develop this. I don't know how<BR>much of this can be accomplished within=
 the=20
  current skinning framework,<BR>and how much would require changes to the=
=20
  server code. I'm not sure if I<BR>should be addressing this to the dev li=
st -=20
  someone let me know what the<BR>best way is to proceed.<BR><BR>Some=20
  notes:<BR><BR>- The "Music Library" frame would optionally load the whole=
=20
  library at<BR>once (i.e. no paging). I find paging a nuisance, but this c=
ould=20
  be<BR>user-configurable. In my case (8000+ tracks) this would probably be=
=20
  over<BR>a 1MB page, but even so it shouldn't be a big deal over a=20
  LAN.<BR><BR>- Nodes in the hierarchy would open/close on the client (DHTM=
L)=20
  with no<BR>server round-trip required; the whole library would load the f=
irst=20
  time,<BR>and then just stay in memory. <BR><BR>- The music library hierar=
chy=20
  would be organized according to the<BR>options in the "View by" drop-down=
 menu=20
  (i.e. Genre:Album, Artist:Album,<BR>Artist, etc.)<BR><BR>- Selecting an i=
tem=20
  from the "View by" menu (or entering something into<BR>the "Search" box) =
would=20
  automatically reload the frame.<BR><BR>- The hierarchy could potentially =
go=20
  two-three levels deep. For example,<BR>if I was viewing by "Genre:Album" =
I=20
  might have this:<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; +=20
  Blues<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; +=20
  Brazilian<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -=20
  Jazz<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; +=20
  Bitches Brew | Miles Davis<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; + In a Silent Way | Miles=20
  Davis<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - =
Kind=20
  of Blue | Miles Davis<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; So=20
  What<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Freddie=20
  Freeloader<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbs=
p;=20
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Blue in Green<BR>&nbsp;&nbsp;&nbsp;&nbsp;&=
nbsp;=20
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; All=20
  Blues<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Flamenco=20
  Sketches<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=
 +=20
  Saturday Night at the Blackhawk<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; +=20
  Rock<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; + etc.<BR><BR>- I want to be able =
to=20
  have any number of albums/genres/etc. expanded at<BR>any given time, =E0 =
la=20
  Windows Explorer.<BR><BR>- I would want to be able to click column heads=
=20
  (Genre, Album, Artist,<BR>etc.) to sort the listing. The "view by" menu w=
ould=20
  determine the<BR>grouping structure; the column heads would determine the=
 sort=20
  order.<BR>These aren't necessarily the same - I generally want a list of=
=20
  albums,<BR>but in alphabetical order by artist.&nbsp;&nbsp;&nbsp;&nbsp;&n=
bsp;=20
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
  <BR><BR>Cheers<BR>Herb<BR><BR><BR></TT><BR><BR><TT>To=20
  unsubscribe from this group, send an email=20
  to:<BR>[email protected]<BR><BR></TT><BR><BR><TT>Y=
our=20
  use of Yahoo! Groups is subject to the <A=20
  href=3D"http://docs.yahoo.com/info/terms/">Yahoo! Terms of Service</A>.</=
TT>=20
<BR></BLOCKQUOTE>
<br>

<!-- |**|begin egp html banner|**| -->

<table border=3D0 cellspacing=3D0 cellpadding=3D2>
<tr bgcolor=3D#FFFFCC>
<td align=3Dcenter><font size=3D"-1" color=3D#003399><b>Yahoo! Groups Spons=
or</b></font></td>
</tr>
<tr bgcolor=3D#FFFFFF>
<td align=3Dcenter width=3D470><table border=3D0 cellpadding=3D0 cellspacin=
g=3D0> <tr> <td align=3Dcenter><font face=3Darial size=3D-2>ADVERTISEMENT</=
font><br><a href=3D"http://rd.yahoo.com/M=3D245454.2895241.4313951.2848452/=
D=3Degroupweb/S=3D1708298795:HM/A=3D1457554/R=3D0/*http://ipunda.com/clk/be=
ibunmaisuiyuiwabei"><img src=3D"http://us.a1.yimg.com/us.yimg.com/a/qu/quin=
street/uofpoff_300_250_0001.gif" alt=3D"" width=3D"300" height=3D"250" bord=
er=3D"0"></a></td></tr></table></td>
</tr>
<tr><td><img alt=3D"" width=3D1 height=3D1 src=3D"http://us.adserver.yahoo.=
com/l?M=3D245454.2895241.4313951.2848452/D=3Degroupmail/S=3D:HM/A=3D1457554=
/rand=3D349049189"></td></tr>
</table>

<!-- |**|end egp html banner|**| -->


<br>
<tt>
To unsubscribe from this group, send an email to:<BR>
[email protected]<BR>
<BR>
</tt>
<br>

<br>
<tt>Your use of Yahoo! Groups is subject to the <a href=3D"http://docs.yaho=
o.com/info/terms/">Yahoo! Terms of Service</a>.</tt>
</br>

</BODY></HTML>

------=_NextPart_000_0000_01C2D6D8.3D47A260--