Home › IT zone › Drupal CMS zone › Drupal modules zone ›

Composite Layout

[module] Submitted by webel on Mon, 04/05/2009 - 10:07
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
http://drupal.org/project/composite
http://drupalmodules.com/node/3094
Visit also
Client (former): Unseen TV
Consultant: Drupal CMS video web site re-development, extension, and maintenance
Service: Webel Drupal-driven technical Content Management Systems (CMS)

Service: Webel Drupal-driven technical Content Management Systems (CMS)

[book] Submitted by webel on Tue, 18/11/2008 - 00:07
in

Slideshow of some clients of Webel's Drupal CMS web engineering services

[book] Submitted by webel on Wed, 17/06/2009 - 08:46
in

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.

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 PayPay

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

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™ 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): No Magic Inc: the MagicDraw UML & SysML online school

Client (former): No Magic Inc: the MagicDraw UML & SysML online school

Dr Darren of Webel was the founder and original author of the Drupal™-driven MagicDraw UML and SysML eSchool, and contributed nearly 1000 pages of tutorial trails and tips on software engineering with UML™ and systems engineering with SysML, using detailed rich text and exported UML diagram images, as well as screencasts like: Video screencast: YouTube: MagicDraw UML: SysML Plugin active validation tutorial. Visit also: Galleries index: Webel's contribution to the MagicDraw UML and SysML online eSchool.

Client (former): Rattanawan Rattakul: Professional Management Services for IT

Client (former): Rattanawan Rattakul: Professional Management Services for IT

The professional services web site for IT and ICT manager Rattanawan Rattakul uses the Drupal™ multi-site technology to run off the same codebase as this Webel site. The site features extensive use of custom types and custom views, with rich hyperlink cross-references between career profiles, professional activities, organisations, and publications.

Client (former): Unseen TV

Client (former): Unseen TV

Former Webel client Unseen TV uses 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.

Hover your mouse inside the box above to pause the slideshow; move your mouse away (up or down) to restart the slideshow.

Webel offers a powerful Drupal-driven Content Management System (CMS) solution for dynamic web sites

Database-driven Content Management System (CMS) web sites are great for managing and presenting technical content, documents with metadata, and rich media such as images and video online; you can contribute your own content to a powerful, keyword-aware, searchable, web container, and you can have your own online user community with user blogs, forum, and moderated user comments. The PHP-based Drupal CMS technology (in combination with a MySQL database) is the ideal choice for your CMS web site engine.

Using Drupal technology, Webel can quickly develop a fantastic new CMS web site for you using the same well-tested modules and code-base as the Webel site, and on the same Drupal-friendly host Lunarpages, so you know it will work well straight away. Webel can help you choose from hundreds of pre-installed core and contributed Drupal modules.

Webel is now offering a complete Drupal CMS web site startup package. For only $AUD 1100 (incl. GST) + Lunarpages Basic Hosting you get:

  • A Drupal site running on the same very popular and reliable Lunarpages* hosting service as the Webel site.
  • Your own MySQL database(s) and unlimited media content storage area, with easy backups and CPanel.
  • An initial consultation to discuss your content needs and to choose from the Webel kit of well-tested Drupal modules.
  • Initial Drupal site installation, setup, and administration of your site and user community by Webel.
  • An initial theme chosen from the basic Drupal themes, including your logo (or add-on custom theme and logo design by Webel).
  • Assistance with delegation from a new or existing domain to your Drupal site on the Lunarpages host.
  • Instruction on uploading and editing content on your Drupal site as an 'author' user, and how to assign searchable keywords.

(*) Installation on other Drupal-friendly hosts may be subject to additional fees.
Additional Drupal CMS web site services (billed at an hourly rate) include:
  • Ongoing administration and management of your site, content, users, forum, and user comment moderation.
  • Development of a custom newsletter with modular content editing for distribution to your customers and clients.
  • Development of custom Drupal modules and PHP programming services.
  • Media preparation and submission of audio, video, and screencasts as MP3/MP4, Quicktime, and Flash.
  • Maintenance, administration, extension, upgrades, and re-styling of existing Drupal sites.
Proprietor Dr Darren has years of international experience in scientific and technical publishing, so you can also have your documents, source content, and media professionally prepared and styled for online presentation on your site.

Screenshot of time2exercise Drupal CMS web site developed by Webel
Screenshot: PLAY: a musing project: Drupal Ubercart digital music eCommerce demo with PayPal
Snapshot: ethical eMarket affiliate marketing site
Screenshot of a professional services Drupal CMS site developed by Webel
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

Gallery preview index: instructions:

  • Image gallery:
    • click an image's preview to view it full size in an image viewer.
    • then optionally follow the link "Image node details" to the image's node.
  • Video gallery:
    • click a video thumbnail (upper) to play it in a video player.
    • OR click a video scene (lower) to go to a video's node with info then play the video.

Engage Webel to develop a Drupal™-driven technical Content Management System (CMS) web site like this for your engineering, scientific, technical, academic, or media organisation.

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

You know what you will get, because Dr Darren uses real-world projects to demonstrate the process for you right here on this educational Webel site. And you can rest assured that the popular Drupal™ technology is here to stay (and so is Webel, which has been in operation in Sydney, Australia, since 2000).

Your options include:

  • Webel runs your site off exactly the same code-base using the Drupal "multi-site" principle, with your own independent domain name. You get your own style, and your own database for your content, and you know that your site will be maintained and kept up-to-date because it hangs off the same code-base as this very site.
  • Webel develops a completely independent site for you (on the same reliable Lunarpages host), with your own combination of Drupal modules. You may of course start with a stable clone of the current Webel module set, so you know it will run straight away.
  • Engage Dr Darren through Webel for expert re-engineering, upgrades, and maintenance of your existing Drupal site on your own servers.

So contact Webel to start turning your technical documents and media into a dynamic, highly navigable, searchable, and keyword-aware Drupal™ Content Management System (CMS) site. After all:

Webel stands for the "Elements of the Web".

If you've already tried another "web developer" who was "cheaper" and they couldn't deliver, you might like to read this:

"I paid peanuts and I got monkeys; what should I do now ?"

Webel offers 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.

Visit also
Dr Darren Kelly's online Web Technologies résumé
Drupal CMS zone
PHP zone
Service: UML Parsing Analysis of technical documents and digital texts into graphical UML models
Web & Internet services
web and internet technologies
Web Development Reference
Webel Scientific IT Consultancy
webel.com.au: data and contact details
External links
Overview of all Webel galleries
Drupal home

The Drancing accelerometer music "air instrument"

[book] Submitted by webel on Sun, 16/11/2008 - 13:35
in

What is Drancing ?

[book] Submitted by webel on Mon, 29/12/2008 - 12:17
in

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

[book] Submitted by webel on Mon, 29/12/2008 - 12:22

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
See video
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

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

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.)

[book] Submitted by webel on Tue, 16/12/2008 - 14:54
Unified Modeling Language
OMG Systems Modeling Language
Java Get Powered
PHP
Powered by MySQL
Powered by Drupal
Lunarpages.com Web Hosting