Enriching your Views Ben Scholzen Game Developer Gameforge Productions

What we will cover Zend_ProgressBar Applications Structure Usage in the Web and on the Console Zend_Tag_Cloud Definition of Tags and Tagclouds Advantages of Zend_Tag_Cloud Basic usage

Zend_ProgressBar

Applications

Structure

Usage in the Web and on the Console

Zend_Tag_Cloud

Definition of Tags and Tagclouds

Advantages of Zend_Tag_Cloud

Basic usage

Zend_ProgressBar

What Zend_ProgressBar does Takes absolute progress data Calculates relative progress data Display the progress Sort of ...

Takes absolute progress data

Calculates relative progress data

Display the progress

Sort of ...

Sample output for end-users Web Console

Web

Console

Where you can use progress bars Sending newsletters Upload Download Processing files Any other long-running tasks

Sending newsletters

Upload

Download

Processing files

Any other long-running tasks

Structure of Zend_ProgressBar Zend_ProgressBar Managing absolute values Session management Zend_ProgressBar adapters Receiving relative calculated values Output of the data

Zend_ProgressBar

Managing absolute values

Session management

Zend_ProgressBar adapters

Receiving relative calculated values

Output of the data

Incremental example Useful for fixed-growing values

Useful for fixed-growing values

Differential example Useful for variable-growing values

Useful for variable-growing values

The three standard adapters Zend_ProgressBar_Adapter_Console For output on the console Zend_ProgressBar_Adapter_JsPush For sending data in a single connection Zend_ProgressBar_Adapter_JsPull For sending data in multiple connections

Zend_ProgressBar_Adapter_Console

For output on the console

Zend_ProgressBar_Adapter_JsPush

For sending data in a single connection

Zend_ProgressBar_Adapter_JsPull

For sending data in multiple connections

The console adapter Style of the output can be completly customized Elements can be arranged Bar Percent ETA Text Output stream can be changed Finish action can be choosen Newline Remove progressbar Do nothing

Style of the output can be completly customized

Elements can be arranged

Bar

Percent

ETA

Text

Output stream can be changed

Finish action can be choosen

Newline

Remove progressbar

Do nothing

The JavaScript Push adapter Only requires a single connection A separate one when doing uploads A combined one when sending e-mails Used with either <iframe/> or <object/> Drawbacks Some antivirus software blocks the receiving until the connection was closed

Only requires a single connection

A separate one when doing uploads

A combined one when sending e-mails

Used with either <iframe/> or <object/>

Drawbacks

Some antivirus software blocks the receiving until the connection was closed

The JavaScript Pull adapter Runs in multiple separated connections New data are received via JSON Update interval can be freely choosen Drawbacks Depending on the update interval, many connections can slow down the server

Runs in multiple separated connections

New data are received via JSON

Update interval can be freely choosen

Drawbacks

Depending on the update interval, many connections can slow down the server

On the browser side Calculated data are received by the browser Current Max Percent TimeTaken TimeRemaining Text Output is created with HTML / CSS / JavaScript JavaScript Frameworks (jQuery, Dojo, etc.) Manually

Calculated data are received by the browser

Current

Max

Percent

TimeTaken

TimeRemaining

Text

Output is created with HTML / CSS / JavaScript

JavaScript Frameworks (jQuery, Dojo, etc.)

Manually

Zend_Tag_Cloud Zend_ProgressBar Zend_Tag_Cloud Was sind Tags Vorteile von Zend_Tag_Cloud Benutzung Fragen & Antworten

Zend_ProgressBar

Zend_Tag_Cloud

Was sind Tags

Vorteile von Zend_Tag_Cloud

Benutzung

Fragen & Antworten

What are tags and tag clouds? Tags Catchwords / Notes Tag clouds Visualization of information Collection of tags Alphabetically sorted Tags are visualized according to their weight

Tags

Catchwords / Notes

Tag clouds

Visualization of information

Collection of tags

Alphabetically sorted

Tags are visualized according to their weight

How a tag cloud looks like

Why should I use Zend_Tag_Cloud? Interface / class for single tags Setting and getting the title Defining custom parameters Class for collections of tags Simple iteration through all tags Automatic callculation of logarithmical weight Class for output of tag clouds Comes with a standard decorator for HTML Can be completly customized Allows output on any media Decorators and tags can be added either via configuration or programtically

Interface / class for single tags

Setting and getting the title

Defining custom parameters

Class for collections of tags

Simple iteration through all tags

Automatic callculation of logarithmical weight

Class for output of tag clouds

Comes with a standard decorator for HTML

Can be completly customized

Allows output on any media

Decorators and tags can be added either via configuration or programtically

A simple example

And what you get

What we got so far Within a few minutes we created: Multiple tags with weight and links HTML output

Within a few minutes we created:

Multiple tags with weight and links

HTML output

Style the nasty list

The final result

Summary — Questions? Zend_ProgressBar Zend_Tag_Cloud Was sind Tags Vorteile von Zend_Tag_Cloud Benutzung Fragen & Antworten

Zend_ProgressBar

Zend_Tag_Cloud

Was sind Tags

Vorteile von Zend_Tag_Cloud

Benutzung

Fragen & Antworten

Where to go from here Zend Framework documentation http://framework.zend.com/manual/en/zend.progressbar.html http://framework.zend.com/manual/en/zend.tag.html Follow me Blog: http://www.dasprids.de Twitter: dasprid Rate this talk http://joind.in/talk/view/634

Zend Framework documentation http://framework.zend.com/manual/en/zend.progressbar.html http://framework.zend.com/manual/en/zend.tag.html

Follow me Blog: http://www.dasprids.de

Twitter: dasprid

Rate this talk http://joind.in/talk/view/634

Thank you!