DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Green Cars

Author:Kasper Skårhøj
Created:2002-11-01T00:32:00
Changed:2010-02-18T20:36:28
Classification:green_cars
Description:Green Cars is both: A database for cars with environment advantages and a case study for the TYPO3 frontend engine browser
Keywords:forAdmins, forDevelopers, forBeginners, forAdvanced, browser
Author:Dirk Wildt, Die Netzmacher
Email:wildt.at.die-netzmacher.de
Website:http://die-netzmacher.de
Language:en

img-1 img-2 extKey: green_cars img-3

Green Cars

Green Cars is both: A database for cars with environment advantages and a case study for the TYPO3 frontend engine browser

img-4

Version: 0.0.3, 2010-02-18

Extension Key: green_cars

Language: en

Keywords: forAdmins, forDevelopers, forBeginners, forAdvanced, browser

Copyright 2010, Dirk Wildt, Die Netzmacher, <wildt.at.die- netzmacher.de>

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.org

Screen Shots

Frontend

Frame4 Frame4

Online: http://gruene-autos.org

Backend

Frame4 Frame4

Case Story – Step-by-Step Development

We documented the development of the extension Green Cars as the case study. The screenshots showing some of the steps.

VCD :sup:`0 <#sdfootnote1sym>`_ is the German Traffic Club.

Frame4 Frame4

Frame4 Frame4

Frame4 Frame4

Introduction

What does it do?

  • img-6 Illustration 11:Case Study – Step-by-Step Tutorial

    Green Cars is a database for cars with environment advantages.

  • Green Cars is a case study for the TYPO3 frontend engine browser too.

  • It explains how to develop, program and publish a TYPO3 extension supported by the TYPO3 frontend engine Browser

  • Both Green Cars and Browser are out of the box.

  • You have to create your own CSS only.

Case Study in German Language

The case study Green Cars is in German language only.

Documentation online

Case Study – Step-by-Step Tutorial

You find the step-by-step tutorial (German language) at

Installation

Extension Manager

  • Install this extension img-3 (green_cars).
  • Green Cars will suggest to install the extension img-7 Browser – the frontend machine (extKey: browser). Please install it.

Frame4

Page Tree

  • Insert the page "gruene-autos.org" (in our example below it has the ID 2957).
  • Insert a sysfolder "Grüne Autos" (in our example below it has the ID 2958).

Frame4

Extension Template

  • Add an extension template to your page "gruene-autos.org" (2957)
  • We recommend to use for the name of the template this syntax:
    • +type_page_templateID
    • We call it: +page_grueneautos_979
  • Include the static templates from extensions:
    • Browser (browser)
    • Browser (green_cars)

Frame4

Plugin

  • Insert an extension template. Include static from extensions: Browser (green_cars).
  • Insert the plugin "Browser" and choose as the startingpoint the sysfolder "Green Cars (Data)".

Frame4

Reference

This extension is a teamwork with the Browser. It hasn't any own TypoScript.

Functional Schematic

Green Cars is a Teamwork with the Browser

The illustration below is a illustration out of the Browser manual:

http://typo3.org/extensions/repository/view/browser/current/

Frame4 Frame4

The common way of TYPO3 extension development:

  • Extensions have there own frontend plugin.
  • Extensions have own PHP code for the frontend rendering.

TYPO3 extension development with the Browser:

  • Green Cars hasn't any own frontend plugin.
  • Green Cars has a TypoScript template for the Browser extension only.

We developed the Green Cars extension in teamwork with the Browser like in the illustration above on the right hand, because we could save a lot of development costs. And it is a good idea for the future too. We will be able to extend the database in the backend and the rendering in the frontend very flexible and cost-effective.

If you want to change the design or some functionality in the frontend you have to change the TypoScript of the extension Browser.

plugin.tx_browser_pi1

Investigate the Configuration of Green Cars

If you want to investigate the Green Cars TypoScript template, take a look in

  • the TypoScript Object Browser or in
  • static/setup.txt (below you find a cutout).

There are three good reasons to investigate the TypoScript:

  • You want to change a view in the frontend.
  • You want to add new fields in the Green Cars database.
  • You want to use the Browser for your own database.

If you understand the snippet below, you should be able to change a lot of functionality in the frontend and to use the Browser as the frontend plugin for your database with a minimum of costs.

Please respect that this manual is the Green Cars manual and not the Browser manual. If you like an in-depth analysis take a look in the Browser manual.

http://typo3.org/extensions/repository/view/browser/current/

TypoScript Object Browser

Frame4

Be aware:

  • There is no plugin: tx_greencars_pi1
  • There is a plugin: tx_browser_pi1

If you want to add or delete a view or add or delete a table field in a view please open the array

tx_browser_pi1.views

TypoScript

Cutout of static/browser/setup.txt.

plugin.tx_browser_pi1 {

template {

file = EXT:green_cars/res/default.tmpl

}

...

views {

list {

1 {

select (

tx_greencars_main.co2,

tx_greencars_main.image,

tx_greencars_manufacturer.title,

tx_greencars_main.title,

tx_greencars_main.consumption_average

)

...

}

}

single {

1 {

select (

tx_greencars_main.image,

tx_greencars_main.imagealttext,

tx_greencars_main.imagetitletext,

tx_greencars_manufacturer.title,

tx_greencars_main.title,

tx_greencars_main.speed,

tx_greencars_main.co2,

tx_greencars_main.consumption_in_town,

tx_greencars_main.consumption_outof_town,

tx_greencars_main.consumption_average,

tx_greencars_main.price,

tx_greencars_engine.title,

tx_greencars_type.title

)

}

}

}

}

Helpful suggestions

If you have helpful suggestions, feel free to contact me: wildt.at .die-netzmacher.de.

Further Information

About the plugin icon

img-4 The concept of the icon:

  • The green car should symbolize the focus on environmental aspekts..
  • The color yellow is the color of Die Netzmacher , the company which created the Green Cars.

Other extensions published by Die Netzmacher

img-8 Browser - The Frontend Engine. It displays content from related tables. You need one line typoscript for a result list with a search form, a record browser and an a-z browser. Images are wrapped self-acting. SEO, Search Engine Optimisation is integrated. DRS - Development Supporting System - supports Bugfixing and Development. http://typo3.org/extensions/repository/view/browser/current/

img-9 Browser for BZD Staff Directory. List view and single view for the extension BZD Staff Directory. It is out of the box. You can edit the views by TypoScript. You can add fields and whole views. http://t ypo3.org/extensions/repository/view/browser_bzdstaffdirectory/current /

img-10 Browser for Virtual Civil Services - List views and single views for the extension Virtual Civil Services (civserv) . It supersedes smarty and enables SEO - search engine optimisation -, Real URL and the TYPO3 cache management. It is out of the box. It You can edit the views by TypoScript. You can add fields and whole views. `http://typo3.org/extensions/repository/view/browser_civserv/current/ <http://typo3.org/extensions/repository/view/browser_civserv/current/> `_

img-11 Juridat - Database for Juridical Data. Juridat provides a juridical data base with backend functionality. Juridat is out of the box. It is a teamwork with the Browser. http://typo3.org/extensions/repository/view/juridat/current/

img-12 logical_form: A frontend plugin for evaluating forms. I.e you can evaluate mail addresses. http://typo3.org/extensions/repository/view/logical_form/current/

To-Do List

Nothing to do.

Change Log

0.0.3

Bugfix: Wrong Link in the manual

0.0.2

Publishing

Initial release

0 Verkehrsclub Deutschland. http://www.vcd.org

14