SlideShare uma empresa Scribd logo
1 de 6
Baixar para ler offline
Relative Focus based Simulation: Re-using Software
Screen-casts for Mobile Learning
by

Samir K. Dash
MBA (Systems & Marketing), UGC-NET, MA
samir@mobilewish.com




© 2009 , Samir K. Dash, www.mobilewish.com
Challenge:
M-Learning/Mobile Learning is a vast domain of training methodology using mobiles and cell
phones similar to the e-learning where the medium is normally a desktop or web access over a
PC. If we notice ground reality of the usage of M-Learning, it is limited to some state of the art
course ware with aim to provide mini-chunks of learning materials while the user is on the go.
Mostly it is limited to mini m-book, glossary, mini test/assessment modules with MCQ type
questions. Where as the e-learning is widely used in the software training industry and the
screencasts /software screen simulations are nearly synonymous with the e-learning term itself it
fails utterly in the M-learning domain due to the small screen size pf the mobile devices where
the bigger resolution screens casts of the desktop/web applications are nearly impossible to
display with the usable tag attached to it. Even with rise up of the bigger mobile resolutions
through the handsets like Nokia N95, N96, N97, 5800 Xpress Music, iPhone and some HTC
handsets (with some typical screen resolutions of approx. 240 x320 px )the issue still remains as
the minimum screen resolution for any typical e-learning screen cast is approx 800x 600 px which
is easily usable over a player that runs on a standard PC having 800x600 px (in full screen mode
of the player) or the 1024 x 768 px resolutions.
Another factor is even if it would have been possible to deliver the typical 800x600 px
screencasts in the over the 240 x 320 px mobile screens, what about the screen casts already
developed and deployed in various e-learning courses across different WBTs/CBTs ? Would that
need creation of two different compatible video files for these two different screen resolutions?
Let’s assume that a screen cast is meant for web viewing, then this would mean that more space
would be required for storage of the video files in web server, from where the PC and the mobile
can access the different video based on their compatibility for the same screencast. Looking at
this situation, the ideal solution for the above said issue must implement re-usability of the
existing screencasts in some way.




Scope of the Proposed Solution

The scope of the proposed solution consists of the three major elements:

    1. mechanism to make the screencasts of 800 x 600 px resolutions usable in small device
       screen resolution , typically 240 px X 320 px
    2. Provide mechanism to reuse existing screen casts if possible
    3. Provide a way to use the same screencast video file for both the devices (PC and mobile)
       so that it will make deployer’s life easy for not having to store 2 versions of the same
       screencast.




Proposed Solution
The proposed solution is based on a very simple theory that we see only what we want to see.
This is a very common idea that even drives many screencasts of web /desktop based
applications created for many CBT/WBTs. The idea is that we need to highlight the area that is
being referred in a screencast. And this is what is called Relative Focus based Simulation.
This technique involves

    1. Showing a selective region of the screencast that is of higher importance at any point of
       time and is more meaningful in reference to what voice is being played at that time.

    2. Zooming in/out provided for the selected region for better viewing making the overall
       appearance more meaningful.

For example in a screencast when the voiceover says “Using Adobe Photoshop you can edit
images and export them in different formats” , typically we focus on the whole application rather
than on any particular button, menu item, link or any specific text.In this case smaller minute
details loss their importance in the over all appearance of the screencast.

When the voice over says “Go to File > Open in the top menu to open an existing Photoshop
document” – here we focus on the region that has the top menu bar and we follow the mouse
cursor movement. Here we actually do not notice what is the label text written in the far bottom
corner in the right, or if the whole window is visible or not. In this case the micro details of the
region of higher interest gets higher priority than the rest.
Now in above two scenario we can see that the region of relative higher importance will decide
what the user needs to see in a screen cast rather than showing the whole window of the
application. And this is the key to the solution being proposed.

 This solution can be implemented on existing screen cast videos of 800 x 600 px resolutions via
an editor, that will help in determining the region of higher relative importance in the overall
appearance of the screencast at any point of time. The tool kit required to implement the solution
must have two components –

    1. A screencast editor component, which will help in editing the existing screen cast video
       file of 800 x 600 px and export the video with the compatible meta tags in a form of
       either embedded metadata or an external XML or any meta data formatted file.

    2. A screencast player for mobiles which will take the edited/published screencast video
       with either the embedded metadata or along with the xml /metadata file to play as per
       the relative importance of the different screen regions of the original screencast video.
As all the editing information will not change the video binary and will only change the meta-tags
only, it will take much less time to convert a normal screen cast video into a compatible one
during its publishing phase. Also the same video can be used as usual in normal screencast video
player in the PC based e-learning, without impacting its performance or any thing related. Also
the same file can be streamed from the server for both PC based e-learning and the mobile
learning where different type of views will be served depending on the device screen resolution.




Proof of Concept
Based on the above proposed solution, I have created a proof of concept tool kit codenamed
“MobiCast Tool Kit” (Mobi for “Mobile” and “Cast” for “Screencast”). This Tool Kit has two main
elements:

    1. MobiCast Editor-cum-Publisher

    2. MobiCast Player for Mobile handsets


MobiCast Editor-cum-Publisher:

MobiCast Editor-cum-Publisher is a desktop tool that allows the user to to edit existing screencast
videos in .flv format (800 x 600 px screen resolution) and publish these as compatible for 320 x
240 px resolution.

The current version of this tool is developed in Adobe Flash. This tool allows developer to import
an existing screencast video in .flv file format and creates a timeline for easy editing . It provides
Normal, Preview and Edit Mode to carry out different task . This currently supports 800x600 px
input video resolution and publishes for 320 x 240 px screen resolution which is normally can be
played in Nokia N96, N97 handsets. The publishing of the video screencast exports the required
mobile player component MobiCast Player. The out put can also be implemented as XML file.




MobiCast Player:

This is developed with Adobe Flash Lite 3, and currently supports the resolution of screensize 320
x 240 px . This requires the handsets to have the Flash Lite 3x to be installed.
You can see a resultant output video demo in action on N96 at the following YouTube link:
http://www.youtube.com/watch?v=VsYpNe2u8To
Going Forward
For more details on the MobiCast Player please visit http://samirshomepage.wordpress.com




About the Author
Samir K. Dash works as a System Consultant having 5 plus years of industry experience in Branding, User
Experience, Web & Mobile application design & development Flash/ActionScript based interactive
development for Desktop as well as Mobile handsets. Specialized in UI Design , e-Learning, m-Learning
content development , Flash-ActionScript based mobile games/web2mobile applications and RIA
development. More details about him can be found at his blog: http://samirshomepage.wordpress.com

Mais conteúdo relacionado

Mais de Samir Dash

Session UXnUI SJCIT-1.0.1-1apr2019-desops.io
Session UXnUI SJCIT-1.0.1-1apr2019-desops.ioSession UXnUI SJCIT-1.0.1-1apr2019-desops.io
Session UXnUI SJCIT-1.0.1-1apr2019-desops.ioSamir Dash
 
Des ops101 : Overview - RH CoP UI/UX 9nov2018
Des ops101 : Overview - RH  CoP UI/UX 9nov2018Des ops101 : Overview - RH  CoP UI/UX 9nov2018
Des ops101 : Overview - RH CoP UI/UX 9nov2018Samir Dash
 
Applying des ops in your enterprise 04 oct 2018 v1.0 slides
Applying des ops in your enterprise 04 oct 2018 v1.0  slides Applying des ops in your enterprise 04 oct 2018 v1.0  slides
Applying des ops in your enterprise 04 oct 2018 v1.0 slides Samir Dash
 
Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018
Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018
Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018Samir Dash
 
Dev conf 2018 DesOps - Prepare Today for Future of Design
Dev conf 2018 DesOps - Prepare Today for Future of Design Dev conf 2018 DesOps - Prepare Today for Future of Design
Dev conf 2018 DesOps - Prepare Today for Future of Design Samir Dash
 
In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...
In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...
In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...Samir Dash
 
Infographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOps
Infographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOpsInfographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOps
Infographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOpsSamir Dash
 
Ditto – Design Life Cycle Management Concept for DesOps (2016-17)
Ditto – Design Life Cycle Management Concept for DesOps (2016-17) Ditto – Design Life Cycle Management Concept for DesOps (2016-17)
Ditto – Design Life Cycle Management Concept for DesOps (2016-17) Samir Dash
 
Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017
Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017
Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017Samir Dash
 
The Ten Commandments of DesOps
The Ten Commandments of DesOpsThe Ten Commandments of DesOps
The Ten Commandments of DesOpsSamir Dash
 
Using IBM Design Thinking in Everyday Job 2017
Using IBM Design Thinking in Everyday Job 2017Using IBM Design Thinking in Everyday Job 2017
Using IBM Design Thinking in Everyday Job 2017Samir Dash
 
Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!Samir Dash
 
Flip the Cart! : Reimagining Next in eCommerce
Flip the Cart! : Reimagining Next in eCommerceFlip the Cart! : Reimagining Next in eCommerce
Flip the Cart! : Reimagining Next in eCommerceSamir Dash
 
Learning&collaboration
Learning&collaboration Learning&collaboration
Learning&collaboration Samir Dash
 
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Samir Dash
 
User guide swfseq
User guide swfseqUser guide swfseq
User guide swfseqSamir Dash
 
User guide mcnavigationcontrol
User guide mcnavigationcontrolUser guide mcnavigationcontrol
User guide mcnavigationcontrolSamir Dash
 
User guide flashonavigation
User guide flashonavigationUser guide flashonavigation
User guide flashonavigationSamir Dash
 
User guide flashnavigationprofessional
User guide flashnavigationprofessionalUser guide flashnavigationprofessional
User guide flashnavigationprofessionalSamir Dash
 

Mais de Samir Dash (20)

Session UXnUI SJCIT-1.0.1-1apr2019-desops.io
Session UXnUI SJCIT-1.0.1-1apr2019-desops.ioSession UXnUI SJCIT-1.0.1-1apr2019-desops.io
Session UXnUI SJCIT-1.0.1-1apr2019-desops.io
 
Des ops101 : Overview - RH CoP UI/UX 9nov2018
Des ops101 : Overview - RH  CoP UI/UX 9nov2018Des ops101 : Overview - RH  CoP UI/UX 9nov2018
Des ops101 : Overview - RH CoP UI/UX 9nov2018
 
Applying des ops in your enterprise 04 oct 2018 v1.0 slides
Applying des ops in your enterprise 04 oct 2018 v1.0  slides Applying des ops in your enterprise 04 oct 2018 v1.0  slides
Applying des ops in your enterprise 04 oct 2018 v1.0 slides
 
Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018
Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018
Semantic Design System : Redefining Design Systems for DesOps - v1.0 1sep 2018
 
Dev conf 2018 DesOps - Prepare Today for Future of Design
Dev conf 2018 DesOps - Prepare Today for Future of Design Dev conf 2018 DesOps - Prepare Today for Future of Design
Dev conf 2018 DesOps - Prepare Today for Future of Design
 
In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...
In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...
In Search of Truth: At the Crossroad of Critical Theory and Technology in Des...
 
Infographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOps
Infographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOpsInfographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOps
Infographic: The 3 Dimensions & 3 Characteristics (3Cs) of DesOps
 
Ditto – Design Life Cycle Management Concept for DesOps (2016-17)
Ditto – Design Life Cycle Management Concept for DesOps (2016-17) Ditto – Design Life Cycle Management Concept for DesOps (2016-17)
Ditto – Design Life Cycle Management Concept for DesOps (2016-17)
 
Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017
Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017
Beta studio Reimagining Beta Testing -Samir Dash - 07-12-2017
 
The Ten Commandments of DesOps
The Ten Commandments of DesOpsThe Ten Commandments of DesOps
The Ten Commandments of DesOps
 
Using IBM Design Thinking in Everyday Job 2017
Using IBM Design Thinking in Everyday Job 2017Using IBM Design Thinking in Everyday Job 2017
Using IBM Design Thinking in Everyday Job 2017
 
Sx Heuristics
Sx HeuristicsSx Heuristics
Sx Heuristics
 
Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!
 
Flip the Cart! : Reimagining Next in eCommerce
Flip the Cart! : Reimagining Next in eCommerceFlip the Cart! : Reimagining Next in eCommerce
Flip the Cart! : Reimagining Next in eCommerce
 
Learning&collaboration
Learning&collaboration Learning&collaboration
Learning&collaboration
 
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
 
User guide swfseq
User guide swfseqUser guide swfseq
User guide swfseq
 
User guide mcnavigationcontrol
User guide mcnavigationcontrolUser guide mcnavigationcontrol
User guide mcnavigationcontrol
 
User guide flashonavigation
User guide flashonavigationUser guide flashonavigation
User guide flashonavigation
 
User guide flashnavigationprofessional
User guide flashnavigationprofessionalUser guide flashnavigationprofessional
User guide flashnavigationprofessional
 

Último

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 

Último (20)

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 

Relative Focus Based Simulation: Re-using Software Screen-casts for Mobile Learning

  • 1. Relative Focus based Simulation: Re-using Software Screen-casts for Mobile Learning by Samir K. Dash MBA (Systems & Marketing), UGC-NET, MA samir@mobilewish.com © 2009 , Samir K. Dash, www.mobilewish.com
  • 2. Challenge: M-Learning/Mobile Learning is a vast domain of training methodology using mobiles and cell phones similar to the e-learning where the medium is normally a desktop or web access over a PC. If we notice ground reality of the usage of M-Learning, it is limited to some state of the art course ware with aim to provide mini-chunks of learning materials while the user is on the go. Mostly it is limited to mini m-book, glossary, mini test/assessment modules with MCQ type questions. Where as the e-learning is widely used in the software training industry and the screencasts /software screen simulations are nearly synonymous with the e-learning term itself it fails utterly in the M-learning domain due to the small screen size pf the mobile devices where the bigger resolution screens casts of the desktop/web applications are nearly impossible to display with the usable tag attached to it. Even with rise up of the bigger mobile resolutions through the handsets like Nokia N95, N96, N97, 5800 Xpress Music, iPhone and some HTC handsets (with some typical screen resolutions of approx. 240 x320 px )the issue still remains as the minimum screen resolution for any typical e-learning screen cast is approx 800x 600 px which is easily usable over a player that runs on a standard PC having 800x600 px (in full screen mode of the player) or the 1024 x 768 px resolutions.
  • 3. Another factor is even if it would have been possible to deliver the typical 800x600 px screencasts in the over the 240 x 320 px mobile screens, what about the screen casts already developed and deployed in various e-learning courses across different WBTs/CBTs ? Would that need creation of two different compatible video files for these two different screen resolutions? Let’s assume that a screen cast is meant for web viewing, then this would mean that more space would be required for storage of the video files in web server, from where the PC and the mobile can access the different video based on their compatibility for the same screencast. Looking at this situation, the ideal solution for the above said issue must implement re-usability of the existing screencasts in some way. Scope of the Proposed Solution The scope of the proposed solution consists of the three major elements: 1. mechanism to make the screencasts of 800 x 600 px resolutions usable in small device screen resolution , typically 240 px X 320 px 2. Provide mechanism to reuse existing screen casts if possible 3. Provide a way to use the same screencast video file for both the devices (PC and mobile) so that it will make deployer’s life easy for not having to store 2 versions of the same screencast. Proposed Solution The proposed solution is based on a very simple theory that we see only what we want to see. This is a very common idea that even drives many screencasts of web /desktop based applications created for many CBT/WBTs. The idea is that we need to highlight the area that is being referred in a screencast. And this is what is called Relative Focus based Simulation. This technique involves 1. Showing a selective region of the screencast that is of higher importance at any point of time and is more meaningful in reference to what voice is being played at that time. 2. Zooming in/out provided for the selected region for better viewing making the overall appearance more meaningful. For example in a screencast when the voiceover says “Using Adobe Photoshop you can edit images and export them in different formats” , typically we focus on the whole application rather than on any particular button, menu item, link or any specific text.In this case smaller minute details loss their importance in the over all appearance of the screencast. When the voice over says “Go to File > Open in the top menu to open an existing Photoshop document” – here we focus on the region that has the top menu bar and we follow the mouse cursor movement. Here we actually do not notice what is the label text written in the far bottom corner in the right, or if the whole window is visible or not. In this case the micro details of the region of higher interest gets higher priority than the rest.
  • 4. Now in above two scenario we can see that the region of relative higher importance will decide what the user needs to see in a screen cast rather than showing the whole window of the application. And this is the key to the solution being proposed. This solution can be implemented on existing screen cast videos of 800 x 600 px resolutions via an editor, that will help in determining the region of higher relative importance in the overall appearance of the screencast at any point of time. The tool kit required to implement the solution must have two components – 1. A screencast editor component, which will help in editing the existing screen cast video file of 800 x 600 px and export the video with the compatible meta tags in a form of either embedded metadata or an external XML or any meta data formatted file. 2. A screencast player for mobiles which will take the edited/published screencast video with either the embedded metadata or along with the xml /metadata file to play as per the relative importance of the different screen regions of the original screencast video.
  • 5. As all the editing information will not change the video binary and will only change the meta-tags only, it will take much less time to convert a normal screen cast video into a compatible one during its publishing phase. Also the same video can be used as usual in normal screencast video player in the PC based e-learning, without impacting its performance or any thing related. Also the same file can be streamed from the server for both PC based e-learning and the mobile learning where different type of views will be served depending on the device screen resolution. Proof of Concept Based on the above proposed solution, I have created a proof of concept tool kit codenamed “MobiCast Tool Kit” (Mobi for “Mobile” and “Cast” for “Screencast”). This Tool Kit has two main elements: 1. MobiCast Editor-cum-Publisher 2. MobiCast Player for Mobile handsets MobiCast Editor-cum-Publisher: MobiCast Editor-cum-Publisher is a desktop tool that allows the user to to edit existing screencast videos in .flv format (800 x 600 px screen resolution) and publish these as compatible for 320 x 240 px resolution. The current version of this tool is developed in Adobe Flash. This tool allows developer to import an existing screencast video in .flv file format and creates a timeline for easy editing . It provides Normal, Preview and Edit Mode to carry out different task . This currently supports 800x600 px input video resolution and publishes for 320 x 240 px screen resolution which is normally can be played in Nokia N96, N97 handsets. The publishing of the video screencast exports the required mobile player component MobiCast Player. The out put can also be implemented as XML file. MobiCast Player: This is developed with Adobe Flash Lite 3, and currently supports the resolution of screensize 320 x 240 px . This requires the handsets to have the Flash Lite 3x to be installed. You can see a resultant output video demo in action on N96 at the following YouTube link: http://www.youtube.com/watch?v=VsYpNe2u8To
  • 6. Going Forward For more details on the MobiCast Player please visit http://samirshomepage.wordpress.com About the Author Samir K. Dash works as a System Consultant having 5 plus years of industry experience in Branding, User Experience, Web & Mobile application design & development Flash/ActionScript based interactive development for Desktop as well as Mobile handsets. Specialized in UI Design , e-Learning, m-Learning content development , Flash-ActionScript based mobile games/web2mobile applications and RIA development. More details about him can be found at his blog: http://samirshomepage.wordpress.com