**Web Design - Class 4 -- July 14, 1998 -- Agenda ****
At last week's class, you should have:
-
Practised using the HTML Reference in htmlbook,
-
Learned some new HTML (tables and frames),
-
Askedsome FAQs (frequently asked questions),
-
Learned about sound ,animation , and Java Scripts!
Please see Judy at the break if you:
-
you have not filled out an Account Request Form, or
-
are still have problems uploading files to the web server.
You should have for this class:
-
Read thru Chapters 8 in htmlbook,
-
be ready (or almost ready) to talk about some technique that you have learned
on your own.
Objectives and activities for today's class are:
-
Talk about project deliverables and project ideas,
-
Review info about client- vs. server-side web development, e.g.,when
to use cgi or java scripts, etc.GI (handout)
-
Learn about web interfaces to databases
Today's Schedule (times are aproximate!):
-
6:00-6:45 - Project deliverables and ideas
-
6:45 - 7:15 - Review of client- vs. server side development and web database
interfaces
-
7:30 - 8:00 - FileMakerPro Demo
-
8-10İİ- Workshop on projects
For the workshop on projects, we will divide into groups of 3 or4, according
to level of expertise:
-
İRed. never authored web pages before this class, using primarily web authoring
tools
-
İBlue. some familiarity, beginning to use raw HTML and integrate some special
features
-
İGreen. considerable familiarity; want to work on advanced features.
Project Workshop (15 min): In your group of 3, designate someone
who will take notes, especially of problems people are having.
-
(5 min) Introduce yourselves by giving your name and briefly saying what
your project will be.
-
(5 min) Say what you each hope to gain from your project work.
-
(5 min) Talk about what problems you are having.
Project Workshop Debrief (15 min): We'll talk about the kinds of
projects we are doing, what people are learning, and what problems people
are having.
Web-Accessible Databases. The demo's today will show two different
products that allow databases web interfaces (relatively easily).
One of the most standard ways to do this is to create a microsoft Access
Database, link it to MS SQL Server, and use Interdev to develop an appropriate
HTML interface. We will show you two other options: Informix
datablade and Claris' FileMakerPro.
Demo copies of FileMakerPro and Claris Homepage are available at www.claris.com;
the purchase price is approx. $150. This is one of the easiest ways
to do a web-accessible database. FMPRO db and software can be anywhere,
but FMPRO must be running and the db open to access via the web.
you can add records to a db via the web interface, search edit records,
etc.
FMPRO has a built-in web server product, called Web Companion, that
allows browsers to interact with published databases. You don't need
additional server software to pubish db on the web. The steps to
bring up a web-accessible database (in general) are;
-
Create a database in FMPRO, define fields.
-
Create web access pages in Claris HP (New, Use Assistant)
-
Consolidate the files, place in "Web' subdirectory on the computer here
FMPRO is installed.
-
Test browse: http://computername/subdir/default.htm
In lab today, you should add your data to the database. Via the browser,
go to http://192.211.22.54/backup (This should bring you to the launch
screen. Press New Record to add your information, and then Search
Database to see what info is already there!
So we won't overload the database server, please do this according to
the row in which you are sitting, as follows....
-
Row 1 -- 8:00
-
Row 2 -- 8:20
-
Row 3 -- 8:40
-
Row 4 -- 9:00
-
Row 5 -- 9:20
-
Row 6 and anyone else -- 9:40
Enjoy it while it's here! Sorry, but you will probably not be able
to access this database during the week....
Due at class next week:
-
Your project web page(s). There should be a link to this from your
Evergreen home page.
-
Project Overview. This one page document should include: a
one or two sentence description of the project, the URL of the project,
an overview of the html file hierararchy, a list of the three most interesting
(to you) techniques you used for the project, one or two enhancements that
you would have liked to do, but didn't have time. Optionally, you
can include a few sentences about what you learned during the last five
weeks. Bring a hard copy of this.
-
An informal (less than 5 min) presentation of your web page.