Fast Easy Lists to Help Organize Your Life

1
Fast Easy Lists to Help Organize Your Life
Peter Azuolas ICS415 November 6th, 2008
2
Summary

• Brisklist.com is a LAMPerl powered DHTML List
  management website, using AJAX for communication
  to the server for a seamless, single page
  interface.

3
Overview

• Too many lists of various types in my life are
  scattered among text files, emails, pieces of
  paper, back of napkins..
• Todo Lists
• Feature Lists
• Bug Lists
• Homework Lists
• Shopping Lists ( Christmas , birthdays, etc... )?
• Etc...

4
Overview cont.

• Need an easy way to store and access all of my
  various lists in a central place...

5
Requirements

• My ideal List storage solution would
• Allow me to store multiple lists
• Share lists with others or keep them private
• View multiple lists on the same screen
• Be simple and easy to use
• Allow fast manipulation of my lists ( Ajax )?

6
Available Solutions

• Currently a number of list management websites in
  the wild
• Tadalist.com
• 37 Signals Product
• Easy to use
• Multiple lists BUT MULTIPLE LISTS NOT VIEWABLE
  AT SAME TIME
• Public/Private Access features

7
Available Solutions cont.

• Rememberthemilk.com
• More oriented to a single list
• Lots of advanced controls that just exceed my
  needs
• Ajax features nice

8
Available Solutions cont.

• Todoist
• Easier to use then Rememberthemilk.com
• Nice nesting features ( lists inside lists )?
• Totally focused on Todo lists

9
Available Solutions Final

• None of the available solutions meet my needs
• Too complex
• Multiple lists are a pain to navigate
• Interface not interesting, takes too much time to
  navigate

10
Why Build My Own?

• The simple fact is that NO solution meets my
  needs of simplicity and multiple on screen lists!

11
Features

• The feature set for BriskList.com will meet all
  my desires for a List Program.
• User Authentication
• DHTML and AJAX Powered interface
• Multiple Lists on Screen at same time
• Ability to Share Lists ( RSS and Dedicated URL )?
• SIMPLE TO USE WITHOUT OVERWHELMING COMPLEXITY

12
Technologies

• A number of technologies will be used to create
  BriskList.com
• LAMPerl Linux , Apache , MySQL and Perl for
  serving pages, storing data and writing the CGI
• JQuery JS library for easy DOM manipulation and
  Simplified crossbrowser AJAX support
• UI.JQuery Extension to JQuery for drag and drop
  elements

13
Mockup Login

14
Mockup Join

15
Mockup First Login

16
Mockup Control Bar

17
Create List

18
List Created

19
Populated List

20
Multiple Lists

21
Sharing

• Public access to lists will be done via
• Custom URL
• http//www.brisklist.com/username
• Only lists that have been made public will be
  visable. This page will NOT be AJAX so it can be
  viewed on mobile devices.

22
Conclusion

• Brisklist.com will be a simple, multi-list system
  with a snazzy DHTML/AJAX interface.
• It will meet all my desires in a list application
  and hopefully be useful to others.
• The most time will be spent on the Interface side
  ( JS ,DHTML and AJAX elements ) with the server
  side code being limited to storing and retrieving
  data.