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

Slides:



Advertisements
Similar presentations
17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.
Advertisements

PHP and CSS to control web apps styles. CSS is used to style today’s web applications.
Essentials for Design JavaScript Level One Michael Brooks
XHTML Basics.
Web Forms and ASP.NET Programming Right from the Start with Visual Basic.NET 1/e 12.
Computing Concepts Advanced HTML: Tables and Forms.
Title Computer Science 767W Fall 2007 Interactive Data Visualization Lecture #03 12-Sep-2007 Colin Ware Kurt Schwehr.
Computer Science (CS) Department Website Revision Final Report Alfredo Tigolo III.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Senior Project – Interdepartmental (CSC - MLT) Web-Based TOEFL Reading Comprehension Assistance Site Cleveland Q. Crosby Advisors: Prof. Aaron Cass.
Quick Tour of the Web Technologies: The BIG picture LECTURE A bird’s eye view of the different web technologies that we shall explore and study.
8/17/2015CS346 PHP1 Module 1 Introduction to PHP.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
 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.
DHTML. What is DHTML?  DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Introduction to AJAX AJAX Keywords: JavaScript and XML
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.
HTML5 Application Development Fundamentals
Languages in WEB Presented by: Jenisha Kshatriya BCM SS09.
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design.
10/5/2015CS346 PHP1 Module 1 Introduction to PHP.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Final Demo MedConnection Giant Squid Michael Cohen Robert Esho Chris Hogan Kate Kuleva Nisha Makwana Alex Rodrigues Rafal Urbanczyk.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
New and Improved Financial Aid Help Service System for Clark Atlanta University By Shannon Parker.
ASP.NET – Active Server Pages ASP.NET is a server-side technology for developing web applications based on the.NET Framework.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.
ASP.NET WEB Applications. ASP.NET  Web application framework developed by Microsoft  Build dynamic data driven web applications and web services  Subset.
Northwest Arkansas.Net User Group Jay Smith Tyson Foods, Inc. Unit Testing nUnit, nUnitAsp, nUnitForms.
Project: Web Designer. Phase 1: The World Wide Web.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
A S P. Outline  The introduction of ASP  Why we choose ASP  How ASP works  Basic syntax rule of ASP  ASP’S object model  Limitations of ASP  Summary.
Class02 Introduction to web development concepts MIS 3501, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 1/14/2016.
Getting Started With HTML
DHTML.
Objective % Select and utilize tools to design and develop websites.
Introduction to web development concepts
Active Server Pages Computer Science 40S.
Florida Gulf Coast University
The Internet and HTML Code
Section 17.1 Section 17.2 Add an audio file using HTML
Objective % Select and utilize tools to design and develop websites.
4. Javascript Pemrograman Web I Program Studi Teknik Informatika
Department of Computer Science, Florida State University
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
Module 1 Introduction to PHP 11/30/2018 CS346 PHP.
WEB PAGE AUTHORINHG AND DESIGNING
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Course Overview CS 4640 Programming Languages for Web Applications
Presentation transcript:

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

Agenda Purpose and goals of Application Purpose and goals of Application Background on the TOEFL Background on the TOEFL Content Overview (MLT) Content Overview (MLT) Design Overview (CSC) Design Overview (CSC) Problems Encountered Problems Encountered Future Work Future Work

Project Purpose Design a web application to aid in preparation for the Reading Comprehension portion of the TOEFL test. Design a web application to aid in preparation for the Reading Comprehension portion of the TOEFL test. Make the site universally accessible through use of cross-platform acceptable character encoding. Make the site universally accessible through use of cross-platform acceptable character encoding. Create a Mock-TOEFL test and grade it using HTML and PHP. Create a Mock-TOEFL test and grade it using HTML and PHP. Avoid JavaScript as much as possible. Avoid JavaScript as much as possible.

T.O.E.F.L. Format Most common measure of North American English proficiency. Most common measure of North American English proficiency. Administered mostly by way of computer. Administered mostly by way of computer. Composed of 3 sections. Composed of 3 sections. Listening Comprehension Listening Comprehension Writing Writing Reading Comprehension Reading Comprehension

Essential Topics for Reading Comprehension Understanding the nuances of English verb conjugations compared to those found in Japanese. Understanding the nuances of English verb conjugations compared to those found in Japanese. Understanding the subtle details of English. Understanding the subtle details of English. Understanding the meanings behind colloquial English. Understanding the meanings behind colloquial English.

Finished Product Demonstration

Content Overview Pedagogical material covered Pedagogical material covered Verb Tenses and their nuances Verb Tenses and their nuances Conditional Statements (If and When) Conditional Statements (If and When) Phrasal Verbs ( e.g. Stand Out or Pull Through) Phrasal Verbs ( e.g. Stand Out or Pull Through) Idioms and Colloquialisms Idioms and Colloquialisms Explanations of smaller aspects of English (e.g. Contractions, Irregular verbs, Subject-Verb Agreement…) Explanations of smaller aspects of English (e.g. Contractions, Irregular verbs, Subject-Verb Agreement…) Mock Reading Comprehension test Mock Reading Comprehension test

Design Overview Written entirely with the Unicode character encoding. (UTF-8) Written entirely with the Unicode character encoding. (UTF-8) Supported by the major operating systems. (Windows, Linux, MacOS) Supported by the major operating systems. (Windows, Linux, MacOS) Style of the site is controlled with CSS. Style of the site is controlled with CSS. A single JavaScript function is used. A single JavaScript function is used. Done so IE users can use the drop-down menus. Done so IE users can use the drop-down menus. Mock-TOEFL is designed using PHP. Mock-TOEFL is designed using PHP.

Mock TOEFL Guidelines Test is composed of multiple choice questions. Test is composed of multiple choice questions. Number of questions is up to the creator of the test. Number of questions is up to the creator of the test. Number of choices per questions is also left to the creator. Number of choices per questions is also left to the creator. Text found within delimiters is to be in proper HTML format. Text found within delimiters is to be in proper HTML format. E.g. if one wishes to input a left angle-bracket, they must type < or < in the text. E.g. if one wishes to input a left angle-bracket, they must type < or < in the text.

Demo (Text File to Test Page)

Demo (Contd)

How the Mock Test Page Works From a delimited text file on the server, PHP script reads and creates a test page with which the user to interacts. From a delimited text file on the server, PHP script reads and creates a test page with which the user to interacts. HTML forms are used for multiple choice questions. HTML forms are used for multiple choice questions. PHP checks the selected answers with the answers stored in a created array, and displays the right and wrong answers. PHP checks the selected answers with the answers stored in a created array, and displays the right and wrong answers.

Example (Test Correction)

Example (Contd)

Problems Encountered Text encoding and display trouble Text encoding and display trouble Mostly with Windows systems, for Asian character- sets must be installed separately. (Go Microsoft…) Mostly with Windows systems, for Asian character- sets must be installed separately. (Go Microsoft…) CSS problems with Internet Explorer CSS problems with Internet Explorer Essentially, it was IEs fault. (Go Microsoft…) Essentially, it was IEs fault. (Go Microsoft…) Determining the effectiveness of the Mock TOEFL Determining the effectiveness of the Mock TOEFL Surprisingly, NOT Microsofts fault… Surprisingly, NOT Microsofts fault…

Future Work Continued additions to the information featured on the site. Continued additions to the information featured on the site. More Colloquialisms More Colloquialisms More Phrasal Verbs More Phrasal Verbs More Visual Aides. More Visual Aides. Finding a way to gauge the effectiveness of the site. Finding a way to gauge the effectiveness of the site. Different language implementation…? Different language implementation…?

Questions?