100 likes | 232 Views
Welcome to Irvine Valley College’s Mobile Website Development Summer 2013 Workshop. Overview of How to Develop a Mobile Website using WordPress. By: Sean Glumace and Roopa Mathur IVCMobileWebDev @ ivc.edu. Agenda. Thursday, August 8, 2013 Breakfast
E N D
Welcome toIrvine Valley College’sMobile Website DevelopmentSummer 2013 Workshop Overview of How to Develop a Mobile Website using WordPress By: Sean Glumaceand Roopa Mathur IVCMobileWebDev@ivc.edu
Agenda • Thursday, August 8, 2013 • Breakfast • Responsive Web Design using HTML5, CSS3, and a Text Editor – by Florence Lee • Lunch at Noon • Overview of How to Develop a Mobile Website using WordPress - by Sean Glumace and Roopa Mathur • Overview of How to Develop an Android Native App – by Kelly McBean • Final Thoughts – Survey – Prizes
Login • BSTIC 209 Login for Guests • Username: bst209-1 through bst209-65 (depending your computer’s number) • Password: BeOurGuest • Workshop Materials • http://st3w.ivc.edu/rmathur/mobilewebdev/IVCMobileWebDevWorkshopMaterials/ • IVC Student Web Server – To upload your completed exercises • IVC student web server: http://st3w.ivc.edu/rmathur/mobilewebdev/ • The usernames are ivc1, ivc2, etc. (depending your computer’s number) • Password: ivcmobilewebdev
Overviewof How to Develop a Mobile Website using WordPress • http://rtf2013.glumace.com/ • http://goo.gl/pXa57z • 1st Introduction Video – by Sean Glumace: Introduction to WordPress Part 01 - RTF Mobile Website Development Summer 2013 • http://glumace.com/ • http://wordpress.com/ • http://wordpress.org/ (non-profit, open-source, plug-ins, mobile, download wordpress) • http://wordpress.org/showcase/ • http://wordpress.org/showcase/tag/education/
Overviewof How to Develop a Mobile Website using WordPress • Homework: 17 videos http://goo.gl/pXa57z • Search in YouTube for “RTF Mobile Website Development Summer 2013” for all 17 videos • WordPress Hosting and Installation Part 02 - RTF Mobile Website Development Summer 2013
Overviewof How to Develop a Mobile Website using WordPress • Responsive Themes and Plugins Settings Part 16 - RTF Mobile Website Development Summer 2013 • Responsive Design Themes - already built-in to WordPress • Try on mobile devices (videos scaled):http://rtf2013.glumace.com/ • http://wordpressclass.glumace.com/ • http://www.elegantthemes.com/ gallery • http://themeforest.net/ popular files • http://wordpress.org/themes/responsive free themes • Plugins – looks like mobile app • http://wordpress.org/plugins/ WPtouch (free) • http://wordpress.org/plugins/wptouch/screenshots/ • WPtouch settings
Overviewof How to Develop a Mobile Website using WordPress • WPTouch and WiziApp Mobile Application Builders Part 17 - RTF Mobile Website Development Summer 2013 • Plugins WiziApphttp://wordpress.org/plugins/wiziapp-create-your-own-native-iphone-app/ • WiziAppsettings • Creates 3 mobile apps: • Web App (HTML5) • Android App Google Play store • iPhone App Apple Appstore ($199) • Other Plugins? • Review ratings • Review number of downloads
Overviewof How to Develop a Mobile Website using WordPress • Workshop Materials WordPressfolder • introduction_wordpress_workbook.pdf • Getting-Started-with-WordPress-eBook.pdf • Best-Practices-for-Web-Design-Instruction-eBook.pdf • Email: sean@glumace.com Sean Glumace!
Final Thoughts – Survey– Prizes https://docs.google.com/forms/d/1Wfz3DsR2ADkLq_krpX0StI-XR-qwF2VVy9TyH8h-BJc/viewform
Thank you!Irvine Valley College’sMobile Website DevelopmentSummer 2013 Workshop Learn to develop websites for mobile devices usingHTML5, CSS3 and a Text Editor or Dreamweaver CS6 By: Roopa Mathur, Adrienne Grace, Florence Lee, Sean Glumace, Kelly McBean, Carolina Kussoy, and Dixie Massaro IVCMobileWebDev@ivc.edu