KNVI-PLDN Solid Lezing - Social Linked Beer App Demo

KNVI-PLDN LEZING
JE PERSOONLIJKE DATA
BEHEREN MET SOLID
PIETER VAN EVERDINGEN
(PLDN/OPENINC)
12-2-2020
#linkeddatanl #solid

SOCIAL LINKED BEER APP DEMO –
PIETER VAN EVERDINGEN (PLDN/OPENINC)

Social Linked Beer app demo #linkeddatanl #solidapp

Social Linked Beer demo pods
Test Pods we use for this ‘demo’:
• https://bierdrinker1.solid.community/profile/card#me
(check-ins, reviews, invites friends, creates new group, etc.)
(check-ins, reviews, accepts friend and group invitations, etc.)
(check-ins, reviews, accepts invitations, creates new group, etc.)

Social Linked Beer app
URL of the Social Linked Beer app:
• https://ozcanseker.github.io/Social-linked-beer
Source code & documentation of the app:
• https://github.com/ozcanseker/Social-linked-beer
We only need the URL to the app for the demo

How to delete test pods? (and start again)
For Solid Community pods:
• https://solid.community/account/delete
For Inrupt pods:
• https://inrupt.net/account/delete
Enter your pod name and confirm in a mail you receive
(and you can create a new pod with the same name again)

Social Linked Beer app overview
App GUI
App engine
App data
Data sources
(Turtle)
MyPOD
(app user 1)
YourPOD
(app user 2)
- HTML (structure)
- CSS (presentation)
- Javascript* (behavior)
solid auth-client & Linked Data client library (rdflib) +
React components
Solid Web App
Summary of the app features:
- Login to beer app with your WebID
- Grant access to your Pod (checkboxes)
- Search for beers via check-in button
- Check-in beers and/or write reviews
- Invite beer friends (with Pod & app)
- Other friends accept the invitation
- Create a closed group of beer friends
- Share beer reviews in a closed group
+
*: Solid is technology agnostic, you can use any web technology with Solid components
YourPOD
(app user 3)

Comments for this screen
Navigate to the Social Linked
Beer app URL in your browser

Click the Log in button to login
as a beer drinker

Login with your WebID and
password

Check ALL checkboxes (also the
last one, when you want to give
the Social Linked Beer app the
right access to your Pod)

After login you see the menu bar
with different menu options and
the check in beer button

In the bierdrinker1 data pod you
now see a sociallinkedbeer folder
with sub folders and some Turtle
files (Linked Data files)

The profile data in your Pod is used in
your Social Linked Beer app profile
(name and image) and the app data
in the app is initialized (check-ins,
reviews, begin date and beerpoints)

Click the Check in beer button in the
menu bar to open the search screen

Enter a search string (e.g. triple) in
the search field and click the search
button and view the search results,
click e.g. the Chimay Wit/Chimay
Triple link to navigate to the beer
details screen

View the details of the Chimay
Wit/Chimay Triple and click the
Bierbrouwerij De Koningshoeven
link to navigate to the brewery
details screen (not shown in the
slides), click the Check in beer
button to check-in a beer

Choose where you want to post
your check-in (the only option is in
Public at this moment), don’t click
the Add review button if you only
want to do a beer check-in

Click the check in beer button to
do the actual check in

Every online Social Linked
Beer app interaction gives
you a feedback message of
the activity that you have
done (this not shown for all
interactions in the slides)

The check in is now visible on your Social Linked Beer app profile
(and my app data is updated, like check-ins and beerpoints)

And in the checkins sub folder
you find the linked data of the
first check-in by bierdrinker1

When you search for a beer
you can also write a review

You can give it 1 to 5 stars,
you can write a short review
and you can select where to
post your review

And the public review becomes visisble on your Social
Linked Beer app profile and your app data is updated

And in the checkins sub folder
you find the linked data of the
first review by bierdrinker1

Now it is time to find some friends
that use the Social Linked Beer app

I know the WebID of bierdrinker2
and search for his pod on the web

Click the Invite to Social
linked beer button to invite
bierdrinker2 to become a
friend in the app
Yes

Yes
You get a feedback message
that the request was sent to
bierdrinker2

Bierdrinker2 must now check his
Inbox to find the friend request
of bierdrinker1

And bierdrinker2 must now accept
the friend request of bierdrinker1

And he now sees the friends badge of
bierdrinker1 in the Friends section of
the app

And he can view the public Social Linked Beer activities
of bierdrinker1 on his profile screen

And he can like check-ins and reviews of bierdrinker1,
which wll update the app data (the beerpoints)

Bierdrinker1 has now also requested
bierdrinker3 to become a friend (and
bierdrinker3 accepted this request)

Bierdrinker1 now would like to create a new
closed group with a number of beer friends
by clciking the makeNewGroup button

Give the new group a group
name and select which friends
you would like to add to this
group

Click the Make group button
to create the new group

And your are not allowed to
use spaces in a group name,
click the Make group button
again to create the new group

The invited friend must check their Inbox
and Accept the Group invitation

And the group becomes visible then in the
Groups section of the app

Group members can now
select where to share their
check-ins and reviews (in
Public or in groups or both)

This time bierdrinker2 wants
to share a check-in only in the
PLDN-Beer-Drinkers group

And the check-in now only becomes visible in the PLDN-Beer-Drinkers group

And bierdrinker3 (and bierdrinker1) can now like the check-in of bierdrinker2

Bierdrinker3 now wants to
create a second group (but
only has bierdrinker1 as his
friend and not bierdrinker2)

But he can create the second group
with just two group members

Bierdrinker3 now wants to
share a review in his second
group

He selects the Solid-Beer-Drinkers
option from the Post location
dropdown list and clicks the check
in beer button

And bierdrinker1 can now view this review
in the Solid-Beer-Drinkers group

And he can like this review (which will only
be visible in this group)

Bierdrinker3 can add new members to his groups
(but they must become friends first in the app)

After bierdrinker2 has accepted the friends
request of bierdrinker3 he also become
visible in Groups section of the app

Bierdrinker3 can now invite
bierdrinker2 to become a new
group member of the Solid-Beer-
Friends group

And after bierdrinker2 has accepted the group
invitation, he is also visibe in the group and he
can also add check-ins, reviews and likes

In e.g. the bierdrinker1 data pod
you now see a what the current
values are of the app data (15
beerpoints in total so far given his
beer app activities)

And you see one check-in and one review
that has been created with the app so far

And you see that bierdrinker1 has 2 friends
in the app (via the knows relation)

And you see that bierdrinker1 is administrator for
one group and a member of a second group

And you see a like that bierdrinker1 posted
in the Solid-Beer-Drinkers group

And the source of the like
looks like this (using the
Activity Vocabulary)

LESSONS LEARNED –
PIETER VAN EVERDINGEN (PLDN/OPENINC)

Findings & Lessons Learned
Benefits:
1. In control of my personal data
2. Ultimate data portability
3. Less data duplication
4. Easy data sharing
5. Many opportunities

Findings & Lessons Learned
Drawbacks (in February 2020):
1. Promising, but in development
2. User friendliness of data pods
3. Access mechanisms of data pods
4. Total concept often misunderstood
5. Lack of focus on priority use cases

Contact
Pieter van Everdingen
info@pldn.nl
Website
www.pldn.nl
LinkedIn-group LOD Nederland
www.linkedin.com/groups/466278
Twitter @linkeddatanl
hashtag #LinkedDataNL
Nieuwsbrief
www.pldn.nl/wiki/Nieuwsbrieven
PLDN communication channels

KNVI-PLDN Solid Lezing - Social Linked Beer App Demo

More Related Content

Recently uploaded

Featured

KNVI-PLDN Solid Lezing - Social Linked Beer App Demo