Basic Information of Dynamic Site Stefania Magnolia Lukito Fall 2012 | IM 241 Integrated Information Design
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: Students Web 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 and Informative Media: Print (Poster)
The data / information Definition A 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-commerce Content Management System (CMS) Members Database Business organization that offer products / service that change with time. Blogs Newsletter sites Dynamic Pros Much more functional website Much easier to update Easy for the client to use Dynamic Cons Slower to develop More expensive to Develop Hosting costs a little more.
Moodboard
Inspirations
Sketches
Sketches
Process 5 1
2
DNS server
DNS
client / browser
3 4
Client / Browser
Server
DNS 1
2
Database 3
DNS 5
4
Process
$
$
$
$
$
$
Process
Basic Information About
Dynamic Site 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.
5 1
2
DNS Client / Browser
DNS
Server
3 4 Database
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
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.
Scripting LAnguages
PHP
asp
java
java script
xml
Advantages
Easy for the client to use
Easier to Update
More Functional Website
Disadvantages
$
More Expensive to Develop
Best for
$
Slower to Develop
Hosting Costs A Little More
Dynamic Site What is a Dynamic site?
Client / Browser
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
2
3
4
5
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
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 that change when a web page is loaded or visited use server-side scripting. Server-side content is content that generated when page is loaded.
Easy for the client to use
asp
Easier to Update
A Greater Functionality
Disadvantages
Scripting LAnguages
java
java script
xml
$
More Expensive to Develop
Sources:
Database
DNS
2 types
PHP
Server
DNS
http://www.edinteractive.co.uk/article/?id=4 http://www.roseindia.net/services/webdesigning/corporatewebsitedesign/What-is-dynamic-websites.shtml http://www.velvetblues.com/web-development-blog/what-is-the-difference-between-static-and-dynamic-websites/ http://www.wizmarketings.com/blog/seo-tips-dynamic-websites/
$
Slower to Develop
http://www.gcwweb.com/database-website-design-what-is-a-database-driven-website.html http://www.adobe.com/devnet/dreamweaver/articles/first_dynamic_site_pt1.html http://www.adobe.com/devnet/dreamweaver/articles/first_dynamic_site_pt2.html http://www.webconfs.com/dynamic-urls-vs-static-urls-article-3.php http://www.allsquared.com/PDF/All-Squared-LVAC-Web-Design.pdf
A Greater Costing Cost
The Art Institute of Seattle