Christian Cenizal
161B HOME

 
 
PS 01. Intro & HTML

1. I am taking this course to learn how to use web languages and programs that are more dynamic than basic HTML and Flash. The development of the web from an archival medium into a broadcast medium and universal all-purpose application source relies upon the evolution of the web's dynamic aspects.
2. Levitated.net is my favorite dynamic website. It explores the beauty that is inherent to the mathematical, logical aspects of design. It elevates to an extreme the sanctity of rules within design, showing us that such extremity does not preclude elegance.
 
PS 02. Animation & Response

1.
Flash allows the designer greater control of graphics, motion, and interactivity with the user. Being based on vector graphics, it often results in smaller file sizes than HTML sites coupled with bitmap graphics. Flash also allows the designer to design as if s/he were using graphics editing software, allowing the designer to think visually instead of in an abstract markup language.
2. Line motion 1
    Line motion 2
3. Behavioral buttons
PS 03. CSS

1. Separating style from structure allows greater flexibility when changes need to be made to a large document. These changes consist of both those on the creator's side and on the viewer's side. If the creator were to change the text formatting of particular types of text blocks, he could do so easily with CSS, which essentially separate style from structure. By making small changes within a style sheet, sweeping alterations can be made to an entire document with relative ease. On the viewer's side of thngs, different browser types, resolutions, and window sizes can be easily dealt with by a web document that is separate in style and structure. In short, separating style from structure simplifies both the alteration and distribution of web documents.
2. CSS homepage
3. CSS passage
PS 04. Forms & JS
1. In Web Design in a Nutshell, Niederst says "CGI (Common Gateway Interface) is the interface between HTTP/web server software (the program responsible for web transactions) and other programs on the server." I take this to mean that CGI is some form of scripting protocol or language that allows user input on a web page to affect server-side programs that are not inherently web-based. In turn, CGI can relay information back to the user-side web page, changing content.
2. CSS, Forms homepage
3. Form art
PS 05. Style & Design Exploration
0. Inspired by Factory512, Sijun, and Conclave Obscurum. Factory512 inspired me through some of the designs within that have a dirtier, gritty quality. His use of textures translated into flat 2-dimensional graphics inspired me to incorporate a similar treatment into the general motif of my designs. Sijun's "physical" appearing design (i.e. tangible, realistic imagery and photos used to structure the layout, content, and navigation) inspired my use of brick photography, giving me the idea of using a brick wall as a physical aspect of my design. And again, Concalve Obscurum gave me ideas about grittiness, dirty, messy design concepts.
1. Concept 1
2. Concept 2
3. Concept 3
4. Concept 4
5. Concept 5
 
PS 06. Info Architecture
1. The dynamic site I will create will be a web-based compendium of articles that will take advantage of the web's Multimedia, Database, Many-to-many, and Automation characteristics. The web's Multimedia qualities will be used to create the site's visual structure and aesthetic aspects, through the incorporation and unification of sound, Flash, text, and still images within one style. The Database aspect will be the core of my dynamic site. It will be a comprehensively appendixed and easily accessible repository of information. It will change dynamically through the Many-to-many and Automation characteristics of the web. Users of the website will be able to affix addendums and notations to articles, which will in turn allow future visitors to explore beyond the frame of the site. Additionally, this will allow the site to evolve as viewers share knowledge and unique experiences, enriching the site's informative qualities. People may also register as authors with the site, allowing them to create their own articles, which will be automatically integrated within the whole. Reigstered authors can create new articles, and spellcheck, annotate, edit, remove, and create version histories for current ones, all through a site-integrated web app.
2. Information architecture
3a. Wireframe (browse)
3b. Wireframe (edit)
3c. Wireframe (login)
3d. Wireframe (register)
 PS 07. Design Variations
1. Moderate variation
2. Conservative variation
3. Radical variation
PS 08. Refinement
1. Browsing
2. The home page will be either a randomly selected article from the database, the FAQ page, or the login page.
3a. Editing
3b. Login
3c. Register
3d. FAQ
3e. Contact
 
 PS 09. Implementation
1. PHP online article database tehnology.trends

2. Incorporated Features:
    - All images, XML, and CSS is loaded externally into the PHP pages
    - Home page loads a randomly selected article through Javascript and PHP (PHP generates array of articles, randomly chooses a value from the array and plugs it into a variable, which is input into a JavaScript redirect)
    - Users navigate by a dropdown menu (PHP creates an array based on the XML files, organizes them alphabetically by article topic, and creates an option list for each array element)
    - Users may contribute their own article to the database, containing subject, title, and author lines, and abstract, content, and references fields
    - Copyright information on each article page is automatically attributed to each article's author, the text of which is hyperlinked to mailto their email

Failed Features:
    - Attempted to incorporate a form into the Submit page that allows the user to look up a word at www.dictionary.com and return results
    - Attempted to incorporate Sorting function by various criteria into navigation
    - Date Created field is not dynamically generated