ASUSTOR - Website Management

Date:

Topic_id:

Subject:

Description:

content:

<h4>COURSE OBJECTIVES</h4>
Upon completion of this course you should be able to:
<ol>
<li>Customize and use ASUSTOR Portal.</li>
</ol>
 
<h4>PREREQUISITES</h4>
Course Prerequisites:
None
Students are expected to have a working knowledge of:
None
 
<h4>OUTLINE</h4>
<a href="#a1">1. Introduction to ASUSTOR Portal</a>
<a href="#a11">1.1 Connecting your NAS to an HDMI Display</a>
<a href="#a2">2. Installing ASUSTOR Portal</a>
<a href="#a21">2.1 Installing ASUSTOR Portal from App Central</a>
<a href="#a3">3. Customizing ASUSTOR Portal</a>
<a href="#a31">3.1 General settings</a>
<a href="#a32">3.2 Changing the ASUSTOR Portal desktop wallpaper</a>
<a href="#a33">3.3 Adding your favorite websites to ASUSTOR Portal</a>
<a href="#a34">3.4 Fixing overscan issues with ASUSTOR Portal</a>
<a href="#a35">3.5 Configuring the screensaver</a>
<a href="#a4">4. Introduction to the ASUSTOR Portal Interface</a>
<a href="#a5">5. Using Multimedia and Social Media Websites</a>
 <hr /> 
<h4><a name="a1"></a>1. Introduction to ASUSTOR Portal</h4>
There's no need to turn on your computer when you want to play videos or browse the internet. Simply connect your NAS to any HDMI ready display and leave the rest to the ASUSTOR Portal! Within the ASUSTOR Portal you will be able to use browse the Internet using the Firefox browser.
ASUSTOR Portal provides browser shortcuts to streaming websites such as Netflix, YouTube, Amazon Prime, or Disney+ to make opening each service's webpage easier and faster. ASUSTOR does not provide any warranty for the user experience or content hosted on third party sites. Your mileage may vary when using third party websites.
 
 Note: Surveillance Center, after upgrading to ADM 4.0, will no longer support local display mode, and there will be no Surveillance Center app on ASUSTOR Portal.
System requirements: AS31, AS32, AS50, AS51, AS52, AS53, AS54, AS61, AS62, AS63, AS64, AS66, AS67, AS67 v2, AS70, FS67.
 
<a name="a11"></a>1.1 Connecting your NAS to an HDMI Display
Connect your NAS to an HDMI display via the HDMI port found on the rear panel of your NAS.
 
<img src="https://www.asustor.com/images/kindeditor/image/20160325/20160325155634_33884.png" alt="" width="860" height="584" title="" align="" />
 
<h4><a name="a2"></a>2. Installing ASUSTOR Portal</h4>
<a name="a21"></a>2.1 Installing ASUSTOR Portal from App Central
STEP 1
<ul>
<li>Using your Web browser, log in to ADM using an administrator account.</li>
<li>Select [App Central] [ASUSTOR Apps].</li>
<li>Click on [ASUSTOR Portal] and then click on [Install] button to install ASUSTOR Portal.</li>
<li>Other related Apps (Remote Center, Firefox and XOrg) will be installed simultaneously while installing ASUSTOR Portal.</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20210715/20210715082800_78905.png" alt="" width="800" height="441" title="" align="" />
 
STEP 2
<ul>
<li>After installation has completed, you will be able to see the ASUSTOR Portal interface on your HDMI display.</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110082531_Asport_main_page.png" alt="" width="800" height="447" title="" align="" />
 
<h4><a name="a3"></a>3. Customizing ASUSTOR Portal</h4>
<a name="a31"></a>3.1 General settings
You can configure the following settings in the [General] section. After making configurations, click on [Apply] to make the settings effective.
<ul>
<li>Default information displayed on ASUSTOR Portal including IP address, server name, time, ADM, YouTube.</li>
<li>Default App that is launched when ASUSTOR Portal is opened.</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110083503_AsPortal_general_settings.png" alt="" width="800" height="478" title="" align="" />
 
<a name="a32"></a>3.2 Changing the ASUSTOR Portal desktop wallpaper
STEP 1
<ul>
<li>Select [ASUSTOR Portal] from the ADM desktop.</li>
<li>Make sure [Wallpaper] is selected in the left-hand panel and then select either the [Upload from PC] or [Upload from NAS] button to upload an image of your choice.</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20180112/20180112182948_38094.png" alt="" width="800" height="478" title="" align="" />
 
STEP 2
<ul>
<li>After the image has been uploaded, select it and then click on [Apply] button.</li>
<li>You should now be able to see the new desktop wallpaper for ASUSTOR Portal on your HDMI display.</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110082531_Asport_main_page.png" alt="" width="800" height="447" title="" align="" />
 
<a name="a33"></a>3.3 Adding your favorite websites to ASUSTOR Portal
STEP 1
<ul>
<li>Select [Favorite] from the left-hand panel.</li>
<li>Click on the <img src="https://www.asustor.com/images/kindeditor/image/20180112/20180112183126_89016.png" alt="" width="39" height="24" title="" align="" /> button and then enter the URL for your website and a description.</li>
<li>Click on [OK] once you are done. You should now be able to see a new shortcut for the website you have just added on your HDMI display.</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20180112/20180112183033_78016.png" alt="" width="800" height="480" title="" align="" />
 
STEP 2
You can also change the order of the shortcuts appearing in ASUSTOR Portal. To do this:
<ul>
<li>Click on the <img src="https://www.asustor.com/images/tinymce/20211110083815_AsPortal_edit_icon.png" alt="" width="44" height="29" title="" align="" /> button.</li>
<li>Drag and drop the websites to configure the order that you desire.</li>
<li>Click on the [OK] button once you are done. You should now be able to see the changes that you have made on your HDMI display.</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110083750_AsPortal_favorite_edit.png" alt="" width="800" height="478" title="" align="" />
 
<a name="a34"></a>3.4 Fixing overscan issues with ASUSTOR Portal
If you find that ASUSTOR Portal has been overscanned on your monitor, you can use the following two methods to fix this problem:
<ul>
<li>Adjust the aspect ratio of the content area on your monitor.</li>
<li>Adjust the ASUSTOR Portal overscan value.</li>
</ul>
 
 Note: If the [Ref. 5015] error message appears when adjusting the output resolution or other related settings, please check whether the HDMI is properly connected. After reconnecting the HDMI cable, restart the NAS to check if the problem persists. If issue persists, please contact the <a target="_blank" href="https://support.asustor.com/" rel="noopener">ASUSTOR Support Team</a>.
 
<img src="https://www.asustor.com/images/tinymce/upload_img_20220217120210_Resolution_error_5015.png" alt="" width="800" height="480" title="" align="" />
 
In the following example we will be adjust the ASUSTOR Portal overscan value.
STEP 1
<ul>
<li>Select [Overscan] from the left-hand panel.</li>
<li>In the [Overscan] drop-down list you will see options for None, 1%, 2% and 3%.</li>
<li>Select [3%] and then click on [Apply]. Now you will be able to see that the ASUSTOR Portal interface has shrunken slightly on your HDMI display.</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20180117/20180117115220_34616.png" alt="" width="800" height="479" title="" align="" />
 
<a name="a35"></a>3.5 Configuring the screensaver
You can use the setting shown in the graphic below to configure the screensaver. Clicking on [Apply] will cause the setting to take effect.
<img src="https://www.asustor.com/images/kindeditor/image/20180116/20180116172714_55597.png" alt="" width="800" height="479" title="" align="" />
 
<h4><a name="a4"></a>4. Introduction to the ASUSTOR Portal Interface</h4>
The graphic below illustrates the basic functions found on the ASUSTOR Portal interface.
 
<img src="https://www.asustor.com/images/tinymce/20211110083910_Asport_main_page_guide-s.png" alt="" width="800" height="396" title="" align="" />
 
 NAS power control
Selecting the power control menu from the upper-right hand corner of the screen will give you the functions illustrated in the graphic below.
 
<img src="https://www.asustor.com/images/tinymce/upload_img_20240702115504_Portal_power_Control_page.png" alt="" width="680" height="350" />
 
After using these functions to power the NAS off or put it into Sleep Mode, you will be able to use the power button* on the ASUSTOR Remote to wake/turn on your NAS.
*This function is available for use with AS-20, AS-30, AS-60, AS31, AS32, AS50, AS51, AS52, AS53, AS54, AS61, AS62, AS63, AS64, AS66, AS67, AS67 v2, AS70 series devices.
 
 ASUSTOR Portal Settings
The settings for General, Resolution, Overscan, Default App, Screensaver are the same as described in section 3.
 
<img src="https://www.asustor.com/images/kindeditor/image/20160627/20160627135205_46016.jpg" alt="" width="800" height="454" title="" align="" />
 
 Language settings: You can configure the display language and input language for ASUSTOR Portal. After configuring the settings, click on [] to apply them.
 
<img src="https://www.asustor.com/images/kindeditor/image/20160627/20160627135742_79019.jpg" alt="" width="800" height="451" title="" align="" />
 
 VirtualBox settings: After configuring the settings, click on [] to apply them.
<ul>
<li>Display: Configure whether or not icons for virtual machines created in VirtualBox are displayed on the ASUSTOR Portal interface.</li>
<li>VMs running in the background: Configure the following settings for virtual machines in VirtualBox.
<ul>
<li>Name</li>
<li>Status: On / Off / Save / Pause / Unknown</li>
<li>Action: Power On / Power Off / Pause / Save / Restart / Resume</li>
</ul>
</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20160627/20160627135831_45021.jpg" alt="" width="800" height="450" title="" align="" />
 
<h4> <a name="a5"></a>5. Using Multimedia and Social Media Websites</h4>
Netflix and YouTube are installed by default along with ASUSTOR Portal. If you go to App Central to download the third party URL-Packs shown below, you can get even more streaming multimedia sites and social media platforms to choose from.
<ul>
<li>URL-Pack-EN / EU / CN: Popular streaming multimedia Websites.
<ul>
<li>EN: HBO, Vimeo, Crunchyroll, Hulu, MetaCafe, Vudu</li>
<li>EU: Allocine, Dailymotion, Deezer, Emby, IMDb, Napster, Plex, RuTube</li>
<li>CN: Iqiyi, Sohu, qq, Tudou, Youku</li>
</ul>
</li>
<li>URL-Pack-Social: Popular social media platforms such as Facebook, Twitter, Linked in, Pinterest, Hangouts, Telegram, Instagram, Snapchat.</li>
<li>URL-Pack-News: Popular news website such as BBC and Bloomberg.</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110084004_app_central_url_pack.png" alt="" width="800" height="459" title="" align="" />
 
<ul>
<li>After installing the URL-Packs, you will be able to see the associated icons on the ASUSTOR Portal desktop.</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110084027_Asport_page_url_pack1-s.png" alt="" width="800" height="447" title="" align="" />
 
<img src="https://www.asustor.com/images/tinymce/20211110084047_Asport_page_url_pack2-s.png" alt="" width="800" height="447" title="" align="" />
 
<img src="https://www.asustor.com/images/tinymce/20211110084103_Asport_page_url_pack3-s.png" alt="" width="800" height="447" title="" align="" />
 
<ul>
<li>Clicking on any icon will open the Web browser and link you to the website. The graphic below illustrates this using Plex as an example.</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110084121_Asport_page_url_pack_plex-s.png" alt="" width="800" height="447" title="" align="" />
 <hr />
<h3>Learn More</h3>
<a target="_blank" href="https://www.asustor.com/online/College_topic?topic=136" rel="noopener">NAS 136: Controlling ASUSTOR Portal</a>

Publish: