information organization lab september 15, 2009 last week on io lab write your first greasemonkey...
Post on 19-Dec-2015
216 views
TRANSCRIPT
![Page 1: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/1.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
LAST WEEK ON IO LAB
Write your first Greasemonkey script.
Complete the CSS self-test.
You can find links to help with all of these on the course website athttp://courses.ischool.berkeley.edu/i290-4/f09/
We’ll start by going over any questions you had about these.
![Page 2: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/2.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
AJAX and Cross-site ScriptingWeb 2.0 FTW
![Page 3: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/3.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
The History of AJAXWeb 2.0 FTW
HTML DHTML AJAX
![Page 4: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/4.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
AJAX What?
Asynchronous
Javascript
and
XmlHttpRequest
![Page 5: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/5.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
XSS(Cross-site scripting)
![Page 6: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/6.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
XSS(Cross-site scripting)
![Page 7: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/7.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Let’s try it!
![Page 8: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/8.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Project 1Due September 22
![Page 9: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/9.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Project 1Due September 22
![Page 10: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/10.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Project 1Due September 22
![Page 11: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/11.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Project 1Due September 22
![Page 12: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/12.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Project 1Due September 22
?
![Page 13: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/13.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Project requirementsEmail npdoty@ischool, ryan@ischool.
1. Location to view your project2. A description of your project, including
implementation and challenges.3. Due Tuesday, 9/22 by 12:00pm (noon).
![Page 14: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/14.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
In-Class Exercise
Make something work in 45 minutes
![Page 15: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/15.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
In-Class Exercise
• Brainstorm what you want your interface to do and make a drawing. (10 minutes)
• Download the template for your project from the IO Lab Resources page.
• Implement the interface that you drew. (30-40 minutes)
![Page 16: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/16.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
Lessons for project 1
• Make a drawing or sketch of what you want to do.
• When you are writing the JavaScript code, first write comments in plain English describing what you want to do.
• If it doesn’t work, ask questions.
![Page 17: INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links](https://reader030.vdocuments.net/reader030/viewer/2022032703/56649d395503460f94a1374a/html5/thumbnails/17.jpg)
INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009
For Next WeekProject 1 is due. Email us with the location of your completed work and a 1 paragraph write-up
Due by 12:00pm (noon) Tuesday, Sept. 22Be ready to demo and discuss in class.
Install RapidSVN.You can find links to help with all of these on the course website at
http://courses.ischool.berkeley.edu/i290-4/f09/