|
|
| home about us free pdf software downloads links privacy site map copyright policy |
This course is an introduction to microcomputer applications. The
student will become familiar with the operation of a microcomputer operating
system, database applications, word processing, spreadsheets and the Internet.
The course will focus on helping the student to logically plan out the processes
that are necessary to communicate with the computer. During the term, the
student will get "hands-on" usage of the microcomputer using Microsoft's
Office Suite (Word, Excel and Access), and a web browser to access the Internet/WWW.
Lecture (45.00) This course is designed for students in Computer Information
Systems, Office Systems Technology, business or related fields. CIS-152
JavaScript for the Web (3.00 cr.) This course provides the students with
a basic knowledge of JavaScript programming concepts along with the syntax
to implement them. The differences between Java and JavaScript is explained
as well as the differences between JavaScript and VB Script. An overview
of the JavaScriptTwoStudents will create usable client side applications including form validation, browser control, dynamic content, animation and interaction techniques. Rationale: JavaScript is a primary tool used by developers or production specialists to integrate the Website. Type of Course: Short course Evaluation: Students will be evaluated on their competency in performing a variety of hands-on exercises created to insure the student has achieved all course objectives throughout the course, and class participation. In order to grant CEU credit for a course the students must be able to complete assessment exercises for each part of the course given by the instructor. The instructor will validate each participant's achievement of the course objectives by signing and awarding individual certificates of completion. Page 1 At the completion of the course each student will be able to: Apply interaction techniques to improve usability 4. untitledJavaScript has a reputation of being easy to use because The bulk of the document object model (the portion of the language that defines what kind of components, or objects, you can manipulate in JavaScript) is pretty straightforward. One of the biggest factors contributing to the language's growing complexity is the fact that the two major JavaScript-supporting browsers on the market (Netscape Navigator and Microsoft Internet Explorer) implement JavaScript differently. The beauty of an interpreted language like JavaScript, on the other hand, is that when you make changes to your code -- in this case, to your JavaScript script -- you can test those changes immediately; you don't have to compile the script file first. To add JavaScript to a Web page, all you have to do is embed JavaScript code in an HTML file. Below the line in which you embed the JavaScript code, you can reference, or call, that JavaScript code in response to an event handler or an HTML link. Youfpost2. In part A, choose five of the ten options; in part B, choose four of the six options; in parts C, D, and E, answer all questions. 3. Write all answers in the space provided; you may use the back of a page only if you clearly mark this in the space provided. 4. The marks are indicated for each question. 5. Incorrect answers on multiple choice questions (parts C and D) carry a penalty of ¼ mark. Multiple choice questions can be left blank with no penalty. Penalties count only for a single multiple choice part: if the total of correct answers and penalties is negative, the mark for that part is zero. 6. No notes or textbooks are permitted. 1. Which of the following is NOT true? a. JavaScript is an object-oriented language. The following is a short section of an HTML page with JavaScript code.thiemannWishlist for Web Programming Peter Thiemann Universit-at Freiburg - keep the features but change the host language to JavaScript On JavaScript function daySkin (what, date) f <html><head><title>Daytime</title></head> <body>It's fwhat} of fdate}! </body> </html> } function greetSkin (who) f } <html><head><title>Greeting</title></head> <body>Hello, fwho}! </body> </html> 12 From JavaScript to WASH/JS - JavaScript is untyped ) create type system and/or static analysis ) leads to "better JavaScript" ) helps discover errors in existing programs ) see paper @ ESOP'05 - JavaScript is interpreted ) create compiler for suitable subset ) can exploit analysis results - JavaScript is weird ) No, the browsers' object hierarchy di ers between vendors ) Well, see the ESOP paperJScribe is a cross-platform, object-oriented scripting system based on JavaScript (ECMA 262-3). JScribe is designed for embedding into printing systems and stand-alone print servers (client side). Available as a server-side implementation running on Microsoft® platforms; implementations for Unix/Linux platforms will be available in the near future. - Provides a standards based API layer and scripting language support for printing systems - Enhances and runs individual applications (printing, document management, connectivity, cost management and much more) on any JScribe compatible system - Enhances device functionality and competitive differentiation by adding the capability to easily program and customize printing processes and document management applications - Fast time-to-market for adding functionality and customization for vertical markets - Flexible process automation provides customization and significant cost reduction for OEMs to offer their customers, INTERACT2003-p848Abstract: Online form validation can be performed in several ways. This reports discusses an empirical study with 77 participants, which has found evidence that the best way of validating online forms is by reloading the form with erroneous fields highlighted. ISO recommended immediate error feedback came in last in this study. Client side validation is performed mainly using JavaScript. Figure 2: Client-Side Validation using JavaScript Simultaneous Display of Error Messages (JAIO). Four validation mechanisms are tested: 1) Server Side Validation (SV) 2) JavaScript Validation with simultaneous display of errors (JAIO: JavaScript All in One) 3) JavaScript Validation with sequential display of errors (JOAT: JavaScript One At a Time) 4) JavaScript Validation using the OnBlur Event As expected, server side validation (SV) leads to only few Consecutive Errors and presenting all errors at once in a JavaScript Pop-up window (JAIO) leads to many Consecutive Errors.clientsideJavascriptDoc 6, Client-side JavaScript slide# 1 Doc 6 Client-side JavaScript 2 Embedding JavaScript in Web Pages CS683 Doc 6, Client-side JavaScript slide# 2 JavaScript: The Definitive Guide, 4th Ed., David Flanagan, XSLT tutorial http://www.w3schools.com/xsl/default.asp CS683 Doc 6, Client-side JavaScript slide# 3 Embedding JavaScript in Web Pages Doc 6, Client-side JavaScript slide# 4 </script> </head> <body> <script type="text/javascript" language="javascript1.5">Übung - Mensch-Maschine-Interaktion 2Changing values in the document tree User-generated events: onfocus, onmouseover etc. Useful debugging techniques: Changing the status bar text, creating popup messages Usage of the Mozilla/Firefox DOM inspector and JavaScript console (very useful for writing/debugging JavaScript code) Tracking Interactions in HTML Forms To evaluate the usability of a complex web form, it can be of interest to collect information about how people fill in the forms. In particular, it is interesting in what order form fields are filled in how much time is spent on a particular input field whether the contents of an already filled-in field are changed later whether copy & paste is used Task: Without changing its appearance, extend a form and add the capability to track user interaction. It should be tracked when a form element is changed, when the mouse is placed on a particular element and when text is selected in a text field. The information should be stored and transmitted alongDeveloper GuideThis presents no problem for JavaScript programmers, but when C programmers look up reference material, they must omit the get or set prefix to the macro name that they must call to access the attribute. PODS is written in C and currently has supported bindings only for C. However, approximately 80% of the methods and attributes available through PODS objects are exported to JavaScript Engine. All of the data arrives in JavaScript arrays within the page. You then can access your POD's functions by simply prefixing the attribute or method name with the name of the JavaScript object you created for your POD. The client-side PODS component presents an on-device database API that allows you to manipulate the data that the server conduit delivers to the mobile device through a JavaScript or PODS interface. If you want to pass array data to or return it from PODS methods called by JavaScript Engine, you must implement an instance of the PODArray interface. This referenceCurriculum Development Grant - Revision ModelWhat problem do you plan to solve and how many students will be affected across the district? 20pts The programming language currently used in CSC 110, Introduction to Programming, is Microsoft Visual Basic 6.0. Changing to JavaScript will allow us to continue our focus on fundamental concepts in an environment that is modern, yet constrained enough to be manageable for beginning students. JavaScript will be used as the development language for the revised course. PowerPoint slides covering major course topics, illustrated with JavaScript examples Sample JavaScript programs illustrating key concepts and techniques. Lab exercises designed to provide hands-on experience, based on JavaScript Programming assignments designed to help students master key programming concepts and develop new skills in JavaScript. The effort required to convert materials to JavaScript will be substantial because the user interface is dramatically different from Visual Basic. JavaScriptcox0405A Unified Security Model for Web Applications Richard S. Cox, Steven D. Gribble, Henry M. Levy latimes.com 40 pieces of JavaScript 4 from external sites 1 VisualBasic script 1 Flash object 11 images from external sites 3 forms Vulnerabilities Cross-domain access Buffer overruns Spoofs/Phishing attacks What is a Web App? Collection of Servers speaking HTTP(S) HTML, image, movie, sound documents JavaScript, Flash, Java, ActiveX client-side code Cooperating to implement a single service App ManifestsAlex BischoffPortfolio Objective Alex Bischoff Consistent application of usability metrics through hand-coded HTML, CSS, JavaScript, image slicing, and optimization. JavaScript Constructed image-based JavaScript-free rollovers through CSS alone. Senior HTML Developer, Mercer HR Consulting, Inc, Dallas, TX, October 2003 to December 2003 Produced JavaScript to automatically disable selected links until a given activation date. Constructed JavaScript-driven dynamically expandable site map. Developed JavaScript-enhanced user interactive image slideshow with just-in-time image preloading.Tutorial: Recursive XSLTThis tutorial describes sample code that uses recursive XSLT calls and JavaScript to display an expanding and collapsing tree view of an XML document. Contents This tutorial uses XML, XSL and JavaScript to create an interactive view of a purchase order. Netscape's documentation describes JavaScript this way: "JavaScript is Netscape's cross-platform, object-oriented scripting language. JavaScript is a small, lightweight language; it is not useful as a standalone language, but is designed for easy embedding in other products and applications, such as web browsers. Inside a host environment, JavaScript can be connected to the objects of its environment to provide programmatic control over them." It produces an HTML file that includes calls to JavaScript code implemented in treemenu.js. Notice, too, that the code defines a template named treeview that includes the element <xsl:call-template name="treeview">. This sample application uses JavaScript to enable an otherwise staticJavaScript is used by Internet Explorer (and other browsers) to access XML documents in DOM (document object model) JavaScript is not not documented and it has nothing to do with Java. The element <SCRIPT> has the attributeLANGUAGE that let the browser know the language in which the script is provided JavaScript code is enclosed in HTML comments because JavaScript enabled browsers ignore the comment markup Because // is JavaScript comment operator element representing a JavaScript must end with //-> Other JavaScript resources are indicated in the textbook. JavaScript is object-oriented; this means that JavaScript makes available objects that give access to aspects of the browser or document To create an object one need to define aclass that is a type and then usenew to create an object of that class Objects have methods and properties (attributes) JavaScript manipulate classes, methods, and properties There are hundreds of methods available in JavaScript. JavaScriptJavaScript is used by Internet Explorer other browsers) to access XML documents DOM (document object model) JavaScript is not not documented and nothing to do with Java. Hence it is difficult learn it other than using it Therefore we will discuss JavaScript prelude to DOM (and in it has as a to Other JavaScript resources are indicated in the textbook. JavaScript is object-oriented; this means that JavaScript makes available objects that give access to aspects of the browser or document the body create an object of that class Objects have methods and properties (attributes) JavaScript manipulate classes, methods, and properties There are hundreds of methods available in JavaScript. JavaScript properties are the properties of JavaScript objects. Properties allow the user to change JavaScript settings To use a property of an object one needs to prefix the property with the object-name followed by dot (.) Browser informs JavaScript code about events that happen during its activity | ||
