In this challenge we are adding timeline (view list) view to pins/boards/categories in the Myyna web application pages.

Project Overview

The Planetary Data System (PDS http://pds.nasa.gov/) is an archive of data from NASA’s planetary missions. The mission data (called products) can be raw images, time-series data  or text documents.

While this treasure trove of information is accessible to the public, utilization has been somewhat limited by barriers to entry such as required expertise on the domain, and familiarity with the data format.

The goal of this (PDS Storyboard) project is to develop a web application that will make the data easier to find and use by a wider range of people. PDS data is only as valuable as the ease of access and adoption – and NASA wants to make sure all this valuable mission data reaches a broader audience to further scientific discovery and research.

We are building a basic web application version. We are starting by reusing an open source web application called myyna. The point is to create a Pinterest-like social web application that address the need to make PDS data more accessible, and foster greater use of the available resources through collaboration and ease of distribution of data and research. By making PDS data easily accessible, and providing a Pinterest-like collaboration tool, the goal is to advance research and utilization of the data. This new web application will be called the “Planetary Data Storyboard” (Or PDS).

We are customizing Myyna web application to include the features we need to implement in the first version of this PDS Storyboard web application.

Challenge Requirements

The main task of this challenge is to add a list view of pins/categories/boards in pages in scope.

• UI prototype pages :

  • Profile page : user_profile.html

  • Board details page : board_details.html

  • Category details page : category.html

  • most liked pins : mostlike.html

  • most repinned pins : mostrepin.html

  • /pins page : pins.html

• Page will now have buttons to switch between gridview and listview.

  • Clicking right side buttons will switch between grid and list views.

• By default the list view is selected.

  • The items are sorted by recently updated date.

• In listview when clicking on comments icon will toggle the visibility of a disqus widget, the widget by default is not visible and not initialized, when user click on it first time it should be initialized only, then by clicking on the comment icon it will be toggled (hide/show)

• Pages that will have listview option :

  • Category list view

    • /categories listing page

  • Board list view

    • /boards listing page

  • Pins list view

    • Profile page

    • Board details page

    • Category details page

    • most liked pins

    • most repinned pins

    • /pins page

• The listview will also be updated real time when we have new items as shown in UI prototype.

• The list view also support progressive loading of items when user reach bottom of the list as we do in the grid view.

• All the icons in the widgets should be functional in listview same as we have it in the grid view.

  • Pin widget

    • date icon : represents create date.

    • heart icon : represents number of likes

    • comment icon : used to toggle disqus comment widget

    • link icon : represents the link field as done in grid widget

  • Board widget

    • date icon : represents create date.

    • second icon : number of pins

    • third icon : number of users

    • comment icon : used to toggle disqus comment widget

  • Category widget

    • date icon : represents create date

    • second icon : number of boards

    • third icon : number of users

    • comment icon : used to toggle disqus comment widget

• For Disqus comment widget, the resource id will be used to initialize the disqus comment widget.

General Notes

• All updates should work in responsive views (tablet and mobile)

• Update readme with deployment and configuration information.

• Update data generator if needed.

  • Data generator include the pds data generators as well.

Documents

UI prototype is provided in challenge forums.

Gitlab Access

• We have cloned the Myyna github and placed it in gitlab, user the gitlab repository as basis for your work.  https://gitlab.com/nasa-pds-storyboard/storyboard-frontend

  • You need to be logged in to view the repository.

  • The app requires nodejs 0.8.28, and mongo 2.6

  • The app can be deployed to Linux or Mac OSX machines. (not tested on Windows)

Final Submission Guidelines

Deliverable

• Patch file of changes.

• Updated readme file with deployment and verification steps.

• Text file for reviewers.