SlideShare a Scribd company logo
Moksha - HTML5 CSS Data
Visualisation Demonstration on
 AM335x with Snowshoe/Qt5
What is Moksha ?
• Demonstrates HTML5 capabilities of TI Sitara
  platforms (AM335x) with SGX
• Moksha is a simple CSS layout that showcases
  capability of Qt5.0.1 Webkit2 browser, and
  Snowshoe - QML wrapper around Webkit2.
  Using HTML5/CSS/JS, UIs can be developed
  and deployed on desktops as well as HTML5
  compliant browsers available on AM335x
Dependencies
• Obtain the kernel, rootfs with SGX drivers from below link:
• https://gforge.ti.com/gf/download/docmanfileversion/303/
  6367/16Jan-2013....
• Install Qt5.0.1 from below link:
• https://gforge.ti.com/gf/download/docmanfileversion/308/
  6426/qt5.0.1_ins...
• Moksha source code (HTML and CSS layout files), and
  Patches for snowshoe for fullscreen, are at below repo:
• https://github.com/prabindh/moksha/
• Download the moksha files from this git repository into any
  folder in the rootfs.
Steps to run
• Run the below on the Uboot command line (Note: Network
  is needed for this demo as all data is obtained from remote
  servers):
• setenv bootargs 'console=ttyO0,115200n8
  root=/dev/mmcblk0p2 mem=128M rootwait ip=dhcp'
  setenv bootcmd 'mmc rescan; fatload mmc 0 0x82000000
  uImage; bootm 0x82000000' boot
• Use username as "root", password empty
• Once logged in, type below on serial console
• export QT_QPA_PLATFORM=eglfs /etc/init.d/335x-demo
  echo performance >
  /sys/devices/system/cpu/cpu0/cpufreq/scaling_governor
• ./snowshoe_fullscreen file:////moksha/moksha.html
Screen Snapshots
• Video snapshot of the Moksha framework
  running on AM335x EVM is available at,
  – http://www.youtube.com/watch?v=nztgCone4jI
Further information
• http://tigraphics.blogspot.com/2013/03/moks
  ha-html5css-with-snowshoeqt501.html
• Qt5.0.0/ Qt5.0.1
  – http://www.gpupowered.org/node/16
• Comparison with b2g
  – http://www.gpupowered.org/node/17

More Related Content

DOCX
Wowza project
PPTX
NodeMCU setup LUA
PPTX
Intel demo on movidius
PDF
RabbitMQ Server - cheat sheet -
PDF
How to twist a IPv6 over Bluetooth (6lowpan)
PDF
GCC ARM nRF51 IoT SDK -cheat sheet-
PDF
MQTTS mosquitto - cheat sheet -
PDF
UP Board AI Core Configuration memo
Wowza project
NodeMCU setup LUA
Intel demo on movidius
RabbitMQ Server - cheat sheet -
How to twist a IPv6 over Bluetooth (6lowpan)
GCC ARM nRF51 IoT SDK -cheat sheet-
MQTTS mosquitto - cheat sheet -
UP Board AI Core Configuration memo

What's hot (20)

PDF
How to ride a 100GbE LAN -MEMO-
PDF
How to train your L3DSR with PBR - MEMO -
PDF
Learning Computer Network Through Network Simulation Program
PDF
Introduction to Selenium grid
PDF
Router Virtualization With GNS3
PDF
How to install OpenStack MITAKA --allinone - cheat sheet -
PPTX
OFY-2015-Cloud-In-A-Day
PPTX
MVUG Webcast Slide:- From Zero to Hero on Hyper V R2- Part 2
PPTX
PDF
Creación de máquinas virtuales basada en kernel usando qemu y virsh
PDF
PPTX
Free5 gc installation
PPTX
Pci passthrough
PDF
XPDS16: libvirt and Tools: What's New and What's Next - James Fehlig, SUSE
PPTX
Demo
PPTX
Qemu net netdev - nic
PDF
Asus WL500gP USB Serial
PDF
MariaDB ColumnStore column-oriented database Install memo
PPTX
GNS3- A Brief User Guide
How to ride a 100GbE LAN -MEMO-
How to train your L3DSR with PBR - MEMO -
Learning Computer Network Through Network Simulation Program
Introduction to Selenium grid
Router Virtualization With GNS3
How to install OpenStack MITAKA --allinone - cheat sheet -
OFY-2015-Cloud-In-A-Day
MVUG Webcast Slide:- From Zero to Hero on Hyper V R2- Part 2
Creación de máquinas virtuales basada en kernel usando qemu y virsh
Free5 gc installation
Pci passthrough
XPDS16: libvirt and Tools: What's New and What's Next - James Fehlig, SUSE
Demo
Qemu net netdev - nic
Asus WL500gP USB Serial
MariaDB ColumnStore column-oriented database Install memo
GNS3- A Brief User Guide
Ad

More from Prabindh Sundareson (20)

PDF
Synthetic Data and Graphics Techniques in Robotics
PDF
Work and Life
PPTX
GPU Algorithms and trends 2018
PPTX
Machine learning in the Indian Context - IEEE talk at SRM Institute
PDF
Students Hackathon - 2017
PPTX
ICCE Asia 2017 - Program Outline
PDF
Call for Papers - ICCE Asia 2017
PDF
Technology, Innovation - A Perspective
PDF
Open Shading Language (OSL)
PDF
IEEE - Consumer Electronics Trends Opportunities (2015)
PPTX
GFX part 8 - Three.js introduction and usage
PPTX
GFX Part 7 - Introduction to Rendering Targets in OpenGL ES
PPTX
GFX Part 6 - Introduction to Vertex and Fragment Shaders in OpenGL ES
PPTX
GFX Part 5 - Introduction to Object Transformations in OpenGL ES
PPTX
GFX Part 4 - Introduction to Texturing in OpenGL ES
PPTX
GFX Part 3 - Vertices and interactions in OpenGL
PPTX
GFX Part 2 - Introduction to GPU Programming
PPTX
GFX Part 1 - Introduction to GPU HW and OpenGL ES specifications
PPTX
John Carmack talk at SMU, April 2014 - Virtual Reality
PPTX
GFX2014 OpenGL ES Quiz
Synthetic Data and Graphics Techniques in Robotics
Work and Life
GPU Algorithms and trends 2018
Machine learning in the Indian Context - IEEE talk at SRM Institute
Students Hackathon - 2017
ICCE Asia 2017 - Program Outline
Call for Papers - ICCE Asia 2017
Technology, Innovation - A Perspective
Open Shading Language (OSL)
IEEE - Consumer Electronics Trends Opportunities (2015)
GFX part 8 - Three.js introduction and usage
GFX Part 7 - Introduction to Rendering Targets in OpenGL ES
GFX Part 6 - Introduction to Vertex and Fragment Shaders in OpenGL ES
GFX Part 5 - Introduction to Object Transformations in OpenGL ES
GFX Part 4 - Introduction to Texturing in OpenGL ES
GFX Part 3 - Vertices and interactions in OpenGL
GFX Part 2 - Introduction to GPU Programming
GFX Part 1 - Introduction to GPU HW and OpenGL ES specifications
John Carmack talk at SMU, April 2014 - Virtual Reality
GFX2014 OpenGL ES Quiz
Ad

Moksha - HTML5/CSS with Qt5+Snowshoe on AM335x

  • 1. Moksha - HTML5 CSS Data Visualisation Demonstration on AM335x with Snowshoe/Qt5
  • 2. What is Moksha ? • Demonstrates HTML5 capabilities of TI Sitara platforms (AM335x) with SGX • Moksha is a simple CSS layout that showcases capability of Qt5.0.1 Webkit2 browser, and Snowshoe - QML wrapper around Webkit2. Using HTML5/CSS/JS, UIs can be developed and deployed on desktops as well as HTML5 compliant browsers available on AM335x
  • 3. Dependencies • Obtain the kernel, rootfs with SGX drivers from below link: • https://gforge.ti.com/gf/download/docmanfileversion/303/ 6367/16Jan-2013.... • Install Qt5.0.1 from below link: • https://gforge.ti.com/gf/download/docmanfileversion/308/ 6426/qt5.0.1_ins... • Moksha source code (HTML and CSS layout files), and Patches for snowshoe for fullscreen, are at below repo: • https://github.com/prabindh/moksha/ • Download the moksha files from this git repository into any folder in the rootfs.
  • 4. Steps to run • Run the below on the Uboot command line (Note: Network is needed for this demo as all data is obtained from remote servers): • setenv bootargs 'console=ttyO0,115200n8 root=/dev/mmcblk0p2 mem=128M rootwait ip=dhcp' setenv bootcmd 'mmc rescan; fatload mmc 0 0x82000000 uImage; bootm 0x82000000' boot • Use username as "root", password empty • Once logged in, type below on serial console • export QT_QPA_PLATFORM=eglfs /etc/init.d/335x-demo echo performance > /sys/devices/system/cpu/cpu0/cpufreq/scaling_governor • ./snowshoe_fullscreen file:////moksha/moksha.html
  • 5. Screen Snapshots • Video snapshot of the Moksha framework running on AM335x EVM is available at, – http://www.youtube.com/watch?v=nztgCone4jI
  • 6. Further information • http://tigraphics.blogspot.com/2013/03/moks ha-html5css-with-snowshoeqt501.html • Qt5.0.0/ Qt5.0.1 – http://www.gpupowered.org/node/16 • Comparison with b2g – http://www.gpupowered.org/node/17