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.

Job Market

Author:Kasper Skårhøj
Created:2002-11-01T00:32:00
Changed by:dirk
Changed:2015-01-08T16:12:06
Classification:job_market
Description:Job market is a catalogue with job offers. It has list and single views optimised for jobs. Views, the a-z-browser, the page-browser, the search, social bookmarks and a lot of oher stuff can configured by the Browser plugin with the mouse. Search engine optimisation (SEO) and localisation is supported. Job Market provides AJAX and a RSS Feed. Job Market hasn't any PHP code. It is based on the TYPO3-Fronend-Engine Browser. Job Market should be easy to addapt to the own needs.
Keywords:jobs, offers, joboffer, market
Author:Dirk Wildt (Die Netzmacher)
Email:http://wildt.at.die-netzmacher.de
Website:http://die-netzmacher.de
Language:en

img-1 img-2 Job Market (job_market) img-3

Job Market

Job market is a catalogue with job offers. It has list and single views optimised for jobs. Views, the a-z-browser, the page-browser, the search, social bookmarks and a lot of oher stuff can configured by the Browser plugin with the mouse. Search engine optimisation (SEO) and localisation is supported. Job Market provides AJAX and a RSS Feed. Job Market hasn't any PHP code. It is based on the TYPO3 -Fronend-Engine Browser. Job Market should be easy to addapt to the own needs.

img-4

Version: 2.1.2 - 2015-01-08

Extension Key: job_market

Language: en

Keywords: jobs, offers, joboffer, market

Copyright 2010-2015, Dirk Wildt (Die Netzmacher), <http://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

The Browser Plugin

Frame1

Introduction

What does it do?

  • Job Market (extkey: job_market) offers jobs
  • Job Market has a lot of features like
    • a search form
    • filters
    • a A-Z-Browser
    • a page browser
    • search engine optimisation (SEO)
    • localisation
    • AJAX
    • a RSS feed
  • Job Market has a template out of the box. See Job Market Template (base_jobmarket).
  • Job Market is based on the TYPO3-Frontend-Engine Browser. This has a lot of advantages like:
    • Database and work flow are separated. Job Market hasn't any own PHP code.
    • Job Market should be easy to extend with new database fields. Developers have only to maintain TypoScript.
    • Job Market is stable
  • It's easy to integrate Job Market into the Facebook API and to offer Jobs on facebook.com.
Demo Website

Online demo: http://typo3-job-market.de/

What does is not do?

  • Job Market doesn't enable frontend users, to offer jobs. If visitors should announce jobs, please check the TYPO3 extension JobControl.
  • Job Market doesn't provide any form for contact. Feel free to extend Job Market with this feature. Please send us a mail.

What do you need?

If you want to adapt the extension, you need experience in TypoScript. You should know the TCA – the TYPO3 Configuration Array.

Audience

  • TYPO3 users, who have less knowledge about TYPO3 and TypoScript and have little demands.
  • Professional TYPO3 developers and TYPO3 agencies, who have a lot of experience with TYPO3 and TypoScript and have high demands.

Non possible features

  • Job Market doesn't support versioning.
  • Job Market doesn't support different workspaces.

Quick Installation

  • Install the extensions browser (browser) and Job Market (job_market)

  • If you like to use the Job Market Template for your website, install Job Market Template (base_jobmarket)

  • Add the pages "Job Market" and the sysfolder "Job Market - Jobs"

  • Add to the sysfolder "Job Market - Jobs" some jobs

  • Add to the page "Job Market"

    • a template

      • Include the "browser" template
      • Include the "Job Market" template
    • the plugin "browser"

      Link the starting point to the folder with the jobs

Installation

Extension Manager

Open the extension manager, download the extensions below.

Obligatory
  • Job Market (job_market)
  • Browser – the TYPO3-Frontend-Engine (browser)
Optional

If you want to use the Job Market Template please install

  • Template Auto-parser (automaketemplate)
  • Job Market Template (base_jobmarket)

If you like search engine optimisation (SEO) please install

RealURL: speaking paths for TYPO3 (realurl)

If you like to use galleries please install

jQuery FancyBox (jq_fancybox)

You can use every other gallery software too, but you have to adapt the TypoScript for images.

The List

The list of your extensions in the extension manager should be look like in the illustration below, if you have installed all.

Frame1

Page Tree

Create a page tree like the example below:

Job Market

Job Market - Jobs [sysfolder]

Insert some Jobs

Insert into the sysfolder "Job Market - Jobs" some jobs.

Frame1

Moudl: Web > List

Page tree: Job Market - Jobs [sysfolder]

Edit area: Click the Icon "Add Records" on top of the edit area

Configure Page "Job Market"

Add to the page "Job Market"

  • a Template
  • the "Browser" plugin
Template

Call your template in the format type-pageTitle-templateUid like +page_jobmarket_131

Register [General], Field "Template Title:": +page_shop_131

Include static templates from extensions.

Register [Includes] -> Include static (from extensions): -> Selected:

  • Browser (browser)
  • Browser for Job Market (job_market)
Plugin

Link the starting point to the sysfolder "Job Market - Jobs".

Result in the frontend

Frame1

This is the result in the frontend. The single view is available too.

The design depends on your HTML template and on your CSS.

AJAX

Enable AJAX with the Browser plugin.

Plugin

img-6

Content Element: Plugin

Plugin: Browser

Tab [Javascipt/AJAX]

AJAX: Enable AJAX for the list view or for the list and the single view

Transition of list view: Should it collapse?

Transition of single view: Should it collapse?

Single view: Should list view and single view displayed at the same time or alternatively?

AJAX Page Object

If the page is reloaded with AJAX, you don't like to have the whole HTML page. You have to add the TypoScript code snippet below into the setup of your page with the Browser plugin.

TypoScript Snippet

You find the snippet in the extension folder of the Browser at:

res/typoscript/page_ajax.txt

Beware of the line break in line 5! After copy form one line!


//

// AJAX page object

[globalString = GP:tx_browser_pi1|segment=single]|| [globalString = GP:tx_browser_pi1|segment=list]|| [globalString = GP:tx_browser_pi1|segment=searchform]

// Don't handle header of content element

lib.stdheader >

// Don't wrap content element with a default div

tt_content.stdWrap >

// Don't prefix the content element with a comment

tt_content.list.20.stdWrap.prefixComment >

// Remove the current page obeject

page >

// Create a page object for AJAX

page < plugin.tx_browser_pi1.javascript.ajax.page

[global]

// AJAX page object

Further Information

Browser Tutorial AJAX http://typo3.org/extensions/repository/view/bro wser_tut_ajax_en/current/

The Browser Tutorial AJAX should be helpful, if

  • you have any further question,
  • you like to use your own HTML template or
  • you like to debug Javascript/AJAX.

RSS Feed

Quick Installation

  • Create a page "rss"
  • Add an extension template.
  • Include the static template "+Job Market - RSS".
  • Maintain some values with the TypoScript Constant Editor.
  • Remove the current page object and replace it with the rss page object of the Browser.
  • Add the plugin "Browser" and configure it to your needs.

Add a Page, a Plugin and the Extension Template

Add a page to your page tree.Call it "RSS".

Add the Browser plugin to the page.Call it "[Browser for RSS]".Set the header type to: [hidden].Configure the other properties later (see below).

Add an extension template to your page.Call it in the format "type _name-of-your-page_uid-of-yourTypoScript-template".Here: "+page_rss_1022"

Frame1

Configuring

Template

Configure the extension template.

[General]

Add in the tab [General] into the field "setup" the code from below.

//

// RSS page object

// Remove the default page object. Check if your page object is called "page"!

page >

// Remove tt_content.stdWrap.innerWrap

tt_content.stdWrap.innerWrap >

// Create a new page object for XML output

page < plugin.tx_browser_pi1.rss.page

// RSS page object

You find this code at res/ts/rssPage.txt in the directory of the extension Browser.

[Includes]

Add in the tab [Includes] into the field "Include static (from extensions):" the template:

+Job Market - RSS (job_market)

Constant Editor

Please configure some values with the TypoScript Constant Editor:

Web Modul > Template

Page Tree: page "RSS"

Edit Area: [Constant Editor]

Category [JOB MARKET RSS]

Frame1

Three values are obligated:

Host: Host of the RSS feed. No protocol, no slash! I.e: www.typo3 -job-market.de

Job Market single view: Page uid of the single view with the jobs

RSS-Feed: Page uid of the RSS-Feed with the jobs

Browser Plugin / Flexform
[Templating]

Browser plugin tab [Templating]

Field "Plugin: HTML template: [Job Market (RSS-Feed) (job_market)]

Startingpoint: The folder with your job offers.

Frame1

[General]

Browser plugin tab [General]

Views: [Configured]

Views: Filter [X]

Views Selected: 10: Job Market (RSS)

Frame1

Result in the Frontend

Visit your RSS feed in the frontend. The result should look like in the illustration below.

Frame1

Indicate your RSS Feed on the Root Page

You can indicate your RSS feed on your root page and on every other page.

You have to add an alternative link to your HTML head section.

Frame1

Frame1

Frame1

If visitors of your site click on the RSS icon of the browser, they will guided to the page with the RSS feed.

TypoScript

You have to add this snippet to the TypoScript of your root page.

You find the snippet at: res/typoscript/page_root.txt

Adapt it to your needs.


//

// RSS alternate link in the HTML head section

page {

headerData {

99 = COA

99 {

10 = TEXT

10 {

value = <link rel="alternate" type="application/rss+xml" title="TYPO3 Job Market" href="

}

20 = TEXT

20 {

stdWrap {

typolink {

parameter = {$plugin.tx_browser_pi1.extensions.job_market.pages.rss_feed}

returnLast = url

}

}

}

30 = TEXT

30 {

value = " />

}

}

}

}

// RSS alternate link in the HTML head section

Adapt your feed

If you like to adapt the RSS/XML feed in any way, the Browser tutorial RSS should be a help. See

http://typo3.org/documentation/document-library/extension- manuals/browser_tut_rss_en/current/

Integration in Facebook

It is easy to integrate the Job Market into facebook.com.

Tutorial

Job Market is based on the TYPO3-Frontend-Engine Browser. Every TYPO3-Extension can be publish on facebook with a minimum of costs, which is based on the Browser - your own database too. The Browser has a tutorial for the issue "Social Media" and especially with the Facebook Integration (21 pages, 28 illustrations). See

Upgrades

From 1.x to 2.x

The database design is changed from CSV-realtions to MM-realtions.

An upgrade ios possible ony, if you take care of a manual update of your relations. Sorry.

See "What's new > CSV-relations are moved to MM-realations" on page 19 below.

What's new

Version 2

CSV-relations are moved to MM-realations

[2.0.0]

CSV-relations :sup:`0 <#sdfootnote1sym>`_ are moved to MM- realations. MM-realtions have a better performance.

See "Upgrades > From 1.x to 2.x" on page 18 above.

Version 1

AJAX

1.2.1 Job Market is provided with an optimised HTML template for AJAX

RSS-Feed

1.1.1 Job Market is provided with an RSS feed

Helpful suggestions

The TYPO3-Browser-Forum

img-7 Illustration 16: The TYPO3-Frontend-Engine Browser Forum

If you have helpful suggestions, feel free to publish any question, bug or code snippet on http://typo3-browser-forum.de/

Posts are welcome in English and German.

Job Market on TYPO3 forge

You find scheduled new Features and Bug Reports on TYPO3 forge. See

http://forge.typo3.org/projects/show/extension-job_market/

You are welcome to report any bug, suggestion or feature request on TYPO3 forge.

To-Do List

Nothing to do.

Further Information

Other extensions published by Die Netzmacher

  • img-8 +AOE Linkhandler Configurator: Configure the AOE linkhandler supported by userinterfaces. Out-of-the-box templates for cal, org, tt_news and tt_products. Don't edit page TSconfig any longer. http://typo3.org/extensions/repository/view/linkhandlerconf/
  • img-9 autositemap: A smart site-map optimised for the footer. It groups menus in columns. Great menus will get two columns. Configuration is based on TypoScript HMENU. http://typo3.org/extensions/repository/view/autositemap/
  • img-10 Browser – TYPO3 without PHP. Develop your TYPO3 extension 8 times faster! You need one line TypoScript for a result list with a search form, a record browser and an index browser. Images are wrapped self-acting. SEO, Search Engine Optimization, is integrated. http://typo3.org/extensions/repository/view/browser/
  • img-11 Caddy – the TYPO3 shopping cart. You can use it for your own needs. You need a database with products or any other items only. You can install Caddy out of the box with one mouse click – see Quick Shop below. http://typo3.org/extensions/repository/view/caddy/
  • img-11 Deal! – TYPO3 Quick Shop interface for the marketplace ebay. Manage all items with TYPO3 and publish it on ebay. Amazon is under construction. http://typo3.org/extensions/repository/view/deal/
  • img-12 Duty – collection of helpful scheduler tasks. Here: remove deprecated files from directories. http://typo3.org/extensions/repository/view/duty/
  • img-13 Flip it! offers lovely and smooth page flip transitions. It enables you to run over pages in PDF documents like in a real magazine. It is based on flash. Flipt it! can convert PDF documents to swf files automatically. http://typo3.org/extensions/repository/view/flipit/
  • img-3 Jobmarket is a catalogue with job offers. Views, the a-z-browser, the page-browser, the search, social bookmarks and a lot of other stuff can configured by the Browser plugin with the mouse. Job Market hasn't any PHP code, it should be easy to adapt it to your needs. http://typo3.org/extensions/repository/view/job_market/
  • img-14 Organiser – TYPO3 for the lobby and the organisers. Handle news, events, staff, headquarters, locations, workshops and a calendar with one extension. Sell online tickets! Install the Organiser with one mouse click! http://typo3-organiser.de/
  • img-11 Quick Shop – the fastest shop in the history of TYPO3. Install it with one mouse click! Quick Shop is based on the browser (see above) and powermail. http://typo3-quick-shop.de/
  • img-15 PDF Controller: Easy to install. Add to your HTML page the PDF-controller-button. Link from the button to the controller. Adjust the controller by mouseclicks. The PDF Controller supports CSS 3. http://typo3-pdfcontroller.de/
  • img-16 Radial Search (Umkreissuche) – Enable the browsing through your data by geo location. 'Your data must have a latitude and a longitude. Address data can geocoded automatically by the Browser - TYPO3 without PHP. http://typo3.org/extensions/repository/view/radialsearch/
  • img-16 Route – Publish your routes with GoogleMaps or OpenStreetMap. Routes have points of interest (POI). You can categorise and filter both: routes and POI. Address data can geocoded automatically. http://typo3.org/extensions/repository/view/route/
  • img-17 seo_dynamic_tag: Search Engine Optimization for the title tag, the canonical tag and the meta tags author, description and keywords. Configuration by a user interface. http://typo3.org/extensions/repository/view/seo_dynamic_tag/
  • img-18 Slick - jQuery Carousel: Fully responsive. Scales with its container. Separate settings per breakpoint. Uses CSS3 when available. Swipe enabled. Desktop mouse dragging. Infinite looping. Fully accessible. http://typo3.org/extensions/repository/view/slick/
  • img-19 TSconfig Pages and Users by extManager (extkey: tsconf): Configure the the eight most commonly used TSconfig porperties with the mouse - like page tree uids, activated extended view, activated clipboard, ... http://typo3.org/extensions/repository/view/tsconf/

Demo-Website

Online demo: http://typo3-job-market.de/

Credits

A part of this extension was sponsored by

LEG Thüringen (Landesentwicklungs-Gesellschaft Thüringen) http://www .leg-thueringen.de/

About the Author

Dirk Wildt

img-20 Illustration 17: The Author - a little bit blurred

Dirk Wildt (* 1963 Hamburg/Germany) Founder of Die Netzmacher GbR (Erfurt/Weimar)

Founder of TYPO3 Usergroup Thuringia

Member of TYPO3 Usergroup Leipzig

2003: Founding think visually! It is Die Netzmacher since 2009.

2000 - 2002: Financial Controller, G.E.B.B

1999 - 2000: Financial Controller, G|M|Z - Tagesspiegel-Gruppe

1997 - 1999: Spokesman, Senatsverwaltung für Finanzen, Berlin

1989 - 1997: Editor and Financial Controller, taz, die tageszeitung

1982 - 1989: Freelancing Press Photographer

Changelog

2.0.1 Improvement * #i0001: TYPO3 6.2 Bugfix * #64118: TCA table.fields are buggySee https://forge.typo3.org/issues/64118

2.0.0 New Major Version * #i0000: New database design* CSV- relations are moved to MM-relationsDANGER: Update isn't possible without manual converting of relations. Sorry.Revisions: from 62190 to 62208

1.5.2 Update * #00000: Update to Browser version 3.9.14filter.table.field.first_item.value_stdWrap is moved to cObject

1.5.1 Imrovements * #00000: a-z-browser is renamed as index browser

1.5.0 New Feature * #27041: Record browser for the single view / Prev-next Switcher in the single view

1.4.0 Improvement * Update to browser 3.7.0 (new feature: record_browser)

1.3.0 Improvement - Adaptation to the Browser version 3.5

1.2.1 New Feature - AJAX

1.1.1 New Feature - RSS-Feed

1.0.1 Publishing - Adding a manual

0.0.1 Initial release

Illustration Index

Illustration 1: Job Market in the list view 3

Illustration 2: Job Market in the single view 3

Illustration 3: Job Market as RSS-Feed 3

Illustration 4: The Browser plugin - here the tab [Social Media] 4

Illustration 5: Installed extensions 7

Illustration 6: Page tree and some job records 7

Illustration 7: Result in the frontend 8

Illustration 8: RSS page with the browser plugin and the TypoScript template 11

Illustration 9: The TypoScript Constant Editor 12

Illustration 10: Browser plugin tab [Templating] 13

Illustration 11: Browser plugin tab [General] 13

Illustration 12: Job Market as RSS-Feed 14

Illustration 13: RSS Icon in the Internet Explorer 15

Illustration 14: RSS Icon in the Firefox 15

Illustration 15: RSS Icon in the Safari 15

Illustration 16: The TYPO3-Frontend-Engine Browser Forum 20

Illustration 17: The Author - a little bit blurred 23

Alphabetical Index

0 CSV: comma separated values

26