http://portfolio.jackkalish.com Jack Kalish Sun, 18 Dec 2011 18:50:32 +0000 http://portfolio.jackkalish.com en http://portfolio.jackkalish.com/Sound-Affects http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Sound-Affects Sun, 18 Dec 2011 18:50:32 +0000 Jack Kalish 2475792 The above video is from the live performance that took place on December 11th at Cameo Gallery in Brooklyn. Sound Affects is a musical interface that extracts, analyzes, amplifies, and sonifies the affective states of the user. Emotional expression becomes a soundscape. Sound Affects was developed as a performance piece for New Interfaces for Musical Expression, a performance of novel musical instruments that took place on December 18th at Cameo Gallery in WIlliamsburg, Brooklyn. <img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502189247_c6686474e0_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502189247_c6686474e0_o_o.jpg" data-mid="14024815" border="0" align="left"/><img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502174473_e50e9e80d1_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502174473_e50e9e80d1_o_o.jpg" data-mid="14024753" border="0" align="left"/><img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502175479_5ff92497e7_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502175479_5ff92497e7_o_o.jpg" data-mid="14024763" border="0" align="left"/><img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502179183_018ace98b4_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502179183_018ace98b4_o_o.jpg" data-mid="14024773" border="0" align="left"/><img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502171785_88bdc3f238_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502171785_88bdc3f238_o_o.jpg" data-mid="14024743" border="0" align="left"/><img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502187801_2830e0d0e7_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502187801_2830e0d0e7_o_o.jpg" data-mid="14024804" border="0" align="left"/><img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502185523_e881630f73_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502185523_e881630f73_o_o.jpg" data-mid="14024794" border="0" align="left"/> Personal Statement What exactly is music and why is it that it can instill such strong emotions in people? This is the question I sought to explore when I approached this project. One theory about music is that it simulates the natural cycles and rhythms in our bodies. For instance, when you hear a loud fast bass line, it gets us excited and aroused because it simulates a loud fast heart-beat that we might feel in our own bodies. This this project, I wish to take this idea that music instills emotion, and turn it on its head by having emotion create music. Background I have been doing research on the nature of emotion over the past year. Emotion can be defined as the conscious recognition of physiological changes in the body that occur subconsciously in response to external stimuli. There are many ways in which such physiological states can be quantitatively measured. In this project I decided to explore a handful of these: facial expression, heart rate, and galvanic skin response. <img src="http://payload8.cargocollective.com/1/0/16253/2475792/6502182173_a21cdffca9_o_640.jpg" width="640" height="426" width_o="1210" height_o="806" src_o="http://payload8.cargocollective.com/1/0/16253/2475792/6502182173_a21cdffca9_o_o.jpg" data-mid="14024781" border="0" align="left"/> Audience Sound Affects was originally designed as a performance piece featuring two on-stage performers. For the ITP Winter show, I decided to create an interactive version of this project to allow others to create music with their emotions. User Scenario for ITP Winter Show A user is presented with a screen, GSR sensor, and a pair of headphones. The user sees their own reflection in the computer screen. When the user makes a face in the screen (for example, a smile) different sounds are triggered in response to different facial expressions. Placing their hand on the GSR sensor produces notes in response to their skin conductivity. The user also hears my heartbeat as it is amplified through a microphone. The user may be able to attach a stethoscope to hear their own heartbeat as well. Implementation Sound Affects uses an open-source face-tracking library in open-frameworks called ofxFaceTracker. To get the heartbeat sound, a stethoscope head is outfitted with a microphone. The signal is then filtered and distorted using MAX/MSP. I have also built a simple GSR sensor using some custom electronics, an Arduino, and Processing. The Arduino processes the GSR signal, sends the information to Processing, which does some averaging, and then outputs the signal as MIDI which is captured by Garage Band to trigger the musical notes. The video below is from a live rehearsal of the performance: References Original FaceTracker library for C++ created by Jason Saragih. ofxFaceTracker wrapper for OpenFrameworks created by Kyle McDonald. Thanks to Che-Wei Wang for open-sourcing the GSR sensor and code. Thanks to Brett Murphy and Greg Shakar for all the help, feedback, and support! http://portfolio.jackkalish.com/Transmission http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Transmission Thu, 18 Aug 2011 23:13:26 +0000 Jack Kalish 1826229 <img src="http://payload.cargocollective.com/1/0/16253/1826229/Still 3_fixed_640.jpg" width="640" height="382" width_o="1206" height_o="720" src_o="http://payload.cargocollective.com/1/0/16253/1826229/Still 3_fixed_o.jpg" data-mid="9015816" border="0" align="left"/> Transmission is a sculptural, stereoscopic video installation. In it's mirrored surface, one can just barely perceive their own image engulfed in static, undifferentiated chaos. Mysterious and alien, it confronts and challenges the viewer, inviting us to peer into its depths. Look within, see yourself. From the not-quite noise emerges three-dimensional forms, an undulating space that surrounds and embraces the visitor. Follow this project's development here on my blog <img src="http://payload.cargocollective.com/1/0/16253/1826229/Still-1_fixed_640.jpg" width="640" height="382" width_o="1206" height_o="720" src_o="http://payload.cargocollective.com/1/0/16253/1826229/Still-1_fixed_o.jpg" data-mid="9015817" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/1826229/transmission1_640.jpg" width="640" height="474" width_o="768" height_o="569" src_o="http://payload.cargocollective.com/1/0/16253/1826229/transmission1_o.jpg" data-mid="9015877" border="0" align="left"/> Exhibitions Geekdown at 92YTribeca: August - September 2011 Press Grunge Cake "Quickly, it struck a cord with me. ... what was so cool to me about ‘Transmission’ was the concept of standing in front a mirror-like machine seeing yourself and losing yourself — or your image — in minutes." Thanks to model Corrie Van Sice. http://portfolio.jackkalish.com/Con-Edison-Touchscreen http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Con-Edison-Touchscreen Tue, 28 Jun 2011 06:20:29 +0000 Jack Kalish 1295435 I did all of the development, as well as some of the animations for this informational touch-screen kiosk promoting Con Edison's Smart Grid initiative. I was subcontracted by Arnold Worldwide, who created the design for this piece. One of the goals of the project was to create an iPhone-like swiping interaction to move between the different pages. I developed a smooth swiping interaction that bounces and locks into place when moving between screens. Each grid element on the screen opens up a dynamic animation that dynamically loads images and text defined in an externam XML file. External high-definition videos are also embedded throughout the interactive. Technologies used Flash, AS3, XML <img src="http://payload.cargocollective.com/1/0/16253/1295435/1.tiff_640.jpg" width="640" height="359" width_o="1919" height_o="1078" src_o="http://payload.cargocollective.com/1/0/16253/1295435/1.tiff_o.jpg" data-mid="8113826" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/1295435/screen2.tiff_640.jpg" width="640" height="359" width_o="1919" height_o="1078" src_o="http://payload.cargocollective.com/1/0/16253/1295435/screen2.tiff_o.jpg" data-mid="8113827" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/1295435/screen5.tiff_640.jpg" width="640" height="359" width_o="1919" height_o="1078" src_o="http://payload.cargocollective.com/1/0/16253/1295435/screen5.tiff_o.jpg" data-mid="8113829" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/1295435/screen7.tiff_640.jpg" width="640" height="359" width_o="1919" height_o="1078" src_o="http://payload.cargocollective.com/1/0/16253/1295435/screen7.tiff_o.jpg" data-mid="8113831" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/1295435/screen8.tiff_640.jpg" width="640" height="359" width_o="1919" height_o="1078" src_o="http://payload.cargocollective.com/1/0/16253/1295435/screen8.tiff_o.jpg" data-mid="8113833" border="0" align="left"/>(Click on the image above to cycle through the slideshow.) http://portfolio.jackkalish.com/Illumination http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Illumination Mon, 16 May 2011 15:43:35 +0000 Jack Kalish 1450986 <img src="http://payload.cargocollective.com/1/0/16253/1450986/destiny from dynamics that fail_640.JPG" width="640" height="377" width_o="2048" height_o="1206" src_o="http://payload.cargocollective.com/1/0/16253/1450986/destiny from dynamics that fail_o.JPG" data-mid="7732640" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/1450986/photos_640.jpg" width="640" height="377" width_o="2048" height_o="1206" src_o="http://payload.cargocollective.com/1/0/16253/1450986/photos_o.jpg" data-mid="7732767" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/1450986/ready_640.jpg" width="640" height="377" width_o="2048" height_o="1206" src_o="http://payload.cargocollective.com/1/0/16253/1450986/ready_o.jpg" data-mid="7732830" border="0" align="left"/> Exhibiting at Geekdown at the 92nd Street Y Tribeca Opening August 13th, 2011 More info here Illumination is an interactive art installation that uses light to discover and reveal poetry within printed texts. It was created in collaboration with Yonatan Ben-Simhon. Visitors are welcome to put any printed text down onto the clipboard. A pair of switches built into the clipboard detects when a text is placed down. The text is then photographed by a camera suspended from above. This image is downloaded to a computer and sent to an OCR (optical character recognition) script, which scans the page to find all the words and their positions on the page. This process typically takes 1-2 minutes depending on the quality of the image, lighting, font face and size, etc. The list of words found on the page is then sent to a machine-learning algorithm that stores a statistical model of grammatical structures that has been derived from thousands of works of poetry and literature that it has read. This model is then used to discover poetic structures within the new text that are statistically similar to what the program has been inspired by. As the poetry is being made, a projector that is suspended from above lights words on the page to reveal the poetry. More information on the project and how it works can be found on my ITP blog here: http://www.jackkalish.com/itp/?p=396. And on Yoni's ITP blog here: http://itp.nyu.edu/~ybs209/blog/?p=241 Exhibitions Geekdown at 92nd St Y Tribeca: August - September 2011 Ventana 244: June-July 2011 Press New York 1 Hyperallergic Core77 http://portfolio.jackkalish.com/Immigration-Experience-Kiosk http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Immigration-Experience-Kiosk Fri, 24 Dec 2010 23:32:47 +0000 Jack Kalish 880269 <img src="http://payload.cargocollective.com/1/0/16253/880269/Imm_1_640.jpg" width="640" height="359" width_o="940" height_o="528" src_o="http://payload.cargocollective.com/1/0/16253/880269/Imm_1_o.jpg" data-mid="4213585" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/880269/Imm_2_640.jpg" width="640" height="359" width_o="940" height_o="528" src_o="http://payload.cargocollective.com/1/0/16253/880269/Imm_2_o.jpg" data-mid="4213586" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/880269/Imm_3_640.jpg" width="640" height="359" width_o="940" height_o="528" src_o="http://payload.cargocollective.com/1/0/16253/880269/Imm_3_o.jpg" data-mid="4213587" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/880269/Imm_4_640.jpg" width="640" height="359" width_o="940" height_o="528" src_o="http://payload.cargocollective.com/1/0/16253/880269/Imm_4_o.jpg" data-mid="4213588" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/880269/Imm_5_640.jpg" width="640" height="359" width_o="940" height_o="528" src_o="http://payload.cargocollective.com/1/0/16253/880269/Imm_5_o.jpg" data-mid="4213589" border="0" align="left"/> "In the Immigration gallery of the National Museum of American Jewish History visitors come to understand the process and criteria for entering the United States in the early twentieth century in a direct and personal way, through persona-based role-playing. The Immigration Experience links visitors to the journeys of one of four immigrant personas based on actual Jewish immigrants who came through Ellis Island and other U.S. ports of entry. Visitors experience a certain sense of destiny inside the interactive, but they also have to engage and guide their characters through the early bureaucratic process that helped feed a growing country. There are tests that were actually administered during immigration processing that visitors need to solve. The finished software creates a window in time allowing visitors to experience some of what their parents or grandparents may have experienced upon their arrival to this country." This touchscreen was created for the National Museum of Jewish American History, just opened in November 2010 in Philadelphia, PA. Created with Local Projects. Role Development Technologies Flash, AS3, Air, Alpha video, H.264 HD Video, XML Links Local Projects National Museum of Jewish American History http://portfolio.jackkalish.com/Bytelight http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Bytelight Fri, 24 Dec 2010 00:04:32 +0000 Jack Kalish 879009 <img src="http://payload.cargocollective.com/1/0/16253/879009/josh_1.jpg" width="480" height="720" width_o="480" height_o="720" src_o="http://payload.cargocollective.com/1/0/16253/879009/josh_1_o.jpg" data-mid="4207181" border="0" align="left"/> Though we are becoming increasingly immersed and dependant on computers in our lives, very few people actually understand how they work. Bytelight takes one basic, ubiquitous aspect of the computer, an LCD pixel, and portrays it in a physical representation that is familiar and unintimidating: an overhead light controlled by light switches. Bytelight is an interactive light sculpture representing an individual LCD pixel, and the binary bit data that defines its color. The pixel is composed of three tube lights: red, blue, and green. Beneath the box is a row of 24 switches, each switch representing one bit of information about the pixel. The first 8 switches allow for a range of 0-255 for the red light, the next 8 for the green light, and the final eight for the blue light. Flipping the switches effects the brightness of each lamp and the combined color of the light that gets cast. The 24-bit color scheme allows for up to 16,777,216 possible colors. Created in collaboration with Gabriella Levine. <img src="http://payload.cargocollective.com/1/0/16253/879009/josh_2_640.jpg" width="640" height="426" width_o="720" height_o="480" src_o="http://payload.cargocollective.com/1/0/16253/879009/josh_2_o.jpg" data-mid="4207183" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/879009/josh_3_640.jpg" width="640" height="426" width_o="720" height_o="480" src_o="http://payload.cargocollective.com/1/0/16253/879009/josh_3_o.jpg" data-mid="4207184" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/879009/card_front_640.png" width="640" height="276" width_o="874" height_o="378" src_o="http://payload.cargocollective.com/1/0/16253/879009/card_front_o.png" data-mid="4209016" border="0" align="left"/> Press Core 77 A New Day's Work Credits Photos by Joshua Kleiner. The first video up top of footage from the ITP Winter show was recorded by Arturo Vidich and edited by Nisma Zaman. The second video slightly below that was recorded by Gabriella Levine and I, and edited by me. Bytelight logo designed by me. http://portfolio.jackkalish.com/Bookushions-Ceramic-Bookends http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Bookushions-Ceramic-Bookends Sat, 19 Dec 2009 07:41:51 +0000 Jack Kalish 195422 <img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_7287_640.JPG" width="640" height="480" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_7287_o.JPG" data-mid="834658" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_7266_640.JPG" width="640" height="480" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_7266_o.JPG" data-mid="834683" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_8247_640.JPG" width="640" height="480" width_o="1600" height_o="1200" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_8247_o.JPG" data-mid="834720" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_8253_640.JPG" width="640" height="480" width_o="1600" height_o="1200" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_8253_o.JPG" data-mid="834724" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_8259_640.JPG" width="640" height="480" width_o="1600" height_o="1200" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_8259_o.JPG" data-mid="834726" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_8573_640.JPG" width="640" height="480" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_8573_o.JPG" data-mid="834728" border="0" align="left"/> Bookushions or "Book Cushions" are hand-made ceramic bookends that look like soft little pillows. They are filled with sand and sealed, making them heavy enough to hold up your entire library. Can also be used as door-stops, paper-weights, or simply as decorative sculptures to put on your shelf. I created the Bookusions originally by sculpting them by hand out of clay. From this clay model, a plaster mold was made. They are then slip-cast from this plaster mold. Bookushions are currently being sold online through Etsy.com and in several boutique shops in New York and Pennsylvania. <img src="http://payload.cargocollective.com/1/0/16253/195422/banner_640.jpg" width="640" height="84" width_o="760" height_o="100" src_o="http://payload.cargocollective.com/1/0/16253/195422/banner_o.jpg" data-mid="834732" border="0" align="left"/> I also created this logo and identity for them. Links My Etsy shop <img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_7291_640.JPG" width="640" height="853" width_o="1704" height_o="2272" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_7291_o.JPG" data-mid="834685" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/195422/IMG_7282_640.JPG" width="640" height="639" width_o="1704" height_o="1703" src_o="http://payload.cargocollective.com/1/0/16253/195422/IMG_7282_o.JPG" data-mid="834684" border="0" align="left"/> http://portfolio.jackkalish.com/Focus-A-Teacher-s-Resource http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Focus-A-Teacher-s-Resource Sat, 19 Dec 2009 05:17:24 +0000 Jack Kalish 183303 <img src="http://payload.cargocollective.com/1/0/16253/183303/1_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/1_o.jpg" data-mid="834404" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/2_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/2_o.jpg" data-mid="834381" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/3_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/3_o.jpg" data-mid="834382" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/4_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/4_o.jpg" data-mid="834384" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/5_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/5_o.jpg" data-mid="834387" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/6_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/6_o.jpg" data-mid="834388" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/7_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/7_o.jpg" data-mid="834391" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/8_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/8_o.jpg" data-mid="834392" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/183303/logo_640.jpg" width="640" height="468" width_o="800" height_o="585" src_o="http://payload.cargocollective.com/1/0/16253/183303/logo_o.jpg" data-mid="834395" border="0" align="left"/> View live site (Please note that since this application was designed for CD deployment, the high-resolution images will take a very long time to load over the internet) Focus is an interactive CD application designed and developed for the George Eastman House. World-renowned for its photograph and motion picture archives, George Eastman House sought to provide a free educational resource to the community. This CD was to be distributed to high school and middle-school teachers throughout the New York State area to use as a teaching-tool. All the images and text are loaded dynamically through XML. Users are given the ability to save photos to their dock, then use those photos to create and print custom activities for their students. Role For this project, I served as the design director in a group of seven. I was also one of two developers in the group and I designed the user interface and the logo. Technologies Used Flash, AS2, XML, CSS, HTML, FlashPaper http://portfolio.jackkalish.com/CUNY-International http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/CUNY-International Sat, 19 Dec 2009 04:01:51 +0000 Jack Kalish 180291 <img src="http://payload.cargocollective.com/1/0/16253/180291/1-home_640.jpg" width="640" height="375" width_o="1015" height_o="596" src_o="http://payload.cargocollective.com/1/0/16253/180291/1-home_o.jpg" data-mid="834246" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180291/3-intro_640.jpg" width="640" height="375" width_o="1015" height_o="596" src_o="http://payload.cargocollective.com/1/0/16253/180291/3-intro_o.jpg" data-mid="834247" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180291/5_640.jpg" width="640" height="375" width_o="1015" height_o="596" src_o="http://payload.cargocollective.com/1/0/16253/180291/5_o.jpg" data-mid="834248" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180291/6_640.jpg" width="640" height="375" width_o="1015" height_o="596" src_o="http://payload.cargocollective.com/1/0/16253/180291/6_o.jpg" data-mid="834249" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180291/7_640.jpg" width="640" height="375" width_o="1015" height_o="596" src_o="http://payload.cargocollective.com/1/0/16253/180291/7_o.jpg" data-mid="834251" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180291/9_640.jpg" width="640" height="375" width_o="1015" height_o="596" src_o="http://payload.cargocollective.com/1/0/16253/180291/9_o.jpg" data-mid="834252" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180291/10_640.jpg" width="640" height="375" width_o="1015" height_o="596" src_o="http://payload.cargocollective.com/1/0/16253/180291/10_o.jpg" data-mid="834255" border="0" align="left"/> View live site This site seamlessly combines HTML and flash content into one cohesive, engaging experience created to aid international students coming into the City University of New York school system. Created at Kognito. Role For this site, I did all of the design and development, as well as most of the production work. I also took and edited the student photos in the student stories section and other photos throughout the site. Technologies Used Photoshop, Illustrator, HTML, CSS, Flash, Actionscript, Javascript http://portfolio.jackkalish.com/Freedom-s-Journal-Touchscreen http://portfolio.jackkalish.com/following/portfolio.jackkalish.com/Freedom-s-Journal-Touchscreen Wed, 16 Dec 2009 22:32:17 +0000 Jack Kalish 180289 An interactive touchscreen on exhibit at the New York Historical Society November 2006-September 2007. Combines Flash, PHP, XML, a simulated server, and a PC-Mac network, allowing museum visitors to create, print, and take home a custom version of the Freedom's Journal newpaper. Winner of the 365: AIGA Annual Design Competitions 28 in the category of 'Experience Design'. Created with Local Projects. <img src="http://payload.cargocollective.com/1/0/16253/180289/images.jpg" width="449" height="316" width_o="449" height_o="316" src_o="http://payload.cargocollective.com/1/0/16253/180289/images_o.jpg" data-mid="820010" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180289/2.jpg" width="449" height="316" width_o="449" height_o="316" src_o="http://payload.cargocollective.com/1/0/16253/180289/2_o.jpg" data-mid="820009" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/16253/180289/1.jpg" width="449" height="316" width_o="449" height_o="316" src_o="http://payload.cargocollective.com/1/0/16253/180289/1_o.jpg" data-mid="820008" border="0" align="left"/> Role: development, motion-design, animation Technologies: PHP, Flash, Actionscript, XML, FPDF Awards AIGA 365 Links Local Projects project page