DIG 4530c Lecture 1:

1
Media E-Commerce I
DIG 4530c - Lecture 1 Rules and
Organization And Basic Web Architecture Michael
Moshell University of Central Florida
2
The Objectives
3
The Objectives

• Xin Colooje To be held and cuddled

4
The Objectives

• Xin Colooje To be held and cuddled
• Local version To be employable
• or to become an employer/entrepreneur

5
The Objectives

• Xin Colooje To be held and cuddled
• Local version To be employable
• or to become an employer/entrepreneur
• Digital Media objectives
• Students need to know Flash!
• Students need to know Programming!

6
The Goals

• Concepts of e-Commerce
• PHP and MySQL for Web e-Commerce
• Interaction and Usability

7
The Prerequisites

• Programming (at least COP 2500)
• ... but we're finding out that few of you
• actually have much programming
• background.
• You do need courage and time
• This will be an Intense course

8
So ... who ARE you?

• Type 1 general interest knowledge
• - don't expect to write programs
• - don't expect to actually DO e-commerce

9
So ... who ARE you?

• Type 1 general interest knowledge
• - don't expect to write programs
• - don't expect to actually DO e-commerce
• Type 2 want to build e-commerce systems
• - might have programming experience
• - plan to build a major Lab 3/4 project

10
Consequences?

• This course is designed for Type 2.
• It is NOT a survey course.
• If you dont want to program, drop now.
• BUT there are "2a" and "2b" people.
• 2a I wanna but I haven't yet (become a p)
• 2b I'm well on the way. Challenge me!

11
Ref. book for 2a programmers

• SAMS makes good reference books.

image from amazon.com
12
Reference book for Geeks of the 2b variety

• The Platypus Book (Recommended)
• More of a reference
• than a textbook
• Excellent source of
• techniques for building
• your online system.

image from amazon.com
13
Is this a Programming Course?

• Yes, fundamentally it is.
• You WILL write four fairly sophisticated
• Project programs , to pass the course.
• I WILL help you as much as needed.
• It may take a lot of time if you dont already
  know how to program.

14
The Fun Part

• Choosing your own area of expertise
• Working on projects that matter

15
The Fun Part

• Choosing your own area of expertise
• Working on projects that matter
• What will we study?
• Concepts e. g. public key encryption
• Skills e. g. code design, debugging
• Principles e. g. webpagesthatsuck.com

16
Attendance

• Lecture Class attendance is mandatory -
• -- Attendance will be taken --
• Tasks lists (on web) provide the questions
• Homework Write answers to Task List
• Called upon randomly through semester
• Professor Points for having homework
• ready and for coming to Office Hours

17
Labs (Wed or Fri)

• Lab Class attendance is voluntary -
• -- No attendance will be taken --
• Worksheets will be given intensive
• llearning of programming, and lab projects
• Homework Complete all work on a lab
• ssheet, because there will be a NEW one...
• People who get A, come to all the lAbs

18
Labs
Done on your own computer OR lab computer Posted
to sulley.dm.ucf.edu for testing Standardized
URL sulley.dm.ucf.edu/jsmith/DIG4530/labs.html I
will solicit your Sulley userID on 8/31. BEFORE
or ON the due date! Each 24 hrs late, 3
penalty 7 or more days late, no credit
19
Computing Environment

• DDreamweaver MX 2004 or better
• edits PHP very nicely
• WAMP Windows-Apache, MySQL, PHP
• MAMP Macintosh-Apache, MySQL, PHP
• We demonstrate today, help you install.
• www.wampserver.com
• www.mamp.info

20
Review the course Website at www.cs.ucf.edu/jmm
oshell/DIG4530c
21
And now, for the Show
22
Two Tier Web Architecture
Request HTTP
Client e. g. FireFox On your PC
Web Server e. g. Apache On sulley.dm.ucf.edu
23
Two Tier Web Architecture
Request HTTP
.html Files
Client e. g. FireFox On your PC
Web Server e. g. Apache On sulley.dm.ucf.edu
24
Two Tier Web ArchitectureHTML
.html files
Request HTTP
Client e. g. FireFox On your PC
Web Server e. g. Apache On sulley.dm.ucf.edu
Response HTTP/HTML (or other doctypesPDF,etc) (c
lient doesnt see PHP)
25
Two Tier Web Architecture PHP
Request HTTP
Client e. g. FireFox On your PC
Web Server e. g. Apache On sulley.dm.ucf.edu
Response HTTP/HTML (or other doctypesPDF,etc) (c
lient doesnt see PHP)
.php files help Apache CREATE html Tagged data
26
Three Tier Web ArchitectureMySQL
Request HTTP
Client e. g. FireFox On your PC
Web Server e. g. Apache On sulley.dm.ucf.edu
Response HTTP/HTML (or other doctypesPDF,etc) (c
lient doesnt see PHP)
.php files ask MySQL For info put into HTML form
RequestSQL
Database Mgt System MySQL
ReplyASCII
.frm, .MYD, .MYI files
27
Three Tier Web ArchitectureMySQL
Request HTTP
Client e. g. FireFox On your PC
Web Server e. g. Apache On sulley.dm.ucf.edu
Response HTML (client doesnt see PHP)
.php files ask MySQL For info put into HTML form
Examples (what they call for) Customer -
Shopping Cart DB Administrator -
PHPmyAdmin Managers,etc - Specialized PHP code
RequestSQL
Database Mgt System MySQL
ReplyASCII
.frm, .MYD, .MYI files
28
PHP A Recursive Definition
PHP stands for PHP Hypertext Processor But
arent circular definitions illegal? Sure they
are. But who will punish us, in this case? It is
processed by the ZEND engine, which is normally
built into Apache the web server.
29
MySQL

• An open source database management system.
• SQL Structured Query Language.
• Relational databases, an IBM invention
• SQL, also from IBM
• Basic concept The TABLE.

30
Writing code in this class

• I recommend local development and online
  deployment.
• Local development run your own Apache and MySQL.
• Advantages
• Server may be inaccessible
• You may not want public to stumble on your work
• You can fix code that is already deployed, then
  upload it.
• Online deployment
• Your computer should not be serving to the
  Internet
• Too many ways for evil people to take it over.
• Too much responsibility to keep it alive 24/7
• SO Deploy on a commercial server, or (in this
  class) on
• sulley.dm.ucf.edu

31
Writing code in this class
I recommend using WAMP (if youre a Windows
user.). A French project includes Apache, MySQL
and PH www .wampserver.com - in French and
English If youre a Mac user, the equivalent
package is MAMP www.mamp.info
ltlt Guided tour of WAMP on my laptop
gtgt ltlt Guided tour of Dreamweaver WYSIWYG and
Syntax-Directed Editor Models
32
Assignment for Next Monday

• Install WAMP or MAMP or LAMP (if you're Linux ...
  anyone?)
• Prepare Homework Task List 1
• Use it for question answering during class
• Be prepared to hand it in, at end of class
• You will never know when I will ask for it!
• You will get it back (good study material)