Web Frameworks - Workbook

Main Page >> Web Frameworks >> Web Frameworks - Workbook

Workshop schedule:

• Workshop - week 01 - Getting started with Zend
• Workshop - week 02 - Controllers
• Workshop - week 03 - Views and templates
• Workshop - week 04 - Models and databases
• Workshop - week 05 - CRUD (Create Read Update Delete) by simon baker (0718432)
• Workshop - week 06 - Web 2.0 - Web feeds
• Workshop - week 07 - Web 2.0 - Web services
• Workshop - week 08 - Web 2.0 - Ajax
• Workshop - week 09 - Automated testing
• Workshop - week 10 - Free to work on assessment
• Workshop - week 11 - Demonstrations
• Workshop - week 12 - Demonstrations

Useful information:

• Binay Randhawa (0719961)

 [CRUD Function (Add, edit, delete) -- http://weierophinney.net/matthew/uploads/2007-02-28-FrameworkPresentation.pdf 

• [Google map]--<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?hl=en&ie=UTF8&ll=53.800651,-4.064941&spn=18.252022,39.50 (0719796)
• Home Installation - Apache, PHP, MYSQL, Zend
• Working With Zend and CSS - Working with Zend and CSS
• Ajax With Parameters - Using parameters in ajax with prototype.js by Nick Banford (0506508)
• Searching in Zend - Searching articles in Zend by Nick Banford (0506508)
• Zend Image Root Path by Adam Orton (0708875) - Relating images to your personal file store
• Google Maps using API - This would allow people to add a map to their website by Amar Joshi (0709436).
• Zend Yahoo Service - This would allow people to add functions from yahoo to their website by Amar Joshi (0709436).
• Zend Service Audioscrobbler - This would allow people to add functions from AudioScrobbler to their website by Amar Joshi (0709436).
• Google Search using AJAX and API - This will add google search to your site By Andre Treutlein (0705104)
• AJAX Image Gallery for Zend Frameworks by Adam Orton (0708875) - An AJAX gallery that can be applied to the Zend Framework
• ajax you tube table - use ajax via googles API to grab youtube videos By Jason Carney (0709750)

the code blow goes in your layout.phtml file (inser this script in aswell at the top -->) <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-vbw"

  type="text/javascript"></script>
<style type="text/css">
  @import url("http://www.google.com/uds/css/gsearch.css");
</style>


<script type="text/javascript">
  window._uds_vbw_donotrepair = true;
</script>
<script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new"
  type="text/javascript"></script>
<style type="text/css">
  @import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");
</style>

<style type="text/css">
  .playerInnerBox_gsvb .player_gsvb {
    width : 320px;
    height : 260px;
  }
</style>
<script type="text/javascript">
  function LoadVideoBar() {

  var videoBar;
  var options = {
      largeResultSet : !false,
      horizontal : false,
      autoExecuteList : {
        cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM, // change to small if you want to change the size of the images
        cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
        executeList : ["ytfeed:most_viewed.this_week","audio equipment"] // change "audio equipment" to your topic
      }
    }

  videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),
                            GSvideoBar.PLAYER_ROOT_FLOATING,
                            options);
  }
  // arrange for this function to be called during body.onload
  // event processing
  GSearch.setOnLoadCallback(LoadVideoBar);
</script>

// then to position it by using external CSS (remember to insert chevrons at the start and end of the div tags). The divs belong in the body of of your layout.phtml

 div id="videoBar-bar"
  div

// then in your external sheet position it using something like this.. (insert a hash here!) videoBar-bar {

position:absolute;
left:10px;
top:200px;

}

Some useful links I have found (0610970)

http://www.developertutorials.com/tutorials/php/zend-framwork-tutorial-8-08-13/page1.html

http://blog.astrumfutura.com/archives/353-An-Example-Zend-Framework-Blog-Application-Part-2-The-MVC-Application-Architecture.html - detail information about MVC pattern

http://zendguru.wordpress.com/category/zend-framework/ - explanation about the ZEND form

http://www.killerphp.com/zend-framework/videos/ - video tutorial about MVC pattern

http://webdeveloper.econsultant.com/ajax-demos-examples-code-samples/ - ajax tutorial

http://ajbrown.org/blog/2009/01/04/automated-testing-using-zend-framework-part-1.html - Zend automated testing information

(0707202) Useful link about Automatic testing of MVC applications created with Zend Framework - http://www.alexatnet.com/node/12