cmpt 241 web programming
DESCRIPTION
CMPT 241 Web Programming. Instructor: Tina Tian. General Information. Email: [email protected] Office: RLC 203A Office Hour: Monday, Thursday 1:30 – 2:30 PM Wednesday 12:00 – 1:00 PM or by appointment Website : home.manhattan.edu/~ tina.tian. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/1.jpg)
CMPT 241 Web ProgrammingInstructor: Tina Tian
![Page 2: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/2.jpg)
General Information
•Email: [email protected]•Office: RLC 203A•Office Hour: Tuesday, Friday 12:30 – 2:00
PM or by appointment •Website: home.manhattan.edu/~tina.tian
![Page 3: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/3.jpg)
About the Course
•Tuesday, Friday 11:00AM–12:15PM
•Textbook (not required):▫Stepp/Miller/Kirst. Web
Programming Step by Step, Second Edition. ISBN 978-1-105-57878-6.
▫webstepbook.com
![Page 4: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/4.jpg)
Grading
•Homework 30%•Projects 45%•Final project 25%
There are no tests!
![Page 5: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/5.jpg)
Homework
•Every week you will be asked to create a (different) web page both describing and using what you learned in the past week.
•Due at the end of the week ▫By Monday midnight
•Graded on a “Did you do it?” basis.•Late work is not accepted.
![Page 6: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/6.jpg)
Projects
•There will be 4 to 5 individual projects. •Projects should be uploaded to your web
space and also submitted to Moodle (lms.manhattan.edu).
•Late work has points deducted. •Not accepted a week after the deadline
![Page 7: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/7.jpg)
Homework Policy
•You may discuss the homework/projects with other students.
•However, you must acknowledge the people you worked with.
•And you must independently write up your own solutions.
•Any written sources used (apart from the text) must also be acknowledged.
![Page 8: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/8.jpg)
Final Project
•Demonstrate the technologies learned this semester
•Group work (3 students)•Assessed in three ways:
▫Project design documentation▫Working project▫Oral presentation and demonstration (if
time permits)
![Page 9: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/9.jpg)
What you will learn
•Both server-side and client-side techniques▫HyperText Markup Language (HTML) for
authoring web pages▫Cascading Style Sheets (CSS) for supplying
stylistic information to web pages▫PHP Hypertext Processor for generating
dynamic pages on a web server▫JavaScript for creating interactive web
pages
![Page 10: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/10.jpg)
Tentative Schedule
•Introduction, HTML and CSS 4-5 weeks
•PHP and forms 4 weeks•JavaScript 3
weeks•Final project madness (no class) 2-
3 weeks
![Page 11: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/11.jpg)
Advises
•Take notes •Do NOT check emails, Facebook, etc. •Don’t use printers in class.•Start the homework and projects early
![Page 12: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/12.jpg)
Stretch break
![Page 13: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/13.jpg)
Software
•Web browser▫Google Chrome or Firefox
•Text editor▫Notepad++ (Windows)▫Notepadqq (Linux)▫TextWrangler (Mac)
•Web server▫XAMPP (Apache, PHP, ... )
![Page 14: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/14.jpg)
How to upload files
•Upload your files to turing.manhattan.edu▫Log in▫Upload files under public_html
![Page 15: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/15.jpg)
How to upload files
•SSH Secure File Transfer Client •FileZilla (client) for all platforms•WinSCP•Putty
![Page 16: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/16.jpg)
SSH
![Page 17: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/17.jpg)
![Page 18: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/18.jpg)
FileZilla
![Page 19: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/19.jpg)
Connect to FileZilla
•Host: turing.manhattan.edu•Username: your Jasper ID•Password: your Jasper password•Port: 22
![Page 20: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/20.jpg)
Questions?
•1. Can I use a different editor/IDE for homework and projects?
•Yes!
•2. Does homework have any required specification?
•No. You can do anything as long as you use the stuff we learned in the past week.
![Page 21: CMPT 241 Web Programming](https://reader035.vdocuments.net/reader035/viewer/2022062309/56815ab2550346895dc860b0/html5/thumbnails/21.jpg)
“Homework” for today
•Download appropriate software▫Chrome▫Notepad++ or TextWrangler▫SSH or FileZilla