diff --git a/lib/collections/apps.js b/lib/collections/apps.js index 6a64b4ca..9f25fac9 100644 --- a/lib/collections/apps.js +++ b/lib/collections/apps.js @@ -16,6 +16,6 @@ const { addSectionCollections } = require('../helpers/collections'); -const sections = ['android', 'web', 'games', 'publish', 'education', 'enterprise']; +const sections = ['android', 'web', 'games', 'publish', 'kiosk', 'education', 'enterprise']; module.exports = (eleventy) => addSectionCollections('apps-games', sections, eleventy); diff --git a/redirects.json b/redirects.json index 79478d5c..b4dcef78 100644 --- a/redirects.json +++ b/redirects.json @@ -8,6 +8,13 @@ "/android": "/en/android", "/web": "/en/web", "/games": "/en/games", + "/kiosk": "/en/kiosk", + "/en/education/connecting-an-extension-from-a-kiosk-pwa": "/en/kiosk/connecting-an-extension-from-a-kiosk-pwa", + "/en/education/testing-kiosk-apps": "/en/kiosk/testing-kiosk-apps", + "/en/enterprise/managing-video-storage-on-the-web": "/en/kiosk/managing-video-storage-on-the-web", + "/en/education/whats-kiosk-mode": "/en/kiosk", + "/en/android/tests": "https://developer.android.com/docs/quality-guidelines/large-screen-app-quality#large_screen_compatibility_tests", + "/es/android/tests": "https://developer.android.com/docs/quality-guidelines/large-screen-app-quality?hl=es-419#large_screen_compatibility_tests", "/education": "/en/education", "/enterprise": "/en/enterprise", "/linux": "/en/linux", diff --git a/site/en/_data/nav.yml b/site/en/_data/nav.yml index 17d35e00..af1e41cf 100644 --- a/site/en/_data/nav.yml +++ b/site/en/_data/nav.yml @@ -10,6 +10,8 @@ url: web - title: Games url: games + - title: Kiosk + url: kiosk - title: Education url: education - title: Enterprise diff --git a/site/en/android/index.md b/site/en/android/index.md index 4ba647eb..6e46d475 100644 --- a/site/en/android/index.md +++ b/site/en/android/index.md @@ -37,4 +37,4 @@ In 2016, the Google Play Store was brought to Chrome OS, allowing the same apps - Free form windows and resizing - Keyboard, mice, & trackpads as first class input methods -To jump in to how you can start building Android apps for Chrome OS, [learn more here](/{{locale.code}}/android/start). Read below for more information on resources we have and topics to keep in mind. +Learn what it takes to [build a high-quality large screen app](https://developer.android.com/docs/quality-guidelines/large-screen-app-quality), then [jump in](/{{locale.code}}/android/start) to start adapting your app for ChromeOS. diff --git a/site/en/android/start.md b/site/en/android/start.md index 8cc20055..c75f11d3 100644 --- a/site/en/android/start.md +++ b/site/en/android/start.md @@ -19,7 +19,7 @@ tags: - window management --- -Chrome OS devices, such as Chromebooks, now support the Google Play Store and Android apps. This article assumes you have an existing Android app designed for phones or tablets that you want to optimize for Chromebooks. To learn the basics of building Android apps, see [Build your first app.](https://developer.android.com/training/basics/firstapp/index) +Chrome OS devices, such as Chromebooks, now support the Google Play Store and Android apps. This article assumes you have an existing Android app designed for phones or tablets that you want to optimize for Chromebooks. To learn the basics of building Android apps, see [_Build your first app_](https://developer.android.com/training/basics/firstapp/index). For a full set of recommendations, see the [large screen app quality guide](https://developer.android.com/docs/quality-guidelines/large-screen-app-quality) ## Update your app's manifest file diff --git a/site/en/android/tests.md b/site/en/android/tests.md deleted file mode 100644 index 61aca939..00000000 --- a/site/en/android/tests.md +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: Testing -metadesc: This table outlines tests the Chrome OS team has used to evaluate Android apps for Chrome OS. -date: 2020-05-01 -weight: 1 -tags: - - large screens - - window management - - device configuration - - mouse support - - trackpad support - - stylus support - - keyboard support - - touchscreen support - - camera - - input devices ---- - -The following table includes a set of test cases that you can use in your own test plan. The test cases cover a wide array of common scenarios that Android apps should be prepared for if they are expected to run on Chrome OS devices. - -| Test type | Test case | App scenario | Success case | -| ---------------------- | -------------------------------------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| | Find app in Play Store | All | App exists in Play Store, accessed from a Chromebook (no issue if working as intended). **NOTE:** [Flags in your manifest](https://developer.android.com/guide/topics/manifest/uses-feature-element) may cause the app to be unavailable, depending on the hardware in the Chrome OS device. This test is best run on clamshell devices, as they most accurately represent the hardware profile of most devices. | -| | Install app | All | App installs on the Chromebook with no issues | -| | Clamshell: Launch app | All | App opens without crashing, hanging, or throwing ANR (app not responding). App content is upright. | -| Window Management | Clamshell: Resize window | All | If the window resize button is available, resize the window. App doesn't crash / hang / ANR. App content scales. Try this in various pages of the app. The active cursor should stay in place and page content should not change (except to adjust to larger screen layout). | -| Window Management | Clamshell: Free form resizing | All | Try dragging the corner of the window to resize the window. App doesn't crash / hang / ANR. App content scales. Try this in various pages of the app. The active cursor should stay in place and page content should not change (except to adjust to larger screen layout). | -| Window Management | Clamshell: Reopen app | All | If the window resize button is available, resize the window and close the app, then reopen. App should launch in the expected window size and orientation (last activity since opened). | -| Window Management | Clamshell: Minimise & restore | All | Minimise and restore the app. App doesn't crash / hang / ANR, and content reappears unchanged. | -| Window Management | Clamshell: Fullscreen app | All | The full screen key on the Chrome OS keyboard should put the app in full screen (i.e. no top bar). App doesn't crash / hang / ANR. App content scales | -| Mouse + Trackpad | Clamshell: Trackpad = Click | All | Use trackpad to click on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Mouse + Trackpad | Clamshell: Trackpad = Right Click | All | Use trackpad to right click (two finger tap) on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Mouse + Trackpad | Clamshell: Trackpad = Scroll | All | In a scrollable area of the app (e.g. a list), use two finger scroll action on trackpad. App content should scroll. | -| Mouse + Trackpad | Clamshell: Trackpad = Zoom | All | In a zoomable area of the app (e.g. an image or a map), use the trackpad to zoom. App content should zoom. | -| Mouse + Trackpad | Clamshell: Mouse = Click | All | Using a mouse device, click on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Mouse + Trackpad | Clamshell: Mouse = Right Click | All | Using a mouse device, right click on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Mouse + Trackpad | Clamshell: Mouse = Scroll | All | In a scrollable area of the app (e.g. a list), use the scroll wheel. App content should scroll. | -| Mouse + Trackpad | Clamshell: Mouse = Scroll to zoom | All | In a zoomable area of the app (e.g. an image or a map), use the scroll wheel. App content should zoom. | -| Mouse + Trackpad | Clamshell: Touchscreen = Click | All | Using your finger, push on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Mouse + Trackpad | Clamshell: Touchscreen = Right Click | All | Using your finger, long hold on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Mouse + Trackpad | Clamshell: Touchscreen = Scroll | All | In a scrollable area of the app (e.g. a list), use the one or two finger scroll action. App content should scroll. | -| Mouse + Trackpad | Clamshell: Touchscreen = Zoom | All | In a zoomable area of the app (e.g. an image or a map), use fingers to zoom on touchscreen. App content should zoom. | -| Stylus | Clamshell: Stylus = Click | All | Using a stylus, click on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Stylus | Clamshell: Stylus = Scroll | All | In a scrollable area of the app (e.g. a list), use the stylus swipe/scroll action. App content should scroll. | -| Input | Clamshell: Physical Keyboard | All | While in clamshell mode, click on a text input box, type text with the keyboard. Onscreen keyboard should not show. Typed text should show in the input box with no lag. | -| | Buy in-app content | IAP enabled | While signed in, try to purchase some in-app content. Content should appear in app as appropriate. Purchase should appear in Play purchase history. | -| | Suspend/Resume | All | While app is running, close Chromebook. After 5-10 seconds, reopen Chromebook. App should connect back in the same state. | -| | Wi-Fi connectivity | All | Turn the wifi off. Observe that the app complains about lack of internet connection. Turn WiFi back on. Observe that the app connects back to internet and is functional. | -| Window Management | Transitions between clamshell and touchview | All | Open an app in clamshell mode and then change the device to touchview mode. The window size and orientation should update as expected. | -| | Touchview: Launch app | All | App opens without crashing, hanging, or throwing ANR (app not responding). App content is upright. Try this in both landscape and portrait. | -| Window Management | Touchview: Resize window | All | If the window resize button is available, resize the window. App doesn't crash / hang / ANR. App content scales. Try this in various pages of the app. The active cursor should stay in place and page content should not change (except to adjust to larger screen layout). Try this in both landscape and portrait. | -| Window Management | Touchview: Reopen app | All | If the window resize button is available, resize the window and close the app, then reopen. App should launch in the expected window size and orientation (last activity since opened). Try this in both landscape and portrait mode. | -| Window Management | Touchview: Minimise & restore | All | Minimise and restore the app. App doesn't crash / hang / ANR, and content reappears unchanged. | -| Window Management | Touchview: Rotate device | All | While in tablet mode, rotate the device 90 degrees. App should either not rotate OR it does rotate and window and content resizes appropriately. The active cursor/page should stay in place. | -| Input | Touchview: Touchscreen = Click | All | Using your finger, push on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Input | Touchview: Touchscreen = Right Click | All | Using your finger, long hold on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Input | Touchview: Touchscreen = Scroll | All | In a scrollable area of the app (e.g. a list), use the one or two finger scroll action. App content should scroll. | -| Input | Touchview: Touchscreen = Zoom | All | In a zoomable area of the app (e.g. an image or a map), use fingers to zoom content. App content should zoom. | -| Input | Touchview: Stylus = Click | All | Using a stylus, click on a touch control. App should respond as if there was a touch in precisely this location, with no lag. | -| Input | Touchview: Stylus = Scroll | All | In a scrollable area of the app (e.g. a list), use the stylus swipe/scroll action. App content should scroll. | -| Input | Touchview: Virtual Keyboard | All | While in tablet mode, tap on an area in the app that takes text input and type text. Onscreen keyboard and text should show as expected. Please try in portrait and landscape orientation (and the transitions in between). | -| Camera | Touchview: Taking a photo | Communication | App opens the camera and the preview images are scaled and oriented correctly. The resulting picture taken is scaled and oriented correctly. Try this in both portrait and landscape mode. | -| | Touchview: Recording a video | Communication | App opens the camera and the preview images are scaled and oriented correctly. Starting the recording, the preview is scaled and oriented correctly. Playback is smooth and performs as expected (no lag in audio/video, video is at speed in which it was recorded at). Try this in both portrait and landscape mode. | -| Window Management | Touchview: Changing orientation while camera is on | Communication | Open the app's camera. Rotate the device 90 degrees. App should not crash, hang, ANR (app not responding). App should either not rotate OR it does rotate and window and content resizes appropriately. | -| | Create content | Content creation | Output (drawing, text, audio) records in the app as expected (no lags) | -| | Save content | Content creation | App saves the content (either locally or in the cloud), and content is recreated faithfully when reopened | -| | Share content | | App shares content with 3rd party. 3rd party can receive and open content | -| | 1:1 communication | Communication | Send one of every possible message type to another user (e.g. email, text message, phone call, video call etc). Verify transmission. | -| | 1:many communication | Communication | Post one of every possible type to a group (e.g. newsfeed post, forum post, chat group). Verify transmission. | -| Camera | Clamshell: Taking a photo | Communication | App opens the camera and the preview images are scaled and oriented correctly. The resulting picture taken is scaled and oriented correctly. | -| Camera | Clamshell: Recording a video | Communication | App opens the camera and the preview images are scaled and oriented correctly. Starting the recording, the preview is scaled and oriented correctly. Playback is smooth and performs as expected (no lag in audio/video, video is at speed in which it was recorded at). | -| Camera | Clamshell: Camera retries after app resumes | Communication | Open the app's camera. Close the lid of the device. Open the lid of the device. The app should now continue to allow the user to take a photo, or be able to allow the user to retry to take a photo without restarting the app. | -| Input | Touch to draw | Drawing / Handwriting | Use a finger to input drawing strokes into the app. Strokes should appear on canvas as expected with no lag. | -| Stylus | Stylus to draw | Drawing / Handwriting | Use the stylus to input drawing strokes into the app. Strokes should appear on canvas as expected, with no lag | -| | Video Playback | Communication / Social & Media | Play a video within the app. The playback should be smooth with no lags. Sound should also be clear | -| | Sound volume | Communication / Social & Media | If the app has volume controls, try changing it while media (with sound) plays. The volume should adjust accordingly. | -| | Tilt Motion | Games | Tilt the device while playing a motion-sensing game. The app should respond accordingly. | -| | Location finding | Weather / Maps / Navigation | App should be able to find general location of user (even without GPS hardware) | -| | Other app specific functionality not captured | All | Use this only if one of the above actions test cases does not fit | -| UI | Large screen layout | All | If the app's UI should take advantage of the extra real estate of the screen (content should take up the full width of the screen on the device and/or content should be appropriately sized) | -| Mouse + Trackpad | Clamshell: Trackpad = Drag and drop | All | Drop a piece of content (e.g. an image) into an area of the app where this might make sense using trackpad. Dropped object should execute (e.g. upload). | -| Mouse + Trackpad | Clamshell: Mouse = Drag and drop | All | Using a mouse, drop a piece of content (e.g. an image) into an area of the app where this might make sense. Dropped object should execute (e.g. upload). | -| Input | Clamshell: Touchscreen = Drag and drop | All | Using your finger, drop a piece of content (e.g. an image) into an area of the app where this might make sense. Dropped object should execute (e.g. upload). | -| Stylus | Clamshell: Stylus = Drag and drop | All | Using the stylus, drop a piece of content (e.g. an image) into an area of the app where this might make sense. Dropped object should execute (e.g. upload). | -| Keboard Shorcuts + Nav | Clamshell: Special keys: arrow | All | The arrow keys on the Chrome OS keyboard should work exactly as expected within the app | -| Keboard Shorcuts + Nav | Clamshell: Special keys: tab | All | The tab key on the Chrome OS keyboard should work exactly as expected | -| Keboard Shorcuts + Nav | Clamshell: Special keys: cut and copy | All | In a text input box (e.g. message input, high score name), select some existing text. Cut with [[CTRL]]+[[X]]. Paste into another app with [[CTRL]]+[[V]]. Retest with Copy instead of Cut. | -| Keboard Shorcuts + Nav | Clamshell: Special keys: ESC key | All | The ESC key corresponds to closing active window or go back to the previous page. | -| Keboard Shorcuts + Nav | Clamshell: Special keys: enter key | All | Pressing Enter will trigger the selected button, or Pressing Enter while editing an input field in a form with multiple fields, submits the form. | -| Keboard Shorcuts + Nav | Clamshell: Special keys: enter to send | All | In a text input box (e.g. message input, high score name), input some text, then hit enter. Text should be submitted to the app. | -| Keboard Shorcuts + Nav | Clamshell: Special keys: app hot keys | All | Try pressing any commonly used keyboard shortcuts for the app. The app should respond as expected. | -| Keboard Shorcuts + Nav | Clamshell: Special keys: back | All | The back key on the Chrome OS keyboard should work exactly as the back button on Android. | -| Keboard Shorcuts + Nav | Clamshell: Special keys: refresh | All | Head to any area in the app with live/perishable content. The refresh key on the CrOS keyboard should refresh the view. | -| Keboard Shorcuts + Nav | Clamshell: Special keys: dock window | All | Use ALT+[ or ALT+] to dock the app to one side of the screen. App should dock, similar to behaviour of Chrome browser. | -| Desktop Functionality | Offline mode | All | Turn the wifi off from the settings menu. Try to use a feature of the app that is available offline. Observe if the offline feature is functional. | -| Input | Touchview: Touchscreen = Drag and drop | All | Using your finger, drop a piece of content (e.g. an image) into an area of the app where this might make sense. Dropped object should execute (e.g. upload). | -| Stylus | Touchview: Stylus = Drag and drop | All | Using the stylus, drop a piece of content (e.g. an image) into an area of the app where this might make sense. Dropped object should execute (e.g. upload). | -| Stylus | Stylus pressure | Drawing / Handwriting | Use the stylus to input drawing strokes or erasing drawing strokes of various pressure sensitivity. Strokes should appear on canvas with variable weight as expected. | -| Stylus | Stylus erase | Drawing / Handwriting | Select the erase option and use the stylus to erase parts of a drawing. Markings should disappear as expected. Important for drawing apps, but note taking apps are typically exempt from this | -| Stylus | Stylus only (reject finger) | Drawing / Handwriting | Select the option to be in "stylus mode" only. Try drawing using the stylus and then using the finger. The canvas should only have markings when using the stylus, and not when using the finger. | -| Stylus | Stylus touch cancel | Drawing / Handwriting | While using stylus to draw, place palm against the touchscreen. No additional markings should appear on canvas due to hand being placed there (palm rejection) | -| Desktop Functionality | Multi-Tasking function | Background apps | Open app, engage function, open any other app. App continues background function (e.g. background audio, stopwatch) | diff --git a/site/en/education/whats-kiosk-mode.md b/site/en/education/whats-kiosk-mode.md deleted file mode 100644 index cb40a3a6..00000000 --- a/site/en/education/whats-kiosk-mode.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: What's Kiosk Mode? -metadesc: Understand what kiosk mode is for Chrome OS. -date: 2021-03-21 -weight: -6 -tags: - - web ---- - -Kiosk apps are applications that are deployed via a Chrome OS Enterprise policy that allow an application to run fullscreen on a device device without needing to be logged in. Kiosk apps are deployed in schools for testing, enterprises for digital signage, and kiosks where enterprise customers can interact with a designated single purpose application. Android apps on kiosk mode were deprecated in June 2021. From April 2020 onwards, our recommendation is to develop web apps for kiosk mode. - -## Develop a kiosk application for Chrome OS - -If you are starting a new kiosk application, we strongly recommend developing a web application, and highly encourage a Progressive Web Application for offline access. If you have an existing kiosk app that is a Chrome App or Android application, you should migrate your existing application to a web application to continue receiving kiosk support. For Chrome Apps that relied on Chrome kiosk specific APIs (such as [chrome.runtime](https://developer.chrome.com/docs/extensions/reference/runtime/)) you can still call these APIs by deploying an [extension that pairs with your web application](/{{locale.code}}/education/connecting-an-extension-from-a-kiosk-pwa) in kiosk mode. - -## Special Notes regarding kiosk mode - -- **Kiosk mode is not ephemeral** - If there is any user data that is stored on device, it will be available next time someone uses kiosk mode. It is the app developer’s responsibility to [maintain data integrity](https://developer.chrome.com/docs/extensions/reference/browsingData/). -- **[Extensions can be run in kiosk mode](/{{locale.code}}/education/connecting-an-extension-from-a-kiosk-pwa)** - Kiosk mode can automatically install and run extensions for web apps. This can allow your app to access features not normally available as web APIs, for instance proxying data or restarting the kiosk via more privileged extension APIs. -- **Browser navigation can still occur** - Although there is no URL bar in kiosk mode, users can still navigate to other pages not within your web app by clicking on links displayed in your application. For education apps, this may mean that you need to lock down the device by deploying an extension that prevents navigation to different URLs, disabling iframes within your application, or by enforcing an [enterprise policy of blocked URLs](https://support.google.com/chrome/a/answer/1375678?hl=en#:~:text=alerting%20contact%20info-,URL%20blocking,-Kiosk%20virtual%20keyboard). diff --git a/site/en/education/connecting-an-extension-from-a-kiosk-pwa.md b/site/en/kiosk/connecting-an-extension-from-a-kiosk-pwa.md similarity index 100% rename from site/en/education/connecting-an-extension-from-a-kiosk-pwa.md rename to site/en/kiosk/connecting-an-extension-from-a-kiosk-pwa.md diff --git a/site/en/kiosk/index.md b/site/en/kiosk/index.md new file mode 100644 index 00000000..ba486021 --- /dev/null +++ b/site/en/kiosk/index.md @@ -0,0 +1,42 @@ +--- +title: Kiosk apps on Chrome OS +metadesc: Developing kiosk apps for Chrome OS. +hero: + image: + top: ix://landings/heroes/education.svg + bottom: ix://landings/heroes/education-small.svg +interest: + title: App optimization support + body: If you're planning on developing a kiosk app for ChromeOS, and would like help from us, please fill out our developer interest form. After doing so, someone from Google may reach out to you to further clarify your feedback or needs. Please note that filling out this form does not constitute automatic inclusion in this program. + cta: + url: https://forms.gle/wPUjwhLgLnqvsqDG6 + text: Apply now +date: 2022-03-21 +weight: -8 +--- + +[Kiosk mode](https://chromeenterprise.google/os/kiosk-and-digital-signage/) is a specialized way of running ChromeOS that focuses on just one application at a time. Set by an administrator, kiosk applications are locked in full screen and run without user login to the device. This differs from the traditional user session or managed guest session modes which allows the user or guest to access multiple apps and the browser. + +Kiosk mode can be used for: + +- Standardized testing applications deployed in schools +- Digital signage for businesses and enterprises +- Self-service kiosks for retail and hospitality + +Kiosk mode provides a locked down, secure environment, admin-controlled user experience. + +## Enable kiosk mode + +To enable kiosk mode, you will need a [management license](https://services.google.com/fh/files/misc/kiosk_signage_upgrade.pdf) which gives you the tools to set up and manage your own fleet of kiosk devices. A managed device lets you set security controls and remote management capabilities that can control device policies, deploy apps, control OS updates, capture screenshots and monitor device status, all via the cloud-based Google Admin console. + +## Kiosk application and capabilities + +ChromeOS kiosk mode supports web apps, and building a Progressive Web App is a great way to provide a stellar kiosk experience for your users: + +- Store offline content, [like videos](/{{locale.code}}/kiosk/managing-video-storage-on-the-web), with service workers and data storage APIs like Cache API and IndexedDB. +- Persist application state even without an internet connection by using the [Workbox](https://developer.chrome.com/docs/workbox/) library to implement service worker routing and caching. +- Unlock even more features in your kiosk app with [Project Fugu](https://developer.chrome.com/capabilities/), the Chromium Web Capabilities project. + +You can also build a [companion extension that pairs with your PWA in kiosk mode](/{{locale.code}}/kiosk/connecting-an-extension-from-a-kiosk-pwa). Doing so lets you take advantage of [Chrome APIs](https://developer.chrome.com/docs/extensions/reference/) (such as `chrome.runtime`) and advanced capabilities, like configuring display settings, controlling connected audio, and rebooting devices, that kiosk and enterprise extensions can be enabled to do. + +Kiosk on ChromeOS gives you a secure and reliable platform to deliver a single-app focused experience to your customers, whether they need to display static informational pages or create interactive experiences. With built-in tooling to manage and deploy kiosk devices, ChromeOS kiosk lets you get started with developing today and prioritize building great features for your users. diff --git a/site/en/kiosk/kiosk.json b/site/en/kiosk/kiosk.json new file mode 100644 index 00000000..0091e76e --- /dev/null +++ b/site/en/kiosk/kiosk.json @@ -0,0 +1,12 @@ +{ + "layout": "tech-detail", + "tags": ["kiosk"], + "section": "kiosk", + "eyebrow": "Kiosk", + "resources": [ + { + "title": "Chrome Extensions", + "url": "https://developer.chrome.com/docs/extensions/" + } + ] +} diff --git a/site/en/enterprise/managing-video-storage-on-the-web.md b/site/en/kiosk/managing-video-storage-on-the-web.md similarity index 100% rename from site/en/enterprise/managing-video-storage-on-the-web.md rename to site/en/kiosk/managing-video-storage-on-the-web.md diff --git a/site/en/education/testing-kiosk-apps.md b/site/en/kiosk/testing-kiosk-apps.md similarity index 100% rename from site/en/education/testing-kiosk-apps.md rename to site/en/kiosk/testing-kiosk-apps.md diff --git a/site/es/android/tests.md b/site/es/android/tests.md deleted file mode 100644 index 4332fe10..00000000 --- a/site/es/android/tests.md +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: Pruebas -metadesc: Esta tabla resume las pruebas que el equipo de Chrome OS ha utilizado para evaluar las aplicaciones de Android para Chrome OS. -date: 2020-05-01 -weight: 1 -tags: - - gestión de ventanas - - soporte para mouse - - soporte para trackpad - - soporte para lápiz óptico - - soporte para teclado - - dispositivos de entrada ---- - -La siguiente tabla incluye un conjunto de casos de prueba que puede usar en su propio plan de prueba. Los casos de prueba cubren una amplia gama de escenarios comunes para los que las aplicaciones de Android deberían estar preparadas si se espera que se ejecuten en dispositivos Chrome OS. - -| Tipo de prueba | Caso de prueba | Escenario de la aplicación | Caso de éxito | -| ----------------------------------------------------------- | -------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -| Encuentra la aplicación en Play Store | Todas | La aplicación existe en Play Store, a la que se accede desde una Chromebook (no hay problema si funciona según lo previsto). NOTA: Las [banderas en su AndroidManifest.xml](https://developer.android.com/guide/topics/manifest/uses-feature-element) pueden hacer que la aplicación no esté disponible dependiendo del hardware en el dispositivo Chrome OS. Esta prueba se ejecuta mejor en dispositivos clamshell, ya que representan con mayor precisión el perfil de hardware de la mayoría de los dispositivos. | -| Instalar aplicación | Todas | La aplicación se instala en el Chromebook sin problemas | -| Clamshell: Iniciar aplicación | Todas | La aplicación se abre sin fallar, colgarse o lanzar ANR (la aplicación no responde). El contenido de la aplicación es vertical. | -| Gestión de ventanas | Clamshell: Cambiar tamaño de ventana | Todas | Si el botón para cambiar el tamaño de la ventana está disponible, cambie el tamaño de la ventana. La aplicación no se bloquea / cuelga / ANR. El contenido de la aplicación se escala. Prueba esto en varias páginas de la aplicación. El cursor activo debe permanecer en su lugar y el contenido de la página no debe cambiar (excepto para ajustarse a un diseño de pantalla más grande). | -| Gestión de ventanas | Clamshell: cambio de tamaño de forma libre | Todas | Intente arrastrar la esquina de la ventana para cambiar el tamaño de la ventana. La aplicación no se bloquea / cuelga / ANR. El contenido de la aplicación se escala. Prueba esto en varias páginas de la aplicación. El cursor activo debe permanecer en su lugar y el contenido de la página no debe cambiar (excepto para ajustarse a un diseño de pantalla más grande). | -| Gestión de ventanas | Clamshell: vuelve a abrir la aplicación | Todas | Si el botón para cambiar el tamaño de la ventana está disponible, cambie el tamaño de la ventana y cierre la aplicación, luego vuelva a abrirla. La aplicación debe iniciarse en el tamaño y orientación esperados de la ventana (última actividad desde que se abrió). | -| Gestión de ventanas | Clamshell: minimizar y restaurar | Todas | Minimiza y restaura la aplicación. La aplicación no se bloquea / cuelga / ANR, y el contenido vuelve a aparecer sin cambios. | -| Gestión de ventanas | Clamshell: aplicación de pantalla completa | Todas | La tecla de pantalla completa en el teclado de Chrome OS debería poner la aplicación en pantalla completa (es decir, sin barra superior). La aplicación no se bloquea / cuelga / ANR. Escalas de contenido de la aplicación | -| Mouse + Trackpad | Clamshell: Trackpad = Click | Todas | Use el panel táctil para hacer clic en un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Mouse + Trackpad | Clamshell: Trackpad = clic derecho | Todas | Use el panel táctil para hacer clic derecho (toque con dos dedos) en un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Mouse + Trackpad | Clamshell: Trackpad = Scroll | Todas | En un área desplazable de la aplicación (por ejemplo, una lista), use la acción de desplazamiento con dos dedos en el panel táctil. El contenido de la aplicación debería desplazarse. | -| Mouse + Trackpad | Cubierta: Trackpad = Zoom | Todas | En un área con zoom de la aplicación (por ejemplo, una imagen o un mapa), use el panel táctil para hacer zoom. El contenido de la aplicación debería hacer zoom. | -| Mouse + Trackpad | Clamshell: Mouse = Click | Todas | Con un dispositivo de mouse, haga clic en un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Mouse + Trackpad | Clamshell: mouse = clic derecho | Todas | Con un dispositivo de mouse, haga clic derecho en un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Mouse + Trackpad | Cubierta: Ratón = Desplazamiento | Todas | En un área desplazable de la aplicación (por ejemplo, una lista), use la rueda de desplazamiento. El contenido de la aplicación debería desplazarse. | -| Mouse + Trackpad | Clamshell: Mouse = Desplazarse para hacer zoom | Todas | En un área con zoom de la aplicación (por ejemplo, una imagen o un mapa), use la rueda de desplazamiento. El contenido de la aplicación debería hacer zoom. | -| Mouse + Trackpad | Clamshell: pantalla táctil = clic | Todas | Usando su dedo, presione un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Mouse + Trackpad | Clamshell: pantalla táctil = clic derecho | Todas | Usando su dedo, mantenga presionado un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Mouse + Trackpad | Clamshell: pantalla táctil = desplazamiento | Todas | En un área desplazable de la aplicación (por ejemplo, una lista), use la acción de desplazamiento con uno o dos dedos. El contenido de la aplicación debería desplazarse. | -| Mouse + Trackpad | Cubierta: Pantalla táctil = Zoom | Todas | En un área con zoom de la aplicación (por ejemplo, una imagen o un mapa), use los dedos para hacer zoom en la pantalla táctil. El contenido de la aplicación debería hacer zoom. | -| Stylus | Cubierta: Stylus = Click | Todas | Con un lápiz, haga clic en un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Stylus | Clamshell: Stylus = Scroll | Todas | En un área desplazable de la aplicación (por ejemplo, una lista), use la acción de deslizar / desplazar el lápiz. El contenido de la aplicación debería desplazarse. | -| Entrada | Clamshell: teclado físico | Todas | Mientras está en modo clamshell, haga clic en un cuadro de entrada de texto, escriba texto con el teclado. El teclado en pantalla no debería aparecer. El texto escrito debe aparecer en el cuadro de entrada sin retraso. | -| Comprar contenido en la aplicación | IAP habilitado | Mientras está conectado, intente comprar contenido en la aplicación. El contenido debe aparecer en la aplicación según corresponda. La compra debe aparecer en el historial de compras de Play. | -| Suspender / Reanudar | Todas | Mientras la aplicación se está ejecutando, cierre Chromebook. Después de 5-10 segundos, vuelva a abrir Chromebook. La aplicación debe volver a conectarse en el mismo estado. | -| Conectividad wifi | Todas | Apaga el wifi. Observe que la aplicación se queja de la falta de conexión a Internet. Vuelva a encender WiFi. Observe que la aplicación se conecta de nuevo a Internet y es funcional. | -| Gestión de ventanas | Transiciones entre clamshell y touchview | Todas | Abra una aplicación en modo clamshell y luego cambie el dispositivo al modo de vista táctil. El tamaño y la orientación de la ventana deberían actualizarse como se esperaba. | -| Touchview: Iniciar aplicación | Todas | La aplicación se abre sin fallar, colgarse o lanzar ANR (la aplicación no responde). El contenido de la aplicación es vertical. Prueba esto tanto en modo horizontal como en retrato. | -| Gestión de ventanas | Vista táctil: Cambiar tamaño de ventana | Todas | Si el botón para cambiar el tamaño de la ventana está disponible, cambie el tamaño de la ventana. La aplicación no se bloquea / cuelga / ANR. El contenido de la aplicación se escala. Prueba esto en varias páginas de la aplicación. El cursor activo debe permanecer en su lugar y el contenido de la página no debe cambiar (excepto para ajustarse a un diseño de pantalla más grande). Prueba esto tanto en paisaje como en retrato. | -| Gestión de ventanas | Touchview: vuelve a abrir la aplicación | Todas | Si el botón para cambiar el tamaño de la ventana está disponible, cambie el tamaño de la ventana y cierre la aplicación, luego vuelva a abrirla. La aplicación debe iniciarse en el tamaño y orientación esperados de la ventana (última actividad desde que se abrió). Prueba esto en modo horizontal y vertical. | -| Gestión de ventanas | Vista táctil: minimizar y restaurar | Todas | Minimiza y restaura la aplicación. La aplicación no se bloquea / cuelga / ANR, y el contenido vuelve a aparecer sin cambios. | -| Gestión de ventanas | Touchview: rotar dispositivo | Todas | Mientras está en modo tableta, gire el dispositivo 90 grados. La aplicación no debe girar O gira y la ventana y el contenido cambian de tamaño adecuadamente. El cursor / página activa debe permanecer en su lugar. | -| Entrada | Vista táctil: pantalla táctil = clic | Todas | Usando su dedo, presione un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Entrada | Vista táctil: pantalla táctil = clic derecho | Todas | Usando su dedo, mantenga presionado un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Entrada | Vista táctil: pantalla táctil = desplazamiento | Todas | En un área desplazable de la aplicación (por ejemplo, una lista), use la acción de desplazamiento con uno o dos dedos. El contenido de la aplicación debería desplazarse. | -| Entrada | Vista táctil: pantalla táctil = Zoom | Todas | En un área con zoom de la aplicación (por ejemplo, una imagen o un mapa), use los dedos para ampliar el contenido. El contenido de la aplicación debería hacer zoom. | -| Entrada | Vista táctil: Stylus = Click | Todas | Con un lápiz, haga clic en un control táctil. La aplicación debería responder como si hubiera un toque precisamente en esta ubicación, sin retraso. | -| Entrada | Vista táctil: lápiz óptico = desplazamiento | Todas | En un área desplazable de la aplicación (por ejemplo, una lista), use la acción de deslizar / desplazar el lápiz. El contenido de la aplicación debería desplazarse. | -| Entrada | Touchview: teclado virtual | Todas | Mientras está en modo tableta, toque un área de la aplicación que ingrese texto y escriba texto. El teclado y el texto en pantalla deben aparecer como se espera. Intente en orientación vertical y horizontal (y las transiciones intermedias). | -| Cámara | Vista táctil: tomar una foto | Comunicación | La aplicación abre la cámara y las imágenes de vista previa se escalan y se orientan correctamente. La imagen resultante tomada se escala y se orienta correctamente. Prueba esto en modo vertical y horizontal. | -| Touchview: Grabar un video | Comunicación | La aplicación abre la cámara y las imágenes de vista previa se escalan y se orientan correctamente. Al comenzar la grabación, la vista previa se escala y se orienta correctamente. La reproducción es suave y funciona como se esperaba (sin retraso en el audio / video, el video está a la velocidad en la que fue grabado). Prueba esto en modo vertical y horizontal. | -| Gestión de ventanas | Vista táctil: cambio de orientación mientras la cámara está encendida | Comunicación | Abre la cámara de la aplicación. Gire el dispositivo 90 grados. La aplicación no debe bloquearse, bloquearse, ANR (la aplicación no responde). La aplicación no debe girar O gira y la ventana y el contenido cambian de tamaño adecuadamente. | -| Crear contenido | Creación de contenido | Registros de salida (dibujo, texto, audio) en la aplicación como se esperaba (sin retrasos) | -| Guardar contenido | Creación de contenido | La aplicación guarda el contenido (localmente o en la nube), y el contenido se recrea fielmente cuando se vuelve a abrir | -| Compartir contenido | | La aplicación comparte contenido con terceros. Un tercero puede recibir y abrir contenido | -| Comunicación 1: 1 | Comunicación | Envíe uno de cada tipo de mensaje posible a otro usuario (por ejemplo, correo electrónico, mensaje de texto, llamada telefónica, videollamada, etc.). Verifique la transmisión. | -| 1: mucha comunicación | Comunicación | Publique uno de todos los tipos posibles en un grupo (por ejemplo, publicación de noticias, publicación en el foro, grupo de chat). Verifique la transmisión. | -| Cámara | Clamshell: tomar una foto | Comunicación | La aplicación abre la cámara y las imágenes de vista previa se escalan y se orientan correctamente. La imagen resultante tomada se escala y se orienta correctamente. | -| Cámara | Clamshell: Grabar un video | Comunicación | La aplicación abre la cámara y las imágenes de vista previa se escalan y se orientan correctamente. Al comenzar la grabación, la vista previa se escala y se orienta correctamente. La reproducción es fluida y funciona como se esperaba (sin retraso en el audio / video, el video está a la velocidad en la que fue grabado). | -| Cámara | Clamshell: la cámara vuelve a intentarlo después de que se reanuda la aplicación | Comunicación | Abre la cámara de la aplicación. Cierre la tapa del dispositivo. Abra la tapa del dispositivo. La aplicación ahora debe continuar permitiendo que el usuario tome una foto, o poder permitir que el usuario vuelva a intentar tomar una foto sin reiniciar la aplicación. | -| Entrada | Toca para dibujar | Dibujo / escritura a mano | Use un dedo para ingresar trazos de dibujo en la aplicación. Los trazos deben aparecer en el lienzo como se esperaba sin retraso. | -| Stylus | Stylus para dibujar | Dibujo / escritura a mano | Use el lápiz para ingresar trazos de dibujo en la aplicación. Los trazos deben aparecer en el lienzo como se esperaba, sin retraso | -| Reproducción de vídeo | Comunicación / Social y medios | Reproduce un video dentro de la aplicación. La reproducción debe ser fluida y sin retrasos. El sonido también debe ser claro | -| Volumen de sonido | Comunicación / Social y medios | Si la aplicación tiene controles de volumen, intente cambiarla mientras se reproducen los medios (con sonido). El volumen debe ajustarse en consecuencia. | -| Movimiento de inclinación | Juegos | Incline el dispositivo mientras juega un juego de detección de movimiento. La aplicación debería responder en consecuencia. | -| Búsqueda de ubicación | Clima / Mapas / Navegación | La aplicación debería poder encontrar la ubicación general del usuario (incluso sin hardware de GPS) | -| Otra funcionalidad específica de la aplicación no capturada | Todas | Use esto solo si uno de los casos de prueba de acciones anteriores no encaja | -| UI | Diseño de pantalla grande | Todas | Si la interfaz de usuario de la aplicación aprovecha el espacio adicional de la pantalla (el contenido debe ocupar todo el ancho de la pantalla en el dispositivo y / o el contenido debe tener el tamaño adecuado) | -| Mouse + Trackpad | Clamshell: Trackpad = Arrastrar y soltar | Todas | Coloque un fragmento de contenido (por ejemplo, una imagen) en un área de la aplicación donde esto podría tener sentido con el panel táctil. El objeto descartado debe ejecutarse (por ejemplo, cargar). | -| Mouse + Trackpad | Clamshell: Mouse = arrastrar y soltar | Todas | Usando un mouse, suelte un contenido (por ejemplo, una imagen) en un área de la aplicación donde esto pueda tener sentido. El objeto descartado debe ejecutarse (por ejemplo, cargar). | -| Entrada | Clamshell: pantalla táctil = arrastrar y soltar | Todas | Con el dedo, suelte un contenido (por ejemplo, una imagen) en un área de la aplicación donde esto tenga sentido. El objeto descartado debe ejecutarse (por ejemplo, cargar). | -| Stylus | Clamshell: Stylus = Arrastrar y soltar | Todas | Usando el lápiz, coloque un contenido (por ejemplo, una imagen) en un área de la aplicación donde esto pueda tener sentido. El objeto descartado debe ejecutarse (por ejemplo, cargar). | -| Atajos del teclado + Nav | Clamshell: teclas especiales: flecha | Todas | Las teclas de flecha en el teclado de Chrome OS deberían funcionar exactamente como se espera dentro de la aplicación | -| Atajos del teclado + Nav | Clamshell: teclas especiales: pestaña | Todas | La tecla de tabulación del teclado de Chrome OS debería funcionar exactamente como se esperaba | -| Atajos del teclado + Nav | Clamshell: teclas especiales: cortar y copiar | Todas | En un cuadro de entrada de texto (por ejemplo, entrada de mensaje, nombre de puntaje alto), seleccione algún texto existente. Cortar con [[CTRL]]+[[X]]. Pegar en otra aplicación con [[CTRL]]+[[V]]. Vuelva a probar con Copiar en lugar de Cortar. | -| Atajos del teclado + Nav | Clamshell: teclas especiales: tecla ESC | Todas | La tecla ESC corresponde a cerrar la ventana activa o volver a la página anterior. | -| Atajos del teclado + Nav | Clamshell: teclas especiales: tecla enter | Todas | Al presionar Intro se activará el botón seleccionado, o al presionar Intro mientras se edita un campo de entrada en un formulario con múltiples campos, se envía el formulario. | -| Atajos del teclado + Nav | Clamshell: teclas especiales: ingrese para enviar | Todas | En un cuadro de entrada de texto (por ejemplo, entrada de mensaje, nombre de puntaje alto), ingrese algo de texto y luego presione Intro. El texto debe enviarse a la aplicación. | -| Atajos del teclado + Nav | Clamshell: teclas especiales: teclas de acceso rápido de la aplicación | Todas | Intente presionar cualquier método abreviado de teclado comúnmente utilizado para la aplicación. La aplicación debería responder como se esperaba. | -| Atajos del teclado + Nav | Clamshell: teclas especiales: volver | Todas | La tecla de retroceso en el teclado de Chrome OS debería funcionar exactamente como el botón de retroceso en Android. | -| Atajos del teclado + Nav | Clamshell: teclas especiales: actualizar | Todas | Dirígete a cualquier área de la aplicación con contenido en vivo / perecedero. La tecla de actualización en el teclado CrOS debería actualizar la vista. | -| Atajos del teclado + Nav | Clamshell: teclas especiales: ventana de acoplamiento | Todas | Use ALT + [o ALT +] para acoplar la aplicación a un lado de la pantalla. La aplicación debe acoplarse, similar al comportamiento del navegador Chrome. | -| Funcionalidad de escritorio | Modo offline | Todas | Apague el wifi desde el menú de configuración. Intente utilizar una función de la aplicación que esté disponible sin conexión. Observe si la función fuera de línea es funcional. | -| Entrada | Vista táctil: pantalla táctil = arrastrar y soltar | Todas | Con el dedo, suelte un contenido (por ejemplo, una imagen) en un área de la aplicación donde esto tenga sentido. El objeto descartado debe ejecutarse (por ejemplo, cargar). | -| Stylus | Touchview: Stylus = Arrastrar y soltar | Todas | Usando el lápiz, coloque un contenido (por ejemplo, una imagen) en un área de la aplicación donde esto pueda tener sentido. El objeto descartado debe ejecutarse (por ejemplo, cargar). | -| Stylus | Presión del lápiz | Dibujo / escritura a mano | Use el lápiz óptico para ingresar trazos de dibujo o borrar trazos de dibujo de diferentes sensibilidad a la presión. Los trazos deben aparecer en el lienzo con un peso variable como se esperaba. | -| Stylus | Borrar usando el lápiz | Dibujo / escritura a mano | Seleccione la opción de borrar y use el lápiz para borrar partes de un dibujo. Las marcas deberían desaparecer como se esperaba. Importante para las aplicaciones de dibujo, pero las aplicaciones para tomar notas están generalmente exentas de esto | -| Stylus | Stylus solamente (rechazar dedo) | Dibujo / escritura a mano | Seleccione la opción para estar en "modo lápiz" solamente. Intente dibujar con el lápiz y luego con el dedo. El lienzo solo debe tener marcas cuando se usa el lápiz óptico, y no cuando se usa el dedo. | -| Stylus | Stylus prevenir entrada con el tacto | Dibujo / escritura a mano | Mientras usa el lápiz para dibujar, coloque la palma contra la pantalla táctil. No deben aparecer marcas adicionales en el lienzo debido a que la mano se coloca allí (rechazo de la palma) | -| Funcionalidad de escritorio | Función multitarea | Aplicaciones de fondo | Abra la aplicación, active la función, abra cualquier otra aplicación. La aplicación continúa la función de fondo (por ejemplo, audio de fondo, cronómetro) | diff --git a/site/sass/layouts/_tech-detail.scss b/site/sass/layouts/_tech-detail.scss index ce294e31..2b4c2e04 100644 --- a/site/sass/layouts/_tech-detail.scss +++ b/site/sass/layouts/_tech-detail.scss @@ -277,6 +277,7 @@ &.education, &.android, &.games, + &.kiosk, &.web { #{$root}__hero { background-color: $blue-bg;