Difference between revisions of "FollowMe"

From myViewBoard
Jump to navigation Jump to search
m
 
(47 intermediate revisions by 7 users not shown)
Line 1: Line 1:
The FollowMe AI page contains settings that are loaded for every myViewBoard session.
+
{{Breadcrumb3
 +
|1=Welcome_to_myViewBoard
 +
|2=[[MyViewBoard.com|myViewBoard.com]]
 +
|3=[[FollowMe|FollowMe]]
 +
}}
 +
<div style="float:right;margin: 0px 20px 0px 20px;border:none">
 +
{| class="wikitable"
 +
!Icon
 +
|-
 +
| style="padding: 10px;" | [[File:FollowMe.svg|50px|link=]]
 +
|}</div>
  
myViewBoard.com provides the following options to access this page:
+
<section begin=FollowMe intro />'''FollowMe''' settings apply to every myViewBoard [[Whiteboard]] and [[Classroom]] session. These settings 'follow' the user across devices and sessions to make using myViewBoard apps more convenient and consistent.
* Click the {{FA|fa fa-universal-access}} icon on the toolbar
 
* Click your avatar, and select the <span class="kbd" style="padding:5px;">{{FA|fa fa-universal-access}} myViewBoard FollowMe AI</span> icon from the drop down
 
  
Settings found in the FollowMe AI page are only available on the myViewBoard.com website. myViewBoard programs do not allow settings to be modified when a session is active. Additionally, settings updated in the FollowMe AI page only take effect when signing in to a new myViewBoard session.  
+
To customize your FollowMe settins, first log in to [https://myviewboard.com myviewboard.com] and then:
 +
* Click the [[File:FollowMe.svg|25px|link=]] icon in the toolbar,
 +
:: or
 +
* Click your avatar, and select the <span class="kbd" style="padding:5px;">[[File:FollowMe.svg|20px|link=]] [[FollowMe]] </span> from the drop down menu.
 +
* After customizing the settings, don't forget to click '''Confirm''' at the bottom of the page.
 +
 
 +
Once the settings have been saved, you may need to start a new session in Whiteboard or Classroom by logging in again. <section end=FollowMe intro />
 
   
 
   
 
<br/>
 
<br/>
 
   
 
   
==FollowMe AI Options==
+
==FollowMe Options==
  
<gallery widths="400px" height="600px">
+
<gallery widths="500px" heights="600px">
FollowMe AI.PNG|The FollowMe AI page contains settings that are loaded for every myViewBoard session.
+
FollowMe AI.PNG|The FollowMe page contains settings that apply to every myViewBoard session.
 
</gallery>
 
</gallery>
 
{{BR}}
 
{{BR}}
  
Some options are hidden for the default myViewBoard theme. To see all the FollowMe AI options, select any theme except ''myViewBoard default''.
+
Some options are hidden for the default myViewBoard theme. To see all the FollowMe options, select any theme except ''myViewBoard default''.
  
====Setting====
+
 
 +
===Settings===
  
 
By default, all settings are turned off. Click the toggle to turn these settings on, and then click Confirm.
 
By default, all settings are turned off. Click the toggle to turn these settings on, and then click Confirm.
  
{| class="wikitable WikiMat"
+
{| class="wikitable" style="background-color:white; width:auto;"
 +
!style="background-color:#FAFAFA;text-align:left;"|'''Theme'''
 +
|style="background-color:white;"|Change the theme for Whiteboard - this applies to menus and icons.
 
|-
 
|-
| Auto logout time  
+
!style="background-color:#FAFAFA;text-align:left;"|'''Auto logout time'''
| Specify how long the myViewBoard for Windows program should wait before it logs the current user out.
+
|style="background-color:white;"|Set how long Whiteboard will wait until automatically logging out.
 
|-
 
|-
| Show Time
+
!style="background-color:#FAFAFA;text-align:left;"|'''Session password'''
| Displays the current date and time on the upper side of the canvas. On the canvas, click the time to open a floating calendar.
+
|style="background-color:white;"|Turn on to require students to enter a passcode to join Classroom sessions.
 
|-
 
|-
| Show Grid
+
!style="background-color:#FAFAFA;text-align:left;"|'''Show Time'''
| Displays a grid over the canvas.  
+
|style="background-color:white;"|Displays the current date and time on the upper side of the Whiteboard for Windows or Android canvas. This can also be changed from the background menu in Whiteboard.  
 
|-
 
|-
| Show Watermark
+
!style="background-color:#FAFAFA;text-align:left;"|'''Show Grid'''  
| Displays a 'confidential' watermark.
+
|style="background-color:white;"|Displays a grid over the canvas in Whiteboard for Windows or Android.  
|-  
 
| Always Enable Casting
 
| Keeps casting automatically turned on. For more information, see [[Casting]].
 
 
|-
 
|-
|}
+
!style="background-color:#FAFAFA;text-align:left;"|'''Show Watermark'''
 
+
|style="background-color:white;"|Displays a 'confidential' watermark in Whiteboard for Windows or Android.  
Settings are applied the next time the user signs in.
+
|-
 
+
!style="background-color:#FAFAFA;text-align:left;"|'''Always enable Wireless Presentation'''
You can also set default settings for the following features:
+
|style="background-color:white;"|Keeps Wireless Presentation automatically turned on in Whiteboard for Windows. For more information, see [[Casting]]. Wireless Presentation can always be turned on or off from Whiteboard itself.
 
 
{| class="wikitable WikiMat"
 
 
|-
 
|-
|Font Setting
+
!style="background-color:#FAFAFA;text-align:left;"|'''Font settings'''
|Set the font, style, and color used by the text tool. <br/>Click 'Apply font setting to host' to load these settings the next time you sign in.
+
|style="background-color:white;"|Set the font size, style, and color used by the text tool. Applies to Whiteboard.
 
|-
 
|-
|Pen Setting
+
!style="background-color:#FAFAFA;text-align:left;"|'''Pen settings'''
|Set the pen width and color. <br/>Click 'Apply pen setting to host' to load these settings the next time you sign in.
+
|style="background-color:white;"|Set the pen width and color. Applies to Whiteboard.
 
|}
 
|}
  
Notes:
+
Don't forget to click '''Confirm''' to save settings.
* To use the updated settings, verify that the 'Apply' checkbox is selected before clicking Confirm.
 
* To revert back to the default settings (in case you want different text/pen defaults when creating/presenting lessons), clear the checkbox before signing in to a new myViewBoard session.  
 
  
 
<br/>
 
<br/>
  
====Cloud Integration====  
+
===Cloud Integration===
 +
<div class="DesktopOnly">
 +
{{#lst:Cloud_Integration|cloud intro}}
 +
</div>
 +
<div class="MobileOnly">
 +
[[File:20210628_sso.png|300px|Link accounts to your [[MyViewBoard.com|myViewBoard]]  account in [[FollowMe]] settings on [[myViewBoard.com]]|link=]]
  
Cloud integration provides options to connect your Google Drive, Dropbox, Box OneDrive or OneDrive for Business cloud accounts to myViewBoard.
+
Your myViewBoard account can connect to other accounts you may have, such as cloud storage and videoconferencing accounts.
  
See the [[Cloud Integration]] section.
+
myViewBoard supports the following cloud services:
  
<br/>
+
* [[File:Google-drive.svg|25px|link=]] Google Drive
 +
* [[File:Dropbox.svg|25px|link=]] Dropbox
 +
* [[File:Box.svg|25px|link=]] Box
 +
* [[File:OneDrive2019.svg|25px|link=]] OneDrive and ''OneDrive for Business (only available for Entity accounts)''
 +
* [[File:Nextcloud files.svg|30px|link=]] NextCloud Files
 +
* [[File:Zoom.svg|25px|link=]] Zoom
 +
* [[File:Logo-Google-classroom.svg|25px|link=]] Google Classroom
 +
* GoToMeeting
 +
</div>
 +
 
 +
To connect accounts, click '''Bind''' and then sign in and authorize the accounts to be linked.
  
====Tiles====
+
For more information see [[Cloud Integration]].
  
Tiles are custom URL bookmarks that are accessible via the Embed Browser.
+
===Bookmarks===
 +
This applies to the [[Embed_browser|embedded browser]] [[File:I-floating-toolbar-embeded-browser.svg|25px|link=]] in [[Whiteboard for Windows]] and [[Whiteboard for Android]]. After opening the embedded browser, there launch page has several tiles with links - these can all be customized in the '''Bookmarks''' section of FollowMe on [https://myviewboard.com myviewboard.com].
 
   
 
   
  
To manage the tiles:
+
To manage the bookmark tiles:
  
 
# Go to http://myviewboard.com.
 
# Go to http://myviewboard.com.
# Click the <span class="kbd" style="padding:5px;">{{FA|fa fa-universal-access}} myViewBoard FollowMe AI</span> icon.
+
# Click the <span class="kbd" style="padding:5px;">[[File:FollowMe.svg|20px|link=]] FollowMe</span> icon.
 
# Click Tiles.
 
# Click Tiles.
 
# Click a group to edit.
 
# Click a group to edit.
# On the new windows, click {{FA|fas fa-edit}} to enter edit mode.
+
# On the new windows, click [[File:1608438 o pencil square icon.svg|25px|link=]] to enter edit mode.
#* Click {{FA|fas fa-link}} to add a new tile.   
+
#* Click [[File:Bookmarksaddnew.svg|25px|link=]] to add a new bookmark tile.   
#* Click {{FA|fas fa-minus-circle}} to remove an exiting tile
+
#* Click [[File:Circleremove.svg|20px|link=]] to remove an exiting tile
# Click {{FA|fa fa-save}} to save your edits.
+
# Click [[File:Floppy-o (1).svg|20px|link=]] to save your edits.
 
 
To verify if the change was successful, sign in to a myViewBoard session and click the Embed Browser. The Embed Browser should now include the updated tiles in its homepage.
 
 
<br/>
 
  
====Background====
 
  
The Background page provides options to select a default background that is automatically loaded when starting a new myViewBoard session. myViewBoard provides the following background options:
+
===Background===
 +
Change the default background for [[Whiteboard for Windows]] and [[Whiteboard for Android]]. Choose from your linked Google Drive account, education themed backgrounds, or myViewBoard Originals.
  
{| class="wikitable mw-datatable"
+
To choose a background:
| Preset backgrounds
+
# Click the check mark circle below the image you'd like to set as the default background.
| After account creation, myViewBoard provides several default images which can be set as default background.
+
# Scroll down and click '''Set as default'''.
|-
+
# ''You can always change the background for Whiteboard from the app itself later.''
| Pick a color
 
| Sets a solid color as the default background. Click the color box to open the color picker.
 
|-
 
| Custom backgrounds
 
| Upload custom images to an integrated cloud account for use as the default background.
 
|}
 
  
  
The following options are available to manage the selected backgrounds.
+
Click '''Update Files''' to go directly to the folder for Backgrounds in the linked Google Drive.
  
{| class="wikitable mw-datatable"
+
To add a custom image via Google Drive:
| Set Default
+
# In your linked Google Drive, go to myViewBoard > Background folder.
| Click to set the background as the default.
+
# Add your selected image(s) to the ''Background'' folder in Drive via upload or drag and drop.
|-
+
# In the FollowMe settings on myviewboard.com, go to ''Background'' and select ''Google Drive''. Scroll down and select the image you want to set as the default background.
| Restore Preset
+
# Scroll down and click '''Set as default'''.
| Sets the background to none.
 
|-
 
| Update Files
 
| Click to open the myViewBoard > Background folder on the integrated cloud storage account.  
 
|}
 
  
  
myViewBoard supports images of any resolution, but 3840 x 2160 (4k resolution) is recommended.
+
Any resolution image can be set as the default background - however we recommend higher resolutions such as 4K (3840 x 2160 pixels).
  
 
For more information on uploading custom images, see [[Uploading Custom Images]].
 
For more information on uploading custom images, see [[Uploading Custom Images]].
  
<br/>
 
  
====Magic Line Pen====
+
===[[Pen_Magic_Line_Pen|Magic Line Pen]]===
 +
[[File:I-magic-pen-line-red-white.svg|25px|link=]] [[Pen_Magic_Line_Pen|Magic Line Pen]] is available in [[Whiteboard for Windows]] and [[Whiteboard for Android]].
  
The Magic pen page provides options to select a default magic pen that is automatically loaded when starting a new myViewBoard session. myViewBoard provides the following magic pen options:
+
You can change which pattern or image to use for the default [[Pen_Magic_Line_Pen|Magic Line Pen]] in the FollowMe settings. <br>
 
+
If a Google Drive account is linked, you can add custom images to be used as a Magic Line Pen - these will appear at the top of the page in the FollowMe settings.<br>
{| class="wikitable mw-datatable"
+
The Magic Line Pen can always be changed on the fly from within Whiteboard too.
| Preset magic pens
 
| After account creation, myViewBoard provides several default images which can be set as the default magic pen.
 
|-
 
| Custom magic pens
 
| Upload custom images to an integrated cloud account for use as a magic pen option.
 
|}
 
  
 +
Click '''Update Files''' to go directly to the folder for Magic Line Pen in the linked Google Drive.
  
The following options are available to manage the selected magic pens.
+
Use custom patterns or images via Google Drive:
 +
# In your linked Google Drive, go to myViewBoard > Magic Line Pen folder.
 +
# Add your selected image(s) to the ''Magic Line Pen'' folder in Drive via upload or drag and drop.
 +
# These will now be available from the Magic Line Pen in Whiteboard for Windows and Whiteboard for Android.  
  
{| class="wikitable mw-datatable"
 
| Set Default
 
| Click to set the selected magic pen as the default.
 
|-
 
| Restore Preset
 
| Sets the magic pen to none.
 
|-
 
| Update Files
 
| Click to open the myViewBoard > magic pen folder on the integrated cloud storage account to upload custom images.
 
|}
 
  
For Magic Line Pens, myViewBoard supports any resolution, but images should at least be 96 x 96 pixels. Images are tiled to fill the space.
+
For Magic Line Pens, myViewBoard supports any resolution, but images should <u>at least be 96 x 96 pixels</u>. Images are tiled to fill the space.
  
 
For more information on uploading custom images, see [[Uploading Custom Images]].
 
For more information on uploading custom images, see [[Uploading Custom Images]].
  
<br/>
 
  
====Shape Pen====
+
===[[Pen_Shape Pen|Shape pen]]===
 +
[[File:I-shape-pen-bird.svg|25px|link=]] [[Pen_Shape Pen|Shape Pen]] is available in [[Whiteboard for Windows]] and [[Whiteboard for Android]].
  
The shape pen page provides options to select a default shape pen that is automatically loaded when starting a new myViewBoard session. myViewBoard provides the following shape pen options:
+
You can change which pattern or image to use for the default [[Pen_Shape Pen|Shape Pen]] in the FollowMe settings. <br>
 +
If a Google Drive account is linked, you can add custom images to be used as a Shape Pen - these will appear at the top of the page in the FollowMe settings.<br>
 +
The Shape Pen can always be changed on the fly from within Whiteboard too.
  
{| class="wikitable mw-datatable"
+
Click '''Update Files''' to go directly to the folder for Shape pen in the linked Google Drive.
| Preset shape pens
 
| After account creation, myViewBoard provides several default images which can be set as the default shape pen.
 
|-
 
| Custom shape pens
 
| Upload custom images to an integrated cloud account for use as a shape pen option.
 
|}
 
  
 +
Use custom patterns or images via Google Drive:
 +
# In your linked Google Drive, go to myViewBoard > Shape Pen folder.
 +
# Add your selected image(s) to the ''Shape Pen'' folder in Drive via upload or drag and drop.
 +
# These will now be available from the Shape Pen in Whiteboard for Windows and Whiteboard for Android.
  
The following options are available to manage the selected shape pens.
+
For Shape Pens, myViewBoard supports images measuring <u>96 x 96 pixels</u>. All pen images are scaled to this resolution.
 
 
{| class="wikitable mw-datatable"
 
| Set Default
 
| Click to set the selected shape pen as the default.
 
|-
 
| Restore Preset
 
| Sets the shape pen to none.
 
|-
 
| Update Files
 
| Click to open the myViewBoard > shape pen folder on the integrated cloud storage account to upload custom images.
 
|}
 
 
 
For Shape Pens, myViewBoard supports images measuring 96 x 96 pixels. All pen images are scaled to this resolution.
 
  
 
For more information on uploading custom images, see [[Uploading Custom Images]].
 
For more information on uploading custom images, see [[Uploading Custom Images]].
  
<br/>
 
  
 +
==Related media==
 +
{{YouTube-box|T6nGxVh_hxk|FollowMe - Settings, Background, Different Pen Types}}
 +
{{YouTube-box|rZYjcHjOcpM|FollowMe - Creating Tiles for Embed Browser}}
 +
{{BR}}
 
<noinclude>
 
<noinclude>
{{Mvbc-nav-footer}}
+
{{ent:Ecosystem-nav-footer}}
 +
{{ent:Get_more_information}}
 +
[[Category:myViewBoard]]
 +
[[Category:Whiteboard for Windows]]
 +
[[Category:Whiteboard for Android]]
 
</noinclude>
 
</noinclude>
 +
 +
<seo metak="myviewboard" ogtitle="FollowMe" ogimage="wiki.myviewboard.com/images/f/fe/Logo-filled.png" ogdescr="The FollowMe page contains settings that are loaded for every myViewBoard Whiteboard/Classroom session." />

Latest revision as of 20:09, 15 October 2021

Icon
FollowMe.svg

FollowMe settings apply to every myViewBoard Whiteboard and Classroom session. These settings 'follow' the user across devices and sessions to make using myViewBoard apps more convenient and consistent.

To customize your FollowMe settins, first log in to myviewboard.com and then:

  • Click the FollowMe.svg icon in the toolbar,
or
  • Click your avatar, and select the FollowMe.svg FollowMe from the drop down menu.
  • After customizing the settings, don't forget to click Confirm at the bottom of the page.

Once the settings have been saved, you may need to start a new session in Whiteboard or Classroom by logging in again.


FollowMe Options


Some options are hidden for the default myViewBoard theme. To see all the FollowMe options, select any theme except myViewBoard default.


Settings

By default, all settings are turned off. Click the toggle to turn these settings on, and then click Confirm.

Theme Change the theme for Whiteboard - this applies to menus and icons.
Auto logout time Set how long Whiteboard will wait until automatically logging out.
Session password Turn on to require students to enter a passcode to join Classroom sessions.
Show Time Displays the current date and time on the upper side of the Whiteboard for Windows or Android canvas. This can also be changed from the background menu in Whiteboard.
Show Grid Displays a grid over the canvas in Whiteboard for Windows or Android.
Show Watermark Displays a 'confidential' watermark in Whiteboard for Windows or Android.
Always enable Wireless Presentation Keeps Wireless Presentation automatically turned on in Whiteboard for Windows. For more information, see Wireless Presentation. Wireless Presentation can always be turned on or off from Whiteboard itself.
Font settings Set the font size, style, and color used by the text tool. Applies to Whiteboard.
Pen settings Set the pen width and color. Applies to Whiteboard.

Don't forget to click Confirm to save settings.


Cloud Integration

Link accounts to your myViewBoard account in FollowMe settings on myViewBoard.com

Your myViewBoard account can connect to other accounts you may have, such as cloud storage and videoconferencing accounts.

myViewBoard supports the following cloud services:

  • Google-drive.svg Google Drive
  • Dropbox.svg Dropbox
  • Box.svg Box
  • OneDrive2019.svg OneDrive and OneDrive for Business (only available for Entity accounts)
  • Nextcloud files.svg NextCloud Files
  • Zoom.svg Zoom
  • Logo-Google-classroom.svg Google Classroom
  • GoToMeeting

Link accounts to your myViewBoard account in FollowMe settings on myViewBoard.com

Your myViewBoard account can connect to other accounts you may have, such as cloud storage and videoconferencing accounts.

myViewBoard supports the following cloud services:

  • Google-drive.svg Google Drive
  • Dropbox.svg Dropbox
  • Box.svg Box
  • OneDrive2019.svg OneDrive and OneDrive for Business (only available for Entity accounts)
  • Nextcloud files.svg NextCloud Files
  • Zoom.svg Zoom
  • Logo-Google-classroom.svg Google Classroom
  • GoToMeeting

To connect accounts, click Bind and then sign in and authorize the accounts to be linked.

For more information see Cloud Integration.

Bookmarks

This applies to the embedded browser I-floating-toolbar-embeded-browser.svg in Whiteboard for Windows and Whiteboard for Android. After opening the embedded browser, there launch page has several tiles with links - these can all be customized in the Bookmarks section of FollowMe on myviewboard.com.


To manage the bookmark tiles:

  1. Go to http://myviewboard.com.
  2. Click the FollowMe.svg FollowMe icon.
  3. Click Tiles.
  4. Click a group to edit.
  5. On the new windows, click 1608438 o pencil square icon.svg to enter edit mode.
    • Click Bookmarksaddnew.svg to add a new bookmark tile.
    • Click Circleremove.svg to remove an exiting tile
  6. Click Floppy-o (1).svg to save your edits.


Background

Change the default background for Whiteboard for Windows and Whiteboard for Android. Choose from your linked Google Drive account, education themed backgrounds, or myViewBoard Originals.

To choose a background:

  1. Click the check mark circle below the image you'd like to set as the default background.
  2. Scroll down and click Set as default.
  3. You can always change the background for Whiteboard from the app itself later.


Click Update Files to go directly to the folder for Backgrounds in the linked Google Drive.

To add a custom image via Google Drive:

  1. In your linked Google Drive, go to myViewBoard > Background folder.
  2. Add your selected image(s) to the Background folder in Drive via upload or drag and drop.
  3. In the FollowMe settings on myviewboard.com, go to Background and select Google Drive. Scroll down and select the image you want to set as the default background.
  4. Scroll down and click Set as default.


Any resolution image can be set as the default background - however we recommend higher resolutions such as 4K (3840 x 2160 pixels).

For more information on uploading custom images, see Uploading Custom Images.


Magic Line Pen

I-magic-pen-line-red-white.svg Magic Line Pen is available in Whiteboard for Windows and Whiteboard for Android.

You can change which pattern or image to use for the default Magic Line Pen in the FollowMe settings.
If a Google Drive account is linked, you can add custom images to be used as a Magic Line Pen - these will appear at the top of the page in the FollowMe settings.
The Magic Line Pen can always be changed on the fly from within Whiteboard too.

Click Update Files to go directly to the folder for Magic Line Pen in the linked Google Drive.

Use custom patterns or images via Google Drive:

  1. In your linked Google Drive, go to myViewBoard > Magic Line Pen folder.
  2. Add your selected image(s) to the Magic Line Pen folder in Drive via upload or drag and drop.
  3. These will now be available from the Magic Line Pen in Whiteboard for Windows and Whiteboard for Android.


For Magic Line Pens, myViewBoard supports any resolution, but images should at least be 96 x 96 pixels. Images are tiled to fill the space.

For more information on uploading custom images, see Uploading Custom Images.


Shape pen

I-shape-pen-bird.svg Shape Pen is available in Whiteboard for Windows and Whiteboard for Android.

You can change which pattern or image to use for the default Shape Pen in the FollowMe settings.
If a Google Drive account is linked, you can add custom images to be used as a Shape Pen - these will appear at the top of the page in the FollowMe settings.
The Shape Pen can always be changed on the fly from within Whiteboard too.

Click Update Files to go directly to the folder for Shape pen in the linked Google Drive.

Use custom patterns or images via Google Drive:

  1. In your linked Google Drive, go to myViewBoard > Shape Pen folder.
  2. Add your selected image(s) to the Shape Pen folder in Drive via upload or drag and drop.
  3. These will now be available from the Shape Pen in Whiteboard for Windows and Whiteboard for Android.

For Shape Pens, myViewBoard supports images measuring 96 x 96 pixels. All pen images are scaled to this resolution.

For more information on uploading custom images, see Uploading Custom Images.


Related media

T6nGxVh_hxk

FollowMe - Settings, Background, Different Pen Types

rZYjcHjOcpM

FollowMe - Creating Tiles for Embed Browser


Learn more 990000.svg Learn More

Access online resources to learn more about myViewBoard.


Social media 990000.svg Social Media

Follow us on social media and get notified of the latest news and updates.


Facebook-square.svg Facebook
Twitter-square.svg Twitter
Instagram.svg Instagram
Linkedin-square.svg LinkedIn
Youtube-play.svg YouTube channel

Learn more 990000.svg Learn More

Access online resources to learn more about myViewBoard.


Social media 990000.svg Social Media

Follow us on social media and get notified of the latest news and updates.


Facebook-square.svg Facebook
Twitter-square.svg Twitter
Instagram.svg Instagram
Linkedin-square.svg LinkedIn
Youtube-play.svg YouTube channel
Powered by
Powered by.png
Built by
Logo.png

Disclaimer: All other trademarks are the property of their respective owners.

Powered by
Powered by.png
Built by
Logo.png