Basic Information of Dynamic Site

Fall 2012 | IM 241 Integrated Information Design

Stefania Magnolia Lukito

Creative Brief

Background:Most web designer still didn’t understand what is dynamic site design and what’s the different between the regular site. This infographic is to help the web designer to understand what is dynamic site,and the pro and cons of it.

Client: Art Institute

Target Audience:StudentsWeb Designer

Objectives:To provide information what is dynamic site design.The pro and cons of static and dynamic site.To show the examples of dynamic site.

Obstacles:Provide enough information and make people understand what is dynamic site.There are more words that statistics or numbers.

Tone:Clean,Professional andInformative

Media:Print (Poster)

The data / information

DefinitionA dynamic website is written using more complex code and has a greater degree of functionality. For instance, many dynamic websites can be controlled by a content management system. This means that you will potentially be able to make updates without needing any knowledge of html or any website software.

Each page of dynamic website is generated from information stored in a database or external file. And the content management system that you may use to maintain Your website directly modifies this stored information. Dynamic sites are often database-driven. This means that the site content is stored in a database and the dynamic code “pulls” the content from a database.

Scripting Language: PHP, ASP, JAVA, JavaScript, and XML

Examples / Usage:E-commerceContent Management System (CMS)Members Database Business organization that offer products / service that change with time.BlogsNewsletter sites

Dynamic ProsMuch more functional websiteMuch easier to updateEasy for the client to use

Dynamic ConsSlower to developMore expensive to DevelopHosting costs a little more.

Moodboard

Inspirations

Sketches

Sketches

Process

DNS

client / browserDNSserver

1

5

3

4

2

DNS

5

1 2 3

4

Client / Browser DNS Server Database

Process

$$

$$$$

Dynamic SiteBasic Information About

What is Dynamic site?

It is a web site that displays different content each time it’s viewed. It is generated at the time of access by a user or change as a result of interaction with the user. This website’s content is stored in a database and the dynamic code “pulls” the content from a database.

2 types

Scripting LAnguages

Advantages

Disadvantages

Best for

Client-Side Scripting is web pages that change in response to an action within that web page, such as a mouse, or a keybo-ard action. Client-side content is content thatis generated on the user’s computer ratherthan the server.

Server-Side Scripting is web pages that change when a web page is loaded or visited use server-side scripting. Server-side content is content that is generated when a web page is loaded.

More Functional WebsiteEasier to UpdateEasy for the client to use

Slower to Develop

$

Hosting Costs A Little More

$

More Expensive to Develop

PHP xmlasp java javascript

DNS

ServerDNS

Database

Client / Browser

1

5

3

4

2

Process

Dynamic SiteWhat is a Dynamic site?

It is a web site that displays different content each time it’s viewed. It is generated at the time of access by a user or change as a result of interaction with the user. Each page of dynamic website is generated from information stored in a database or external file. The content that is stored in a database are “pulls” by the dynamic code. And this mean that this website is written using more complex code and has a greater degree of functionality. This website is good for E-commerce, Content Management System (CMS), Members Database, Blogs and Newsletter sites.

1. The client acces the browser and pass the requested page to DNS

2. The DNS then transfer the information to server

3. The server access and search for the wanted file in the database

4. After the database found the file, it transfer back the file to serve

5. The server then pass along the information to the client / browser.

Advantages

Disadvantages

A Greater FunctionalityEasier to UpdateEasy for the client to use

Slower to Develop

$

A Greater Costing Cost

$

More Expensive to Develop

Scripting LAnguages

PHP xmlasp java javascript

2 types

Client-Side Scripting is web pages that change in response to an action within that web page, such as a mouse, or a keyboard action.Client-side content is content that is generated on the user’s computer rather than the server.

Server-Side Scripting is web pages thatchange when a web page is loaded or visited use server-side scripting. Server-side content is content that generated when page is loaded.

DNS

5

1 2 3

4

The Art Institute of Seattle

Sources:http://www.edinteractive.co.uk/article/?id=4http://www.roseindia.net/services/webdesigning/corporatewebsitedesign/What-is-dynamic-websites.shtmlhttp://www.velvetblues.com/web-development-blog/what-is-the-difference-between-static-and-dynamic-websites/http://www.wizmarketings.com/blog/seo-tips-dynamic-websites/

http://www.gcwweb.com/database-website-design-what-is-a-database-driven-website.htmlhttp://www.adobe.com/devnet/dreamweaver/articles/first_dynamic_site_pt1.htmlhttp://www.adobe.com/devnet/dreamweaver/articles/first_dynamic_site_pt2.htmlhttp://www.webconfs.com/dynamic-urls-vs-static-urls-article-3.phphttp://www.allsquared.com/PDF/All-Squared-LVAC-Web-Design.pdf

Client / Browser DNS Server Database