David Reed Department of Computer Science Creighton University __ __ ______ ____ ______ __ __ /\ \/\ \/\__ _\ /\ _`\ /\__ _\/\ \ /\ \ \ \ `\\ \/_/\ \/ \ \ \L\_\/_/\ \/\ `\`\\/'/ \ \, ` \ \ \ \ \ \ _\/ \ \ \ `\ `\ /' \ \ \`\ \ \_\ \__\ \ \/ \ \ \ `\ \ \ \ \_\ \_\/\_____\\ \_\ \ \_\ \ \_\ \/_/\/_/\/_____/ \/_/ \/_/ \/_/ ______ ____ ____ ______ ____ __ __ ____ __ __ ______ ____ /\ _ \/\ __\ /\ __\ /\__ _\ /\ _`\ /\ \/\ \ /'\_/`\/\ _\ /\ \/\ \/\__ _\/\ __\ \ \ \L\ \ \,\_L_\ \,\_L_\/_/\ \/ \ \ \L\_\ \ `\\ \/\ \ \ \L_\ \ `\\ \/_/\ \/\ \,\_L_ \ \ __ \/_\__ \\/_\__ \ \ \ \ \ \ \L_L\ \, ` \ \ \__\ \ \ _\\ \, ` \ \ \ \ \/_\__ \ \ \ \/\ \/\ \L\ \/\ \L\ \ \_\ \__\ \ \/, \ \ \`\ \ \ \_/\ \ \ \L_\ \ \`\ \ \ \ \ /\ \L\ \ \ \_\ \_\ `\____\ `\____\/\_____\\ \____/\ \_\ \_\ \_\\ \_\ \___\\ \_\ \_\ \ \_\ \ `\____\ \/_/\/_/\/_____/\/_____/\/_____/ \/___/ \/_/\/_/\/_/ \/_/\/___/ \/_/\/_/ \/_/ \/_____/ ============================================================================================= AAA SSSSS CCCCC IIIII IIIII tt iii AAAAA SS CC C III III mm mm mmmm aa aa tt oooo nn nnn sss AA AA SSSSS CC III III mmm mm mm aa aaa tttt iii oo oo nnn nn ss AAAAAAA SS CC C III III mmm mm mm aa aaa tt iii oo oo nn nn ss AA AA SSSSS CCCCC IIIII IIIII mmm mm mm aaa aa tttt iii oooo nn nn sss __ __ ______ ____ ______ __ __ /\ \/\ \/\__ _\ /\ _`\ /\__ _\/\ \ /\ \ \ \ `\\ \/_/\ \/ \ \ \L\_\/_/\ \/\ `\`\\/'/ \ \, ` \ \ \ \ \ \ _\/ \ \ \ `\ `\ /' \ \ \`\ \ \_\ \__\ \ \/ \ \ \ `\ \ \ \ \_\ \_\/\_____\\ \_\ \ \_\ \ \_\ \/_/\/_/\/_____/ \/_/ \/_/ \/_/ ______ ____ ____ ______ ____ __ __ ____ __ __ ______ ____ /\ _ \/\ __\ /\ __\ /\__ _\ /\ _`\ /\ \/\ \ /'\_/`\/\ _\ /\ \/\ \/\__ _\/\ __\ \ \ \L\ \ \,\_L_\ \,\_L_\/_/\ \/ \ \ \L\_\ \ `\\ \/\ \ \ \L_\ \ `\\ \/_/\ \/\ \,\_L_ \ \ __ \/_\__ \\/_\__ \ \ \ \ \ \ \L_L\ \, ` \ \ \__\ \ \ _\\ \, ` \ \ \ \ \/_\__ \ \ \ \/\ \/\ \L\ \/\ \L\ \ \_\ \__\ \ \/, \ \ \`\ \ \ \_/\ \ \ \L_\ \ \`\ \ \ \ \ /\ \L\ \ \ \_\ \_\ `\____\ `\____\/\_____\\ \____/\ \_\ \_\ \_\\ \_\ \___\\ \_\ \_\ \ \_\ \ `\____\ \/_/\/_/\/_____/\/_____/\/_____/ \/___/ \/_/\/_/\/_/ \/_/\/___/ \/_/\/_/ \/_/ \/_____/ ============================================================================================= AAA SSSSS CCCCC IIIII IIIII tt iii AAAAA SS CC C III III mm mm mmmm aa aa tt oooo nn nnn sss AA AA SSSSS CC III III mmm mm mm aa aaa tttt iii oo oo nnn nn ss AAAAAAA SS CC C III III mmm mm mm aa aaa tt iii oo oo nn nn ss AA AA SSSSS CCCCC IIIII IIIII mmm mm mm aaa aa tttt iii oooo nn nn sss

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 2 My inspiration… "Boring is the new Nifty." - Stuart Reges (Nifty 06) in an age of 3-D graphics and video games, what could be more boring/retro than ASCII art? in an age of 3-D graphics and video games, what could be more boring/retro than ASCII art? :-) ____ (| \ | | __, _ _| |/ | | |_|/ (/\___/ \_/|_/ \/ |__/,,,,,, o#'9MMHb':'-,o,.oH":HH$' "' ' -*R&o, dMMM*""'`'.oM"HM?.,MMM' "HLbd< ?&H\.:MH."\ ` MM MM&b. "*H - &MMMMMMMMMH:. dboo MMMMMMMMMMMM.. dMMMMMMb *MMMMMMMMMP.. MMMMMMMP *MMMMMP. `#MMMMM MM6P, ' `MMMP" HM*`, ' :MM.-, '. `#?.....' ''-.oo,oo.-''

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 3 What are ASCIImations? ASCIImation – an animation (movie) in which each frame is ASCII art o /#\ _|_ \o/ # _/ \_ o

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 4 Why ASCIImations? relatively simple application but involves GUI-building GUI-building representation choices representation choices data structures data structures timer events timer events … can be used in a variety of courses CS0: create HTML framework for editing/animating CS0: create HTML framework for editing/animating CS1/CS2: create stand-alone app (including GUI, files, …) CS1/CS2: create stand-alone app (including GUI, files, …) Web Programming: utilize PHP to upload, store, & download Web Programming: utilize PHP to upload, store, & download visual & taps into student creativity (even non-CS types)

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 5 CS0 assignment CS0 at Creighton: intro to computers, Internet/Web, scientific apps intro to computers, Internet/Web, scientific apps HTML + JavaScript HTML + JavaScript animation code is provided, students build the page text areas & buttons text areas & buttons each student must create an animation Interesting side question: how big can a movie be? What, if anything, limits size?

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 6 CS1/CS2 assignment in Java course, students build a stand-alone app store & access animations as files store & access animations as files threads & Timer threads & Timer can add lots of GUI bells & whistles can add lots of GUI bells & whistles discuss tradeoffs with Web-based version Interesting side question: application vs. applet

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 7 Web Programming assignment to utilize files over the Web, need server-side programming good project for an upper-level course good project for an upper-level course can integrate client-side JavaScript with PHP to can integrate client-side JavaScript with PHP to 1. upload animation from a form and store in a file 2. generate a viewer page with options for each file & button for downloading PHP makes this EASY PHP makes this EASY

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 8 Just for fun! great opportunity for outreach we are currently running a campus wide contest we are currently running a campus wide contest prizes donated by Apple prizes donated by Apple good PR for our department and for our Interactive Web Development Minor good PR for our department and for our Interactive Web Development Minor

NIFTY ASSIGNMENTS: ASCIImations – David Reed – SIGCSE 07 9 Summary ASCIImations they're simple they're simple they're creative they're creative they're fun they're fun they're flexible they're flexible check out the Web for lots of ASCII art sites & tools check out the Web for lots of ASCII art sites & tools in particular, visit the Star Wars ASCIImation site: in particular, visit the Star Wars ASCIImation site: //////// /////////// | __ //// | o /}/ /_ /// ////// >//// ////