UMass Lowell Dept. of Computer Science

91.461 GUI Programming I

Fall 2015 Semester, Section 201

Prof. Jesse M. Heines

Notes for Class No. 2

Addressing WebLab and XAMPP Issues, Human Factors in GUI Programming, HTML5 Structure, and Basic HTML5 Elements

Thursday, September 3, 2015

A video of this class is (or will be) posted at:   http://echo360.uml.edu/heines201516/guiprogramming1.html


Handouts and Materials


Openings / Announcements / Reminders

I am looking for a native Spanish speaker who can do a bit of translation for me for a project


Things You Were Supposed to Have Done by Today

(1)  Read the Course Syllabus carefully

(2)  Complete your registration for this class using the Google form posted at

https://docs.google.com/forms/d/166cx_uRhYJ24qoI-zMrs1dpWVyOw5iloQ-ojjF41lv4/viewform

(3)  Join the class discussion forum at https://piazza.com/uml/fall2015/91461/home

(4)  Complete the Pre-Course Survey if you have not already done so

(5)  Set up your personal system for use in this course by completing Assignment No. 1


Class Notes

Related reading for this class:  JSjQ:TMM pp. 4-7, w3schools.com


Introductory Things We Didn’t Touch On In Our Last Class

All classes are automatically videoed by the University Echo360 system

All of last year’s class notes and assignments are still online


Discussion:  XAMPP and Mac Web Services and NetBeans Problems

What problems did you encounter and how did you work around them?


Two Important Factors in GUI Programming

Being Sensitive to Human Factors

As we discussed in our first class, the first steps in practicing human factors are

Writing Maintainable Code


What Is a Markup Language?

This material is covered in the Learnable video sections listed in Assignment No. 1


The Minimal HTML5 Document

The following code appears in our textbook, JavaScript & jQuery: The Missing Manual, at the top of page 5

What can you say about this code?  (respond at http://pollev.com/heines)

The minimal HTML document

Run this code

What can you say about this code?  (respond at http://pollev.com/heines)

Things to note

Using NetBeans

Creating an HTML5 project

  1. File -> New Project...
  2. Category:  HTML5
  3. Project:  HTML5 Application
  4. click Next> repeatedly, taking all the defaults from there on

Result

What can you say about this code?  (respond at http://pollev.com/heines)

Special note on the position of the <meta charset="UTF-8"> element


Validation

HTML

We will see additional validators for CSS, too

The JavaScript “validator” — actually a syntax checker — is called JSLint


Understanding What You Are To Do for Assignment No. 2



This is document http://jesseheines.com:8080/~heines/91.461/91.461-2015-16f/461-lecs/lecture02.jsp.  It was last modified on Friday, August 26, 2022 at 4:09 PM.
Copyright © 2022 by Jesse M. Heines.  All rights reserved.  May be freely copied or excerpted for educational purposes with credit to the author.