A Novel Approach to the Design and Development of an Interactive Learning App for Automotive In-Vehicle Infotainment Systems

[+] Author and Article Information
Yifan Chen

Research and Advanced Engineering,
Ford Motor Company,
Dearborn, MI 48121
e-mail: ychen1@ford.com

Basavaraj Tonshal

Research and Advanced Engineering,
Ford Motor Company,
20300 Rotunda Drive,
Dearborn, MI 48124
e-mail: btonshal@ford.com

Pramita Mitra

Research and Advanced Engineering,
Ford Motor Company,
Dearborn, MI 48121
e-mail: pmitra3@ford.com

Craig Simonds

Ford Motor Company (retired),
Dearborn, MI 48124
e-mail: csimonds1@comcast.net

Paul Aldighieri

Product Development,
Ford Motor Company,
Dearborn, MI 48124
e-mail: paldighi@ford.com

1Corresponding author.

Contributed by the Computers and Information Division of ASME for publication in the JOURNAL OF COMPUTING AND INFORMATION SCIENCE IN ENGINEERING. Manuscript received December 21, 2015; final manuscript received July 25, 2016; published online August 19, 2016. Assoc. Editor: Francesco Ferrise.

J. Comput. Inf. Sci. Eng 16(3), 030907 (Aug 19, 2016) (9 pages) Paper No: JCISE-15-1426; doi: 10.1115/1.4034414 History: Received December 21, 2015; Revised July 25, 2016

This paper presents the design, architecture, and implementation of “MyFord Touch Guide,” a novel, cross-platform mobile app that delivers an interactive and experiential learning experience for the Ford SYNCTM with MyFord TouchTM in-vehicle infotainment (IVI) system. This app incorporates the production of MyFord Touch graphical user interface for an interactive learning experience. Additionally, it integrates a host of video tutorials featuring a computer-animated character, which offers an insightful, self-guided tour experience of the essential features and functions of the system. MyFord Touch Guide is a cross-platform app and based on a “hybrid” app architecture that uses both native mobile and web technologies. Feedbacks gathered from multiple nation-wide surveys indicated that our approach was effective as an interactive, mobile learning app.

Copyright © 2016 by ASME
Your Session has timed out. Please sign back in to continue.


Raphael, B. , and Smith, I. F. C. , 2003, Fundamentals of Computer-Aided Engineering, Wiley, Hoboken, NJ.
Clymer, J. R. , 2009, Simulation-Based Engineering of Complex Systems, Wiley-Interscience, Hoboken, NJ.
Pitts, M. J. , Skrypchuk, L. , Attridge, A. , and Williams, M. A. , 2014, “ Comparing the User Experience of Touchscreen Technologies in an Automotive Application,” 6th International Conference on Automotive User Interfaces and Interactive Vehicular Applications, pp. 1–8.
Gardner-Sharp, R. , 2015, “ Automobile UX: Emerging Infotainment Systems and In-Car Apps From a User Experience Perspective,” Kingston University, London, accessed July 2016, http://www.slideshare.net/RobertGardnerSharp/k1350078-automobile-ux
Chevrolet, 2016, “ MyChevrolet App,” General Motors, Detroit, MI, http://www.chevrolet.com/mychevrolet.html
Fiat U.S.A., 2016, “ My Fiat® App,” Fiat US LLC, Auburn Hills, MI, http://www.fiatusa.com/en/mobile_apps/my-fiat-app/
By Porsche Cars North America, Inc., 2016, “ Good to Know App,” Porsche Cars North America, Atlanta, GA, https://itunes.apple.com/us/app/good-to-know/id578575559?mt=8
Seppala, T. J. , 2013, “ Audi's eKurzinfo App Uses Augmented Reality to Sidestep A3 Owner's Manual,” AOL, Inc., New York, accessed July 2016, http://www.engadget.com/2013/08/12/audi-a3-ekurzinfo-ar-app/
Jacko, J. A. , 2012, Human-Computer Interaction Handbook, 3rd ed., CRC Press, Boca Raton, FL.
Shneiderman, B. , and Plaisant, C. , 2009, Designing the User Interface: Strategies for Effective Human–Computer Interaction, 5th ed., Addison-Wesley, Boston, MA.
Holzinger, A. , 2005, “ Usability Engineering Methods for Software Developers,” Commun. ACM, 48(1), pp. 71–74. [CrossRef]
Cooper, A. , Reimann, R. , and Cronin, D. , 2007, About Face 3: The Essentials of Interaction Design, Wiley, New York.
Kurosu, M. , 2011, “ Human Centered Design,” 2nd International Conference on Human Centered Design, July 9–14, Orlando, FL.
Katz, J. , 2012, Designing Information: Human Factors and Common Sense in Information Design, 1st ed., Wiley, New York.
Roberts, S. , 2004, Character Animation in 3D, Focal Press, Waltham, MA.
Girard, S. , Johnson, A. , What, H. , Aleven, V. , Kay, J. , and Mostow, J. , 2010, Intelligent Tutoring Systems, Vol. 6094, Springer, Berlin, pp. 307–316.
Kopp, S. , Gesellensetter, L. , Krämer, N. C. , and Wachsmuth, I. , 2005, “ A Conversational Agent as Museum Guide-Design and Evaluation of a Real-World Application,” Intelligent Virtual Agents, Springer, Berlin, pp. 329–343.
Swartout, W. , Traum, D. , Artstein, R. , Noren, D. , Debevec, P. , Bronnenkant, K. , Williams, J. , Leuski, A. , Narayanan, S. , and Piepol, D. , 2010, “ Ada and Grace: Toward Realistic and Engaging Virtual Museum Guides,” Intelligent Virtual Agents, Springer-Verlag, Berlin, pp. 286–300.
NBC, 2016, “ NBC Nightly News for March 8,” NBC Universal, New York, http://www.nbcnews.com/nightly-news/video/nightly-news-full-broadcast-march-8th-639883331788
Gusikhin, O. , Klampfl, E. , Filev, D. , and Chen, Y. , 2011, “ Emotive Driver Advisor System (EDAS),” Informatics in Control, Automation and Robotics (Lecture Notes in Electrical Engineering), Vol. 89, Springer, Berlin, pp. 21–36.
Reichardt, J. , 1978, Robots: Fact, Fiction and Prediction, Thames & Hudson, London, UK.
Google, 2016, “ Google Text-to-Speech,” Google, Inc., Mountain View, CA, accessed July 2016, https://play.google.com/store/apps/details?id=com.google.android.tts&hl=en
IVONA Software, 2016, “ IVONA Text-to-Speech,” Gdynia, Poland, accessed July 2016, http://www.ivona.com/en/
Apple, Inc., 2014, “ About Object-C,” Apple, Inc., Cupertino, CA, accessed July 2016, https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/
Hickson, I. , 2011, “ A Vocabulary and Associated APIs for HTML and XHTML,” W3C, Cambridge, MA, accessed February 2016, https://www.w3.org/TR/
Webkit, 2016, “ WebKit: Open Source Web Brower Engine,” Free Software Foundation, Inc., Boston, MA, accessed July 2016, https://www.webkit.org/
Gamma, E. , Helm, R. , Johnson, R. , and Vlissides, J. , 1995, Design Patterns: Elements of Reusable Object-Oriented Software, Addison-Wesley, Boston, MA.
Meier, J.D., Hill, D., Homer, A., Taylor, J., Bansode, P., Wall, L., Boucher, R., Jr., and Bogawat, A., 2016, “ Chapter 2: Key Principles of Software Architecture,” Microsoft Application Architecture Guide, 2nd ed., Microsoft, Inc., Redmond, WA, accessed February 2016, https://msdn.microsoft.com/en-us/library/ee658124.aspx
W3C, 2011, “ The WebSocket API,” W3C, Cambridge, MA, accessed July W3C, Cambridge, MA, 2016, http://www.w3.org/TR/2011/WD-websockets-20110929/
JSON-RPC Working Group, 2013, “ JSON-RPC 2.0 Specification,” MPCM Technologies, Sandtown, NH, accessed July 2016, http://www.jsonrpc.org/specification
Mozilla Developer Network, 2016, “ JavaScript Data Types and Data Structures,” Mozilla Corp., Mountain View, CA, accessed July 2016, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures
Ember, 2016, “ A Framework for Creating Ambitious Web Applications,” Tilde, Inc., Portland, OR, accessed July 2016, http://emberjs.com/
GitHub, 2016, “ handlebars,” GitHub, Inc., San Francisco, CA, accessed July 2016, http://handlebarsjs.com/
Bitbucket, 2016, “ Chromium Embedded Framework/CEF,” Atlassian, Sydney, NSW, Australia, accessed July 2016, https://bitbucket.org/chromiumembedded/cef/
Google Developers, 2016, “ What is Chrome V8?,” Google, Inc., Mountain View, CA, accessed July 2016, https://developers.google.com/v8/
Android Developers, 2016, “ APK Expansion Files,” Android, Inc., Palo Alto, CA, accessed July 2016, https://developer.android.com/google/play/expansion-files.html


Grahic Jump Location
Fig. 1

Overview software architecture of our app

Grahic Jump Location
Fig. 4

An iOS sequence diagram showing the native codes ending a “fullscreen” notification to the Webcode

Grahic Jump Location
Fig. 3

Major classes for Android Native Code

Grahic Jump Location
Fig. 2

Illustration of MVC implementation

Grahic Jump Location
Fig. 8

Overall rating of the app

Grahic Jump Location
Fig. 9

Usefulness for training and sales

Grahic Jump Location
Fig. 5

Communication diagram showing major components in the Windows application

Grahic Jump Location
Fig. 6

Various screens of the MyFord Touch Guide app: normal (default) mode simulating MyFord Touch's GUI (a), help mode letting the user choose to watch help videos (b), and the avatar in a video (c)

Grahic Jump Location
Fig. 7

Script and avatar on appearance as implemented in the tutorial video for the cabin air recirculation function



Some tools below are only available to our subscribers or users with an online account.

Related Content

Customize your page view by dragging and repositioning the boxes below.

Related Journal Articles
Related eBook Content
Topic Collections

Sorry! You do not have access to this content. For assistance or to subscribe, please contact us:

  • TELEPHONE: 1-800-843-2763 (Toll-free in the USA)
  • EMAIL: asmedigitalcollection@asme.org
Sign In