Meeting Minutes 2/11/12
We discussed jquerymobile, showed demos, showed how to use your browser to do mobile simulation, gave out source code, built a simple example, showed Jonathan’s game framework, discussed and showed demos of the CubicVR 3D Engine.
Note: If you need a free editor for your HTML5 pages use Notepad++ http://notepad-plus-plus.org/ Ed was unprepared and did not have one! 🙂 He downloaded Nopepad++ and was good to go!
Pulling websites: http://www.httrack.com/
Note: Never pull sites just to copy them for distribution (that is a copyright violation), but to use them as a reference as you build your own sites. To see how other people did it!
HTTrack is a website copier (above) which you can use to do this with.
Browser Mobile Simulation Tools
All major browsers have have mobile simulators. You don’t have to download one. Mobile rendering engines for the browser are almost the same.
Here are the steps – access or add a User Agent to your browser, reducer your browser size to the size of the device under investigation, go to the url of interest (use browser development tools). If your User Agent does not have the correct device, edit, and input the User Agent String. http://en.wikipedia.org/wiki/User_agent
Here are a few browser and their simulation engines:
- Chrome: has Android
- IE: IE Mobile (tools menu)
- Firefox: …usinic
- Safari: Mac, Windows, Iphone (change in preferences)
- Change user agent to match mobile device
- Resize window to same size a device screen
- User brower’s built-in developer tools
Note: Firefox and Chrome have ad-on User Agent Extensions.
(install under ad-ons in tools access in tools change user agent, can use user agent strings)
Five Mobile Sites:
Here are the five mobile sites we discussed and provide source code for.
Stanford University: http://m.stanford.edu
Open Table: http://m.opentable.com/
Ryland Homes: http://m.ryland.com (note: you must repair the jquerymobile link)
American Century: https://www.americancentury.com/mobile/
I demonstrated how to build a mobile site using jquerymobile. See more for the starter code.
CubicVR3D and Maze Work
Jonathan demonstrated his game work.