Welcome to irvine valley college s mobile website development summer 2013 workshop
This presentation is the property of its rightful owner.
Sponsored Links
1 / 10

Welcome to Irvine Valley College’s Mobile Website Development Summer 2013 Workshop PowerPoint PPT Presentation


  • 75 Views
  • Uploaded on
  • Presentation posted in: General

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

Download Presentation

Welcome to Irvine Valley College’s Mobile Website Development Summer 2013 Workshop

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Welcome to irvine valley college s mobile website development summer 2013 workshop

Welcome toIrvine Valley College’sMobile Website DevelopmentSummer 2013 Workshop

Overview of How to Develop a Mobile Website using WordPress

By: Sean Glumaceand Roopa Mathur

[email protected]


Agenda

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

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


Overview of how to develop a mobile website using wordpress

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/


Overview of how to develop a mobile website using wordpress1

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


Overview of how to develop a mobile website using wordpress2

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


Overview of how to develop a mobile website using wordpress3

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


Overview of how to develop a mobile website using wordpress4

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: [email protected]

    Sean Glumace!


Final thoughts survey prizes

Final Thoughts – Survey– Prizes

https://docs.google.com/forms/d/1Wfz3DsR2ADkLq_krpX0StI-XR-qwF2VVy9TyH8h-BJc/viewform


Thank you irvine valley college s mobile website development summer 2013 workshop

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

[email protected]


  • Login