Composite Layout

4

This Webel site makes frequent use of this excellent and highly recommended module. Examples include:

It can also be used to create flexible Newsletter layouts.

You may have to override the display of metadata in teasers and/or full nodes of nodes reused as elements in the composite context to get best results by using CSS {display:none;} !

Below this main node (the "original content" of the layout node, assigned to the top row "zone" of this "two-columns" layout) you'll see composed elements in the left and right "zones" of the layout, one of which is even a large composite within this composite.

Module home
Visit also

Service: Drupal-driven Content Management System (CMS) web sites by Webel

About Drupal CMS web site technology

Database-driven Drupal™ Content Management System (CMS) web sites are great for managing and presenting evolving content, documents with metadata, complex relational data, and rich media such as images and video online. You can also easily contribute your own content to the searchable, keyword-aware web container, and you can have your own online user community with user blogs, forum, and moderated user comments. The very popular, very powerful, Drupal™ CMS web site technology - driven by the PHP web language and a MySQL database - is the ideal choice for your dynamic CMS web site.

 
 

Webel IT specialises in "data-rich, document-rich, and media-rich" Drupal™-driven Content Management System (CMS) web sites for clients in industry, engineering, science, education, and government, as well as professional eCommerce sites for commercial clients selling and promoting technical products and services, and web consultancy for digital media agencies.

Client: Project Performance International: Systems Engineering Goldmine site

Client: Project Performance International: Systems Engineering Goldmine site

Project Performance International (PPI) is an internationally recognised training organisation offering courses worldwide in topics including Systems Engineering, Requirements Analysis, and Software Engineering. Webel developed a new version of the PPI Systems Engineering Goldmine, employing Drupal™ CMS technology and PHP scripting to organise and deliver around 10,000 web pages presenting useful systems engineering resources such as document downloads, document metadata, and engineering definitions.

GreenSoft: GreenDesk product site: web application for environmental tracking of green office buildings

GreenSoft: GreenDesk product site: web application for environmental tracking of green office buildings

GreenSoft Pty Ltd is a venture startup company in Australia developing the ambitious GreenDesk web application for environmental tracking of office buildings against standards such as Green Star Office of the Green Building Council of Australia. Webel develops many Drupal™ CMS sites for GreenSoft, including the GreenDesk product site, which incorporates rich screencast videos and tutorials trails describing the GreenDesk product.

GreenSoft: company site: developers of the GreenDesk web application and the GreenBase resources portal for green buildings

GreenSoft: company site: developers of the GreenDesk web application and the GreenBase resources portal for green buildings

GreenSoft Pty Ltd is a venture startup company in Australia developing an ambitious web application GreenDesk for environmental tracking of office buildings against standards such as Green Star Office of the Green Building Council of Australia, as well as the GreenBase portal for resource on environmental rating systems worldwide. Webel used Drupal™ CMS to develop a "business card" landing site describing the activities, products, and services of GreenSoft.

GreenSoft: the GreenBase green resources portal for worldwide environmental rating schemes for green buildings, with eCommerce subscriptions

GreenSoft: the GreenBase green resources portal for worldwide environmental rating schemes for green buildings, with eCommerce subscriptions

GreenSoft Pty Ltd is a venture startup company in Australia developing software applications and web sites for environmental tracking of green buildings against standards such as Green Star Office of the Green Building Council of Australia, LEED USA, and BREEAM UK/Europe. Webel used Drupal™ CMS to develop the GreenBase international green resources portal with Drupal UberCart eCommerce subscription.

Currently login only, access by request !

Case Study: Webel IT Australia's Drupal7 demonstration and analysis with object-oriented tutorial module One of Each (OOE)

Case Study: Webel IT Australia's Drupal7 demonstration and analysis with object-oriented tutorial module One of Each (OOE)

By Drupal™ CMS developers Webel IT for other Drupal developers, and using the latest Drupal7 contributed module APIs, this unique site uses an extensive tutorial module One of Each (OOE) to demonstrate how one can map out the Drupal7 module development API in purely object-oriented PHP, connecting to the regular Drupal core hook and handler system via a special object-oriented bridge. This enables one to model the Drupal system in graphical Unified Modeling Language (UML) and to employ advanced software engineering techniques such as object-oriented Design Patterns. Also contains a wealth of information on Drupal7 module and theme development.

Case Study: Webel IT Australia's Drupal-driven site

Case Study: Webel IT Australia's Drupal-driven site

The Webel IT site was developed in 2008 to showcase Drupal™ CMS core and contributed module technologies while drawing on content and media from Dr Darren's UML™, Java™, C++, and XML software engineering and systems engineering work and Webel software engineering training courses – especially UML and Java engineering - as well as past scientific work, and featuring Dr Darren's research and development projects (like the NeXML Schema system for the NeXus neutron science data format), and inventions like the unique Drancing real-time accelerometer music synthesis system, with video and audio .

Community site: German Academic Exchange Service (DAAD) Australia, Research Ambassador and Mentoring Programme (RAMP)

Community site: German Academic Exchange Service (DAAD) Australia, Research Ambassador and Mentoring Programme (RAMP)

The DAAD RAMP site is an initiative of the German Academic Exchange Service (Deutscher Akademischer Austauschdienst DAAD). The site offers information on the RAMP mentoring programme, as well as blogs and events listings. Authorised 'staff' role users have access to extended features such as mentor/mentee listings using Drupal query Views reports and keywords searches to help match mentors to mentees according to interests.

Case Study: Webel IT Australia's Drupal8 core and contributed module assessment site

Case Study: Webel IT Australia's Drupal8 core and contributed module assessment site

By Drupal™ CMS developers Webel IT for other Drupal developers, this site demonstrates the latest Drupal8 core and contributed module APIs, and assesses and reviews the most essential and popular core and contributed modules for their readiness for production use. The site also offers some graphical Unified Modeling Language (UML) analysis of the Drupal8 architecture and APIs. Also contains a wealth of information on Drupal8 module and theme development, and the new TWIG templating system.

Client: Time2Exercise with fitness expert Hadyn Muir

Client: Time2Exercise with fitness expert Hadyn Muir

Hadyn Muir - one of Australia's leading yoga and Pilates instructors - is the proprietor of time2exercise - a homegrown business, which specialises in fitness prescription for the elite sportsperson/athlete, the injured worker, and the dis-eased individual. He teaches at Yoga studios and gyms in Hervey Bay, Queensland, Australia, and on Fraser Island, where he conducts yoga retreats. The time2exercise site was migrated to Drupal™ by Webel.

Case Study: PLAY music and art project: digital eCommerce with integrated PayPal

Case Study: PLAY music and art project: digital eCommerce with integrated PayPal

In the ancient tradition of web developers everywhere, Dr Darren of Webel is also his own demonstration client. The PLAY project features music, images, video, art, and media from his "other life" as a musician, performer, and entertainer, as well as being a functioning Drupal™ CMS eCommerce Ubercart site, where you can hear and buy digital music MP3s online via PayPal. Check out also this gallery/video tutorial trail on the new animated logo with synchronised "sound circles" synthesized in PureData and with visuals generated in GEM.

Case Study: the Ethical eMarket: a marketing site with ethical criteria and product reviews

Case Study: the Ethical eMarket: a marketing site with ethical criteria and product reviews

The Ethical eMarket developed by Webel puts an "ethical" spin on marketing, and showcases Drupal™ web technologies. The site driven by custom types and custom views in Drupal™, and all product links, media, and metadata are database-driven. There is also a set of evolving criteria and policies applied to product referrals, which ccan be influenced by registered members through votes, comments, and a user forum.

Client (former): Unseen TV

Client (former): Unseen TV

Former Webel client Unseen TV used Drupal™ Content Management System (CMS) technology to deliver a wide range of online videos to Australia and the world. Webel extended and improved the site, including introduction of searchable keywords and tag clouds, improved RSS feeds, a modular composite layout newsletter, and PHP scripts for management of large newsletter subscription datasets.

You know what you will get, because Webel uses live web projects to demonstrate the process for you, such as right here on this educational Webel site and on dozens of other live Webel client sites used by many thousands of users every day around the world. And you can rest assured that the world leading advanced Drupal™ CMS technology is here to stay, as is Webel IT, which has been in operation in Sydney, Australia, since 2000.

Using Drupal™ technology, Webel IT can quickly develop a fantastic new Content Management System (CMS) web site for you using the same well-tested Drupal core and contributed modules and code base kits used on existing Webel sites, and on well-known Drupal-friendly web hosting services, so you know everything will work straight away.

Screenshot of time2exercise Drupal CMS web site developed by Webel
Screenshot: PLAY: a musing project:  Drupal Ubercart digital music eCommerce demo with PayPal
Screenshot: ethical eMarket affiliate marketing site
Screenshot of the original MagicDraw UML & SysML online school (2008)
Screenshot of Project Performance International's Systems Engineering Goldmine Drupal CMS web site developed by Webel
Screenshot of mulitlingual Drupal CMS web site for Automatisering og Utvikling av Rutiner (AUR), Norway, developed by Webel
Screenshot: Webel IT Australia's Drupal7 demonstration and analysis with object-oriented tutorial module One of Each (OOE)
Screenshot: GreenSoft: company site: developers of the GreenDesk web application and the GreenBase resources portal for green buildings
Screenshot: GreenSoft: GreenDesk product site: web application for environmental tracking of green office buildings
Screenshot: GreenSoft: the GreenBase green resources portal for worldwide environmental ratings scheme for green buildings, with eCommerce subscriptions
Screenshot: Case Study: Webel IT Australia's Drupal-driven site
Screenshot: Community site: German Academic Exchange Service (DAAD) Australia, Research Ambassador and Mentoring Programme (RAMP)
Screenshot: Webel IT Australia's Drupal8 module assessment and tutorial site

Webel knows exactly how to choose from the hundreds of pre-installed Drupal core modules, and from the tens of thousands of contributed Drupal modules, and can also develop advanced custom modules in the PHP web language using the Drupal module development system.

We have complete command of the long-established Drupal7 and latest emerging Drupal8 module and theme development frameworks, as demonstrated on the extensive educational Webel IT Australia: Drupal7 demonstration and analysis site and Webel IT Australia: Drupal8 architecture and module analysis site for Drupal developers.

Need Drupal theming for just the right look and feel ? Not a problem ! Not only do we know the best-loved Drupal themes, we can also customise existing themes using the Drupal theming system and the PHP web language, as well of course fine-tuning of styles using the Cascading Style Sheet (CSS) language. We can even develop completely new custom Drupal themes if required.

So contact Webel IT today to start turning your organisation's documents, data, and media into a dynamic, highly navigable, searchable, keyword-aware, and media-rich Drupal™ Content Management System (CMS) site.

Webel IT is one of Australia's most experienced Drupal CMS web site development specialists !

Webel IT offers premium web engineering, backed by decades of professional, international, real-world computing and software-engineering expertise. For every service hour billed you get many hours of experience, and well researched and tested technologies. We are genuine Drupal™ CMS experts !

Proprietor Dr Darren has decades of international experience as a scientific computing expert, and IT educator, and has worked with many different kinds of organisations and clients throughout the world.

Visit also

The Drancing accelerometer music "air instrument"

What is Drancing ?

Drancing is a gestural synthesis accelerometer music system (an "air instrument") under development by Dr Darren Kelly since 1996. Drancing employs triaxial-accelerometers (3D vector acceleration transducers) to synthesise music, visuals, and computer controls from human gestures, dance, and movement.

The name Drancing is derived from "Drumming-by-Dancing" (or "air drums" mode) which is just one of its many applications. It can also be used as an "air synthesizer", "air guitar", or "air piano", and to make sounds never heard or named before.

Drancing uses real-time synthesis of sound and visuals

A distinguishing feature of the Drancing system is that it can employ continuous, real-time synthesis of sound to create strong aural biofeedback, not just triggering of pre-recorded samples (although it can trigger samples as well).

The "organic" Drancel RGB LED visuals and real-time computer-generated visuals also promote strong visual biofeedback. It is by design a "synaesthetic" instrument.

Video: YouTube: Drancing accelerometer music with Wiimotes: 3D variable frequency oscillators + amplitude variation + triggered "air drum" samples

Play video (then use fullscreen !)
ERROR: You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialise correctly.
This error usually only occurs if embedding remote content fails; Please try playing the original video on the original site using the following link.
Scenes

Demonstrates combined oscillator frequency variation, amplitude variation, and triggered Drum sample ("Drumming by Dancing") modes along with Drancel RGB monitor visuals projected onto the "Drancer" performer.

For this demonstration two hand-held WiiTM Remotes on a MacBook Pro were used. (The original Drancing accelerometer suit (since 1997) used 5 triaxial accelerometers in a "body star" pattern").

Drancel RGB PureData/GEM accelerometer monitors

Drancel RGB PureData/GEM accelerometer monitors

The Drancel accelerometer "light atom" principle can be applied to any light source or video generator; here PureData/GEM computer visuals are used to create Drancel accelerometer monitors, based almost exactly on the Java visuals from previous versions of DranceWare.

The corresponding (very pragmatically developed) prototype PureData/GEM patches look a bit rough, however the resulting monitor lights are beautiful when projected behind a performer, and they provide excellent visual feedback to accompany the audio synthesis.

Video: 2 Drancers (acceleration avatars) each with 5 Drancels: in PureData/GEM Prototype of DranceWare: rotating camera: driven by Wiimote

Play video (then use fullscreen !)
Scenes

Demonstrates 2 "Drancer" acceleration avatars, each with 5 Drancel RGB triaxial accelerometer synthesis atoms, with orthogonal "light cones" (which correspond to LEDs with reflectors). The sound here is synthesised from 2 sets of WiiTM Remote accelerometer signals driving Variable Frequency Oscillators (VFOs) in Pure Data; the visuals are in GEM. (For this demonstration every Drancel RGB of each Drancer receives the same signals.)

Video: Drancel RGB accelerometer "light horns" sound=colour synthesis principle (with 3 Variable Frequency Oscillators): driven by Wiimote

Play video (then use fullscreen !)
Scenes

Demonstrates one Drancel RGB accelerometer synthesis atom design, with orthogonal "light cones" (which can correspond to LEDs with reflectors). The sound here is synthesised from WiiTM Remote accelerometer signals driving Variable Frequency Oscillators (VFOs) in Pure Data; the visuals are in GEM.

Video: The Drancel RGB virtual triaxial accelerometer: colour=sound synthesis principle in 3D (with 3 VFOs and simulated sinusoidal signals)

Play video (then use fullscreen !)
Scenes

Demonstrates one Drancel RGB accelerometer synthesis atom design, with orthogonal "light cones" (which can correspond to LEDs with reflectors). The sound here is synthesised from simulated sinusoidal accelerometer signals driving Variable Frequency Oscillators (VFOs) in Pure Data; the visuals are in GEM.

Photo of the original Drancing accelerometer suit

Photo of the original Drancing accelerometer suit

The original Drancing prototype used 5 triaxial accelerometers in a "body star" formation in a suit and a cable for data transfer.

Video: Drancing suit 2002: triaxial accelerometer sound axes: variable frequency and variable amplitude modes

Play video (then use fullscreen !)
Scenes

Demonstration of the axes of a triaxial accelerometer using sound synthesis. The relationship to gravity is explored using vector acceleration with 3D Variable Frequency Oscillator (VFO) mode, then amplitude variation "triaxial chord" mode.

Video: Drancing suit 2002: variable frequency + variable amplitude mode

Play video (then use fullscreen !)
Scenes

The (X,Y,Z) channels of five 3D accelerometers vary the amplitudes and the frequencies of 5 x 3 = 15 pure sinusoidal oscillators.

One can hear "beat" frequencies generated by similar frequencies corresponding to different accelerometer channels, such as when the arms are raised to similar levels, which effect can be exploited for musical nuance and for movement therapy to measure symmetry of posture.

Video: Drancing suit 2002: "air DJ" scratching: variable frequency + variable amplitude

Play video (then use fullscreen !)
Scenes

So who needs a turn-table ? Look Mum, no hands !

Video: 1 Drancer (acceleration avatar) with 5 Drancel RGB virtual triaxial accelerometers: colour=sound synthesis principle in 3D (PureData/GEM) 3 VFOs per Drancel and simulated sinusoidal signals

Play video (then use fullscreen !)
Scenes

Demonstrates one "Drancer" (an acceleration avatar for the Drancing accelerometer music system) with 5 Drancel RGB accelerometer synthesis atoms (corresponding to hands/wrists, feet/ankles, and waist). The sound here is synthesised from simulated sinusoidal accelerometer signals driving Variable Frequency Oscillators (VFOs) in Pure Data; the visuals are in GEM.

Video: 2 Drancers (acceleration avatars) each with 5 Drancels: in PureData/GEM Prototype of DranceWare: Driven by Wiimote

Play video (then use fullscreen !)
Scenes

Demonstrates 2 "Drancer" acceleration avatars, each with 5 Drancel RGB triaxial accelerometer synthesis atoms, with orthogonal "light cones" (which correspond to LEDs with reflectors). The sound here is synthesised from 2 sets of WiiTM Remote accelerometer signals driving Variable Frequency Oscillators (VFOs) in Pure Data; the visuals are in GEM. (For this demonstration every Drancel RGB of each Drancer receives the same signals.)

randomness