TOPIC 8: WEB COMMERCE
DEVELOPMENT
WEB APPLICATIONS
• Web applications have much in common with other Information Systems applications
• However the nature of the Web places other demands on the applications
– the applications are directly accessible by customers and suppliers and so significant performance and security issues arise
• Effective Web development teams are often diverse in nature - as are stakeholder groups
WEBSITE DEVELOPMENT STRATEGIES
• There are a number of approaches that can be used in the development of Web sites:
– Plan the entire site and strictly regulate its distributed development
– Plan the core of the Web site (out-sourcing or in-house) and make no further changes
– Plan the core of the Web site and let user departments develop their own neighbourhoods
– Plan the core of the Web site and loosely regulate the development of the rest of the Web site
– Allow unregulated development of the entire Web site (not recommended!)
WEB DEVELOPMENT TEAM COMPOSITION
• Project leader - A producer type figure that coordinates the team and project.
• Systems Analysts - Gathering requirements for the Web site.
• Web designers - Web site design.
• Graphic designer - Detailed design of logos and icons, etc.
• Content providers - Provide the actual information content for the Web site.
• Technical developers - Web site development.
• Web marketing specialists - Build in the marketing techniques to the Web site.
INTERNET CONCEPT
• It has become a force in the world, by
connecting millions of people, businesses and institutions, therefore has changed the way many people conduct their activities.
• Internet-defined as a global network of networks that connects computer users around the world.
• It uses standard communication protocol
called TCP/IP. Which makes communication possible between computers running on
EVOLUTION OF INTERNET
• Has its roots in a U.S. Department of Defense research project in the 1960’s focused on computer research on development of a non centralized network this led to creation of ARPAnet (Advanced Research Projects Network) in 1969.
WEB TECHNOLOGY BASICS
• The World Wide Web is the hypertext (HTML)
environment that makes the Internet a user friendly place
INTRODUCTION TO HTML
• Under this topic we introduce Hypertext Markup Language (HTML). The language behind the web page.
• HTML basically tells the web browser how to display page and character formats, links and graphics.
OBJECTIVES
After completing this section you should be able to:
▪ Define HTML
▪ Understand HTML element structure
WHAT IS HTML DOCUMENT?
❑ Document marked up with elements and attributes according to a Document Type Definition(DTD).
❑ HTML documents are plain text files that can be created using any text editor e.g.
❑ Emacs or vi on UNIX
❑ SimpleText on macintosh
❑ Notepad on Windows, also on word
WYSIWYG HTML EDITORS
WYSIWYG is an acronym for What You See Is What You Get.
It means that you design your HTML document visually while seeing the results. Instead of
TYPES OF WYSIWYG HTML EDITORS
They include:
❑ FrontPage
❑ Dreamweaver
❑ Adobe PageMill
❑ HoTMetal, etc.
It is useful to know enough HTML to code a document before you determine the
usefullness of a WYSIWYG editor just incase you want to add HTML features that your
THE MINIMAL HTML DOCUMENT
❑ An element- fundamental component of the structure of a text document, usually a
command that tells the browser to do
something e.g. heads, tables, paragraph and lists.
HTML DOCUMENT
Each HTML document contain standard HTML tags i.e. each document consist of head and body text.
Head-contains the title.
Body-contains the actual text that is made up of paragraph, lists and other elements.
SIMPLE HTML DOCUMENT STRUCTURE
<HTML> <HEAD>
<TITLE>A Simple HTML Example</TITLE> </HEAD>
<BODY>
<H1>HTML is Easy To Learn</H1>
<P>Welcome to the world of HTML.!
This is the first paragraph. While as short it is still a paragraph!</P>
<P>And this is the second paragraph.</P> </BODY>
SITE DEVELOPMENT(DREAMWEAVER)
OBJECTIVES:
▪ Understand how website are typically structured.
▪ Set up a website in Dreamweaver’s site window.
DREAMWEAVER
Dreamweaver is a professional HTML editor(an example of WYSIWYG) for designing, coding, and developing websites, web pages and web applications.
CAPABILITIES OF DREAMWEAVER
• Visual editing features in Dreamweaver let
you quickly create pages without writing a line of code.
• It includes coding related tools and features incase you prefer coding by hand.
• It helps build dynamic databases backed by web applications using server language as ASP, ASP.NET, ColdFusion Markup
SITE STRUCTURE
WEBSITE- is a collection of web pages. A site can
consist of one page to thousand of pages.
SITE ROOT- A folder that store HTML files and
image files that belongs to a site. Consist of two types this include.
▪ Local folder-located in the Web developers
computer and is used to store all files of the website.
▪ Remote folder-Located at the server and
PRACTICAL SESSION
• Defining a new website.
• Creating a new file and folder.
• Synchronization
• Website management
CULTURAL ISSUES
• Local languages, laws, conventions and
customs must be taken into account when marketing to different countries using the Web e.g. the portrayal of women in Muslim countries.
MARKETING TECHNIQUES
A Web Site should:
∙ Have a clear strategy and aim.
∙ Have a clear and easy to use design.
∙ Have creative and memorable features. E.g. chat, IP voice, animation, graphic design, online
community etc.
∙ Relevant and recent content.
∙ Be registered with search engines. Be promoted off-line.
WEB SITE EFFECTIVENESS
• Number of people aware of the site (percentage of customers);
• Number of hits on the site (visitors);
• Number of active visitors (visitors who interact with the site);
• Number of purchases;
• Number of repurchases (people who purchase repeatedly).
