Drupal Training

• Presented site functionality

Met with Janet Swaffar

• Audio recording tutorial
• Slideshow tutorial

Not Even Past

• Met with Kate
• Drupal site and theming
• Should look like this:

E316k Redesign

Photogtaphy and Dase

• Took and edited more building photos for DASE

STA Drupal Training

• Monday Weekly Meetings: Went over designs
• Started Building
• Created content types and structure
• http://dev.laits.utexas.edu/d6_djohannes/

ASLonline

• Met with Ran and Suloni
• Copied live sites to dev for development space
• Got permissions to work on them

Photography and DASE

• Received pending list of building still to be photographed
• Took and editied photos
• Still need DASE uploading

STA Drupal Training

• Wrote back to Prof Client
• First Mock up

E316K

• Worked some more on mock up

– Clicabrasil Sitehttp://dev.laits.utexas.edu/clicabrasil/

• Styled Footer
• Edited and added background images for Lessons

– E316k 2nd Mockup

• “Your V2 design
  
  
  SHOULD
  • – have a contemporary vibration
  • – convey multiculturalism
  • – be one that YOU feel visually engaged by, and that undergraduate students will be engaged by
  • – be dramatic
  • – have a rich, saturated, contrasting color combination
  • – be simple but intense
  • – have a strong visual impact at first glance
  • – employ clear clean typography and layout of elements
  should NOT
  • – feel subtle and classical
  • – have light, airy, transparent or tone on tone color treatments
  • – be monochromatic
  • – reflect design elements from totalitarian propaganda text treatment and iconograpgy
  • – use icons or pictures to denote film, pwrpts or pdfs.
  • “

– Drupal training meeting and assignments – 2 hours

• Feedback Meeting and Tutorial
• Created wireframes

– Clicabrasil Site http://dev.laits.utexas.edu/clicabrasil/– 2 hours

• CSS editing for front page
• Fixed spacing for bottom navigation on inner pages
• Trying to figure out how to do the pointer boxes

– Met with Janet Swaffar – 1.5 hour

• Tutorial on how to upload images and place them on pages
• Tutorial on how to use the HRC Online Archives

– Wrote paragraph about E316K design – 0.5 hour

– Drupal training meeting and assignments – 2 hours

• Went over proposals at the meeting
• Wrote back to Prof. Client about proposal

– Image editing for ROTC – 2 hours

• Sent images for another review
• Waiting for reply.

The text below is the concept behind my E316K redesign

Johannes Gutenberg is arguably the father of movable type and the printing press.This mechanization and printing technique stimulated the advent of the mass production of books, and therefore, accessible literature. My E316K redesign is an homage to Gutenberg. Letters, words, and text are the medium in which authors convey their message, and I wanted the typographical emphasis of my design to accentuate that very sentiment. The monochromatic grayscale design is reminiscent of the oil-based inks originally used in the printing press. A multitude of font’s are used, especially in the abstracted excerpt that dominates the home page. The uninhibited melange of serif and sans-serif fonts communicates the idea that literature is a medium in which authors can express themselves freely. Literature has no prejudice. Varying weights and intensities of the fonts are utilized and placed strategically so that each element fits into the design like a puzzle piece. Each design feature has it’s place, and no space is wasted.

The typographical abstraction from the home page is duplicated subtly in the secondary pages. The Gilgamesh page, for example, contains said element in the title. Website users are teased with excerpts and associations of the subject matter at hand, enabling students to further explore the relevant media (videos, pictures, music, etc). I also recontextualized the illustrations from the old site into the title of these inner pages. The clean illustration to the left of the title is included as if pressed with ink onto the page using a metal type piece cast with Gilgamesh’s silhouette. The page elegantly collapses and expands as each media type is chosen for viewing, which decreases the visual clutter of the page and focusing the user’s attention to the specific content he/she wishes to view.