Cloud, Internet, and Browsers

Filezilla Checklist  ISIS access  COMP101 file on your computer  FILEZILLA installed  Saved passwords and certificate  Set up bookmarks

Exercise 1 Move the index.html page  From public_html on ISIS to COMP101 on your computer  From COMP101 on your computer to public_html/COMP101 on ISIS  Repeat the last step

The Cloud

The cloud is …  Poll Everywhere!  Poll: pollev.com/dianepozefsk778  Responses Responses

Is the cloud ethereal?  Heck no!  Cloud =  Data stored many places  Data easy to access interface

The Cloud (A Brief History)A Brief History  Concept as old as computers  First descriptions 1950s  Not interesting until  All people had GOOD access

Early Computers  Every company had a “private cloud”

Today  Internet and cell phones wide-spread  NOT ubiquitous  Web services  Anything that you want to do is probably on the web  If you store it,  “they” can read it  Anyone can copy it  People sometimes try to block it  But always a way to get around it  It’s probably archived somewhere  And may never go away!

Internet

What is the Internet?  The machines  The connections  The content

The Internet in 1980

The Internet Circa 1998

What made the Internet succeed?  Early users shared information  Command lines  1993: Browser invented!  Mosaic  Marc Andressen  Brought  Graphical Interface  Easy access  No technical skill needed

Browsers

Viewing a Web Page SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server Pages Client Browser 1 3 2

Viewing a Web Page SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server Pages Client Browser 1 3 2

What is http and https?  HyperText Transfer Protocol  Protocol: set of rules  Transfer: move it from one place to another  Hypertext: the essence of the web – the links Hypertext  HTTPS is the secure version  Tells the browser that it has to go to the internet to find it

Retrieving a web page  You type the URL  How does your computer find it?  Up to the first slash is the SERVER name  Everything after that is inside of public_html!  Just follow the folders  At the end, get to a file

Routing: Getting to the Server  Server names don’t tell me where anything is  They DO tell me who gave them the name  cs.unc.edu:  organization that manages edu gave the university unc  Unc gave the department cs  Translate the name to a number called the IP address  Example:  Each value ranges from 0 to 255!  Translation is done through a table called the Comain Name System (DNS)

Browser Instructions

What do the instructions look like  Open Chrome  We want to look at a page  View Page Source  Only TEXT  Even though the page has a picture on it!

Web Instructions: Three Legs HTML Content CSS Presentation JavaScript Behavior

Creating HTML  All we have to do is edit a page  CANNOT use a word processor  Word, Pages, Writer  Why? They add all sorts of gorp  Do NOT need special software  We WILL use it: Komodo Editor  It HELPS

Using Komodo Edit

Exercise 2  Open Komodo Edit  Create a project:  direct access to your COMP101 file  Load index.html  Change the text  Save it  Look at it  Move it back to isis  Look at it there