The Information School of the University of Washington Oct 9fit100-06-debug1 Debugging and Troubleshooting INFO/CSE 100, Fall 2006 Fluency in Information.

Slides:



Advertisements
Similar presentations
Web Development & Design Foundations with XHTML
Advertisements

To Err Is Human Presented by. Before We Get Started Please turn your cell phones to stun. Restrooms are down the hall and on the right We’ll take a 5.
Chapter 2 HTML Basics Key Concepts
XHTML Basics.
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
Welcome to Clienttrack and the World of HMIS
Chapter 7: Introduction to Debugging TECH Prof. Jeff Cheng.
Announcements Wednesday's test will be postponed until Thursday – July 7 th, See me if this won’t work for you. Project 1 will be due Monday – July.
Lecture 2 Page 1 CS 236, Spring 2008 Security Principles and Policies CS 236 On-Line MS Program Networks and Systems Security Peter Reiher Spring, 2008.
Debugging Introduction to Computing Science and Programming I.
Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.
The Information School of the University of Washington Oct university of washington1 Hypertext Markup Language INFO/CSE 100, Fall 2006 Fluency.
Creating Web Pages Getting Started. Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking.
Chapter 7 To Err Is Human: An Introduction to Debugging.
The Information School of the University of Washington Oct 20fit programming1 Programming Basics INFO/CSE 100, Fall 2006 Fluency in Information Technology.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Inline, Internal, and External FIle
CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.
Creating a Simple Page: HTML Overview
Chapter 7 To Err Is Human: An Introduction to Debugging.
AEW studios Who We Are We run a small IT-based business. We've been in business for 3½ years. Essentially the business is husband/wife.
XML introduction to Ahmed I. Deeb Dr. Anwar Mousa  presenter  instructor University Of Palestine-2009.
DAT602 Database Application Development Lecture 14 HTML.
Learning Objectives Explain how ordinary precision differs from computing precision Describe the six-step strategy for debugging Explain the purpose of.
ULI101 – XHTML Basics (Part II) What is Markup Language? XHTML vs. HTML General XHTML Rules Block Level XHTML Tags XHTML Validation.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
XHTML The Basics A brief history of HTML SGML (Standard Generalized Markup Language) Then came HTML Followed by the browser…and the great browser wars.
1 Direct Manipulation Proposal 17 Direct Manipulation is when physical actions are used instead of commands. E.g. In a word document when the user inputs.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Debugging & Troubleshooting “To err is human, but it takes a computer to really foul things up” © 2004 Lawrence Snyder.
Is Your Site Accessible? Web Site Testing for Accessibility Presented by: The NYS Forum IT Accessibility Committee The NYS Forum Webmasters Guild Northeast.
Computing Fundamentals Module Lesson 19 — Using Technology to Solve Problems Computer Literacy BASICS.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
Copyright © Osmosys O S M O S Y SO S M O S Y S D e p l o y i n g E x p e r i e n c e & E x p e r t i s e™ HTML Training.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. August 25, 2010—All HTML code brought to XHTML standards.
Created by, Tom Rebold, MPC FLUENCY WITH INFORMATION TECNOLOGY Skills, Concepts, and Capabilities.
BMTRY 789 Lecture 11: Debugging Readings – Chapter 10 (3 rd Ed) from “The Little SAS Book” Lab Problems – None Homework Due – None Final Project Presentations.
CSU - DCE Webmaster I Design with HTML #1 - Fort Collins, CO Copyright © XTR Systems, LLC Designing Web Sites using HTML #1 Instructor: Joseph DiVerdi,
The Information School of the University of Washington 13-Oct-2004cse debug1 Debugging and Troubleshooting INFO/CSE 100, Spring 2005 Fluency in Information.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Computing Fundamentals Module Lesson 6 — Using Technology to Solve Problems Computer Literacy BASICS.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
© 2015 albert-learning.com How to talk to your boss How to talk to your boss!!
CompSci 1 Lecture 2 HTML Webpages. Today’s Topics Basic HTML The basis for web pages “Almost” programming Upcoming Programming Java Reading Great Ideas.
Validation. What is Validation? Removing errors improves the consistency of how our pages look to a wide variety of browsers and devices. Ensuring that.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Validation.
XHTML Basics.
CSC 110 – Fluency in Information Technology Chapter 7: An Introduction to Debugging Dr. Curry Guinn.
Fluency with Information Technology
Validation.
XHTML Basics.
XHTML Basics.
To Err Is Human: An Introduction to Debugging
XHTML Basics.
Debugging and Troubleshooting
Computer Literacy BASICS
XHTML Basics.
The Troubleshooting theory
Presentation transcript:

The Information School of the University of Washington Oct 9fit debug1 Debugging and Troubleshooting INFO/CSE 100, Fall 2006 Fluency in Information Technology

The Information School of the University of Washington Oct 9fit debug2 Readings and References Reading »Fluency with Information Technology Chapter 7, To Err is Human “To err is human, but it takes a computer to really foul things up” References »World Wide Web Consortium »Jedit (java-based editor)

The Information School of the University of Washington Oct 9fit debug3 Anchors The link starts with an a tag… The value of the href attribute is a URL. The link encloses some text, and ends with… CSE home page

The Information School of the University of Washington Oct 9fit debug4 Types of URLS ftp://ftp.site.come/pub/ news:soc.culture.religion file:///hardisk/path/file.html

The Information School of the University of Washington Oct 9fit debug5 HTML Tables Animal Fav food monkeys bananas AnimalFav food monkeysbananas ___________________

The Information School of the University of Washington Oct 9fit debug6 Simple HTML What we’ve seen here is very simple HTML HTML is changing »Each document should start with a “ DOCTYPE ” comment telling which version of HTML it follows We used HTML 4.01 Transitional »There is a validator service that will check your page <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

The Information School of the University of Washington Oct 9fit debug7 Editing by Hand vs. a Tool WYSIWYG type tools (what you see is what you get) »Microsoft FrontPage - $$$ »Macromedia DreamWeaver - $$$ »Amaya - Free »And MANY MANY others! Text Editors »Jedit - Free Pick the right tool for you!

The Information School of the University of Washington Oct 9fit debug8 Character Entities Some characters are special in HTML », &, ", ' They are interpreted by the web browser To get them to display properly we have to encode them specially »< = < »> = > »& = & »" = " »&apos; = ' » = non-breaking space

The Information School of the University of Washington Oct 9fit debug9 Using Computers... In IT, stuff goes wrong … debugging is the process of finding the error »Term coined by Grace Murray Hopper Best solution … make no mistakes! »Be accurate … get it right the 1 st time »Follow a process that makes it easier to get it right »Computers can’t make "common sense" decisions about what we really meant. They do what we say, not what we mean.

The Information School of the University of Washington Oct 9fit debug10 Cost of Debugging Debugging may consume 60-70% of your development time 80% of overruns may be due to debugging »Keep this in mind when you are budgeting time for your projects!

The Information School of the University of Washington Oct 9fit debug11 Common Bug Types Compilation/Syntax errors »Program won’t run due to problems with what you typed in HTML tags must be entered precisely Required attributes must be present Logic errors »Program runs, but output/behavior is wrong

The Information School of the University of Washington Oct 9fit debug12 When You Debug... There are guidelines for debugging… Rather than trying things aimlessly and becoming frustrated, think of yourself as solving a mystery Be objective: What are my clues? What is my hypothesis? Do I need more data? Consciously ‘watch’ yourself debug -- its an out-of-body experience When stumped, don’t become frustrated, but ask, “What am I misunderstanding?” Become Sherlock Holmes Debugging is not algorithmic: no guaranteed process

The Information School of the University of Washington Oct 9fit debug13 Debugging Guidelines Overview »Verify that the error is reproducible »Determine exactly what the actual failure is »Eliminate the “obvious” causes by checking »Divide process into working/faulty parts »On reaching a dead end, reassess the information you have, trying to identify the mistake you are making »Work through process making predictions and checking they’re fulfilled

The Information School of the University of Washington Oct 9fit debug14 First step: verify the error is reproducible »You can't find something that you can't reproduce »Get out and get back in. Does it still happen? Restart the application. Try a different application Reboot the operating system. Sometimes this is appropriate, especially for errors involving peripheral devices (printers, modems) Getting Out and Getting Back In Reproducibility

The Information School of the University of Washington Oct 9fit debug15 Determine the Problem Second step: figure out what’s wrong »Often there is a sequence of steps following an error and propagating it … work backwards looking to see where the error first occurred Empty Database Mailing Label Pgm Mailing Label File No Labels Printing This is not a printer problem!

The Information School of the University of Washington Oct 9fit debug16 Eliminate the Obvious Third step: eliminate obvious causes “If the cause were obvious, the problem would have been fixed!” - Yeah, right. »There are standard things to check: Inputs Connections “Permissions” Physical connectivity Requirements My fan is broken, it won't turn on!

The Information School of the University of Washington Oct 9fit debug17 Isolate the Problem Try to “partition” the situation into working and non-working parts Form a hypothesis of what’s wrong Make as few assumptions as possible Take nothing for granted The goal is to eliminate as many things from consideration as possible

The Information School of the University of Washington Oct 9fit debug18 At a Dead End, Reassess When everything seems to check out, don’t get frustrated Instead, ask yourself “What am I overlooking or misunderstanding?” »Your goal is to see the situation as it is, not as you think it should be Am I assuming too much? Am I misreading the clues? What can I eliminate or simplify? Explain the situation to a friend

The Information School of the University of Washington Oct 9fit debug19 Make Predication/Check Beginning with the isolated part, step through the process, predicting the outcome and verifying it »A prediction that is not fulfilled shows… A possible bug A possible misunderstanding A chance to narrow the search ‘Sleeping on it’ often helps!

The Information School of the University of Washington Oct 9fit debug20 Questions Why learn HTML at all if authoring tools will do the work for you? Give other examples of where you are expected to learn something when there are tools available that will do the work.

The Information School of the University of Washington Oct 9fit debug21 Questions Why do we need to end a tag? Why were the characters chosen to denote tags?

The Information School of the University of Washington Oct 9fit debug22 Questions How does a web browser know where to get an image from to display on a web page?

The Information School of the University of Washington Oct 9fit debug23 Questions You walk into a room and flip the light switch. Nothing happens. Describe the debugging process you use to solve the problem.

The Information School of the University of Washington Oct 9fit debug24 Questions What advantages does an organized debugging approach have over a trial and error approach?

The Information School of the University of Washington Oct 9fit debug25 Project 1 Make a website of “misinformation” »Project 1a Planning, image collection, basic web site creation »Project 1b Website design, image manipulation Project 1a due Friday, October 13, before 10:00 pm. »Use online turn in page to submit your files »We will not accept late projects - turn in what you have even if you are not done (some points are better than no points) ssignments/files/project1.htmlhttp://courses.washington.edu/info100/classwork/a ssignments/files/project1.html

The Information School of the University of Washington Oct 9fit debug26 Summary Debugging is not algorithmic, but there are guidelines to follow »Stay calm - high blood pressure clouds your brain »Be organized as you investigate and fix things »Recognize that you may feel a little embarrassed when you finally figure out the problem. If we were perfect, we would never make mistakes... A little humility is a good thing for all of us »Watch yourself debug -- assess how you are doing, what you need to know »Only try to fix one bug at a time!