1. WLLS 102 Class 12 4/30/2004 Professor C. Shilepsky Wells College

2. What Else Is Out There? Faculty Don't Want File Cabinets Anymore Cliff Pollack, Chair of ECE, Cornell University The world is moving from private file cabinets to shared and networked information How is information evolving? –Electronic. e.g. course website –More widely available: remote access to course information –Interactive: Wells pre-health: http://aurora.wells.edu/~premedhttp://aurora.wells.edu/~premed –Collaborative: Project management

3. Pre-Health Advising Students talk to different members of the Pre-Health Committee over many years Old approach: students filled out a form Did not deal well with –multiple advisors –changing student information –remembering conversations with students –remote access New approach: a web-accessible database

4. Pre-Health Advising aurora.wells.edu static pages forms for student record entry and maintenance cshilepsky.wells.edu database of student records and advisor comments advisor functions enter and maintain records Student Advisor view student records add comments http://aurora.wells.edu/~premed

5. Programming Client Computer Host Computer (you) (for the site) Client requests a page Client interprets HTML and displays the page Host returns HTML page No longer just stand-alone programs Basic web programming: HTML Web page request:

6. More Complicated Programming Client-side (you) Calculations done in response to a user entering information –Mortgage calculation –Checking for valid zip –Popup windows Server-side (host) Usually involve other programs or data on the server –e.g. update or retrieve from pre-health database Often use other network services –Email –Validating a VISA card

7. More Complex Page Request Client Computer Host Computer Host executes server-side code and returns HTML page User requests a page Client interprets HTML, displays the page, and executes client-side code (ASP or PHP code embedded in the original page and executed before it is sent to the client) (JavaScript code embedded in the page received by the client)

8. How Does Client Code Look? Popups: function popup(mylink, windowname) in header { window.open(mylink, windowname, 'width=500, height=280, scrollbars=yes top=0, left=0'); return false; }.............................................................. Prepare <a href="present.htm" in link onclick="return popup(this,'notes')">project presentations. this: corresponds to the current object (present.htm) notes: the name of the new window

9. How Does Client Code Look? Last modified date document.write('Last updated: ', document.lastModified) Drop down menus Spring 04 Courses <a class="options" href="#" onmouseover="showMenu('Current',120,180);"> Spring 04 Courses

10. How Does Server Code Look? You don't see it because it has been executed before the page is sent Compare Premed login and actual codePremed login

11. What Else Is There? CGI programming done by others and hosted on other sites Managing a photo album Planning a wedding: www.theknot.comwww.theknot.com Blogs E-commerce services (next week) Google

12. A Few More "How Tos" Validate CSS code: jigsaw.w3.org/css-validator/validator-uri.html Try this on your style sheet I will assume you have validated your project pages and css A good idea for tutorial pages that aren't working Put images in list elements: button.htmbutton.htm

13. PowerPoint Not necessary for this talk, but nice to learn PPT can help you organize and give a talk Resist the urge to emphasize beauty over content Possible problem: managing slides/site/documentation Start a presentation: File/New Pick a layout: Format/Slide Design Insert a slide: Insert/New Slide To select its format: Format/Slide Layout Start typing To reorder slides: View/Slide Sorter