Difference between revisions of "Resources"
Jump to navigation
Jump to search
Susanna Ånäs (talk | contribs) |
Susanna Ånäs (talk | contribs) |
||
(87 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | + | ==Cheat sheet for important actions== | |
− | + | === Updating wikidocumentaries-demo.wmflabs.org code from GitHub === | |
− | + | # Login with SSH to the hupu server: | |
+ | #: <code>ssh hupu.eqiad.wmflabs</code> | ||
+ | # Run: | ||
+ | #: <code>sudo -s</code> | ||
+ | # Run: | ||
+ | #: <code>sudo -s -u wikidocumentaries-web</code> | ||
+ | # Run: | ||
+ | #: <code>script /dev/null</code> | ||
+ | # To see detached screens (there should be two, one for wikidocumentaries-ui and one for the wikidocumentaries-topic-search-api), run: | ||
+ | #: <code>screen -ls</code> | ||
+ | # Restore a screen (replace the last parameter with the actual screen id), e.g. run: | ||
+ | #: <code>screen -r 24566.pts-4.hupu</code> | ||
+ | # Stop the running node ui/api app, press: | ||
+ | #: <code>ctrl+c</code> | ||
+ | # Pull changes from the GitHub (and if needed resolve conflicts), run: | ||
+ | #: <code>git pull origin master</code> | ||
+ | # Start the node ui/api app again, run: | ||
+ | #: <code>npm run dev</code> | ||
+ | # Exit from the screen, press: | ||
+ | #: <code>ctrl+a+d</code> | ||
+ | # Restore the other screen and update the app following again from the step 6 to the step 11 | ||
+ | # Exit the script and then from the wikidocumentaries-web shell and root shell, press: | ||
+ | #: <code>ctrl+d</code> and again <code>ctrl+d</code> and again <code>ctrl+d</code> | ||
+ | # You have succesfully updated the wikidocumentaries-ui/wikidocumentaries-topic-search-api and may now logout from the hupu server | ||
− | == | + | ===Adding users to the Wikidocumentaries project on Hupu=== |
− | |||
− | + | # Sign in on page https://horizon.wikimedia.org | |
+ | # In the dropdown next to the left top logo choose ''Wikidocumentaries'' | ||
+ | # In the left dropdown choose ''Project'' -> ''Access'' -> ''Project Members'' | ||
+ | # Press button + ''Add members'' on the right | ||
+ | # Fill in either ''User name'' or ''Shell name'' (one is enough) and choose ''Project Admin'' to grant all privileges | ||
+ | |||
+ | == Wikimedia developer resources == | ||
+ | |||
+ | ===MediaWiki=== | ||
+ | * MediaWiki homepage https://www.mediawiki.org/wiki/MediaWiki | ||
+ | * MediaWiki Vagrant portable MediaWiki development environment https://www.mediawiki.org/wiki/MediaWiki-Vagrant | ||
+ | |||
+ | ===Wikibase=== | ||
+ | * https://github.com/wmde/wikibase-docker | ||
+ | * The Wikibase setup including MediaWiki, Wikibase and the SPARQL endpoint are included in a Docker compose at https://github.com/wmde/wikibase-docker/blob/master/README-compose.md | ||
+ | |||
+ | === LAMP stack === | ||
+ | |||
+ | ==Front end== | ||
+ | ===Vue.js=== | ||
+ | |||
+ | Current (17.10.2018) Wikidocumentaries UI is built with Vue.js | ||
+ | |||
+ | * '''[https://vuejs.org/v2/guide/ Vue.js official guides]''' | ||
+ | * [https://www.shopify.com/partners/blog/vuejs-tutorial Vue.js tutorial with the Webpack] | ||
+ | * [https://github.com/vuejs-templates/webpack Vue.js Webpack] starter pack | ||
+ | |||
+ | ==Component-specific== | ||
+ | |||
+ | ===Parsing Wiki content=== | ||
+ | |||
+ | ====Cheerio==== | ||
+ | * https://github.com/cheeriojs/cheerio | ||
+ | |||
+ | ===Surveyor geotagging tool=== | ||
+ | * [http://spacetime.nypl.org/surveyor/#/510d47d9-4fa3-a3d9-e040-e00a18064a99 Surveyor at New York Public Library] | ||
+ | * [https://github.com/nypl-spacetime/surveyor Surveyor GitHub repository] | ||
+ | * [http://spacetime.nypl.org/Leaflet.GeotagPhoto/ Leaflet.GeoTagPhoto plugin] | ||
+ | * [https://github.com/nypl-spacetime/brick-by-brick brick-by-brick JSON API] | ||
+ | |||
+ | ==== React ==== | ||
+ | Current (17.10.2018) Surveyor UI is built with React | ||
+ | |||
+ | * [https://reactjs.org/docs/getting-started.html Official React Getting Started guide] | ||
+ | |||
+ | ==== Vue.js and React together ==== | ||
+ | *https://x-team.com/blog/react-vue-component-integration/ | ||
+ | *[https://github.com/akxcv/vuera vuera] - Vue in React, React in Vue | ||
+ | |||
+ | ==== Leaflet ==== | ||
+ | * [https://leafletjs.com/examples.html Official Leaflet Tutorials] | ||
+ | |||
+ | ===Map component=== | ||
+ | |||
+ | ====OpenLayers==== | ||
+ | |||
+ | * [https://openlayers.org/en/latest/doc/quickstart.html Official OpenLayers Quick Start] | ||
+ | * [https://openlayers.org/en/latest/examples/ Official OpenLayers Examples] | ||
+ | * [http://openlayers.org/en/latest/apidoc/ Official OpenLayers API Docs] | ||
+ | |||
+ | {{design-nav}} |
Latest revision as of 13:50, 6 December 2019
Contents
Cheat sheet for important actions
Updating wikidocumentaries-demo.wmflabs.org code from GitHub
- Login with SSH to the hupu server:
ssh hupu.eqiad.wmflabs
- Run:
sudo -s
- Run:
sudo -s -u wikidocumentaries-web
- Run:
script /dev/null
- To see detached screens (there should be two, one for wikidocumentaries-ui and one for the wikidocumentaries-topic-search-api), run:
screen -ls
- Restore a screen (replace the last parameter with the actual screen id), e.g. run:
screen -r 24566.pts-4.hupu
- Stop the running node ui/api app, press:
ctrl+c
- Pull changes from the GitHub (and if needed resolve conflicts), run:
git pull origin master
- Start the node ui/api app again, run:
npm run dev
- Exit from the screen, press:
ctrl+a+d
- Restore the other screen and update the app following again from the step 6 to the step 11
- Exit the script and then from the wikidocumentaries-web shell and root shell, press:
ctrl+d
and againctrl+d
and againctrl+d
- You have succesfully updated the wikidocumentaries-ui/wikidocumentaries-topic-search-api and may now logout from the hupu server
Adding users to the Wikidocumentaries project on Hupu
- Sign in on page https://horizon.wikimedia.org
- In the dropdown next to the left top logo choose Wikidocumentaries
- In the left dropdown choose Project -> Access -> Project Members
- Press button + Add members on the right
- Fill in either User name or Shell name (one is enough) and choose Project Admin to grant all privileges
Wikimedia developer resources
MediaWiki
- MediaWiki homepage https://www.mediawiki.org/wiki/MediaWiki
- MediaWiki Vagrant portable MediaWiki development environment https://www.mediawiki.org/wiki/MediaWiki-Vagrant
Wikibase
- https://github.com/wmde/wikibase-docker
- The Wikibase setup including MediaWiki, Wikibase and the SPARQL endpoint are included in a Docker compose at https://github.com/wmde/wikibase-docker/blob/master/README-compose.md
LAMP stack
Front end
Vue.js
Current (17.10.2018) Wikidocumentaries UI is built with Vue.js
Component-specific
Parsing Wiki content
Cheerio
Surveyor geotagging tool
- Surveyor at New York Public Library
- Surveyor GitHub repository
- Leaflet.GeoTagPhoto plugin
- brick-by-brick JSON API
React
Current (17.10.2018) Surveyor UI is built with React
Vue.js and React together
- https://x-team.com/blog/react-vue-component-integration/
- vuera - Vue in React, React in Vue
Leaflet
Map component
OpenLayers
About | Technology | Design | Content modules | Tool pages | Projects |
Status
Wikidocumentaries Slack |
Setting up dev environment |
Components |
Active modules Module ideas |
Visual editor | Central Park Archives |