Generating HTML Format Reports for Travel Demand Models May 18, 2009 Chunyu Lu Gannett Fleming, Inc.

Outline 2 Introduction Introduction Generating HTML Formatted Reports Generating HTML Formatted Reports Demonstration of CFRPM Reporting Demonstration of CFRPM Reporting New Technology New Technology What Can be Improved? What Can be Improved?

Background In 2004 FDOT chose to begin converting all models from TranPlan to Cube Voyager. In 2004 FDOT chose to begin converting all models from TranPlan to Cube Voyager. Cube Voyager scripts were used to replicate the models procedures. Cube Voyager scripts were used to replicate the models procedures. Mini-validations were required to meet the FDOT validation criteria at the regional level. Mini-validations were required to meet the FDOT validation criteria at the regional level. Standard TranPlan reports were left out of model conversions. Standard TranPlan reports were left out of model conversions. No new standards for reporting model output were defined. No new standards for reporting model output were defined. 3

Example of TranPlan Model Output 4 FLORIDA D.O.T. CFRPM4_00 PAGE NO. 301 FSUTMS P1= HBW, P2= HBSH, P3= HBSR, P4= HBO, P5= NHB DATE 17JAN07 VER 5.50 P6= LTII, P7= HTII, P8= TAXI, P9= IE TIME 00:42:37 TRIP LENGTH FREQUENCY DISTRIBUTION GRAVITY MODEL -- ITERATION 5 ON ATTRACTIONS PURPOSE NO. 1 PERCENT OF TRIPS * * * 4.0 * * * * * * 3.8 * * * * * * * * 3.6 * * * * * * * * 3.4 * * * * * * * * * * * 3.2 * * * * * * * * * * * * * 3.0 * * * * * * * * * * * * * * 2.8 * * * * * * * * * * * * * * * * 2.6 * * * * * * * * * * * * * * * * * 2.4 * * * * * * * * * * * * * * * * * * 2.2 * * * * * * * * * * * * * * * * * * * * * 2.0 * * * * * * * * * * * * * * * * * * * * * * 1.8 * * * * * * * * * * * * * * * * * * * * * * * 1.6 * * * * * * * * * * * * * * * * * * * * * * * * * * * 1.4 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 1.2 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 1.0 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 0.8 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 0.6 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 0.4 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 0.2 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * MINUTES

Modeling Reports Cube Reports Cube Reports  Developed by Citilabs  Built-in component that has limited functionality Crystal Reports Crystal Reports  Recommended by FDOT Central Office to produce model output but did not provide flexibilility for model users Customized plain text reports Customized plain text reports HTML formatted model reports HTML formatted model reports  Developed by Gannett Fleming  Graphic components including table, maps and charts 5

Outline 6 Background Introduction Background Introduction Generating HTML Formatted Reports Generating HTML Formatted Reports Demonstration of CFRPM Reporting Demonstration of CFRPM Reporting New Technology New Technology What Can be Improved? What Can be Improved?

Generating HTML Format Report The new report must meet the following requirements: The new report must meet the following requirements:  The report has to be generated from the Cube scripts.  The report has to be easily formatted and user friendly.  The report should not request the model users to purchase any additional software.  The report should offer graphics including bar charts and line charts. The HTML based reporting mechanism was initiated by the model validation team and a software development team was therefore assembled. The HTML based reporting mechanism was initiated by the model validation team and a software development team was therefore assembled. The consultant realized that there were additional efforts required to develop graphical functionality. The consultant realized that there were additional efforts required to develop graphical functionality. 7

HTML Introduction HTML - Hyper Text Markup Language: HTML - Hyper Text Markup Language:  well-known and predominantmarkup language for web pages  well-known and predominant markup language for web pages  suitable for the world wide web  accessible by many web browsers including Internet Explorer, Mozilla Firefox, and Google Chrome HTML is a text based document easily editable in any text editing software. HTML is a text based document easily editable in any text editing software. Cube Voyager scripts can be used to produce basic text output files, and therefore can produce web pages as long as it follows the HTML standards. Cube Voyager scripts can be used to produce basic text output files, and therefore can produce web pages as long as it follows the HTML standards. 8

Technical Challenges Dynamic information exchange Dynamic information exchange  CGI (Common Gateway Interface)  ASP (Active Server Pages)  Cube Voyager scripts Graphics also needed to be generated for better visualization: Graphics also needed to be generated for better visualization:  Bar Charts: Trip Productions by Trip Purpose  Line Charts: Trip Length Distribution  Maps: Area Type, Facility Type, and Number of Lane Display The reporting system should act as a stand alone system. The reporting system should act as a stand alone system. 9

Resolutions Cube Voyager scripts is used to generate HTML reports: Cube Voyager scripts is used to generate HTML reports:  Opened directly by any web browser  Databases including input datasets and output model results are also generated and downloadable from the webpage The graphical components are generated in SVG (Scalable Vector Graphics) format. The graphical components are generated in SVG (Scalable Vector Graphics) format. Dynamic information is exchanged using Voyager scripts, no web server is required. Dynamic information is exchanged using Voyager scripts, no web server is required. A Cascading Style Sheets (CSS) file is used for color designed schemes and reporting formats. A Cascading Style Sheets (CSS) file is used for color designed schemes and reporting formats. 10

Understanding XML and SVG Similar with HTML, XML (Extensible Markup Language) is a general purpose specification for creating custom markup languages. It is used in the current model for two purposes: Similar with HTML, XML (Extensible Markup Language) is a general purpose specification for creating custom markup languages. It is used in the current model for two purposes:  Display large amount of information with acceptable refresh speeds;  Offer graphical components to generate SVG. XLST (Extensible Stylesheet Language Transformations (XSLT) is a XML-based language used for the transformation of XML documents to SVG graphics. XLST (Extensible Stylesheet Language Transformations (XSLT) is a XML-based language used for the transformation of XML documents to SVG graphics. SVG viewer, a free software offered by Adobe is required to display the SVG graphics in web browsers. SVG viewer, a free software offered by Adobe is required to display the SVG graphics in web browsers. 11

Understanding SVG Graphics Scalable Vector Graphics (SVG) is a family of specifications of XML-based file formats used for describing two-dimensional vector graphics, both static and dynamic. In the current model, only static SVGs are generated. Scalable Vector Graphics (SVG) is a family of specifications of XML-based file formats used for describing two-dimensional vector graphics, both static and dynamic. In the current model, only static SVGs are generated. Only Internet Explorer can display the SVGs generated by the model. Mozilla’s Firefox can display the tables, but the graphics display improperly. Only Internet Explorer can display the SVGs generated by the model. Mozilla’s Firefox can display the tables, but the graphics display improperly. 12

Generating Web Content from Cube 13 Cube Voyager XML XSLT SVG (Graphic)Text ContentMap Content HTML Output

Example of XML and XSLT Format 14 External Trips by Station External Station (Trips > 5000) XML Example XSLT Example

Example of SVG (Bar Charts) 15

Outline 16 Background Introduction Background Introduction Generating HTML Formatted Reports Generating HTML Formatted Reports Demonstration of CFRPM Reporting Demonstration of CFRPM Reporting New Technology New Technology What Can be Improved? What Can be Improved?

Demonstration of HTML Reporting The HTML reporting mechanism was implemented into the following regional planning models: The HTML reporting mechanism was implemented into the following regional planning models:  TBRPM (Tampa Bay Regional Planning Model)  WCFRPM (West Central Florida Regional Planning Model)  CFRPM (Central Florida Regional Planning Model) The CFRPM reports are demonstrated since they are the most recent versions. The CFRPM reports are demonstrated since they are the most recent versions. 17

Setup Cube Environment 18

Launch the Web Reports in IE 19

Demonstration of CFRPM WebPages 20

Demonstration of Download Datasets 21

Demonstration of Tables 22

Demonstration of Bar Charts 23

Demonstration of Distribution Charts 24

Demonstration of Area Type Map 25

Demonstration of Congested Time Map 26

Outline 27 Background Introduction Background Introduction Generating HTML Formatted Reports Generating HTML Formatted Reports Demonstration of CFRPM Reporting Demonstration of CFRPM Reporting New Technology New Technology What Can be Improved? What Can be Improved?

New Technologies SVG is used in the current model structure, but it is a software that is being phased out. The graphics could be re-produced using Microsoft’s Silverlight or Adobe’s Flash Player. SVG is used in the current model structure, but it is a software that is being phased out. The graphics could be re-produced using Microsoft’s Silverlight or Adobe’s Flash Player. Java scripts or some other programmable script languages could be used to make better web page displays as needed for other reporting needs such as for corridor validation. Java scripts or some other programmable script languages could be used to make better web page displays as needed for other reporting needs such as for corridor validation. More GIS based web components will be considered including dynamic map generation of model results. More GIS based web components will be considered including dynamic map generation of model results. 28

Outline 29 Background Introduction Background Introduction Generating HTML Formatted Reports Generating HTML Formatted Reports Demonstration of CFRPM Reporting Demonstration of CFRPM Reporting New Technology New Technology What Can be Improved? What Can be Improved?

What can be Improved The user interface is user friendly but it is very difficult to generate them using Cube Voyager scripts. The user interface is user friendly but it is very difficult to generate them using Cube Voyager scripts. Refresh speeds are fairly slow. Refresh speeds are fairly slow. No ideal solution for printing the HTML format reports. No ideal solution for printing the HTML format reports. 30