Scribd
Upload
42 views

Module2 WebLC

The document discusses the web development life cycle which includes 6 key stages: planning, analysis, design, implementation, promotion, and innovation. It provides details on practices and considerations for each stage, including defining goals, analyzing usage, designing information structure and navigation, building pages, promoting the site, and continuously improving based on feedback. The overall process aims to effectively plan, design, build, test, deploy, and maintain a website that meets user needs.

Uploaded by

dinhphuong519
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
42 views

Module2 WebLC

The document discusses the web development life cycle which includes 6 key stages: planning, analysis, design, implementation, promotion, and innovation. It provides details on practices and considerations for each stage, including defining goals, analyzing usage, designing information structure and navigation, building pages, promoting the site, and continuously improving based on feedback. The overall process aims to effectively plan, design, build, test, deploy, and maintain a website that meets user needs.

Uploaded by

dinhphuong519
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 28

WEB DEVELOPMENT Tuan Truong

LIFE CYCLE
TABLE OF CONTENTS
Overview of Web and Design Process
Web development life cycle
WEB AND DESIGN
What is a web site?
A website is an address (location) on the World Wide Web that contains
your web pages. Basically, a website is your personal online
communications connection to the rest of the world.
A website is totally different from any other type of publishing,
advertising or communications media.

The Design Process


Designing for the web requires the relevant content of a brochure or
magazine, the colorful look of high-quality print, and the attention-
grabbing impact of television advertising. Plus it should offer a valuable
product and/or information, be updated frequently and stay current with
changing technology
A Web Site is never done
Once you have decided to establish a web site there are three steps to
getting it online.

1 - Get a domain name - This is your personal/private address on the Web.

2 - Find a web hosting service- Here is where your website will reside.
Free vs Private Web Hosting
3 - Design, build and upload your website - The process of website
creation.
WEB DEVELOPMENT LIFE
CYCLE
Including 6 stages 2021 model - including 7 stages
 Planning  Research and Analysis
 Analysis  Planning and Strategy
 Design  Designing
 Content Creation
 Implementation
 Development
 Promotion
 Testing and Quality Assurance
 Innovation
 Deployment and Maintenance

Source: Monocubed , 2021 https://www.monocubed.com/web-development-life-cycle/


STAGE 1 - PLANNING
define your web's intended
audience
formulate a statement of your
web's purpose, and objective
gather and maintain
domain information to support
your web.
PLANNING PRACTICES
Spend time to think about a web before implementing one.
Plan for and obtain the resources and skills needed for developing
your web.
Formulate policies about information development, deployment, and
presentation to guide developers and users.
KEY PLANNING
RESOURCES
The Internet Service Providers List: a list of providers for access or
Web space leasing.
Web Software: a description of products related to deploying a web,
including clients, servers, tools, and others.
Top 10 Ways to Make Your WWW Service a Flop: good discussions
of common errors in web planning and development.
LIMIT OF WEB PLANNING
What we can’t control
 User behavior
 User browser and display
 Link into and out of a web

What we CAN control


 Multiple user roles
 Information structure
 Dynamic quality
 Interactive quality
 Competitive quality
PLANNING TECHNIQUE
Strategic level – focus on organization needs of communication; System level - web
delivery portion; Web level – individual web audience and purpose.
People planning:
 Planners - Make many choices about a web's elements and strategic growth
 Analysts - Perform the critical task of constantly monitoring your web's content and its use by its
audience.
 Designers - Create a pleasing look and feel for the Web
 Implementers - Create HTML, CGI scripts, or Java applets based on the design and specification of a web
 Promoters - Work on the public relations, advertising, and marketing issues
 Innovators - Concerned about the quality of the web's interface and content and seek to continuously
improve it

Administrative Planning
 Stable Web technical presence
 Improving Web content

Web policy planning - address policy and administrative issues


System planning
STAGE 2 - ANALYSIS
process of gathering and comparing information about the web and its
operation and use in order to improve the web's overall quality and to
identify problem areas.
Rhetorically: Is the web accomplishing its stated purpose and meeting its
objectives for its intended audience, including satisfaction of identified
revenue models?
Technically: Is the web's presentation functionally operational and
consistent with its specifications and design as well current HTML
practices and syntax?
Semantically: Is the web's domain information content correct, relevant,
and complete? Is the web's user interface usable and effective?
ANALYSIS CHECKLIST
Analysis Checklist

Point Evaluate if the web...


A Attempts to reach an audience that has and will use Web access
B Contributes new information (accomplishes goals that haven't already been
done)

C Is self-consistent (its purpose matches its objectives and specifications)

D Is correct (the domain information it presents is accurate, up-to-date, and


complete)

E Is accessed in a balanced manner, both in terms of its own files and in terms of
outside links into it

F Is accomplishing objectives that meet the needs of the users


KEY ANALYSIS
PRACTICES
Observe representative audience members using your web (usability
analysis).
Evaluate the consistency and verify correctness of the
information content of your web.
Check the technical implementation of the web with validation tools.
Ask yourself these questions about your web to see if you might be
making some of the more common mistakes.
WEB ANALYSIS
PRINCIPLES
Web analysis principles
 Strive for continuous, global service
 Verify links for meaning as well as technical operation
 Ensure porousness – information layers
 Work with dynamism
 Stay competitive as well as cooperative

Information Analysis
Performance: Retrieval time, Readability, Rendering,
Aesthetics
Usability
Semantics
 Check for false navigational cues
 Check for context cues
 Check graphical/symbolic meanings

Implementation Analysis
 Directory, File, and URL-Naming Checks
 HTML Validation (Internal Links)
 Link Validation (Internal and External Links)
 Questions Every Web Analyst Should Ask About a Web - web critique
STAGE 3 - WEB DESIGN
working within the web's specification
makes decisions about how web
components will accomplish the web's
objectives
takes into account the web's purpose and
audience
involves more than just thinking about
graphics and HTML
relates to a whole range of issues dealing
with how people use objects
WEB DESIGN PRACTICES

Create a consistent look and feel for the web.


Separate information into manageable page-sized chunks.
Provide cues for the reader about the web's information structure and contents, context, and
navigation.
Use links to connect pages along the routes of use and user thinking.
Design resources:
 ADAM, the Art, Design, Architecture, and Media Information Gateway.
 Task-Centered User Interface Design: a shareware book by Clayton Lewis & John Rieman.
PRINCIPLES OF WEB
DESIGN
Build associative meaning
Maintain competitiveness
Efficiently use resources
Focus on user needs
Recognize porousness
Create a consistent, pleasing, and efficient look and feel
Support interactivity
Support user navigation
WEB DESIGN METHODOLOGIES
AND TECHNIQUES
Top Down
Bottom Up
Incremental/In-Time
Design Techniques
 Package Information in the Appropriately Sized Chunks
 Link Pages Together
 Specify Overall Look and Feel with a Universal Grid
 Use Repeated Icons
 Create and Use Web-Wide Navigation Links
 Use Information Cues
 Consider Media Type, Information Structure, and Connections
 Design Web Layers over Information Spaces
DESIGN PROBLEMS
The Page from Outer Space
Think Locally, Communicate Globally
The Monster Page
Multimedia Overkill
The Uneven Page
Meaningless Links
Clown Pants
K00L Design
STAGE 4 -
IMPLEMENTATION
building the web according to its
design
creates hypertext markup language
(HTML), Common Gateway Interface
(CGI) programs, and/or Java scripts
and/or applets
PRACTICES AND
RESOURCES
Key practices
 At the outset, create an extendible directory and file structure to manage the web's files and/or
software components (CGI or Java programs).
 Use HTML tools where helpful.
 Check the web's implementation in various browsers.
 Use templates or web generating schemes for supporting a consistent look and feel.

Implementation Resources
 The HTML Station: summary and demonstration of HTML syntax.
 HTML index section on HTML from webreference.com. Includes links to editors, FAQs, etc.
 HTML Writer's Guild: an organization dedicated to creating good hypertext.
STAGE 5 - PROMOTION
is the process of handling all the
public relations issues of a web.
These include making the
existence of a web known to
online communities through
publicity as well as forming
business or other information
relationships with other webs.
Promotion may involve using
specific marketing strategies or
creating business models.
PROMOTION BEST
PRACTICES
Social Considerations
Web Promotion Techniques
Publicity Timing
Reaching a Web-Wide Audience
Focused Web Releases
Subject-specific indexes
Continuous Monitoring of Your Web's Reputation
Web Business Models
STAGE 6 - INNOVATION
is the process of continuously
improving the usability and
quality of the web to meet and
exceed user expectations.
Innovation involves finding
creative or unique ways to
improve the elements of the web
or engage the web's audience.
INNOVATION BEST PRACTICES
& TECHNIQUE
Practices
Continuously and creatively work for improvement to meet user needs.
Based on analysis, user testing, and focus groups, identify new user needs.
Identify new technologies that may help you meet user needs better.
Techniques
Monitor the User's Information Environment
Continuously Improve Quality
What Information Providers Can Do to Increase Quality
Information Quality Web
Testing and Evaluation
Content Improvements
Advances in Technology
HOMEWORK
Individuals:
 Finish the HTML course in CodeAcademy
 Learn Web architecture and Communication (for the next week quiz)

Group:
 Upload Group discussion slide
 E-commerce platforms and features teaching sections
TEACHING…WHY NOT?
Each group will teach a short section(7 minutes) with a selected topic
and response to other concerns.
E-Commerce Content management E-Commerce features
platforms system
BigCommerce A Wordpress L FAQ and Advance Search D
WooCommerce M Joomla Various payment methods F
Magento B Drupal P Social Presences E
Shopify N Security, Privacy and Trust G
Prestashop C Events, Deals and Discount H
Wix O Shopping checkout options I
Products(detail, related opt, review) J
Customer services options K
OPENSOURCE E-
COMMERCE PLATFORMS

You might also like