<aside> <img src="/icons/book_blue.svg" alt="/icons/book_blue.svg" width="40px" /> Navigation

</aside>

1. Introduction to Provo™

1.1 About Provo™

provo logo.svg

Provo™ is a web application developed by the Centre for Advanced Technologies in Online Safety (CATOS) based on the open technical standards by the Coalition for Content Provenance and Authenticity (C2PA) to verify the authenticity and provenance of different media types. Provo™ aims to encourage industry adoption of content provenance solutions.

Recognizing that technical difficulties and a lack of seamless processes have hindered widespread adoption, Provo™ is designed to overcome the last-mile adoption challenges by providing an intuitive, user-friendly solution that users can adopt immediately. By simplifying the integration and implementation of C2PA standards, Provo™ ensures that users can easily incorporate content authenticity protocols into their workflows without disruption.

1.2 About CATOS

Catos_Long_Form.png

Centre for Advanced Technologies in Online Safety (CATOS) is the host of the Online Trust and Safety (OTS) Research Programme. The Online Trust and Safety (OTS) Research Programme is a funding initiative by the Ministry of Digital Development and Information (MDDI), part of the Research, Innovation, and Enterprise 2025 (RIE2025) programme under the Smart Nation and Digital Economy (SNDE) domain. Its goal is to develop technologies that combat online harms and focus on impactful use cases.

Supported by MDDI, the National Research Foundation (NRF), and other partners, the Agency for Science, Technology and Research (A*STAR) established the Centre for Advanced Technologies in Online Safety (CATOS) to host this flagship programme.

Learn more about CATOS at www.catos.sg

1.3 About C2PA

c2pa.png

The Coalition for Content Provenance and Authenticity (C2PA) is a project of the Joint Development Foundation, a Washington-based 501c6 non-profit, that brings together the efforts of the Content Authenticity Initiative (CAI) and Project Origin.

Learn more at https://c2pa.org/

2. Getting Started

2.1 How To Access Provo™

To get access to the app, please follow the following steps.

  1. Access the Login Page Open your web browser and navigate to https://paulec-c2pa-signer-app-72j8d.ondigitalocean.app/upload-image
  2. Enter your Credentials You should find your username and password in your email.
  3. Click “Login” This will verify your credentials and take you to your account.

<aside> <img src="/icons/dialogue_blue.svg" alt="/icons/dialogue_blue.svg" width="40px" /> Facing Problems? Contact us at [email protected]

</aside>

3. Signing Image Files

  1. Go to https://paulec-c2pa-signer-app-72j8d.ondigitalocean.app/upload-image
  2. Click on Choose File and select the image file to which you would like to attach the content credentials.
  3. Please note that only image files in JPEG, JPG, PNG and SVG format are accepted.
  4. Once the image file is confirmed, select Upload and Sign file.
  5. The HTML code of the signed image is ready to be embedded into your site. You can easily integrate your signed image by copying and pasting the code below into your website.

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/44fa3280-9ff2-4985-a666-ac71baf625f6/4e669156-8ff4-4721-9167-c3b9b99003ed/webflow.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/44fa3280-9ff2-4985-a666-ac71baf625f6/4e669156-8ff4-4721-9167-c3b9b99003ed/webflow.svg" width="40px" />

For Webflow users that have connected your API key

Your signed image is now accessible in your media assets. Head over to Webflow to start using it. For more detailed instructions, please refer to section 3.1 below.

</aside>

https://drive.google.com/file/d/1CUAPZEpXglK6hxJow7Bim-IR2Bh2U4zZ/view?usp=sharing

3.1 Adding to Webflow

For Webflow Users who have connected your API key:

  1. Go to the Asset under the sidebar.
  2. You can see the signed image in the media asset panel.
  3. Click and drag an image element onto the Webflow canvas.
  4. When published, the Cr logo will be visible to the public.

<aside>

For more information on embedding images via HTML, please visit the Webflow support site.

</aside>

https://drive.google.com/file/d/1_jx4RHYaFN699mUtpTpVbo3y2o0Raarq/view?usp=drive_link

3.2 Adding to Wix

  1. Click on Add Elements in your Editor.
  2. Select “Embed HTML”.
  3. Select Add HTML - Code and copy the HTML snippet under Add your Code here.
  4. Click Update to save the snippet / URL.
  5. Your image is ready for use in Wix.

<aside>

For more information on embedding images via html, visit Wix support site.

</aside>

https://drive.google.com/file/d/10PF2OLkz5RCVidzZf9kaZ229HqeimgBf/view?usp=drive_link

3.3 Adding to Wordpress

  1. Go to your Wordpress dashboard
  2. Click on Add Block in your Editor.
  3. Select Custom HTML.
  4. Copy the generated HTML snippet from signing app and add it into the box provided.
  5. Click Preview to view the image.

<aside>

For more information on embedding images via html, visit Wordpress support site.

</aside>

https://drive.google.com/file/d/1b3DPN8hOyDqvCzQlsCyr5lbO_8rPjWOD/view?usp=drive_link

4. Signing Videos

  1. Go to https://paulec-c2pa-signer-app-72j8d.ondigitalocean.app/upload-image
  2. At the topic navigation bar, click on Upload Video
  3. Click on Choose File and select the image file to which you want to attach the content credentials.
  4. Please note that only image files in .MP4 format are accepted.
  5. Once the image file is confirmed, select Upload and Sign file.
  6. The HTML code of the signed video is ready to be embedded into your site. You can easily integrate your signed video by copying and pasting the code below into your website.

4.1 Adding to Wix

4.2 Adding to Wordpress