by: sean glumace and roopa mathur [email protected] overview of how to develop a mobile...

10
Welcome to Irvine Valley College’s Mobile Website Development Summer 2013 Workshop By: Sean Glumace and Roopa Mathur IVCMobileWebDev @ ivc.edu Overview of How to Develop a Mobile Website using WordPress

Upload: shavonne-hudson

Post on 27-Dec-2015

214 views

Category:

Documents


0 download

TRANSCRIPT

Welcome toIrvine Valley College’s

Mobile Website DevelopmentSummer 2013 Workshop

By: Sean Glumace and Roopa [email protected]

Overview of How to Develop a Mobile Website using WordPress

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/IVCMobileWe

bDevWorkshopMaterials/

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

Overview of 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/

Overview of 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

Overview of 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

Overview of How to Develop a Mobile Website using WordPress

WPTouch and WiziApp Mobile Application Builders Part 17 - RTF Mobile Website Development Summer 2013 Plugins WiziApp http

://wordpress.org/plugins/wiziapp-create-your-own-native-iphone-app/ WiziApp settings 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

Overview of How to Develop a Mobile Website using WordPress

Workshop Materials WordPress folder◦ introduction_wordpress_workbook.pdf◦ Getting-Started-with-WordPress-eBook.pdf◦ Best-Practices-for-Web-Design-Instruction-

eBook.pdf Email: [email protected]

Sean Glumace!

Thank you!Irvine Valley College’s

Mobile Website DevelopmentSummer 2013 Workshop

By: Roopa Mathur, Adrienne Grace, Florence Lee, Sean Glumace, Kelly McBean,

Carolina Kussoy, and Dixie [email protected]

Learn to develop websites for mobile devices usingHTML5, CSS3 and a Text Editor or Dreamweaver CS6