We are proud of our alums and their constant achievements. Recently, four of UMBC’s alumni, in particular, have made it in the news and we thought you should know! 

Greg Cangialosi ’96, English, was recently profiled in the Baltimore Sun’s Take 10 column. The article celebrates Cangialosi’s success on the tech scene, from the 2011 sale of his company, Blue Sky Factory, to his current roles as co-founder of Betamore and CEO of MissionTix. Cangialosi had this to say about his recent success:

“In 1996, right after college [at UMBC] I was a music promoter for about two to three years. I promoted concerts and nightclubs – everything from the 8×10, Lithuanian Hall, Recher Theatre, UMBC – all that kind of stuff. It was a brutal, cutthroat business. I got burned out on it. But that’s where I [gained] my marketing chops. That’s where I learned how to hustle.”

The Sun also talked with Cangialosi about his 10 favorite things, which include his watches, a collection of awesome caps, and tickets to great concerts. Find out the rest of Cangialosi’s favorite things.

Steven Gimbel ’91, philosophy, was recently featured in the Baltimore Jewish Times about his new book, Einstein’s Jewish Science. Gimbel will present his ideas from the book and lead a discussion as part of the Odyssey Program noncredit liberal arts offerings at Johns Hopkins University on March 13 at the Homewood campus.

Gimbel had this to say of about the book:

“The big questions now are at the intersections of things, and that’s what Jews have always done. This book began talking with someone in religious studies, but I’ve collaborated with people in physics, in the chemistry department, in health sciences, economics, in our education department. Being Jewish lets you look for insight wherever it is, knowing there are other routes to it.”

Read the full article from the Baltimore Jewish Times.

Melanie Harrison ’11 Ph.D., Marine Estuarine Environ Science, recently appeared on KQED, an NPR-affiliate station in Northern California, where she discussed her upbringing and how it led to her career as an environmental scientist. Here’s a sneak peek at what she had to say:

“In those Alabama lakes, I learned to swim, bait a hook and catch catfish, bream and bass. I caught my first hook in the jaw, too, and saw my great grandmother clean and cook the fish she had caught for dinner that night. She was a great fisherwoman and gardener and my first teacher in life. She taught me the wonders of nature and the bounty it can produce, and that by doing, you can be whatever you want to be.”

Listen to Melanie’s story.

TEDx Talks recently published a talk by Andrew Sherman ’83, political science, on the importance of harvesting intangible assets. Sherman is a Partner in the Washington, D.C., office of Jones Day and a recognized international authority on the legal and strategic aspects of business growth.

In this talk, he challenges us to find ways to better use the many assets that already exist in our communities and companies. You can watch the full TEDx Talk by Sherman below:

Do you have an achievement of your own to share?
Tell us about it in a class note!

An important step on the path toward robust, offline web applications is the ability to store data in the user’s browser. Technologies like IndexedDB and localStorage have provided this functionality to web developers, but they are not without their limitations.

The localStorage API is really simple to use, but you can only store text data. This limitation can generally be overcome by storing other types of data as JSON strings, but this can be a pain as you have to encode/decode JSON every time you need to store or retrieve some data. Not to mention you still have a problem if you need to store Blobs or files. LocalStorage is also a synchronous API, which means that your app could hang while data is being stored or retrieved.

IndexedDB, on the other hand, is an asynchronous API that includes great support for a wide range of data types, but the API itself is considerably more complex to use.

Enter localForage, a JavaScript library that provides the ease of use of localStorage with all the advanced features of IndexedDB.

An Introduction to localForage

The localForage JavaScript library was developed by the good folks at Mozilla to provide a simple storage API that has all the capabilities of more complex APIs like IndexedDB, but without the steep learning curve.

Behind the scenes, localForage uses native browser technologies like IndexedDB, WebSQL, and localStorage to actually store data. The localForage API sits on top of this datastore layer and provides a number of methods that can be used for managing data.

Note: WebSQL was dropped in favor of IndexedDB, but some browsers still include support for the WebSQL API.

The other main benefit of using localForage is that you don’t have to convert your data structures to JSON in order to save them in the datastore. If the underlying datastore technology (read: localStorage) doesn’t support the data type you provide, then localForage will take care of the JSON wizardry for you so you can just focus on building your app’s functionality.

Downloading the localForage Library

You can download a copy of localForage from the project’s home page.

Download localForage

Once you’ve downloaded the code archive, copy the localforage.js file found in the dist folder into your project. You can include this file in your web pages using a simple <script> element.

<script src="/path/to/localforage.js"></script>

Licensing: localForage is released as free software under an Apache 2.0 license.

Storing Data

The localForage library will automatically set up a datastore using the best storage technology that’s available in the user’s browser.

As with localStorage, the data is stored using key/value pairs. The setItem method is responsible for saving data in the datastore.

localforage.setItem('key', 'value', callbackFunction);

The value here can be any kind of data you want: a string, number, object, or even a file.

If the key already exists in the datastore, the existing value will simple be overwritten.

Unlike with localStorage, the localForage API is asynchronous and therefore you shouldn’t expect the setItem method to return a value. Instead, you can pass a callback function to the setItem method. This callback function will be executed once the data has been stored and will be passed the value that was saved in the datastore.

Note: The amount of storage space accessible to localForage is governed by the underlying datastore technology that’s being used. For localStorage, the general limit is 5MB, although this may vary among browsers. More space is available when IndexedDB is being used, but the user may be prompted to approve additional quota if your app needs to store large amounts of data.

Retrieving Data

Data can be retrieved from the datastore using the getItem method. You should pass in the key of the item you wish to retrieve, as well as a callback function that will be passed the value for the item.

localforage.getItem('key', callbackFunction);

If the specified key doesn’t exist in the datastore, the callback function will be passed null.

Deleting Data

If you want to delete some data, you can use the removeItem method. Pass in the key of the item you wish to delete and a callback function.

localforage.removeItem('key', callbackFunction);

Clearing The Datastore

You can remove all the data from the datastore using the clear method.

localforage.clear(callbackFunction);

Again, this method can be passed a callback function that will be executed when the operation has completed.

Requesting The Number of Keys in The Datastore

The length method can be used to retrieve the number of items that are currently in the datastore.

localforage.length(callback);

Finding a Key in The Datastore

The localForage API also includes a method that can be used to retrieve a key based on its position within the datastore.

localforage.key(n, callback);

This method is particularly useful if you need to loop over each of the items in the datastore. For example:

// Find the number of items in the datastore.
    localforage.length(function(length) {
        // Loop over each of the items.
        for (var i = 0; i < length; i++) {
            // Get the key.
            localforage.key(i, function(key) {
                // Retrieve the data.
                   localforage.getItem(key, handleData);
            });
        }
    });

localForage Supports Promises!

So far in this post I’ve shown that each of the methods in the localForage API can be passed a callback function. I’ve used these in the traditional manner of adding the callback function as a parameter in the method call. However, there is an alternative.

The localForage API includes support for ECMAScript 6 Promises, which provide a better way of handling asynchronous code. (If you’re not comfortable with using Promises, feel free to pretend this section doesn’t exist.)

Here’s an example of how you can use Promises rather than callbacks when retrieving an item from the datastore.

localforage.getItem('key').then(function(value) {
        console.log(value);
    });

Browser Support

The localForage library will work in all modern web browsers. Some older browser versions may not support IndexedDB or WebSQL, in which case the library will use localStorage instead. This means that calls to the API will be executed synchronously in these browsers.

The localForage library also has great support for mobile browsers.

Source: https://github.com/mozilla/localForage#supported-browsersplatforms

Summary

By providing an easy-to-use API that abstracts away the complexity of other storage technologies like IndexedDB, localForage has become a compelling storage solution for building offline web applications. It’s certainly something that I’ll be looking to use in future projects.

What do you think about localForage? Share your thoughts in the comments below.

Useful Links

• localForage on GitHub
• MDN: IndexedDB

The post Using localForage for Offline Data Storage appeared first on Treehouse Blog.

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Work harder, not smarter

Lower the banners

A senior by any other name

Can you relate to these situations? Please share your funny stories and comments below…

600+ Handcrafted Icons & Ribbon/Badges Set – only $10!