MEDIA: HTML
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 64bit
SPECIFICATIONS: 1200px x 800px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 19
INSTITUTION: University of Tampa
DESCRIPTION: This visual/interactive resume was created to display to show my skills in a fun way. By hovering over the different skills, examples of my work are shown. There’s also a video slideshow of my work as well as a link to my portfolio. Overall, it was a fun project to make and helped me decide what colors and aesthetic I wanted to use for my “branding”.
LINK: https://fmx311.santiago.bz/FMX311/FA19/platteter/05_IntResume/resume.html
MEDIA: HTML
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 64bit
SPECIFICATIONS: 1200px x 800px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 19
INSTITUTION: University of Tampa
DESCRIPTION: This text and image-based HTML poem uses lyrics from the song “[A]ddiction”. I created the main character image and animated it to have a blinking motion. Hovering on any of the ‘love’ lyrics makes a heart appear on their hat. The lyrics show up in a staggered manner using CSS animations and timing. Other words can also be hovered over for further interactivity.
LINK: https://fmx311.santiago.bz/FMX311/FA19/platteter/03_TextImagePoem/textimagepoem.html
MEDIA: HTML
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 64bit
SPECIFICATIONS: 1200px x 800px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 19
INSTITUTION: University of Tampa
DESCRIPTION: This text poem was created using the lyrics from the song “When the Day Met the Night”, and uses CSS animations and timing to make the lyrics appear one at a time. There are interactive elements such as a moon and sun appearing when hovering over the page. It was a fun experiment in creating something interesting without using images. The sun and moon images used are actually unicode symbols.
LINK: https://art310.santiago.bz/sp19/bplatteter/07_EternalMotion/eternalmotion.html
MEDIA: HTML
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 64bit
SPECIFICATIONS: 1500px x 800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 19
INSTITUTION: University of Tampa
DESCRIPTION: This piece was much easier to create since the pieces did not have to individually be made of code. I drew an illustration where each part was a separate image and placed/animated them with code. The elements respond to mouse movement here as well.
LINK: https://art310.santiago.bz/sp19/bplatteter/07_EternalMotion/eternalmotion.html
MEDIA: HTML
SOFTWARE: Adobe Dreamweaver
HARDWARE: Windows 64bit
SPECIFICATIONS: 1300px x 800px
CLASS: FMX 310 Creative Coding
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 19
INSTITUTION: University of Tampa
DESCRIPTION: This was my first time creating an animation using HTML. It is based off of a drawing of one of my characters, recreated with code. The background and eye movements change with the mouse’s movement. It was definitely a learning experience in the possibilities of the canvas element in HTML.
LINK: https://art310.santiago.bz/sp19/bplatteter/01_illustration/oliverillust.html