Home

Awesome

SolidOS Databrowser Frontend User Guide

Introduction

Solid empowers users and organizations to separate their data from the applications that use it. It allows people to look at the same data with different apps at the same time. It opens brand new avenues for creativity, problem-solving, and commerce.

SolidOS Databrowser Frontend, which we name SolidOS for simplicity, is intended to be extremely flexible and provide all the basic functionality to allow people to easily manage data on Solid, be that social core with contact management and collaborate with your friends, or the more complex use cases, such as a researcher organizing their data and research on a variety of data sources.

SolidOS is your de-facto default interface to Solid, enabling you to create, share and collaborate on data stored within Solid Pods with your friends and contacts through social networks and applications. Using SolidOS, you can coordinate all of your data in an interface that can be configured and extended to support all of your needs on Solid.

Accessing data

To access the data stored in a Solid Pod via the SolidOS:

  1. In a web browser, navigate to the root Uniform Resource Locator (URL) for the Pod you want to access (e.g., https://suser.solidcommunity.net):

  2. You will see a view of the public data within the Pod:

    <img src="./assets/Public_Home.png" alt="Home View (Public)" width="1024" style="border: 1; border-style:solid; border-color: rgb(200,200,200)">

You can see different views of the data by clicking the various View icons just below the header. For example, the Folder view:

<img src="./assets/Public_Folder.png" alt="Folder View (Public)" width="1024" style="border: 1; border-style:solid; border-color: rgb(200,200,200)">

Tip: To return to the default View, click the Solid icon in the top-left corner of the SolidOS.

Notes:

Log In

To access your data, and data to which you have permission to access, you must log in:

  1. Click the Log in button.

  2. The Select your Identity Provider dialog is displayed:

    <img src="./assets/Select_Your_Identity_Provider.png" alt="Select your Identity Provider dialog" width="400">
  3. Either enter you WebID into the textbox and click Go, or pick your identity provider from the list.

  4. The Login dialog is presented prompting you to enter your Username and Password:

    <img src="./assets/Login_Dialog.png" alt="Node Solid Server Login dialog" width="650">

    Note: The actual form of the Login dialog will vary with the version of Solid server in use.

  5. After a successful login, you can view of all of the data to which you have read permission within the Pod.

Log Out

To log out of the Solid account:

  1. Open the dropdown menu in the top-right corner of the SolidOS by clicking your Profile image.
  2. Select Log out.

Pod Functionality

You can use SolidOS to browse and maintain the data within the Pod.

Navigation

SolidOS allows you to navigate through the data to which you have read access.

  1. If necessary, click the Solid logo to display the <img src="https://solidos.github.io/solid-ui/src/icons/noun_547570.svg" alt="Home" width="16" > Home view.
  2. Display the <img src="https://solidos.github.io/solid-ui/src/icons/noun_973694_expanded.svg" alt="Folder" width="16" > Folder view.
  3. The folder and data resources in the root folder are displayed as a tree.
  4. Nagivate through the tree by <img src="https://solidos.github.io/solid-ui/src/originalIcons/tbl-expand-trans.png" alt="Expand" width="16" >expanding and <img src="https://solidos.github.io/solid-ui/src/originalIcons/tbl-collapse.png" alt="Collapse" width="16" >collapsing folders and data resources.

Tip: You can enter the URL for a folder or data resource in the web browser address bar to navigate directly to that resource.

Viewing your Data

You can view the contents of any folders and/or data resources to which you have access.

To view an existing folder or data resource:

  1. Navigate to the folder containing the resource.
  2. Open the resource by clicking the <img src="https://solidos.github.io/solid-ui/src/originalIcons/tbl-expand-trans.png" alt="Expand" width="16" > icon next to the resource.
  3. Depending upon the type of resource selected and your preferred role(s), different view options can be displayed:
    • Primary Views: If the selected resource is of a well-known type, it will automatically be opened in that view. If not, click the appropriate icon.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_99101.svg" alt="Address Book" width="16" > Address Book. List of personal contacts.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_346319.svg" alt="Chat" width="16" > Chat. A short chat session.
      • <img src="https://solidos.github.io/solid-ui/src/icons/dokieli-logo.png" alt="Dokieli" width="16" > Dokieli. Clientside editor for decentralised article publishing, annotations and social interactions.
      • <img src="https://solidos.github.io/solid-ui/src/originalIcons/foaf/foafTiny.gif" alt="Friends" width="16" > Friends. Maintain a list of your friends.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_97839.svg" alt="Issue Tracker" width="16" > Issue Tracker. A flexible issue tracking system. To configure an issue tracker, follow the configuration instructions.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg" alt="Long Chat" width="16" > Long Chat. A multi-day chat session.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_66617.svg" alt="Meeting" width="16" > Meeting. Meeting details.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_79217.svg" alt="Note Pad" width="16" > Note Pad. A multi-user notepad.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_346777.svg" alt="Scheduled Event" width="16" > Scheduled Event.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_138712.svg" alt="Slideshow" width="16" > Slideshow. Display a slideshow of the images contained within the container.
    • Alternate Views:
      • <img src="https://solidos.github.io/solid-ui/src/originalIcons/about.png" alt="About" width="16"> About. Display information regarding the resource.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_973694_expanded.svg" alt="Folder" width="16" > Folder. Display the resources within the container in a tree-view.
      • <img src="https://solidos.github.io/solid-ui/src/icons/noun_109873.svg" alt="Source" width="16"> Source. Display the source of a text file.
      • <img src="https://solidos.github.io/solid-ui/src/icons/padlock-timbl.svg" alt="Sharing" width="16" > Sharing. Display/update the sharing permissions for the resource.
      • <img src="https://solidos.github.io/solid-ui/src/originalIcons/tango/22-emblem-system.png" alt="Under the Hood" width="16"> Under the Hood. Access 'under the hood' functionality regarding the resource.
    • Developer Views:
      • <img src="https://solidos.github.io/solid-ui/src/originalIcons/rdf_flyer.24.gif" alt="Data" width="16" > Data. Display the resource using a Data view.
      • <img src="https://solidos.github.io/solid-ui/src/originalIcons/w3c/n3_smaller.png" alt="Data as N3" width="16" > Data as N3. Display the resource in Notation3 (N3) language. For more details on N3, click here.
      • <img src="https://solidos.github.io/solid-ui/src/originalIcons/22-text-xml4.png" alt="RDF/XML" width="16" > RDF/XML. Display the resource as RDF/XML.
  4. Click the appropriate icon to view the resource in the desired manner.

Tip: Each of the icons are toggle buttons. Click the icon again to close the view.

Tip: To view a single resource in a new browser tab, click-and-drag a displayed resource name to the browser tab bar.

Creating new Data

You can create new folders and data within any Pod folder to which you have create access.

To create a new folder or data resource:

  1. Navigate to the folder in which you want to create the new resource.
  2. Click the <img src="https://solidos.github.io/solid-ui/src/icons/noun_34653_green.svg" alt="Create" width="16"> icon for the folder.
  3. Several icons are displayed showing the types of resource that can be created:
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_99101.svg" alt="Address Book" width="16" > Address Book. List of contacts.
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_346319.svg" alt="Chat" width="16"> Chat. A short chat session.
    • <img src="https://solidos.github.io/solid-ui/src/icons/dokieli-logo.png" alt="Dokieli" width="16" > Dokieli. Clientside editor for decentralised article publishing, annotations and social interactions.
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_973694_expanded.svg" alt="Folder" width="16" > Folder. A named folder.
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg" alt="Long Chat" width="16" > Long Chat. A multi-day chat session.
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_66617.svg" alt="Meeting" width="16" > Meeting.
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_79217.svg" alt="Note Pad" width="16" > Note Pad. A multi-user notepad.
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_346777.svg" alt="Scheduled Event" width="16" > Scheduled Event.
    • <img src="https://solidos.github.io/solid-ui/src/icons/noun_109873.svg" alt="Source" width="16" > Source. Create a text files (e.g., Turtle, JSON, RDF, ShEx and SHACL shapes, etc.).
  4. Select the type of resource you want to create.
  5. Enter the name of the new resource, and click the <img src="https://solidos.github.io/solid-ui/src/icons/noun_1180158.svg" alt="Continue" width="16" > Continue button.
  6. The selected resource will be created in the folder.

Tip: The filename extension of Dokieli documents must be .html.

Tip: Drag and drop a file onto the <img src="https://solidos.github.io/solid-ui/src/icons/noun_34653_green.svg" alt="Create" width="16"> button, and it will be uploaded to that folder.

Deleting existing Data

You can delete existing folder and data resources on which you have delete permission via the <img src="https://solidos.github.io/solid-ui/src/originalIcons/tango/22-emblem-system.png" alt="Under the Hood" width="16"> Under the Hood view.

Context-Free Functionality

Via SolidOS, you can access and maintain resources within your account, even if you have navigated to a different Pod.

To access the context-free functionality:

  1. Display the dropdown menu in the top-right corner of SolidOS by clicking your Profile photo.
  2. Select the appropriate menu option.

Tip: Alternatively, you can access some of the context-free functionality by clicking the Solid logo in the SolidOS header, and then click the appropriate tab.

Show your profile

You can view your profile as other people will see it.

To view your public profile:

  1. Select Show your profile from the dropdown menu.
  2. Your public profile is displayed in the Profile view.

Your stuff

As you create resources in your Pod (e.g., address books), you can define them as private and/or public. This causes links to the resources to be displayed in the Private things and/or Public things panels to allow for easy access.

Preferences

You can configure your SolidOS user experience by setting your roles(s), manage your trusted applications or even delete your Solid account via the Preferences view.

To display the Preferences view:

  1. Either click the Solid logo or select Preferences from the dropdown menu in the top-right of SolidOS.
  2. Click the Preferences tab.

Role

The options presented to you when viewing data can be customised based on your role. By default, all users can view all standard social views. Optionally, you can select one or more role(s) that provide access to advanced views in addition to the default views:

To update:

  1. Select your optional role(s) from the Roles listbox:

    <img src="./assets/Roles_Listbox.png" alt="Roles listbox" width="109">

    Tip: Multiple Roles can be selected by holding down the Shift or Command key on your keyboard.

  2. Click off the listbox.

Tip: You need to refresh your web browser for the role changes to take affect.

For more details on Roles, refer to the User Roles appendix.

Manage your trusted applications

Before you can use third-party applications, you need to add them to the allowlist (i.e., list them as trusted to access data within your Pod) via the Trusted Application table:

<img src="./assets/Manage_Your_Trusted_Apps.png" alt="Manage your Trusted Applications table" width="1024" style="border: 1; border-style:solid; border-color: rgb(200,200,200)">
Add

To allow a new third-party application, at the bottom of the table of trusted applications:

  1. Enter the URL of the new application under Application URL.
  2. Select the permissions, or Access Modes, you want to give to the new application.
  3. Click Add under Actions.
Update

To update the permissions for an existing trusted application, in the table of trusted applications:

  1. Update the permssions for the application.
  2. Click Update.
Delete

To revoke access for an existing trusted application, in the table of trusted applications:

  1. Click Delete next to the application.
  2. The application is immediately removed from the list of trusted applications.

Delete your Solid account

If you no longer want your Solid Pod, you can delete your account:

  1. Click the Delete your account link at the bottom of the Preferences page.
  2. You are redirected to the Delete Account page for the Solid server.
  3. Follow the displayed instructions to delete your account.

Note: The actual workflow for deleting your account depends upon the Solid server you are using. For example, Node Solid Server (NSS).

Warning: When your account is deleted, all of the data is deleted and cannot be restored.

Edit your profile

You can setup a public profile that will be visible to visitors to your Pod.

To edit your public profile:

  1. Select Edit your profile from the dropdown menu.
  2. In the Profile page, enter/select:
    • One or more Profile photos by dragging-and-dropping a image file onto the photo panel.
    • Contact information about yourself that you want to make public. You can add multiple Addresses, Phones, and Emails.
    • Public contacts by dragging-and-dropping WebIDs of those contacts onto the target icon.
    • The background and highlight colors in which your public profile should be displayed.

Your storage

The Your storage menu item brings you to an overview of all the resources within your Pod. This will always display the storage of your WebID, so it is your personal storage. Even if you navigate to a different Pod, you can still view your personal storage.

To view your storage:

  1. Select Your storage from the dropdown menu.
  2. A folder view of your storage is displayed.

To visualize and have access to the storage of another user, you have two options, at the moment:

  1. Add the storage directly in your profile/card.

    Your storage is connected to your profile with a triple like :me space:storage </> . . You can simply add more triples with the same predicate, like :me space:storage <otherWebID>, to your WebID Profile Document (that is, in your file that can be found under a URI like this one: <https://timea.solidcommunity.net/profile/card#me>). An example of the triple to be added is :me space:storage <https://suser.solidcommunity.net> .

_remark: Make sure you have the correct prefix for space:storage. The full URI is <http://www.w3.org/ns/pim/space#storage>. _remark: You will only be able to visualize the resources that are readable with your WebID in the available Pods.

  1. Navigate to a person's Pod and log in.

    You will be prompted to authorize the new person's Pod to access your Pod. This is required as a preliminary step; otherwise, your Pod storage cannot be accessed and displayed. If you authorize the new WebID to access your store, then you can see the store of the new Pod as a new option in the drop down header menu.

    In the next screenshot, I (<https://timea.solidcommunity.net/profile/card#me>) was visiting the pod of <https://sharonstrats.inrupt.net/profile/card#me>, and at the same time, I have added https://timea-test.solidcommunity.net/profile/card#me as an extra store that belongs to me.

Displaying more stores