my first flex project: to-do list

i’m ashamed to say that as much as i appreciate actionscript and design, i’ve never really ventured into flex or air development as of yet. i understand the power and the potential in desktop application development and the like. i just never really had a chance to really get down to the nitty gritty and start developing.

that all changed, however, on the first week of may. my multi-user authoring professor, sean voisen, has given us all the opportunity to develop our first flex application. the assignment is to design and code an interactive to-do list which stores data through an online database. you will be able to add an item and delete an item at the very least. i will be working collaboratively with adam on this one by default haha.

here are screens of what i put together during class and i spent another hour refining it just before this blog post. screens should be pretty straightforward. you have your main screen. then you have a new screen when you choose to add or delete an item. your last screen shows your note edit screen. emphasis was put on designing for animation transitions for the project, so i kept that in mind when putting this design together. the note paper slides in as well as it’s alpha value changing from 0% to 100%. a nice opaque gradient also fades in and covers the main screen and blurs it out.

i’m really hoping to add some sort of gesture system in the application using the mouse gesture coding i stumbled upon a few weeks ago. what i mean by that is when you draw a slash/strikethrough mark over any item, it will modify that item’s value in the database from “incomplete” to “complete” as well as load a generic slash/strikethrough movieclip over the completed item. if that proves too tedious for the assignment, i definitely plan to implement it sometime in the future. thanks to animal collective’s “loch raven” for keeping me company on this one.

project main screen

process 1

process 2

Related Posts

  1. i fell for flex: drag-and-drop developing
  2. design: firecracker wings quiz
  3. firecracker quiz update: design
  4. my journey into advanced javascript
  5. attention: actionscript people

Leave a comment