User:Vtaylor/CIS 89A HTML and CSS/CIS89A - Gathering information

Data collection - Forms
 * Collecting information can be as simple as requesting comments from readers, or as complex as a final exam for an upper division college course. Forms provide a broad range of functionality to validate and format input information. Forms can guide the user through complex information gathering processes and make the information ready for further processing by other applications.

Learning outcomes
 * understand the concept and uses of Forms in web pages
 * create a basic form
 * validate form content
 * make forms more user-friendly
 * style forms for layout
 * understand the concept and uses of JavaScript and HTML5 API in web pages

Keywords
 * text, radio button, data area, checkbox, submit, menu, hidden controls, file upload, validate, pattern, action, required fields, JavaScript, API, objects, methods, event handler, cookies, storage, offline, geolocation, canvas

Study notes
 * What types of input can be processed in a form?
 * What validation can be applied to form input?
 * How can information entered in a form be processed?
 * Why would you want to include client-side validation in a form?
 * What are the new functions that are introduced in HTML5? Why are these important to web page developers?

== ==
 * Wendy Willard - Chapter 12. Creating Forms, Chapter 13. Formatting and Styling Forms, Chapter 14. Beyond Static HTML
 * HTML Dog HTML Beginner Tutorial
 * Visual Quickstart - 16. Forms

Forms
 * Create a Google form

Internet/computer tricks
 * 27 People Share The One Cool Internet Or Computer Trick They Know - these suggestions are not something you are going to use everyday, but it is interesting that you can do this

Internet of Things
 * Internet of Things - Examples - great overview with lots os interesting examples in a broad range of categories.
 * The World's Top 10 Most Innovative Companies In The Internet Of Things - range of companies and products from tech giants Intel to consumer Nest

== Assignments==

Assignment file name and required elements
 * cis89forms1 - form, input, type, name, value, placeholder, button, checkbox, datetime, email, radio, url, maxlength, textarea, size, step, color, option, hidden, file, pattern, action, table, tabindex, label, meter, table, style, fieldset, script


 * 1) Review the Keywords and Study questions at the top of this page. These will help you look for important ideas in the rest of assignments for this module.


 * 1) Read  Chapter 12. Creating Forms, Chapter 13. Formatting and Styling Forms, Chapter 14. Beyond Static HTML   in the textbook.

Create a Google Form to gather multiple kinds of information. You can create something for your own project or create a form to test some HTML-related knowledge. Use all the different Google Forms functions appropriately. Post a link to your form to the Google Form discussion. Review the Forms posted by 3 others and provide feedback.
 * 1) Test drive - Google form -  Google Drive is very convenient for working collaboratively and sharing your work. Tools are provided to read and write frequently used document types - word processor, spreadsheet, presentation, web pages and forms. Review the functions associated with all the Google Docs types. The Form creator can be used to collect all sorts of data. Some teachers are even using Google Forms for quizzes and exams.


 * 1) Internet of Things (IoT) - The next big thing is the Internet of Things - Examples and this site provides a great overview with lots of interesting examples in a broad range of categories. Take a look. What do you think? What is one example that is a surprise but you would like to see? Post the name and ONE sentence about your selection to the Internet of Things discussion. Conclude your post with a question. Review 2 others and concluded your replies with questions.


 * 1) Web Literacy - In the Connecting description, review the skills associated with  Privacy - Examining the consequences of sharing data online; and  Open practices - Helping to keep the Web democratic and universally accessible. How are you doing? Do you have these skills? How do you get them? Why are these particular skills important? In the WebLiteracy - Connecting discussion, post a brief status report about your understanding and skills in the  Privacy  and  Open practices  areas.


 * 1) Learning Literacies - Solve it - There are many tools available on the web to help with problem solving skills development and practice. Critical Thinking, Problem Solving and Decision Making are the primary focus of the articles provided. Review 2-3 articles in the Solve it - media selections. Post a link and a brief summary of 1 to the Learning Literacies - Solve  it discussion. Review 2 others.


 * 1) Creating Forms  - In a new  Thimble file, use the assignment elements and tags to add a form to edit input information. Create a form that you can use to add information to your Personal Learning Network (PLN). Include fields for the web address, title, description and several keywords and categories selected from pre-defined lists of options. Use all the elements and tags within your page. Save your HTML file as cis89forms1.
 * 2) Beyond static HTML - There are a number of new functions that have been added with HTML5. Pick one or more and add examples for the function you select to your page. This should be visible in the page display so you may need to add additional information to highlight this function. Be sure to comment your code.
 * 3) Submit the full name of your assignment file to the  Creating Forms  assignment.
 * 4) Post a link to your assignment file and any comments or questions about the assignment to the Creating Forms   discussion.