http://elinux.org/index.php?title=Special:RecentChangesLinked/User:Mayhewsw&feed=atom&target=User%3AMayhewsw 2013-05-21T19:28:12Z Related changes MediaWiki 1.21alpha http://elinux.org/index.php?title=ECE497:_How_to_edit_the_Matrix_GUI&diff=254552&oldid=70321 2013-05-18T17:07:59Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black;">← Older revision</td> <td colspan='2' style="background-color: white; color:black;">Revision as of 17:07, 18 May 2013</td> </tr><tr><td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[Category:<del class="diffchange diffchange-inline">ECE497</del>]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[Category:<ins class="diffchange diffchange-inline">ECE497Winter1112</ins>]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>On the SPEd image, there is a launcher on the desktop that runs the Matrix GUI program, which is similar to the iPhone app chooser interface. It turns out that this program is just written in HTML, and is very easy to edit.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>On the SPEd image, there is a launcher on the desktop that runs the Matrix GUI program, which is similar to the iPhone app chooser interface. It turns out that this program is just written in HTML, and is very easy to edit.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>The matrix folder is located in /usr/share/matrix/. It has 3 subfolders: html, images, and xml. menu_main.html is the first screen you see when starting up, so is the logical place to start editing. The actual editing is very straightforward, even if you have no previous HTML experience. Just a couple tips: if you want your icon to link to another menu page, then I would suggest using menu_comingsoon.html as a template. If you just use your own HTML, and have no back button, or exit button, you will have to kill the application from the serial cable (which, by the way, can be done with: pkill matrix). Also, all the other icons are 96x96, but as far as I can tell, any size image works just fine - just keep in mind it will be squished into a 96x96 size space.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>The matrix folder is located in /usr/share/matrix/. It has 3 subfolders: html, images, and xml. menu_main.html is the first screen you see when starting up, so is the logical place to start editing. The actual editing is very straightforward, even if you have no previous HTML experience. Just a couple tips: if you want your icon to link to another menu page, then I would suggest using menu_comingsoon.html as a template. If you just use your own HTML, and have no back button, or exit button, you will have to kill the application from the serial cable (which, by the way, can be done with: pkill matrix). Also, all the other icons are 96x96, but as far as I can tell, any size image works just fine - just keep in mind it will be squished into a 96x96 size space.</div></td></tr> <!-- diff cache key elinux:diff:version:1.11a:oldid:70321:newid:254552 --> </table>

Yoder