Merge pull request #674 from oceanprotocol/issue-671-improve-docs

Create section for Ocean market place tutorials

content/tutorials/marketplace-consume-data-asset.md

@@ -0,0 +1,11 @@
+1. Go to Ocean Marketplace https://market.oceanprotocol.com/
+2. Search for the data asset.
+   The Ocean Marketplace provides features to search the Data/Algorithms by text, and users can also sort the result by published date.
+3. Below image shows how to buy a Data asset with static content.
+
+   ![consume part-1](images/marketplace/consume-1.png 'Consume')
+   ![consume part-2](images/marketplace/consume-2.png 'Consume')
+   ![consume part-3](images/marketplace/consume-3.png 'Consume')
+   ![consume part-4](images/marketplace/consume-4.png 'Consume')
+   ![consume part-5](images/marketplace/consume-5.png 'Consume')
+   ![consume part-6](images/marketplace/consume-6.png 'Consume')

content/tutorials/marketplace-introduction.md

@@ -0,0 +1,15 @@
+# Ocean Market
+
+https://market.oceanprotocol.com/
+
+## Landing page
+
+![marketplace landing-page](images/marketplace/marketplace-landing-page.png 'Approve contract transaction')
+
+## About Ocean Market
+
+1. Ocean Market enables publishers to monetize their data and/or alogrithms thorugh blockchain technology.
+
+2. Consumers can purchase the access to data, algoritms, compute services.
+
+3. Liquidity providers can stake their Ocean tokens to earn interest on the transactions going thorugh the Liqiuidy pool.

content/tutorials/marketplace-publish-data-asset.md

@@ -0,0 +1,68 @@
+# Publish a Data asset on Ocean Market place.
+
+## What can be published?
+
+Ocean Market provides a convinent interface for individuals as well as organisations to publish their data. Data set can be images, location information, audio, video, sales data or combinations of all! There is no exhaustive list of what type of data can be Published on Market. Please note that Ocean team maintains a purgatory list [here](https://github.com/oceanprotocol/list-purgatory) to block addresses and remove assets for any violations.
+
+## Tutorial
+
+### Step 1 - Publish data asset
+
+1. Go to https://market.oceanprotocol.com
+2. Conntect wallet.
+   ![connect wallet](images/marketplace/connect-wallet.png 'Connect wallet')
+
+3. Go to publish page.
+
+   ![publish page](images/marketplace/publish.png 'Go to publish page')
+
+4. Fill the publish form.
+
+   ![publish form part-1](images/marketplace/publish-form-1.png 'Publish form part-1')
+   ![publish form part-2](images/marketplace/publish-form-2.png 'Publish form part-2')
+   ![publish form part-3](images/marketplace/publish-form-3.png 'Publish form part-3')
+
+5. After clicking submit, approve the transcations in the wallet. Here, you can metamask window.
+
+   Deploy a new Datatoken contract.
+   ![publish submit part-1](images/marketplace/submit-1.png 'Create Datatoken contract')
+   Contract interaction.
+   ![publish submit part-2](images/marketplace/submit-2.png 'Contract interaction')
+
+6. Now, after the transactions are completed, below screen will appear.
+
+   ![publish success](images/marketplace/submit-success.png 'Success')
+
+### Step 2 - Create pricing
+
+Once the data asset is published, user(s) can choose the pricing option as per their choice. Only the publisher can set the pricing option and cannot be changed once the publisher selects any one method.
+
+There are 2 options for settings the price of an asset on Ocean Marketplace.
+
+1. Fixed pricing
+2. Dynamic pricing (using Banalcer pools)
+
+#### Create fixed pricing for a data set
+
+Connect to the Ocean Marketplace with the publisher account and go the published asset.
+
+If the pricing is not set Marketplace will provide an option to create a pricing. Click on the create pricing button as shown below.
+![pricing part-1](images/marketplace/pricing-1.png 'Create pricing page')
+
+Select the pricing type. Here, we are selecting **Fixed** pricing option. Publisher can set the value of datatoken with respect to Ocean Tokens.
+
+![pricing part-1](images/marketplace/pricing-type.png 'Select pricing type')
+
+![pricing part-2](images/marketplace/pricing-fixed-2.png 'Mint data tokens')
+
+![pricing part-3](images/marketplace/pricing-fixed-3.png 'Transaction')
+
+![pricing part-4](images/marketplace/pricing-fixed-4.png 'Approve spend limit')
+
+## Video
+
+[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/KiDg0ry6oV4/0.jpg)](https://www.youtube.com/watch?v=KiDg0ry6oV4)
+
+## Other Articles
+
+https://blog.oceanprotocol.com/on-selling-data-in-ocean-market-9afcfa1e6e43

content/tutorials/marketplace-swap-and-stake.md

@@ -0,0 +1,35 @@
+# Swap and/or Stake Tokens
+
+## Swap Ocean Tokens against Datatokens
+
+1. Search for the desired asset published on the [Ocean Marketplace](https://market.oceanprotocol.com/).
+
+2. Select **Trade** option and enter amount of Ocean tokens you want to swap. The expected amount that the account will recieve wil be shown with the swap fees information.
+
+   ![swap part-1](images/marketplace/Swap-1.png 'Select trade')
+
+3. Approve the Contract transaction to Spend the Ocean Tokens.
+   ![swap part-2](images/marketplace/Swap-2.png 'Approve spend limit')
+
+4. Approve the Contract transaction to swap the tokens. After the transaction is completed, you can add the Datatoken address in the wallet to quickly view the balance in future.
+
+   ![swap part-3](images/marketplace/Swap-3.png 'Approve swap transation')
+
+## Staking (Adding Liquidity)
+
+1.  Search for the desired asset published on the [Ocean Marketplace](https://market.oceanprotocol.com/).
+
+2.  Select **Pool** option and click **ADD LIQUIDTY** button. The expected amount that the account will recieve wil be shown with the swap fees information.
+    ![staking part-1](images/marketplace/Staking-1.png 'Select Pool option')
+
+3.  Enter the amount of **Ocean Tokens** you want to stake.
+    ![staking part-2](images/marketplace/Staking-2.png 'Enter the amount to stake')
+
+4.  Approve the contract transaction. Make sure you account has sufficient **ETH** balance.
+    ![staking part-2](images/marketplace/Staking-3.png 'Approve spend transction')
+
+5.  Approve the contract transaction. Make sure you account has sufficient **ETH** balance.
+    ![staking part-2](images/marketplace/Staking-4.png 'Approve contract transaction')
+
+6.  After the transactions are completed, below message will displayed.
+    ![staking part-2](images/marketplace/Staking-5.png 'Success')

data/sidebars/tutorials.yml

@@ -12,6 +12,17 @@
     - title: Use Your Wallet to Manage OCEAN Tokens
       link: /tutorials/wallets-and-ocean-tokens/
 
+- group: Using Ocean Marketplace
+  items:
+    - title: Introduction
+      link: /tutorials/marketplace-introduction/
+    - title: Publishing data asset
+      link: /tutorials/marketplace-publish-data-asset/
+    - title: Consume data asset
+      link: /tutorials/marketplace-consume-data-asset/
+    - title: Swap & Stake
+      link: /tutorials/marketplace-swap-and-stake/
+
 - group: Bridges
   items:
     - title: Polygon (ex Matic)