Buzzwords Job Interview / New Job Learn the Buzzwords Lab Assignment Login and Explore Key Systems Professor T. DeDonno 1/2008 ACRONYMN Outline Saddleback: CIM, Blackboard, MySite Adobe: CS3 Flash Dreamweaver Open Source SW Filezilla & FireFox Networking: HTTP, FTP, WWW, Internet DHTML = JavaScript + CSS + XHTML LAMP Linux Apache MySQL Sample Web Page XHTML Summary Class Matrix Web Design Certificate Login Information In Class Lab 2 Saddleback Adobe CIM Computer Information Management Saddleback Department Offers Web Design Classes http://cim.saddleback.edu CIM Server Web Server Used for Web Design Classes All Web Design Students Have a Home Page Blackboard http://socccd.blackboard.com Online Educational System Used for Online Quizzes and Hosting Videos MySite SB Student Access System For Controlling Registering/Dropping Access Student Email http://mail.socccd.org:4080/ 3 Premier Web Design/Graphic SW Company Purchased Macromedia in 2005 Macromedia Studio 8 + Adobe CS2 CS3 Product Line CS3 Creative Suite Version Three CS3 Web Standard Flash De-facto Standard Web Animation Fireworks Web Paint and Draw Program Dreamweaver De-facto Standard Web Page IDE IDE Integrated Developer Environment Integrated System for Developing & Testing Web Pages Photoshop Standard Photo Editor 4 1
Open Source Network Jargon World Wide Movement Open SW Typical SW FileZilla and FireFox Network Communication Computer Network or Network Computers Communicating Web is a Computer Network using HTTP FileZilla Recommended FTP Client Mozilla Firefox: Recommended Web Browser IE is the Default MSWindows Browser Opera another Open Source Browser HTTP HyperText Transform Protocol Protocol or Standard to Access Web Pages Server Serves Information to a Client Web Server Servers HTTP Request Web Page to Client Browser LAMP Linux Apache MySQL CIM Server implements LAMP Technology NVu Dreamweaver; GIMP Photoshop FTP File Transfer Protocol Standard to Get and Put Remote Files Get is a Download From a Server - Put is an Upload to a Server Dreamweaver has a Built In FTP Client For cim to suppport Dreamweaver FTP Client it must have? 5 6 Web Networking Web Terminology WWW World Wide Web Web: set of computers running HTTP Servers Website is Just a Computer on the Web Running HTTP Web Server Software Internet set of Computers Running TCP/IP Protocol Application FTP, HTTP, and E-Mail all Use TCP/IP Internet Computer w Web Server (HTTP) is Part of the Web Internet Computer w only Mail Server is not Part of Web Web Server Handles a Client Browser HTTP Request and Maps it to a Hard Drive File http://cim.saddleback.edu is a Web Site TCP/IP Transmission Communication Protocol Internet Protocol IP Address Routers use this Network Protocol to Route Internet Traffic Router: Computer with Router Software SW to Connect IP Addresses Note Client & Web Server each have Unique IP Address HTTP (Application Browser) Router (TCP/IP) HTTP Web Server 7 Web Page Page Sent to a Browser http://cim.saddleback.edu/~jstudent0 Sends jstudent0/public_html/index.html to Browser Home Page is Default Folder Page index.html 8 2
Web Page Nuts & Bolts CIM Server LAMP Server DHTML = JavaScript + CSS + XHTML Dynamic HTML Client Dynamically Generates Web Page On the Fly JavaScript: Client Side Scripting Language Executes Web Page Program on a Browser CSS: Cascading Style Sheets Desktop Publishing to a Web page XHTML:Extensible HyperText Markup Language HTML4.01 XHTML 1.0 Mark up a Document w Formatting and Linking Tags Dreamweaver is a high level XHTML/CSS Editor Dreamweaver Create Web Page Minimum XHTML/CSS Knowledge 9 Linux Operating System OS SW Controls the Hardware Apache Handles Web Requests Web Server MySQL Relational Database System (RDBMS) SQL: Structure Query Language De-facto Standard for Communicating to RDBMS ERA of RDBMS Server Side Scripting Language HyperText Preprocessor Programming Language on the Server 10 LAMP Web Schematic HTML Web Page Web Browser Makes HTTP Request HTML Forms CLIENT Web Browser JavaScript Engine CSS/HTML Rendering TCP Get TCP Put Put DHTML File DHTML = JavaScript + CSS + XHTML Web Serve Servers HTTP Response Server /MySQL Web Server Maps HTTP Request to File on Hard Disk May Call Engine Or Access MySQL DB <html> <!-- Tag Start HTML page --> <head> <!-- Header Portion of Web page --> <title>hello</title> </head> <body> Hello My First Web Page on <a href=http://cim.saddleback.edu>cim Server</a> <em>ps Dreamweaver is a high level HTML Editor, so I only need minimum HTML knowledge</em> </body> </html> 11 12 3
XHTML Tag Summary Begin Tag <p> end Tag </p> <html> Dreamweaver Automatically Inserts XML/HTML Header Tags <body> Visible Portion of Web Page <a href= Site > Anchor Link to Other Location <em> Emphasis <title> Web Page Title <br> Line Break <p> Paragraph <strong> Strong Text 13 CIM Web Design Classes Code Class Recommended Prep CIM278A/B Dreamweaver CIM272A CSS CIM225 CIM205A SQL/MySQL CIM271A XHTML CIM274A Photoshop CIM264A/B Flash CIM264C ActionScript CIM264D Flash Hacks CIM278B & XHTML XHTML CIM264A/B CIM264A/B CIM298 Portfolio Completed Certificate Core CIM269A JavaScript Not Sure CIM281 Fireworks CIM205B LAMP Offered Fa,Sp,Su Fa & Sp 1 st 8 Fa, Sp & Sum Fa & Sp Fa, Sp & Su Fa, Sp & Su Fa & Sp Fa 2 nd 8 Weeks Sp 2 nd 8 Weeks Sp 2 nd 8 Weeks Not Sure Not Sure Not Sure 14 Web Design Certificate - 2008 Web Developer Certificate Tentative Adoption 2009 CIM264A/B Flash CIM278A/B Dreamweaver CIM271A/B XHTML CIM274A PhotoShop CIM298 Capstone Electives 6 Can Appeal Certain Courses Admissions/Registration http://www.saddleback.edu/ss/ar/gradinfo.html Need to Fill Out Petition About 2 Months into Semester 9 Units Web/Java Programming. CS1B or CIM7A CS4A and CS4B 3 Units Database CIM205A MySQL 3 Units Server Side Scripting CIM225 1.5 Units Client Side Scripting JavaScript 1.5 Units Portfolio CIM298 Pick One 6 Unit Concentration 15 16 4
Web Developer Concentration Lab OUTLINE 1) Animation: Flash A/B/C/D First Lab Assignment 2) Advance Programming: CS1C/CS1D (Previous 2B) 3) Web Page Design: Dreamweaver & CSS: CIM278 Username/Password Info Login to IMC Computers & Forward E-mail 4) Linux & Open Source Apps:CIM205B 5) Microsoft: Crystal Reports, ASP, C#, VB? Find CIM Home Page Class Web Site 6) Graphics&HTML: CIM271A/B, Fireworks, Photoshop 1-6 Unit Concentration 24 Units 2-6 Unit Concentration 30 Units Login to Blackboard Take Quiz 0 Blackboard has Videos Specific to Using CIM 17 T. DeDonno 10/2007 18 Username/Passwords Login to IMC Computers Username on all Systems is FirstInitialLastNameUniqueNumber all lower case This is Your Saddleback E-Mail Exception IMC-Lab Computers Append Your Domain either @saddleback.edu or @ivc.edu Passwords MySite/SB E-Mail/Blackboard Password Entered When You Registered Online Or Recently Changed Password on SB E-Mail You can only change password on SB E-Mail Changes to SB E-Mail Password Synchronize w MySite & Blackboard Or 4 Digit PIN + 00 Or Last 4 SSN + 00 Exception cim.saddleback.edu Password is StudentID IMC Lab Vil 04-05 IMC Login Info Login : Saddleback Username But Append Domain @saddleback.edu or @ivc.edu Password Gotcha When IMC-Lab Accounts are Created Pull MySite Password Change Password SB-Email IMC computers not updated IMC Lab has CS3 Web Standard Available Nota Bene Change Password on IMC Computers it affects only IMC lab 19 20 5
Forward SB E-Mail http://cim.saddleback.edu Login MySite www.saddleback.edu Or Login to Email System SB Username Can use http://mail.socccd.org:4080/ The button help Login Help gives help on? Class Info has how many sub buttons? forward email click options --> Setting --> Mail Forward (box) Can Use SB E-Mail to set Password on Blackboard and MySite Click top button online blackboard Click Class Info Your Semester Find Your Class Home Page 21 22 Class Websites http://www.saddleback.edu/faculty/tdedonno/ Blackboard What is Full Address of Class Home Page Where/What are 1 st Two Assignments? http://socccd.blackboard.com SB, and have blackboard links. How Many Tests For Class? Find Syllabus Grades Consists of: Use Class Web Site Goto blackboard Quizzes Take Blackboard Quizzes Quiz 0 After Taking Quiz 0 What does Check Tools MyGrades Show? Where/What are Initial Class Videos? 23 24 6
cim.saddleback.edu Final Notes cim Server LAMP System Web Server each student has homepage MySQL & Username: SB Username Password: 6 Digit Student ID Home Page: cim.saddleback.edu/~sbusername Some Students MySQL DB DBSBUsername E.g., cim.saddleback.edu/~jstudent0 DBjstudent0 Blackboard Has Specific Videos on Using CIM 25 Username - firstinitiallastnameuniquenumber Exception IMC Lab Append your domain @saddleback.edu or ivc.edu Password Password Entered When You Registered Online Or Recently Changed Password on SB E-Mail You can only change password on SB E-Mail Changes to SB E-Mail Password Synchronize w MySite & Blackboard Or 4 Digit PIN + 00 Or Last 4 SSN + 00 Exception cim.saddleback.edu Password is StudentID Pay Attention to Withdrawal Dates on Class Details Consider Taking Class CR/NC Good Luck this Semester 26 7