nasa-pds / pds.nasa.gov-search-prototype Goto Github PK
View Code? Open in Web Editor NEWFront-end interface for PDS.nasa.gov data search capability
License: Apache License 2.0
Front-end interface for PDS.nasa.gov data search capability
License: Apache License 2.0
Research how to create a widget for the search UI that can be used in the rest of the PDS site. The widget should handle taking a search string and directing to the search UI from anywhere on the PDS
Develop landing page mock-ups for PDS4 Bundle and Collections based upon these requirements
Additionally, using pages as examples to inform your decisions and borrowing functionality where reasonable from SBN web pages:
Example bundle:
Example collection:
See #31 for details.
Review updates from #27
...so that the search UI is decoupled from the ElasticSearch backend and eventually benefit for API extensions (e.g. the one which would use the graph database in addition to elasticsearch index)
The API documentation is available on https://nasa-pds.github.io/pds-api/
Demo deployment to be used for development is available on https://pds-gamma.jpl.nasa.gov/api/swagger-ui.html
We want the following from this task:
Not sure if this should be split out or how we should handle it, but the documentation tab should include applicable mission pages as well. We may want to include resource pages first, then the documentation after.
Is your feature request related to a problem? Please describe.
Current landing pages require manual intervention. We need to take the data used here: https://pds.nasa.gov/datasearch/data-search/ and merge that with what we have for available Product_Service
products we already have in the archive.
Create documentation for adding Material UI to PDS applications.
Create a new directory docs/design
and add the wireframes here.
Take the spacing and the colors from the app bar in Edward's figma file and create a theme for PDS design system.
...so that it looks good and consistent with other nasa web UIs.
Given
When I perform
Then I expect
Fork a new project from USWDS and make PDS specific styling changes. We will follow the process that nasawds took.
Create and publish PDSWDS
Show real results for product level searches on the right hand side. It is currently showing dummy data.
Design and Implement
On https://pds.nasa.gov/datasearch/keyword-search/, enter "cassini iss".
Under "Type" on left, click "Bundle"
In the results, click either
"Bundle: ISS Observations from the Cassini Cruise to Saturn" or
"Bundle: ISS Observations from the Cassini Tour of the Saturn System" or
two lower results with "VIMS" instead of "ISS"
On the resulting page, the list of "TARGET"s usually does not complete, and refreshing that page later returns a shorter or longer list
Create NPMJS account and publish PDSWDS.
Follow on to #29
We must identify the current starting point by using the USWDS or NASAWDS and decide which makes a better starting point.
USWDS: https://designsystem.digital.gov
NASAWDS: https://nasa.github.io/nasawds-site/
Recreate the search UI in a new branch using Material UI
See comments in #2 for revisions
Implement the app bar from Edward's Figma file and post the code on the PDS design system so that others can use the app bar.
Research wordpress SEO and embedded react SEO.
In other words how to make it so that search engines can see the search box and know this is the main search page.
Normally search engines read wordpress easily. Client side react is also read normally although it takes longer for search engines to index. Would they know how to index react inside wordpress?
Do a report of the findings.
Nasa HDS Wordpress has an seo measuring plugin in. This might not check any embedded apps. Maybe there is a way to run an open source indexer on our page to get an estimate of SEO results.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.