Tag: large-screen TVs

You could be using your phone to sign in to Facebook on the big screen

Article

Apple TV 4th Generation press picture courtesy of Apple

You could be able to log in to Facebook on this device using your smartphone’s Facebook client

Facebook Login Updated for tvOS, FireTV, Android | AdWeek SocialTimes

From the horse’s mouth

Facebook

Developer News Press Release

Improving Facebook Login For TV and Android

My Comments

A holy grail that is being achieved for online services is to allow users to authenticate with these services when using a device that has a limited user interface.

TV remote control

A typical smart-TV remote control that can only offer “pick-and-choose” or 12-key data entry

An example of this is a Smart TV or set-top device, where the remote control for these devices has a D-pad and a numeric keypad. Similarly, you have a printer where the only interface is a D-pad or touchscreen, with a numeric keypad only for those machines that have fax capabilities.

Here, it would take a long time to enter one’s credentials for these services due to the nature of the interface. This is down to a very small software keyboard on a touchscreen, using “SMS-style” text entry on the keypad or “pick-and-choose” text entry using the D-pad.

Facebook initially looked at this problem by displaying an authentication code on the device’s user interface or printing this code out when you want to use it from that device. Then you go to a Web-enabled computer or mobile device and log in to facebook.com/device and transcribe that code in to the page to authenticate the device with Facebook.

Here, they are realising that these devices have some role with the Social Web, whether to permit single sign-on, allow you to view photos on your account or use it as part of a comment trail. But they also know that most of us are working our Facebook accounts from our smartphones or tablets very frequently and are doing so with their native mobile client app.

But they are taking a leaf out of DIAL (DIscovery And Launch) which is being used as a way to permit us to throw YouTube or Netflix sessions that we start on our mobile devices to the big screen via our home networks. It avoids a long rigmarole of finding a “pairing screen” on both the large-screen and mobile apps, then transcribing a PIN or association code from the large screen to the mobile client to be able to have it on the TV screen,

This is where you will end up authenticating that big-screen app's Facebook login request

This is where you will end up authenticating that big-screen app’s Facebook login request

What Facebook are now doing for the 4th generation Apple TV (tvOS) and Android-based TV/video peripheral platforms (Android TV / Amazon FireTV) is to use the mobile client app to authenticate.

Here, you use a newer version of the Facebook mobile client, the Facebook Lite client or the Google Chrome Custom Tabs to authenticate with the big screen across the home network. The TV or set-top device, along with the mobile device running the Facebook mobile client both have to be on the same logical network which would represent most small networks. It is irrespective of how each device is physically connected to the network such as a mobile device using Wi-Fi wireless and the Apple TV connected via HomePlug AV500 powerline to the router for reliability.

What will happen is that the TV app that wants to use Facebook will show an authentication code on the screen. Then you go to the “hamburger” icon in your Facebook mobile client and select “Device Requests” under Apps. There will be a description of the app and the device that is wanting you to log in, along with the authentication code you saw an the TV screen. Once you are sure, you would tap “Confirm” to effectively log in from the big screen.

At the moment, this functionality is being rolled out to tvOS and Android-based devices with them being the first two to support the addition and improvement of application programming interfaces. But I would see this being rolled out for more of the Smart TV, set-top box and similar device platforms as Facebook works through them all.

Spotify login screen

This kind of single-sign-on could apply to your Smart TV

One issue that may have to crop up would be to cater for group scenarios, which is a reality with consumer electronics that end up being used by all of the household. Here, software developers may want to allow multiple people to log in on the same device, which may be considered important for games with a multiplayer element, or to allow multiple users to be logged in but with one user having priority over the device at a particular time like during an on-screen poll or with a photo app.

Another question that could be raised is where Facebook is used as the “hub” of a user’s single-sign-on experience. Here, an increasing number of online services including games are implementing Facebook as one of the “social sign-on” options and the improved sign-on experience for devices could be implemented as a way to permit this form of social sign-on across the apps and services offered on a Smart TV for example. It could subsequently be feasible to persist current login / logout / active-user status across one device with all the apps following that status.

Other social-media, messaging or similar platforms can use this technology as a way to simplify the login process for client-side devices that use very limited user interfaces. This is especially where the smartphone becomes the core device where the user base interacts with these platforms frequently.

Creating your own electronic signage for your organisation

Any of the flat-screen TVs on the market including the 4K models can serve as electronic signage

Any of the flat-screen TVs on the market including the 4K models can serve as electronic signage

One use you can put flat-panel displays (including TVs) and projectors to is as an electronic signboard for your business or organisation. This can be alongside a computer that you set aside for that task or a having the display itself or a video peripheral like a Blu-Ray player do the task of showing the signage.

Here, you can use common computer software to create the signage that you can keep revised and updated as your needs change and either show them using this software or create JPEG files of the signage to show using your display or video peripheral.

Create the signage material

Microsoft PowerPoint - useful for creating electronic signage

Microsoft PowerPoint – useful for creating electronic signage

Use a presentation program like Microsoft PowerPoint, OpenOffice Impress or Apple Keynote to create your slides. Here, make sure you have the page layout set up for a 4:3, 16:9 or 16:10 screen when you set up your presentation with the aspect ration dependent on what most of your equipment can work with natively.

Sometimes, you may find that the DL paper size may be able to provide that “wide expansive look” for your signage on a 4:3 or 16:9 display. Other layout sizes that can also work include the “business-card” size or the classic 3:2 layout associated with still images taken on 35mm film.

Some of you may base your signage on other printable collateral that you have created like handbills, flyers or business cards. The best formats for the collateral that you want to use would be most of the common paper sizes with the document set in landscape format. In this case, you simply make a high-resolution JPEG or PNG bitmap from the PDF master file for the printed collateral.

You may decide to implement animation in your signage using the presentation program if it supports that feature but the program must be able to export these signs as a video file that most devices can understand. Here, you may want a particular sign to have an animated effect for the duration of that message, including an effect that happens when it appears and another when it disappears.

If you are using an electronic picture frame or a tablet purposed as one and you have this set up in a vertical (portrait) manner, you may find that you could use a vertical page layout here.

How should it look

You may find that your electronic signage may work really well if you use bright features like text or graphics set against a darker background. This will effectively make the text and graphics “pop” against the background and is also more flexible for use with video projectors.

As well the text is best set up using sans-serif fonts like the Helvetica or Comic Sans font families rather than serif fonts like the Times Roman or Courier font families. This is more so where you are using a projector or a large display that is likely to be viewed at a distance. Here, such text becomes easier to read from a distance. But you can make use of mixed-case lettering to make best use of the space as well as allowing for improved legibility.

Learn from example

Presentation shown on retractable screen

These presentations can be a good example of what you can do for electronic signage

If you are looking for good examples to work from, pay attention to some of the work others have done in this field, especially if this is your first effort at visual merchandising.

For example, look at the slides that are shown before the main film when you are watching a movie at the cinema, or the slides shown at business presentations during any conference or expo you attend. Similarly, when you are loafing on that couch watching TV, look at the announcement or advisory slides that are shown before or after the TV shows or any of the menus and warning notices shown before DVD or Blu-Ray video content.

Here, you observe things like text pitch and layout along with how the text and other highlights look against the background. Similarly, it may be worth noticing different colour combinations that are used in this material.

Export your slides to high-resolution picture or video files

PDF2PNG or PDF2JPG can come in handy for creating bitmap images of your electronic-signage PDFs

PDF2PNG or PDF2JPG can come in handy for creating bitmap images of your electronic-signage PDFs

Once you have finished with creating your masterpiece slides and you are satisfied with them, export a PDF copy of the presentation. Then you use a PDF-to-JPEG export site to export your PDF-based presentation to high-resolution JPEG files that work with most TV screens. I have highlighted this process in my article and SlideShare presentation about how you can create better high-resolution JPEG output form PowerPoint.

This process is important if you aren’t using the same or compatible presentation tool to show the electronic signage or are using consumer-electronics devices as the display tools.

If you create a highly-animated screenshow using your presentation tool, export it as an MP4 (H.264) or other common video file which your displays will support. Here, you don’t have to add any sound to the file because this will come alive with just the vision. If you have to convert the animation file, you may find that most video-editing or video-conversion utilities can do this job very adequately. Here, you may find that you could make video files for each slide rather than for the whole presentation so as to allow for devices to randomly show the slides or to allow a mix of animated and still signage.

Showing them on the screen

Using your network and UPnP AV / DLNA technologies

DLNA collections listed as sources on the TV

DLNA content collections listed as sources on a Samsung Smart TV

If you have a NAS or file server that is running DLNA media server software, (most of these would be), you can use UPnP AV / DLNA as a way to show the electronic signage. Here, you use a TV that has DLNA functionality integrated in it like most, if not all, of the smart TVs; or have a TV, monitor or projector connected to a DLNA-capable video peripheral like a Blu-Ray player, network media player or games console.

Here, you use the remote control on the TV or video peripheral to “pull up” the images that are in a folder shared by the server device’s media-server software. Or an increasing number of devices can respond to DLNA-standard media-controller software like the “Play To”/ “Cast To Device” function offered in Microsoft Windows operating systems since Windows 7, allowing you to “throw” the pictures up on the screen using your regular computer or mobile device.

Pioneer BDP-160 Blu-Ray Player (Pioneer Europe press image)

Pioneer BDP-160 DLNA-capable Blu-Ray player – can enable a cheap flat-screen TV, monitor or projector to be used for electronic signage

But you have to have all of the “signage” slides in a folder that is accessible to and shared by the DLNA media server software. On some NAS units, you may be able to add an option for a shared-folder tree anywhere on the NAS to be indexed and shared by the DLNA media server; or you may be required to keep your media content under a certain shared-folder tree. Then you maintain sub-folders that relate to particular occasions or campaigns and put the relevant electronic-signage JPEG files there.

Removable Media

Panasonic VIERA AX900 Series 4K UHDTV press picture courtesy of Panasonic

Just about all flat-screen TVs could work with USB memory keys to show electronic-signage images

Most of the large-screen TVs, Blu-Ray or DVD players, network media players or similar devices are providing the ability to show still images held on a USB memory key or SD card. Similarly, you could burn a CD or DVD full of digital images and show these on most, if not all, recent-issue DVD and Blu-Ray players  As well, an increasing number of the portable video projectors are even offering as a differentiating feature the ability to allow you to show pictures or videos from a USB memory key or SD card.

Here, you can upload a campaign’s worth of images to a USB memory key and plug it directly in to your display device or video peripheral. To the same extent, you could put these images on an optical disc and show them using most recent DVD and Blu-Ray players.

Using removable media works best if you are working with one or two display devices to show your signage material. Similarly, it can work very well if you are not likely to change the material very frequently.

You may also find that some of these display devices or video peripherals will run the images at the sharpest resolution that the display can support. Here, the playout hardware integrated in the display is working directly with the display rather than at an “agreed” resolution.

A computer connected to a large display

Lenovo ThinkPad X1 Carbon Ultrabook

Desktop or laptop computers when used with external displays can earn their keep for electronic signage

Some of you may customarily hook up a computer to a large display like a projector and will want to use it for showing the electronic signage. It would be of importance for churches and other houses of worship where a computer is used to show worship material; or cinemas and theatres where a computer is used to show the program material.

Here, you could use a presentation program to do the job especially if you used the same presentation program or a compatible piece of software to create those slides; or just get by with a photo-viewing or media-playout tool like even Windows Photo Viewer to do this job without installing extra software. I have written up some instructions on how to press this program in to service with a larger display when you have a dual-display setup like a laptop connected to a large screen or a desktop with a monitor and a projector for showing to the audience.

Sometimes you may find that the one presentation tool doesn’t answer all of your needs with your computer or some of these tasks may be difficult to perform with that tool. For example, you, as a church AV manager, may find that a worship-lyrics program of the EasiSlides ilk can cut it just fine for the song lyrics that are part of your worship service while a program like Windows Photo Viewer can cut it for showing many JPEG images. On the other hand, you may come across that presentation tool that can satisfy main-program applications as well as the electronic signage applications.

An iPad or similar tablet

One of these tablets could work as counter-top electronic signage

One of these tablets could work as counter-top electronic signage

Most tablets have a screenshow application but you would have to upload the signage in to the tablet whether via Dropbox or similar cloud storage; connecting the tablet to your computer to transfer the files; or plugging in a microSD card or USB thumbdrive in to an Android tablet that supports USB OTG or removable media. You may also find that a DLNA media client running on your tablet can also fulfil this task effectively if your tablet and NAS are part of the same network.

It can be taken further with an Apple TV or Google Chromecast device that purposes your TV screen as the external screen for your tablet. Similarly, running a DLNA media-controller client on that tablet to “throw” the signage to DLNA MediaRender-capable devices like Smart TVs could answer your needs. But these situations may not allow you to use the tablet’s screen and the external screen simultaneously.

These would work well when you want to have this signage on a bar or reception desk for your visitors to see up close.

Conclusion

Once you know how to use your favourite presentation program to create electronic signage and that you can use cost-effective equipment to display it, you can then have a digital display that you can always have updated regularly with new information.

Web page on a big screen–How?

Facebook and Dropbox desktop

You may want to use the large screen to show people how to use social media to promote their business

Do you want to show that Web-based resource to a large group of people?

You may want to do this as part of training for concepts like social media, Web analytics and the like. Perhaps, you may want to show a particular blog post to a group or even show pictures and video from a Website or video platform but the device doesn’t have native support for that.

There are two different methods of going about this:

  • Mirroring – you see the same display on both the device’s screen and the large screen
  • Extended or Dedicated View – you can see what you want to show on the large screen but have a minimal control view on your

I will be listing the options available to you by the different equipment combinations.

Using your home or other small network

This involves using devices that connect to your computer via your home or other small network.

The common requirement for these setups is that the set-top device connected to your display and your host computer must be on the same logical network. It doesn’t matter what medium (Wi-Fi wireless, Ethernet or HomePlug powerline) is used to connect the host computer or the set-top device to your network.

This setup may not work properly if you are attempting to use a public-access network to connect your set-top device or host computer and this network implements Web-based authentication.

iOS + Apple TV

Equipment Requirements:

  • Relatively recent iOS devices (iPad 2 onwards, iPhone 4 onwards, iPod Touch 5th generation onwards) running iOS 6 or newer
  • Apple TV (3rd generation onwards)

    AirPlay devices discovered by iPad

    AirPlay devices discovered by iPad – when you tap AirPlay icon

Mirror your iPad’s display

  1. Go to Shortcut menu (tap Home button twice, slide to right)
  2. Click AirPlay button and select Apple TV
  3. Select Mirroring
  4. Bring up Web page using Safari

Dedicated Display

This requires you to use one of two apps that you buy from the iTunes App Store: AirWeb ($1.99) or AirBrowser ($6.49). These are Web browsers which present the page on to the display that is connected to the Apple TV device and use your device as a tool to navigate the Web page.

Apple TV - Mirroring on - iPad

Set up iPad for mirroring to Apple TV

AirWeb simply has your iOS device work as a mouse with the external display serving as a screen while the more expensive AirBrowser offers a more polished response and has more capabilities.

Apple Macintosh + Apple TV

Equipment Requirements

  • Apple Macintosh to run MacOS X Mountain Lion (10.8) or newer
  • Apple TV 3rd generation onwards

To connect your Apple Macintosh to your Apple TV

  1. Click AirPlay icon on the Menu Bar at the top of your screen
  2. Click the “Connect To AirPlay Display” option and select the Apple TV device you want to use
    This procedure makes the AirPlay-connected Apple TV device work as an extra monitor similar to if you had connected another monitor or projector to your Mac.

Mirrored Display

  1. Select the Mirroring option to show your system’s Desktop display on the big screen
  2. Open the Web page using your preferred browser

Extended or Dedicated Display

  1. Select the Extended Desktop option
  2. Open the Web page using your preferred browser and drag it to the new screen

Google Chromecast + Google Chrome on Windows or MacOS

Equipment Requirements:

The computer you are using to bring up the Web pages with has to run the latest version of Google Chrome browser and have the Google Cast extension installed.

Mirrored Display

  1. Click the Cast square at top right corner on Chrome in Windows
  2. Using the drop-down menu, select the “Cast this screen / window” option

Dedicated Display

  1. Start Chrome and browse to the Webpage you want to show on your large display
  2. Click the Cast icon on the tab and choose the Chromecast you want to show it to

Google Chromecast + Chromecast App on Android

Equipment Requirements

Your Android smartphone or tablet has to run the latest version of the Chromecast app, which you can download from the Google Play store.

Mirrored Display

  1. Run Chromecast app on Android device
  2. Click on the Navigation drawer (hamburger icon) on the Chromecast app’s user interface
  3. Select the Cast Screen option
  4. Select the Chromecast that you want to use, The Android device’s screen will appear on your larger screen
  5. Use Google Chrome or your favourite Android Web browser to load your site

Dedicated Display

Like the iOS platform, you will have to install a browser that shows its output on the external screen. Here, your Android device will be the control surface while you see the Webpage on your large screen.

For Android users, you will need to purchase and install the Web2Cast app which costs $1.99.

Directly-connected screen

These setups require you to connect your host computer directly to the display device, preferably via HDMI. It is a task you can perform easily with the regular-computer platforms i.e. Windows, Macintosh or Linux because this practice is performed more commonly in offices for multi-screen displays or to show presentations using a projector.

Therefore the procedure to use a directly-connected external display to show that Web page comes across as being simple.

The setup procedures are very consistent across the different major versions of these operating systems.

If you are using some “all-in-one” desktop computers, you may find that an HDMI port may be used as an input port or output port. This functionality is typically to allow one to use the computer’s display and speakers with another video peripheral like a games console or set-top box. Here, make sure that this port is set up to become an “output” port for use with external displays when you are showing a Web page on a larger screen that is connected to this HDMI port.

Windows computer

Equipment preparation

Display setup for a secondary display as a dedicated screen - Windows 7

Display setup for a secondary display as a dedicated screen – Windows 7

Connect the external display to Windows computer and make sure that Windows detects the presence of the display. Here, you may have to use Display Settings to verify that this display is properly detected. You may also have to make sure the external display is switched on and the correct input is selected.

Mirroring

  1. Right click on the Desktop and select “Display Settings
  2. Select Duplicate These Displays to see same screen
    Most laptops may allow you to invoke this setup by pressing Windows+P together
  3. Load the Webpage on your preferred Web browser and browse it as normal

Extended Display

  1. Right click on the Desktop and select Display Settings
  2. Select Extend These Displays
  3. Drag the screen which represents the external display, which should be marked as 2, to the top or right of your main screen. This is a way to help you remember that you are setting up a “big screen”.
  4. Load page on your preferred Web browser, and drag to “big screen” before you browse it.
    Windows 10 makes this process easier by allowing you to click the square “All tasks” button where there will be icons representing both the screens. Then you just drag the Web browser to the “other” screen

MacOS X

Equipment Preparation

Like with Windows, connect the external display to your Mac and make sure that MacOS X detects the presence of this display. As well, make sure that the correct source is selected on your display.

Mirrored Display

  1. Click the System Preferences menu in the Apple menu
  2. Select the Displays menu in the View menu
  3. Check Mirror Displays to show the Desktop on big screen
  4. Open the Web page in your preferred browser

Dedicated Display

  1. Click the System Preferences menu in the Apple menu
  2. Select the Displays menu in the View menu
  3. Uncheck Mirror Displays for extended desktops
  4. Drag the newly-created screen to the top of your existing screen and make sure that your existing screen is kept as the primary screen. This is a way to help you remember you are setting up and using a “big screen”.
  5. Open the Web page in your preferred browser and drag it to the external display.