| |
| 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 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
|
| |
|
|
|
|