(888) 685-3101 ext. 2

TED is an incredible non-profit organization. It provides an excellent platform for influential speakers to stir audience curiosity with some of the most awesome ideas on this planet. TED, as their Ideas worth spreading tagline suggests, provides an API to power this mission. XTIVIA has developed a portlet to bring TED’s incredible content to Liferay community. This portlet is available in the Liferay Marketplace and has been tested with Liferay 6.2 CE and EE.

The TED event portlet is a SPA (Single Page Application) portlet for Liferay written in AngularJS. The portlet takes care of following:

  • It provides a configuration screen for administrators to store a TED API Key.
  • Fetches the TED Events information and present them in a cards layout.
  • It also uses one of XTIVIA’s internal frameworks called XSF. XSF resolves the issue of CORS (Cross-Origin Resource Sharing) between your application domain and the TED API when making AJAX calls.

In its current form, this portlet presents TED events and details provided through the basic TED API. The portlet follows the usage and branding guidelines of TED API usage as suggested at http://developer.ted.com/terms and http://developer.ted.com/Branding_Guidelines.

To use this portlet, download it and install from the Liferay Marketplace. Then place it on a page of your choice. Before you can configure the portlet, however, you will need your own TED API key. Register with TED at http://developer.ted.com and then create an application. TED will issue an API key via email to access TED data. Below is a screen shot showing the application section of the TED site.

TED Application Configuration

TED Application Configuration

Once you have API key, just enter this value in your portlet configuration and you are all set.

TED Portlet Conifguration

The portlet shows the list of events available from the API (https://api.ted.com/v1/tedx_events.json?api-key=<your-api-key>). Each event is displayed as a YouTube video. The event details are available by clicking on the flip icon (the arrow in the upper right of each card).

TED Events List

TED Events List

TED Event Detail

TED Event Detail

In the future, we intend to enhance this portlet with more content from TED, like TED Talks, conference details, and support for TED API users. Till then stay tuned.

If you have any questions or ideas for enhancements, please reach out to us at: info@xtivia.com

RELATED PAGES

Share This