Prologue to <User Centered> Web Advancement.

Uploaded on:
Category: General / Misc
Prologue to <User Centered> Web Improvement. Web Nuts and bolts. The Web comprises of PCs on the Web associated with each other specifically Utilized as a part of all levels of society Business, Instruction, Government… . Data sharing The Web has a customer/server design. Web Nuts and bolts.
Slide 1

Prologue to <User Centered> Web Development

Slide 2

Web Basics The Web comprises of PCs on the Internet associated with one another in a particular manner Used in all levels of society Business, Education, Government…. Data sharing The Web has a customer/server construction modeling

Slide 3

Web Basics Web program Client-side to unite with Internet Web servers Run exceptional Web server programming Listener Component included in Web server programming Monitors for messages sent to it from customer programs

Slide 4

Web Basics Figure 1-1: Web customer/server building design

Slide 5

Web Basics Web page Usually a record with a .htm or .html augmentation that contains Hypertext Markup Language (HTML) labels and content HTML Document design dialect (not a programming dialect) Defines structure and appearance of Web pages Web website Consists of related site pages and records used to bolster them

Slide 6

Communication Protocols and Web Addresses Communication conventions Agreements in the middle of sender and collector in regards to how information are sent and deciphered Internet is based on two system conventions: Transmission Control Protocol (TCP) Internet Protocol (IP)

Slide 7

Communication Protocols and Web Addresses Packets Data that can be steered freely through Internet Domain name Represents an IP address An area names server keeps up tables with space names coordinated to their IP addresses IP = 4 sets of 2 or 3; ie: Internet Service Providers (ISPs) Provide business Internet access

Slide 8

Communication Protocols and Web Addresses Hypertext Transfer Protocol Communication convention utilized on the Web address Also called Uniform Resource Locator (URL) Figure 1-2: URL Components

Slide 9

Dynamic Web Pages Static Web Page substance set at the time page is made Useful for showing information that doesn’t change Dynamic Web page Also called an intuitive Web Page substance shifts as per client demands or inputs May interface with database

Slide 10

Database Basics Databases store an organization’s information in a focal area, utilizing an institutionalized configuration Database administration framework (DBMS) Program used to oversee database information and client access Reduce repetition Many clients

Slide 11

Dynamic Web Pages Database-driven Web webpage Architecture

Slide 12

User-focused Web Development Designing a Web to address Issues of the USER Ease of utilization Minimum download time May not utilize “coolest” strategies or representation Allow to finish assignments rapidly Will return!!!

Slide 13

Development Process Define the Users Gather Requirements Involve the User Design the Site Test the Site

Slide 14

Who are the USERS ? Difficult to focus Different stages (PC, MAC,…) Monitor size may change Different programs (IE, Netscape, AOL…) Different association speeds No preparation Various levels of information Ease of utilization vital

Slide 15

User Person getting to the site More worried without breaking a sweat of utilization Client is paying for advancement of site More worried with looks Client versus Client

Slide 16

Lazar’s Lifecycle Model Define Site Mission and Users Goal of Web Site; Who will come? Gather User Requirements Speed, Content… Create Conceptual Design Navigation, Layout, Color, Graphics…

Slide 17

Lazar’s Lifecycle Model proceeded with Create Physical Design Technical advancement of website Perform Usability Test Sample target client populace Implement and Market Site goes “live” Evaluate and Improve

Slide 18

FrontPage Microsoft item Web advancement instrument Creates HTML code Has FrontPage parts Prewritten project to interface with server FrontPage Server Extensions Search page, information base interface Dynamic pages

Slide 19

Frame Page Divide page into diverse windows Each window = distinctive page One as persistent Table of Contents Each casing has autonomous parchment Not recommended for landing page.:

Slide 20

Views Page – to make, alter and group a page Folder – to view, make, erase, duplicate organizers Report – to dissect, abridge, and produce reports about webpage Navigation – to show route structure Hyperlinks – to show hyperlinks between pages Tasks – to keep up rundown of undertakings obliged

Slide 22

Creating Web page Entering Text (Spell Check) Navigation Bar Formatting ( Bold , Italics …) Headings (H1, H2 … H6 ) Colors ( Text , Background..) Graphics, Lines, Sound

Slide 23

Web page cont. Marquee – looking over message Meta labels – for web indexes Keywords Descriptions At start of record (don’t show) Test Print

Slide 24

Case 3: Garden Grill Page 2.48.. Do ALL things Title: GardenXXX where XXX = your initials Add “ Your Name ” to Web page!!! Hand-in (due one week from now) Planning Analysis Sheet (2.04) Printout o

View more...