View source for TPAC/2024/Demos and Group updates

An opportunity to discover what W3C groups are working on and how that works intersect with other Web technologies. <br>
'''The group updates and demos are provided as pre-recorded videos'''. These videos [https://www.w3.org/2024/09/TPAC/group-updates.html will be shared online from the TPAC 2024 website]. 

== 2024 Timeline ==
* '''BEFORE JULY 30th''': Please indicate the name(s) of the volunteer(s) to mcf@w3.org <br>
Please include a title, a description, the W3C group behind the relevant technical work, and the contact person responsible for getting the video recorded.
*  
* '''BEFORE AUGUST 30th''': Please send the recorded videos to mcf@w3.org
* '''SEPTEMBER 2-16''': Post-processing and videos uploaded to [https://www.w3.org/2024/09/TPAC/group-updates.html TPAC 2024 videos webpage]

== Confirmed Group Updates and/or Demos ==
# '''[https://www.w3.org/2024/09/TPAC/demo-baseline.html Baseline web features for the win]'''
#* by Patrick Brosset - Web Developer Experience (WebDX) Community Group
#* A presentation of the WebDX CG, and the work we do to catalog the web platform as a set of web features that, then, can feed into various documentation websites and tools, and be used to power the concept of Baseline, which helps communicating to web developers about what's available today on the web. In the video, Patrick presents the group, the current state of its work, how it already is having impact on MDN, Can I Use, and other places. Patrick concludes with a call to action for people to come and join the work and/or the group.
# '''[https://www.w3.org/2024/09/TPAC/demo-css.html Following grid and flex layouts with reading-flow]'''
#* by Rachel Andrew - CSS Working Group
#* The proposed reading-flow property in CSS Display Level 4 aims to let authors indicate that the tab order through a layout should follow the visual flow of items rather than the DOM order. This demo gives a brief overview of the use cases for this property, and a demonstration of the experimental implementation in Chrome.
# '''“What is WoT?” Tutorial'''
#* by the Web of Things (WoT) Community Group
#* A series of tutorial videos from the Web of Things CG is creating a new learning working experience for all those discovering the Web of Things for the first time. In this first part of the series, the preliminary technology building blocks are introduced with animations and a corresponding website.
# '''[https://www.w3.org/2024/09/TPAC/demo-wot-summary.html WoT adoption]'''
#* by the Web of Things (WoT) Community Group
#* After 2 years of revitalized activity at the Web of Things Community Group, many organizations, open-source projects and researchers have showcased how they are using WoT in their technology stack. In this video, these meetups are briefly summarized for the newcomers to show the variety of WoT adopters.
# '''[https://www.w3.org/2024/09/TPAC/demo-solid-dokieli.html Dokieli]'''
#* by Sarven Capadisli - Solid Community Group
#* This demo presents [https://dokie.li/ dokieli], a fully decentralised, browser-based authoring and annotation platform with built-in support for social interactions. Dokieli makes use of various technical specifications such as [https://solidproject.org/TR/protocol Solid Protocol] and [https://solidproject.org/TR/wac Web Access Control] that have been developed in the Solid CG.
# '''[https://www.w3.org/2024/09/TPAC/demo-solid-1.html Solid ecosystem]'''
#* by Elf Pavlik - Solid Community Group
#* Main concepts in Solid and what constitutes the Solid ecosystem.
# '''[https://www.w3.org/2024/09/TPAC/demo-solid-2.html Solid classes of products]'''
#* by Elf Pavlik - Solid Community Group
#* The classes of products defined in the Solid CG technical reports and how they work together.
# '''[https://www.w3.org/2024/09/TPAC/demo-solid-3.html Solid Notifications Protocol]'''
#* by Elf Pavlik - Solid Community Group
#* Solid Notifications Protocol and its different Notification Channel types, which are used to notify about changes in resources.
# '''[https://www.w3.org/2024/09/TPAC/demo-solid-prep.html Per Resource Events Protocol (PREP)]'''
#* by Rahul Gupta - Solid Community Group
#* Solid Notifications Protocol and its different The Per Resource Events Protocol (PREP) provides an alternative mechanism for notifications in Solid. These slides explain the fundamental concepts of PREP.
# '''[https://www.w3.org/2024/09/TPAC/demo-ag.html Accessibility Guidelines (AG) Working Group update]'''
#* by Charles (Chuck) Adams, Rachael Bradley Montgomery and Alastair Campbell - W3C AG Working Group
#* Since TPAC 2023, the group has published the exploratory guidance list, and the WCAG 2 Task Force has sped up updates to the WCAG 2 documentation. In this video, the co-chairs present WCAG 3 goals, including updating guidelines for new technologies, addressing user needs, providing guidance, defining clear testing, supporting flexible conformance, and emphasizing research.
# '''The CSS Anchor Positioning API'''
#* by Una Kravets - CSS Working Group
#* The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements relative to other elements, known as anchors. This API simplifies complex layout requirements for many interface features like menus and submenus, tooltips, selects, labels, cards, settings dialogs, and more.

== Best Practices for Recording Videos ==
=== Plan the content ===
* identify the story 
** demos: what problem is being newly solved? what impact can we expect from the proposed solution?
** group updates: what is the group? what impact does it seek to have and is actually having on the Web?
* make it accessible - follow the [https://www.w3.org/WAI/media/av/av-content/ accessibility considerations when planning, scripting, storyboarding] '''well before''' hitting the record button
* '''plan for a short video - aim for 2 minutes if possible for a demo, 3 minutes for a group update'''
** think of the demo as a teaser for a deeper technical dive, NOT the deep technical dive itself
** if part of the process being demonstrated is slow or a bit long, plan on showing an abbreviated or accelerated version of the process
* write up what you plan to say, keeping acronyms and jargon to a minimum, and explain it when using it
** demos: show '''and''' tell - plan on describing orally what is happening in the demo
* if you plan on showing code, prepare it so that it can be shown with a large font and clear contrasted colors, and focused on the most relevant code
* if you plan on showing slides, see [https://www.w3.org/wiki/Speaker_Resources guidance on preparing them]
* end the script with indications on where to follow up for people interested in more details or in getting involved

=== Test your setup ===
* ensure your audio setup is clear and crisp
* if you plan on video-recording yourself speaking:
** ensure your face will be well-lit, with the camera at eye level
** ensure the background in front of which you'll record yourself is not distracting
** memorize as much of your script as possible, or use a teleprompter to read your script while looking at the camera
** if recording from a mobile device, record in landscape mode

See also [https://www.w3.org/wiki/Virtual_Presentations audio/video recording guidance]

=== Shooting the video ===
* Speak clearly and slowly. No need to rush.
* especially if reading from your script, make sure to keep your tone lively - imagine you're telling an exciting story to a colleague
* if you're recording a screen, remove any distracting elements (irrelevant windows and tabs, notifications); if possible, zoom and highlight the most relevant elements
* If you're video-recording yourself speaking, leave a few seconds before and after you start speaking in recording mode to allow for editing

== Submitting the video ==
* Once you're happy with the resulting video, '''please share it with mcf@w3.org''' using one of the on-line systems for sharing large files (e.g. Dropbox, WeTransfer, Google Drive, etc.)
* If you read from a script, please share it with us as it will '''help with captioning''' as well. 
* If you screen-recorded slides, please share them as well.