Transcript IT 130 The Internet and The Web Professor Robin Burke

IT 130
The Internet and
The Web
Professor Robin Burke
Outline


Introduction to the course
Using shrike


Crash course on Unix
Homework #1
2
Information

Professor Robin Burke




Office: CST 453 – CTI building
Email: [email protected]
Phone: 312-362-5910
Office hours: before and after class


10:00 – 11:30 and 1:30 – 3:00
Also by appointment!
3
Resources

Course web site


http://josquin.cs.depaul.edu/~rburke/
courses/f04/it130/
Course On-Line


for submitting homework
for discussion forum
4
Course Overview


Following the book pretty closely
Aims



Technology
 HTML and JavaScript
Competencies
 Formal languages
 Programming
 Internet software
Ideas
 distributed computing
 user-centered design
5
Assessment

8 assignments



5 quizzes



more or less weekly
30%
10 min. beginning of class
30%
Portfolio


Corrected homework, compiled
40%
6
Late policy


Homework due before class
Up to 2 days late



10% penalty per day
Typically due Wednesdays
Examples




Wednesday 1:00 pm (-10%)
Thursday 9 am (-10%)
Thursday midnight (-20%)
Friday noon (not accepted)
7
Grading rubric

Components




Knowledge
Reasoning
Communication
For each part




A: Excellent work.
B: Very good work.
C: Average work.
D: Below average work:
8
Academic Integrity
Acts of plagiarism or cheating will not be accepted – any violation of the
academic integrity policy will be punished and may result in an “F”
grade.
Plagiarism & cheating include (but are not limited to)
 Direct copying of any source without proper acknowledgement.





You may only use code that you did not write if given permission by
the instructor to do so. Code so used must be clearly cited.
Pictures or text copied by other websites are acceptable, as long as
proper acknowledgment is specified.
Using material prepared for other purpose, e.g. submissions for other
courses
Submitting work prepared by someone else or copying material from
someone else.
Refer to the course information & the DePaul University academic integrity
policy
9
What you need

Texts


Reed, D., A Balanced Introduction to Computer
Science.
Materials


Diskettes to store work
Unix account on students.depaul.edu (shrike)
10
Shrike account

Shrike




shrike.depaul.edu
aka students.depaul.edu
Verify your user id and password ASAP
Contact ID card services

DePaul Center 9700, SAC 182
11
What is the Internet



The Internet is an interconnected network of
thousands of networks and computers.
( “inter-network”)
Began in the 1960s as a Department of
Defense project
The World Wide Web is just one of the
services that run on the Internet.
12
Web Interaction
13
What is the Internet



The Internet is an interconnected network of
thousands of networks and computers.
( “inter-network”)
Began in the 1960s as a Department of
Defense project
The World Wide Web is just one of the
services that run on the Internet.
14
Uniform resource locator
• The Web uses a naming convention
called the uniform resource locator (URL).
• A URL consists of at least two and as many as
four parts.
• A simple two part URL contains the protocol
used to access the resource followed by the
location of the resource.
Example: http://www.cs.depaul.edu/
• A more complex URL may have a file name
and a path where the file can be found.
15
A Web URL deconstructed
http://josquin.cs.depaul.edu/~rburke/courses/f04/index.html
The protocol
used
domain
path that identifies
location of
document uniquely
document
name
The user has a directory
in the system
16
Tools for building and
maintaining your web site

shrike.depaul.edu



a server computer
running the Apache web server
Various programs for site building




telnet: run commands on shrike
ftp: move files to and from shrike
browser: for viewing your files
text editor: for working with HTML files
17
Internet Tools
your
computer
"client"
web
page
text
editor
FTP
web
browser
web
browser
shrike
"server"
18
FTP

File Transfer Protocol.



Allows for the transfer of files between a local
and a remote machines.
The machines do not have to use the same
operating system.
Filenames may change slightly


when the file is transferred (upper case becomes
lower case)
Be careful when using it to move files to
students, since UNIX is a case sensitive OS
19
File naming advice

No spaces



my-web-page.html
not “my web page.html”
All lower case


my-web-page.html
not “My-Web-page.html”
20
FTP with a browser
To use a browser as an interface with FTP:
 Make sure you are connected to the Internet
 Type ftp://[email protected] in the
address bar of the browser
 This should bring up a window that prompts you for
your password.
 Type in your password and hit enter.
 The files in your main directory will appear.
21
FTP with a browser (cont)
What if it doesn’t work?
 Make sure you are connected to the Internet
 Click on the Tools button of IE



Click on Internet Options
Click on the Advanced tab
Scroll down the Browsing options and select

Enable folder view for FTP sites
22
FTP with a browser (cont.)




To browse a file/open a folder: double click on it
To rename it: right click on it and choose rename
To transfer files from your desktop to a directory in
your shrike account (or viceversa):
 Navigate to the directories where the files are
 Click on the file on your desktop (shrike)
 And drag it to the folder on shrike (desktop)
To move files within the same machine, click and
drag to the desired location
23
FTP with a browser (cont)

You can use an FTP session to create a
directory on your students account:



Click on the File drop-down menu
Select New – Folder
Type in the name you want your directory to have
24
“Public” directory
A web server typically requires that any web pages
that are to be published on the site must be located
in a particular directory.
On students.depaul.edu (and most Unix servers) web
pages must be located in the directory named
public_html.
All your web pages must be in public_html ( or
subdirectories within public_html) or they will not
be visible to browsers.
25
Create your public_html directory


Connect via FTP to the server
Right-click

select "New" and "Folder"

name the folder "public_html"
Important




set permissions
readable by all
"executable" by all
26
Example
27
File permissions on Unix

There are 3 types of permission that can be set on files:

Read (r, 4): This allows the file to be "read-only" by people with
the appropriate permission
 Write (w, 2): This allows people with the appropriate permission
to write to, and change the files
 Execute (x, 1): This allows others to execute (run) these files, or
navigate directories, if they have permission to
The web server is like another user of the computer



if it can't read the file, it can't distribute it over the web
if it can't navigate the directory, it can't find the files inside
28
Viewing your pages
Once you have created a public_html directory, FTPed all HTML files, and set the correct permission,
to view the files:

Connect to the Internet

Open a browser

Type: http://students.depaul.edu/~yourlogin/filename.ext
Example (different server)


http://josquin.cs.depaul.edu/~rburke/
courses/f03/ect270/hwk/carrots.jpg
29
I have done everything you told me to
do but my picture is not showing up …
Before you fire a distress email to the prof:

Make sure the URL is correct





Did you misspell your userID?
Did you forget the ~?
Does the filename match (including upper/lower case)
the filename on shrike?
Check the permission of the file and of the
public_html directory
Have you refreshed your browser since the last
correction?
30
What's wrong?






http://josquin.cs.depaul.edu/~rburke/courses/s04/
ect270/hwk/Carrots.jpg
http://josquin.cs.depaul.edu/~rburk/courses/s04/
ect270/hwk/carrots.jpg
http://josquin.cs.depaul.edu/rburke/courses/s04/
ect270/hwk/carrots.jpg
http://josquin.cs.depaul.edu/~rburke/courses/s04/
ect270/carrots.jpg
http://josquin.cs.depaul.edu/~rburke/courses/s04/
ect270/hwk/carrots3.jpg
http://josquin.cs.depaul.edu/~rburke/courses/s04/
ect270/hwk/TEST/carrots.jpg
31
Assignment #1



Set up your account on shrike to serve web
pages
Store an image file in your public_html area
Submit the working URL

On COL, put the full URL in the comment area
32
Next class


Lab
Reading: Reed, Ch. 3
33