Senior Project – Interdepartmental (CSC - MLT) - 2005 Web-Based TOEFL Reading Comprehension Assistance Site Cleveland Q. Crosby Advisors: Prof. Aaron Cass.

Slides:



Advertisements
Similar presentations
TOEFL Reading Comprehension Assistance Site Cleveland Q. Crosby Advisors: Professors Aaron Cass and Junko Ueno Interdepartmental Senior Project (CSC –
Advertisements

Essentials for Design JavaScript Level One Michael Brooks
CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
XHTML Basics.
The Web Warrior Guide to Web Design Technologies
Project 1 Introduction to HTML.
Server-Side vs. Client-Side Scripting Languages
Tutorial 1 Developing a Basic Web Page
HTML 4 - Introduction HTML stands for Hyper Text Markup Language. It is the standard format for documents on the World Wide Web. Just as Microsoft Word.
The front door of the OACIS site includes: 1.General information 2.Funding information – active links concerning TICFIA 3.Contact links 4.Quick links –
Developing a Basic Web Page with HTML
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Web page - A Web page is a simple text file that contains HTML tags (code) that describe what should be displayed on the browser. -The Web browser interprets.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Chapter 1 Introduction to HTML, XHTML, and CSS
Javascript and the Web Whys and Hows of Javascript.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
Client Scripting1 Internet Systems Design. Client Scripting2 n “A scripting language is a programming language that is used to manipulate, customize,
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Using authoring tools to produce materials Hot Potatoes:  small windows or Mac program that creates a variety of exercises  can be freely downloaded.
Cascading Style Sheets: Got Branding?. What is CSS? CSS = Cascading Style Sheets Styles define how HTML (web) elements are displayed. One (or more) style.
Lecture # 6 Forms, Widgets and Event Handling. Today Questions: From notes/reading/life? Share Personal Web Page (if not too personal) 1.Introduce: How.
CSC 551: Web Programming Fall 2001 emerging & alternate Web technologies  Dynamic HTML  ActiveX  XML course overview  online review sheet  advice.
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Sahar Mosleh California State University San MarcosPage 1 JavaScript Basic.
David Lawrence 7/8/091Intro. to PHP -- David Lawrence.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
May 6, 2009 Browser Compatibility Testing Definition It is a non functional type of testing where web based applications are tested on various browsers(IE.
Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.
1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
1 Web Engineering Lecture 1-2. HTML Title of page This is my first homepage.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Teaching slides Chapter 6. Chapter 6 Software user interface design & construction Contents Introduction Graphical user interface – Rich window based.
Getting Started With HTML
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
The Internet and HTML Code
Objective % Select and utilize tools to design and develop websites.
Section 10.1 YOU WILL LEARN TO… Define scripting
WEB PROGRAMMING JavaScript.
Presentation transcript:

Senior Project – Interdepartmental (CSC - MLT) Web-Based TOEFL Reading Comprehension Assistance Site Cleveland Q. Crosby Advisors: Prof. Aaron Cass and Prof. Junko Ueno Abstract The Test of English as a Foreign Language (TOEFL) is the most widely used measure of North American English proficiency today. There are numerous study guides to prepare one for this test, however, there are topics that appear on the TOEFL which are not thoroughly explained in such guides, namely, idioms, colloquialisms, and the various subtleties of English verb tenses. The purpose of this application is to give the native speaker of Japanese a more in depth explication of such topics (In Japanese), as well as a more thorough display of the nuances found in English verb conjugations as compared to the Japanese language. In addition to these features, the application contains a module for creating mock-reading comprehension tests which the user can complete in order to gauge the difficulty of the TOEFL. The application is compatible with all major operating systems supporting Unicode (UTF-8) character encoding and Asian character sets, making it accessible to most computers regardless of operating system or web- browser. The Test-Maker Script The mock-TOEFL examinations found on the site are created using a PHP script which takes a delimited text file as an input, and returns a test in the form of an HTML page with which the user may interact. Following the guidelines of the delimiters, one may easily create a test file which can be used by the site. The following delimiters make up the format of the text file. All text found within delimiters must adhere to proper HTML standards. ~ : Represents the reading passage that the user is to read. ~ : Represents the portion of the text file that contains the questions of the test. ~ : Represents an individual question inside of the area. ~ : Represents the actual question which is to be answered. ~ : Represents the correct answer to that particular question. ~ : Represents the multiple choices of a particular. ~ : Represents a possible choice for the question. Note: One of the choice strings must be the same as the string found in within the ~ delimiters. The script reads the text file and assembles the different pieces of the test into it’s proper order and displays the result as a completed, interactive test. Feel free to ask to see a full test file. Reading Comprehension This application is geared towards assisting native speakers of Japanese understand the sometimes hard-to- grasp nuances of the English language. Through some research, and consultation with native Japanese speakers preparing for the TOEFL, I found that there were a number of questions regarding verb conjugation and colloquialisms. I also found that most of the guides found in Japan do not offer an extensive listing of Idioms commonly used in North American English, which puts the student at a disadvantage. With this information, I decided to put these the following aspects of English into the site. Verb Conjugations: Twelve different English verb tenses, as well as how their different uses are explained here. Conditional Statements: The different nuances behind using IF and WHEN. E.g. “If I had gone to work” vs. “When I had gone to work.” Phrasal Verbs: A common idiomatic construction found in English which consists of a verb followed by a preposition, which implies a colloquial meaning. E.g. “To Look Over - To take a quick glance at something.” Idiomatic Expressions: Various Idioms found in the North American English which are sometimes hard to grasp for students. E.g. “At the 11 th Hour, meaning ‘At the last minute’ and not 11 o’clock.” Application ScreenshotsSite Design The entire site is controlled with Cascading Style sheets, which are very helpful tools in Web Design. They control how a page looks without worrying about compatibility. The mouse-over menu bar, which is created using nested ordered and unordered list elements, is also possible with style sheets. There was a slight problem with older versions of Internet Explorer which prevented the use of mouse- overs with unordered lists, but it was corrected with a single JavaScript function. The Test-Maker Script :Example