2.  Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?  Browsers, servers, software

3.  The source of all information: http://wwwx.cs.unc.edu/Courses/comp101-s11/  Important: › Laptops everyday › Keep up with the little things  OFFICE HOURS  Software › Open source › Microsoft Office  NO TEXT

4.  Late Policy › 3 free days › Extra credit if left at end  Redos › 7 days from grade return

5.  How to communicate data and information in today’s technologies  To be comfortable with the underlying principles  To learn to think quantitatively

6.  Demystify computers Fear is the main source of superstition … To conquer fear is the beginning of wisdom. - Bertrand Russell (1872 – 1970)  Skills to use computers and especially › Web pages › Spreadsheets

7.  Artifacts usable by people as well as computers › Working isn’t enough!  Solutions to complex problems › More than one step

8.  Challenge: › Name a field that has not been or will not be impacted by technology  Reality: › Future leaders will be those with the vision to embrace and harness technology. › Do you want to lead, follow or get left behind?

9.  Just do it!  As you learn new skills, we’ll delve deeper › Don’t do things that you don’t understand!  New tools … that you can always use

10.  The machines  The connections  The content

13.  Servers: contain information to share  Clients: machine with a web browser to access that information ServerClient Web Server Pages Browser

14. BROWSER software on your machine (client) > interprets instructions to display a web page > usually retrieves web page from server BROWSER: Web page processor (software program) Instructions Text

15.  Text file that says what to display › Web pages use HTML (HyperText Markup Language)  a little history a little history  Two types of information › Instructions on how or what to display › Text (the data)  Instructions are in the form of tags ›  Do NOT need any special tools to build › BUT tools can make it easier

16. Put your title here What will appear on the page Here … and there WARNING: This is not a complete page.

17.  Protocol: server-name/file-to-display HOW WHERE WHAT  Protocol: usually http  Have you ever seen others? https? telnet? ftp?  Server-name  The computer’s name  Usually begins with www  Usually ends with 3 characters that define the kind of site  However, there are no rules: as long as its registered, you can get there  File-to-display  Can be a whole path (just like Windows)

18.  Very fancy tools exist › Ease of building vs. Control › Cost  We will use an editor that help you get it right  We will NOT use tools that hide what you are doing  We will use Komodo EditorKomodo Editor

19.  Mainly, to demystify  But more than that -- even if using a package  Sometimes you … › can’t figure out how to make it do what you want › can’t figure out what is wrong › just want to make some minor changes  If you understand how it works, YOU are in control

20.  Using Komodo Editor creates a web page on your machine › You can use the browser to look at it  But who else can see it? › NOBODY  Want it to be on a SERVER › UNC provides: ISIS

21.  UNC website › Everything that is going to be available on the web must be in your public_html folder › Treats index.html as your home page › Default is “This page is blank”  Creating WWW Pages at UNC-CH › http://help.unc.edu/?id=108 http://help.unc.edu/?id=108

22.  UNC discusses sftp (Windows) and fetch (Mac)  We will use FilezillaFilezilla  Why? › Simpler interface › Cross platform