data-source q&a and onedrive

Author: Sylvain

docs/tutorial-ui/data-source/3-Q&A.mdx

@@ -9,4 +9,32 @@ import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 import Admonition from '@theme/Admonition'
 
+## Creation
+Enter the question you may ask to the AI Assistant thenb enter its answer.
 
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-empty.png' alt='Empty wizard'/>
+
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-input-filled.png' alt='Input filled'/>
+
+
+By clicking on <kbd>Finish</kbd> it will be added to the AI Assistant datasources.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-first-question-added.png' alt='First question added'/>
+
+If you want to add more Q&A you can click on <kbd>Add Q&A</kbd>.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-add-popup.png' alt='Add question popup'/>
+
+A popup will appear and you will be able to enter a new Q&A. 
+
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-add-popup-input-filled.png' alt='Add question popup'/>
+
+You may also click on <kbd>Add Q&A</kbd> of the popup to add several question in one row.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-add-popup-more-question.png' alt='Add question popup'/>
+
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-add-popup-more-question-filled.png' alt='Add question popup'/>
+
+Finaly, your Q&A are available on your AI Assistant.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/q&a/q&a-filled.png' alt='Q&A filled'/>

docs/tutorial-ui/data-source/5-OneDrive.mdx

@@ -9,4 +9,59 @@ import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 import Admonition from '@theme/Admonition'
 
+:::info
+In this tutorial we are going to create a OneDrive connector to an AI Assistant. You must have a Microsoft Account in order to go any further.
+:::
 
+## Connection
+First of all you have to click on <kbd>Authenticate with OneDrive</kbd> to start.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-init.png' alt='onedrive connect'/>
+
+The you have to enter your microsoft account email adress and click on <kbd>Next</kbd>.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-email.png' alt='onedrive connect'/>
+
+:::tip
+Depending on your usual connection mode, Microsoft will ask you to unlock your session by :
+- fingerprint, facial recognition, pin code or security key (the interface will depend on your device system)
+- sending a notification to your mobile via the Microsoft application
+- password
+
+If the default unlock mode does not suit you, you can click on **Other ways to connect**
+:::
+
+<Tabs>
+    <TabItem value='g1' label='Different Types'>
+        <Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-connection-type.png' alt='onedrive connection types'/>
+    </TabItem>
+    <TabItem value='s1' label='Password' default>
+        <Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-connection-password.png' alt='onedrive connection by password'/>
+    </TabItem>
+    <TabItem value='s2' label='Microsoft Notification1' default>
+        <Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-connection-microsoft-notification1.png' alt='onedrive connection by notification'/>
+    </TabItem>
+    <TabItem value='s3' label='Microsoft Notification2' default>
+        <Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-connection-microsoft-notification2.png' alt='onedrive connection by notification'/>
+    </TabItem>
+</Tabs>
+
+:::info
+Microsoft will ask you if you want to stay connected. If you click on <kbd>Yes</kbd> you will not need to enter your Microsoft login details on this browser in order to acces your Microsoft session. This choice is not related to the connector in your QAnswer Ai Assistant.
+:::
+
+<Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-connection-stay-connected.png' alt='onedrive stay connected'/>
+
+## Your OneDrive Files
+
+Now you are able to see (on the QAnswer interface), the content of your OneDrive folder.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-linked.png' alt='onedrive linked'/>
+
+You have to select which documents you want to use to add it to your OneDrive Connector.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-choose-documents.png' alt='onedrive documents'/>
+
+Finaly, your documents are available on your AI Assistant.
+
+<Image src='/img/screenshots/tutorial-ui/data-source/onedrive/onedrive-connector-filled.png' alt='onedrive filled'/>