Richard Rasala @ Northeastern University


CCIS Quick Links goes to a page with links to:

Quick Links was last updated on July 28, 2015. There will be no future updates of the data. To obtain current information, see the CCIS site as well as Banner and CourseLeaf. The Quick Links site has historical information that goes as far back in some cases as 2009. The site will be maintained for a time in case this historical information is useful.

This page uses the concept of expandable/collapsible sections. With this technique, an overview of the content of a site may be given using headers and the details may be revealed by opening particular sections.

Here are two other examples:

CS 1100 Excel Strings Tutorial

CS 1100 Access Queries Tutorial

To enable expandable/collapsible sections, you need one CSS file expandable.css, one Javascript file expandable.js, and two images: an expand-icon Expand or + and a collapse icon Collapse or -.

All “expandable” code files and images are in one subdirectory expandable of the top level directory.

This design makes it efficient to download, install, and use the “expandable” code.

To Download the “expandable” code, click on the Download link.

To see how to use expandable/collapsible sections on a typical web page, use your browser’s View Source menu item to see the html source of this web page.

The Story Utility enables a web-based slide show in which each slide is a fully functional web page. The Story Utility is similar to PowerPoint but is much more powerful because each slide may have its own dynamic behavior. In many ways, the Story Utility is a web-descendent of the Apple Hypercard program.

Each web-based slide show is driven by a story file that provides a list of the links to each web page that will become a slide in the slide show. Each link should be provided with a title that allows the slide to be identified.

Now that Northeastern is delivering most web pages using https, the Story Utility must also respect https rules. This means that to use the Story Utility the links in the story file must either be internal links or be external https links. This is a severe restriction since much of the interesting content on the web is still delivered by http. Over time as the web as a whole moves to https this will become less of an obstacle.

The Links Utility gets around the https problem by eliminating the slide show and simply presenting all links in a story file as links on a single web page. Each link will open in a new tab so that the original page is maintained.

Since links open in a separate tab with the Links Utility, there is no issue about http versus https. An https page may exit to an external tab using either http or https links.

Given the http versus https situation, the Links Utility is now preferred over the Story Utility.

The Story Utility may still be used if all links in a story are a combination of internal links and external https links. The use of the Story Utility when feasible is elegant since the information is displayed in a single page with no proliferation of tabs.

To make the Links Utility more useful, additional lines in the story file may be used to provide annotations on the web page constructed. These annotations are:

The use of these annotations will be discussed in more detail in the Links Utility documentation.

Here is a link to both the Story Utility and the Links Utility. You will find full documentation and examples. You will also have the ability to download the code as a zip file.

Story Utility & Links Tools

This documentation is presented as a story slide show. This is easy since https is not a problem. All essential links in this particular story are internal relative links.

The link below provides examples of links related to web development. Although you may not be interested in the details of the content, the examples show the potential of the Links Utility to organize lots of information.

Web Development Links

Services test site at
Requires NU VPN channel to be connected

Services test site at Rasala at NU

Web Development Course Home

Web Development Course ASP.NET Demo Site

Personal Home Page on the CCIS Site

Rasala Favorites

JPT Home

JPT 2.7

The JPT 2.7 Library File jpt.jar

The JPT 2.7 API

The JPT 2.7 Annotated Tutorial and Source

Due to changes in browser behavior since 2008, the links to the JPT source files in the tutorial above may or may not be displayed in the browser. In some cases, the files may be downloaded instead.

The JPT 2.7 Source Files in a Zip File

The JPT Color Name Table

JPT 2.7 Applets

JPT 2.6 Applets

Bit Display Home

Bit Display Applet