Happy Holidays 2011

Over the last few years the face of nexxar has changed significantly: an increasing amount of clients have been asking for our services and together with the demand for our continuously evolving ideas, we are always on the search for new talent to hire and make all of these challenging projects successful. Enjoy this 30-second video and see the faces behind nexxar’s success.

Best wishes from the nexxar team for a relaxing holiday season!

 

General Solutions and nexxar Sign Online Annual Report Alliance Agreement

Tokyo, Japan, December 6, 2011— Press Release

General Solutions and nexxar today signed a business alliance agreement in the field of online annual reports. The aim of the agreement is to leverage each company’s strengths to deliver high-end, cutting-edge online annual reports in the Japanese marketplace to publicly listed corporations. The two companies have been working together for around two years now.

HTML-based online annual reports have become a popular way of delivering investor information in recent years in Europe and the U.S. as they offer effective delivery and satisfy environmental concerns surrounding use of paper and other resources for printing reports. However, Japanese corporations have lagged behind their Western counterparts in the use of HTML to deliver annual reports, which remain an important part of a company’s communications package.

General Solutions and nexxar see an opportunity to help Japanese corporations quickly catch up with companies in leading industrialized nations by offering a solution that involves little change to the traditional annual report production process on the part of clients. General Solutions will draw on its nearly 30 years’ experience and track record in producing annual reports to produce report content and conduct project management. nexxar, for its part, will be responsible for online annual report implementation, leveraging its 10 years’ experience at the vanguard of online annual reports and cutting-edge automated production process. The two companies will work hand in hand to produce high-end, high-quality printed and online annual reports that will be delivered simultaneously.

Under the agreement signed today, General Solutions will act as nexxar’s exclusive agent in the Japanese market for online annual reports.

As leading companies in producing printed and online annual reports, respectively, both General Solutions and nexxar are committed to improving the standard of corporate reporting in Japan through an alliance that offers clients the best of both worlds.

General Solutions and nexxar will hold a seminar on December 7 that is designed to educate the Japanese market, and inform existing and potential clients of the joint service offering.

Is there a legal obligation to produce a paper copy of your Annual Report?

There is still a lot of confusion about what format is legally required for stock listed companies to publish their Annual Report in. I took this as an opportunity to research some regulations in main online reporting markets. I see this as an ongoing post and would love to add more findings coming in through my readers! So please go ahead and post your comments correcting my findings or/and adding requirements in different markets.

The Netherlands
Act on the Supervision of Financial reporting [Wet toezicht financiële verslaggeving] (Wtfv) from 31 December 2006.

Companies have to submit their annual reports and annual accounts to the Authority for the Financial Markets (AFM) within eights days of the annual accounts being adopted. Companies can submit the data as a hard copy or in digital form.

http://www.afm.nl/en/professionals/afm-voor/effectenuitgevende-ondernemingen/financiele-verslaggeving.aspx

Conclusion
No obligation to produce or send out printed Annual Reports in the Netherlands.

United Kingdom
The distribution of Annual Reports is governed by the Companies Act 2006. Every company must send a copy of its annual Report and Accounts to all members (Clause 423).

A company is permitted to send the Annual Report by electronic means if the member does not opt-in to receive a paper copy, and they must be given the opportunity to opt-in by being sent an appropriate form. This is normally done when a member becomes a shareholder and can be done at any later date in addition—if there is no response then the member is assumed to have consented to electronic delivery.

http://www.sharesoc.org/annual_reports.html
http://www.legislation.gov.uk/ukpga/2006/46/part/15/chapter/7

Conclusion
For me it looks like large UK companies have to produce a printed copy as there will always be some shareholders demanding to receive a paper copy.

Germany
According to the Financial Supervisory Authority (BaFin) there is no regulation on the format how the Annual Report has to be made public. They explicitly state, that this equally can be digital.

(links points to a webpage in german) http://www.bafin.de

Conclusion
No need to print nor send out an Annual Report in Germany.

USA
By law, any corporation that holds an annual meeting for stockholders or security holders is required to issue an annual report. Regulations set down by the Securities and Exchange Commission (SEC) specify in detail what information the report must include about the corporation’s finances, markets, and management. The rules are strict: the SEC can levy stiff penalties if corporations fail to comply.
http://legal-dictionary.thefreedictionary.com/Annual+Report

SEC states need for EDGAR filing no force to print:
Companies with more than $10 million in assets whose securities are held by more than 500 owners must file annual and other periodic reports. These reports are available to the public through the SEC’s EDGAR database.
http://www.sec.gov/about/laws.shtml

Conclusion
I don’t see a legal obligation to print an Annual Report for companies (listed) in the USA.

Companies Articles
Many large, stock listed companies defined their obligation to produce and send out a printed Annual Reports in their Companies Articles. These need to be checked and changed if considering to stop printing Annual Reports.

Other aspects
Beside the legal aspects, here is an intersting discussion launched by Mikael Wegmüller in the Corporate Communication group on LinkedIn
http://www.reportwatch.net/report-essentials/the-printed-annual-report-obsolete-or-not/28/

Ah, and of course there is no regulation for how a printed Annual Report has to be layed out. Some companies – as an extreme – might just send out a print off from their annual report website?

Three myths about Online Annual Reports

Ten years ago, in 2001 I first thought about how to best transform content of a printed Annual Report into an usable online version. It was a pilot project for DaimlerChrysler and aimed for no less than to reinvent the wheel. We were a bunch of people highly specialised in designing printed corporate reports and we saw hugh potential in the interactivity and global reach of the web. Put yourself in the users shoes was our main thought and never give up before you achieve your goals our work ethic.

Since then a lot has changed but our credo and ethic didn’t, it became part of our business DNA. By developing this online reporting business to what is nowadays known as the world leader of its kind, I came accross a lot of ignorance in the multi-hundred presentation/pitches/credentials.

Dragging together my top 3 myths of online reporting is more than a list, it’s a personal satisfaction:
 

Myth 1: An Online Annual Report is a PDF for download.

This myth is a simple beginner’s mistake. It is an innocent approach to online reporting as amazingly many people still think Adobe invented the portable document format (PDF) to view print documents on screen. In fact it is a standard for document exchange and not for use on screen.

A simple test shows best why PDF is not a suitable online format. The web is about search so Google for

BASF cash flow
McDonalds cash flow

In BASFs case you are taken straight to the HTML version of the Annual Report answering your question instantly as well as in detail. McDonalds offers their Annual Report just as PDF download. So you end up on secondary news portals which are taking the conversation and McDonalds credibility away. I am sure McDonalds does a lot to highlight their Cash Flow in their printed Annual Report but in a web context this effort was just wasted.

Portion of HTML Annual Reports vs. PDF/JPG since 2003

Portion of HTML Annual Reports vs. PDF/JPG

This research going back to 2003 is looking on what format 500 companies in Europe and North America are offering for their Annual Report. Though the trend towards HTML reports is obvious, still an amazing high number of companies do not care about a true online conversion of their reporting. They miss out a big opportunity to engage and interact because they simply do not exist in our growing online world.
 

Myth 2. Nobody reads Online Annual Reports.

This myth is one I agree up to a fine wording line, because nobody “reads” online. Online is a research media, people look things up and skim over webpages. So the question should be more like “Does anyone use Online Annual Reports”? This question I can answer with a clear YES and want to backup this with some insights, aggregated from user statistics of our growing 30+ client base.

  • In average 30,000 unique visitors per year look at an online annual report. Of course the interest is strongest straight after release, but the decline of interest towards the end of the reports primary live-time is just a 7% below the average monthly usage.
  • We see a positiv correlation between company size and unique visitors of their online reports. But equally its important how the online report is positioned within the entire corporate communications strategy. Good visibility and explanatory links from the corporate website, press releases, social media and the print report drives usage.
  • The growth of unique visitors in our reports averages around 8% per annum. This is above average website growth of around 5% p.a. according to webdata provider comScore www.comscore.com.
  • Every 3rd visitor of our online reports is referred from other (mainly search engines) than the corporate website.

In the absence of statistics from how your printed report is used, online can take the lead.
You can see from this snapshot that its easy to check back what, if and how your online report is used. Beside for answering this myth, statistics in general are a key advantage of online over print reporting. I see these user stats increasingly influencing the overall content concept of our clients reporting.
 

Myth 3. Online Annual Reports should focus on story telling using rich media, the notes section is dispensable.

This is a rather new opinion mainly circulated by design agencies. Facing challenging budget cuts they seem to build a case around their selfish desires? Again I want to refer to our stats to see what users really want in an online report.

Contentwise two out of three page hits go to statutory information i.e. business review and financial statements. The notes section alone accounts for 14% of all page hits, which is well above the strategy section of 5%.

From a functional point of view best received is the search tool which every 4th visitor uses. But this rather new trend might be influenced by enhancements and conceptual effort we put into this.
 
Search tool at Wolters Kluwer Annual Report 2010
Search tool at Wolters Kluwer Annual Report 2010

It’s evident that Annual Reports are primarily used as source for information. I strongly support the importance to develope an appealing design, improve narrative, cut clutter and tell your business story well! But still everybody should be aware of the needs and reasons why users pick up an Annual Report online.
 
Spread the word and keep me posted
Though lot of people see the importance of Annual Reports declining I can’t see this from our business perspective. Our online reporting business has never seen a stronger demand than now. Despite or because turbulent economic times, our clients invest into a direct communication channel to engage with their stakeholders.

With this blog post I want to gather support for a more conscious conversation about what the online report of the future should look like. I hope corporate reporting professionals will continue to spread the word and educate about good and bad online reporting – and keep me posted.

Teil der Website sein oder nicht Teil der Website sein …?

Dieser Gastbeitrag von Marco Schüller (Head of Online Division bei Kirchhoff) wurde am
5. Oktober bereits im Kirchhoff Blog veröffentlicht
.

Immer mal wieder wird die Frage nach der informationsarchitektonischen Verortung von Online-Berichten aufgeworfen: Sollten Online-Geschäfts- oder -CSR-Berichte in die Corporate Website integriert oder besser auf eine Microsite ausgelagert werden?

Vergegenwärtigt man sich den vollkommen unterschiedlichen Charakter der beiden Plattformen Corporate Website und Online-Bericht sowie die auf sie bezogenen Nutzererwartungen, dann fällt die Antwort leicht.

Von einer Corporate Website darf der Nutzer zu recht erwarten, dass sie aktuelle Informationen vorhält, die ständig gepflegt und fortgeschrieben werden. Er rechnet nicht mit einer dauerhaften Verfügbarkeit sämtlicher jemals dort eingestellten Daten, sondern ist sich dessen bewusst, dass veraltete Informationen sukzessive vom Netz genommen werden.

Demgegenüber assoziiert er mit einem Bericht – ob online oder gedruckt – etwas völlig anderes: Eine Stichtagspublikation, die einen fixen Zeitraum abdeckt, deren Informationen nach dem Publikationstermin nicht mehr geändert werden und die auf unbestimmte Zeit verfügbar bleiben.

Kurz gesagt: Die Website lebt und ist in ständigem Wandel begriffen, der (Online-)Bericht ist unveränderlich und für alle Zeit verfügbar. Diese Wesensmerkmale von Website und Bericht könnten unterschiedlicher nicht sein. Eine Verschränkung der beiden durch die Integration des Berichts in die Website konterkariert nicht nur die Nutzererwartungen, sondern bringt noch weitere Probleme mit sich.

Ein extrem umfangreicher statischer Informationsblock in der eigentlich lebendigen Website erhöht nicht gerade deren Attraktivität, insbesondere nicht für wiederkehrende Besucher. Welcher Eindruck entsteht wohl, wenn der Nutzer im Laufe des Jahres einige Male in die CSR-Sektion der Website klickt und dort jedes Mal die gleichen (Berichts-)Informationen vorfindet?

Auch die Einbindung in die Navigation ist problematisch. Ein Menüpunkt „Geschäftsbericht“ oder „CSR-Bericht“ führt im ersten Jahr zur aktuellen Ausgabe. Was geschieht jedoch, wenn der nächste Bericht ansteht? Entweder die Navigation verkompliziert sich enorm oder der alte Bericht wird vom Netz genommen. Beide Lösungen sind nicht optimal. In jedem Fall werden sämtliche Links, die von außen auf einzelne Seiten des Berichts verweisen, danach ins digitale Nirwana führen. Diesen problematischen Aspekten der Integration in die Website steht kein offensichtlicher Nutzen gegenüber.

Die Auslagerung auf eine Microsite bietet demgegenüber eine Reihe von Vorteilen. Hier kann sich der Bericht als geschlossene Einheit präsentieren (auch in profaner Hinsicht, wenn beispielsweise die Suche nur den Berichtsinhalt erfasst und nicht die Inhalte der kompletten Website). Er kann seinen eigenständigen Charakter auch in optischer Hinsicht wahren – gerade bei Geschäftsberichten ein wichtiger Punkt. Integriert in die Website wird das Designkonzept zwangsläufig ins Prokrustesbett des Webstyleguides gepresst und damit oft unkenntlich gemacht. Keine Spur mehr von Wiedererkennbarkeit zum gedruckten Pendant. Kann das ein Ziel sein?

Auch die Integration von Folgeberichten ist kein Problem. Von der Website aus wird sowohl auf den aktuellen Bericht als auch – von einer Archivseite aus – auf die alten Berichte verlinkt. Diese wiederum sind über Vorjahresvergleiche untereinander verkoppelt und bieten zusätzlich Links zurück zur Website an, wodurch ein Zugang zu tagesaktuellen Information ständig gewahrt bleibt. Vernünftig benannte und optisch in berichtsinterne und –externe unterschiedene Links verwirren niemanden.

Die Auslagerung auf eine Microsite scheint in jedem Fall die bessere Option zu sein. Beim Online-Geschäftsbericht ist dies auch längst gängige Praxis. Im Bereich CSR ist die Lage noch uneinheitlich – wohl auch deshalb, weil viele Unternehmen schon CSR-Informationen auf der Website vorgehalten haben, bevor noch ein echtes CSR-Reporting implementiert war. In diesem Fall hat die Herauslösung der Berichtsinhalte aus der Website einen zusätzlichen positiven Effekt: Die CSR-Sektion wird verschlankt, das Augenmerk kann auf Grundsätzliches sowie auf Aktuelles gelegt werden. Damit wird die Sektion abwechslungsreicher und attraktiver für den Besucher. Und, aber das ist nur ein Nebeneffekt, sie wird einfacher zu pflegen.

Do annual reports translate the company brand well?

Annual reports are often seen as daunting projects even for seasoned professionals. So having to translate the brand attributes, in what is essentially a financial document, targeted at investors and analysis can sometime seem a challenge. I’ve spent quite some time looking through a host of annual reports, from both UK household-names and top global players, reviewing the case for ‘do annual reports translate the company brand well’.

Annual Reports in a bookshelfThe top global brands instantly recognise the importance of both online and offline stakeholder brand experiences. Author Dirk Knemeyer (whose clients include Apple, Microsoft, Oracle, McAfee and Yahoo) provides some information on how best to plan for this by highlighting the importance of consistency across all touch-points, working from the premise that an organisation engages in a broad and complex set of interactions with its customers, of which the brand experience portrayed both offline and online are closely interlinked.

For example, GE positions itself as ‘imagination at work’ (http://www.ge.com/ar2010). Both their offline and online reinforces this brand position through the consistent application of these values across all areas of – the visual presentation of information; the tone of voice; the balance between imagery; text and white space; the printed and site design; construction and print production; clean and simple functional elements; error-free delivery and using the latest interactive technology to further enhance the stakeholder brand experience. A lot of time and effort is being put into these pages, making use of dynamically-generated web pages has really helped make the content visually engaging and reinforced the brand position.

2010 for me will always be defined by the number of press and industry conversation around some of our more recognised brands and how they have or haven’t translated across all channels, which struck the most passionate of debuts and noisy objections; just look at Gap. In 2011 we’re already seeing how unifying all communication channels, (GE, Microsoft, IBM, Apple, Coca Cola, Deutsche-Bank, Deutsche Post DHL, P&G…) you can deliver the same consistent and well-branded messages to deliver a consistent brand expression.

Take a look at
http://www.ge.com/ar2010
http://www.ibm.com/annualreport/2010
http://report.akzonobel.com/2009
http://annualreport.deutsche-bank.com/2010
http://www.intc.com/intelAR2009
http://annualreport.pg.com/annualreport2010
http://www.dp-dhl.com/reports/2010/annualreport

About the author:

Smith Joseph (Co-founder and Creative Director of Berghind Joseph)Smith Joseph (Co-founder and Creative director of BergHind Joseph)

Smith has over 20 years’ experience in branding, corporate communications and employee engagement across a range of applications including print; point of sale; marketing; advertising and online communications.

Prior to setting up BergHind Joseph, Smith has held senior creative, creative lead and art director positions for a number of leading UK design and advertising agencies. Producing work for various UK brands and making ideas really come to life.

Trends in presenting annual reports online

Observations from our yearly online corporate reporting research including more than 500* big cap companies in North America and Europe.

(* DOW30, TSX60, FTSE100, DAX80, AEX50, CAC40, SMI48, MIB40, OMX40, ATX20

 
What is interactive?

There is still no consense on how to name the different ways of presenting Annual Reports online. While browsing these 500+ corporate websites we found a vast spectrum of terms, ranging from interactive, online, weboptimised, Website and HTML to symbols that direct users to a more or less useful online version of their Annual Report. Most of these descriptions don’t tell you anything what to expect. This can be either a fully-fledged HTML report websites with possibilities to shape the report according to your needs, or just a simple image based click through shows with no interaction. Even simple PDF blobs are sometimes advertised as online report.

How Weir Group anounces their Annual Report turn-page solution:

How Weir Group (FTSE100) anounces their Annual Report turn page solution.

Weir Group 2010 turn-page solution:

Weir Group 2010 turn-page solution - called online Annual Report?

 
Divide and conquer

It seems that we still need to separate the wheat from the chaff before users will ever understand the value an online version of a corporate report adds. Following our market research, it seems that there are 3 respectively 4 categories established in the corporate reporting world:

1. PDF

The Annual Report is downloadable as PDF. Enriched with bookmark and crosslinks this can be a cost-effective way of presenting, especially for small companies! But in fact PDFs are originated from print documents and are not primarily produced for web usage.

2. JPG (also called image based)

The pages of the printed report are converted into JPG/images. A HTML framework allows hardly more than just flipping through the gallery.

3. HTML

The content of the report is converted into HTML. This allows the user to copy/paste, search through the report and use a hugh varity of tools to enhance the user experience. IMHO this is where online reporting starts to make sense, as this adds value compared to a print version. Within this category we further distinguish between hybrid HTML reports, where parts of the report e.g. the Notes section are incorporated as PDF for download, and full HTML, where the entire report is converted.

 
First findings from nexxar research 2011

Within our research universe of 505 companies, the share of HTML reports is still on the rise. With 42% (2010 40,5%) of all companies HTML stays to be the first choice. The share of companies that solely offer a PDF of their Annual Report rebounded slightly to 38,2% from 37,3% last year. With 19,8%, the stake of JPG reports dropped to the lowest level since we have started our research in 2003! Separating full HTML from hybrid HTML we see that the increase of the last five years is entirely caused by hybrid Reports. The reason is that converting only the front half of the Report into HTML is a major cost reduction. I see this with mixed feelings: On one hand hybrid HTML is certainly a door opener into proper online reporting. On the other hand they damage the image of HTML reports as they sail under the same flag but not offering the same value: Tools like crosslinks or full text search are of limited use when the Notes section is not included.

HTML well established as first choice of format for Online Annual Reports:

HTML well established as first choice of format for Online Annual Reports.

 
Regional differences remain strong

Regarding national differences, the leading markets in HTML reporting remaining the same: UK, Germany and The Netherlands have a share of more than 50% of HTML reports. The Swiss SMI increased extraordinarily strong, the HTML percentage was more than doubled to nearly 23%. Other rising markets are UK, US, Scandinavia, The Netherlands and Canada whereas Germany and Austria declined. Overall regional differences in HTML reporting are staying high in 2011, ranging from a almost 70% stake in UK down to about 5% in France and Italy. The importance of hybrid HTML reports also varies significantly. Whereas in Germany hybrid HTML has almost no importance (2.5%) in the UK rather as many as companies offering hybrid HTML reports (31%) are offering full HTML (36%) reports.

Strong regional differences in stakes of HTML Reports:Strong regional differences in stakes of HTML Reports.

 
Interactive charting

More and more reports incorporate useful features to compare key figures. I would like to highlight two charting tools that enrich the user experience:

#1 Interactive table at SAP

The five-year summary table in the SAP Annual Report 2010 offers charts for each line on mouse-over.

he five-year summary table in the SAP Annual Report 2010 offers charts for each line on mouse-over.
SAP Annual Report 2010.

www.sapannualreport.com

 
#2 Chart Generator at Henkel

Chart Generator at Henkel CSR Report 2010

Henkel Sustainability Report 2010
Disclaimer: this is a nexxar tool

http://sustainabilityreport.henkel.com
 
“There are features in Henkel’s chart generator which analysts’ dreams are made on (whether investors or corporate responsibility professionals): a five-year data span, the underlying numbers available in a format, Excel, they can import into their own systems and – rarely glimpsed – an export image option to help populate presentations. But whether the dream will be realised depends on how awake they are to the richness of the control options, especially given how unusual and therefore unexpected they are.”

Quote taken from BC Tip by Bowen Craggs at www.bowencraggs.com

 
Use of iPad

Obviously the appearance of tablets, like Apple’s iPad, is one of the hottest trends in the corporate reporting industry. Tablets may become the killer application for mass production of printed Annual Reports. It is not only easy to use and very trendy, but combines the strenghts of an online report (search facility, crosslinking of content or inclusion of multi-media) with those of the print side (offline use or privacy of personal comments). The use of iPads for Annual Reporting is still in its infancy. The current apps are all just starting to play with the possibilities. And its not yet decided whether other tablets will gain significant importance beside Apple’s iPad.

A powerful new way of presenting Annual Report information

A powerful new way of presenting Annual Report information

Legal & General Annual Report 2010 iPad version
Disclaimer: produced by nexxar

Most Apps I have found in the AppStore are using the PDF of the printed report as the content resource. We at nexxar followed a different approach, using our full HTML reports. This implies that we are more flexible on using our brilliant online tools like relevance search, online glossary or crosslinks. http://www.nexxar.com/ipad/

For me, the six key questions for iPad Annual reports are:

  1. Is the complete report available, not just a funny click dummy?
  2. Is there a search tool that helps me to find what I am looking for?
  3. Can I link to more detailed information e.g. click on an image to enlarge or click on a Note at the Balance Sheet?
  4. Is the navigation intuitive, helping me to use the huge content of an Annual Report?
  5. When zooming, does the content resize and stay clear?
  6. Is multimedia content used to engage the audience, like video or animation?

 
Summing up

We see the market for online reports maturing in terms of vendors, tools and interactive options. Within HTML reports, interactivity stays the main driver. There are still huge regional differences and ignorance in terms of what is an online report. Whether an investment into a fully-fledged online report makes sense or not, largely depends on a companies communication mix. But I am convinced that we will see a further rise in online reporting, as the decline of print runs will continue to shift interest into online. And mobile devices like iPads will play an increase role.

Wenn du denkst es geht nichts mehr, kommt von irgendwo eine neue Sprache her…

“Ausser HTML und CSS ist nichts weiter notwendig um Internetseiten zu schreiben”! Recht hatte ich – und auch wieder nicht.

Wenn es um den Einbau von Slidern, Glidern, Lightboxen und ähnlichen Effekten geht, kommt man eigentlich an jQuery nicht vorbei. Durch den einfachen Einbau genügte es meistens HTML und CSS passend für das Script zu machen – fertig.

Doch in der vergangenen Berichtssaison mußte bei uns sehr viel in sehr kurzer Zeit passieren – auf Webseiten, bei denen immer jQuery Effekte stattfinden und das meist schon in selbst weiterentwickelter Form und/oder in Kombination mit anderen Scripten.

Dabei galt es folgende Dinge zu beachten:

1. Javascript sollte wenn irgend möglich immer unobtrusive sein, damit das HTML/CSS ZUERST ganz normal und gut funktioniert.

2. Ich schreibe nur, was ich auch verstehe. Unwerwünschte Wechselwirkungen wären sonst zwangsläufig die Folge.

3. Bestehende, ausgereifte Grundsätze für HTML/CSS sollen bestehen bleiben, bzw weiterenwickelt aber nicht umgestossen werden.

Begonnen hat es mit einer Berichtsspezialseite, dem Download Manager, realisiert zum Beispiel beim Zurich GB 2010  oder Wolters Kluwer GB 2010

Der Haupteil des Javascripts auf diesen Seiten stammt von meinen geschätzten Kollegen, die hier mit viel know how wunderschöne Ergebnisse erzielen. Meine Hauptaufgabe war es, den passenden HTML Code dafür bereit zu stellen. Dabei musste ich berücksichtigen, welche Aufgaben das HTML zu übernehmen hatte ohne die eigentliche Aufgabe des Textauszeichnens zu verlieren (Semantik!, siehe Wikipedia). Bei dem oben genannten Beispielen von Wolters Kluwer war es dann an mir, zusätzlich zum Download Manager eine Video Library zu integrieren.

Anfangs war ich Stammgast bei unseren Entwicklern und hatte dutzende Fragen. Sei es um Unterschiede in ähnlichen jQuery Funktionen herauszufinden (vergleiche .parent(), .parents(), .children() und .find()) sowie Tipps und Richtlinien zum schnellen druchqueren des DOM Baums u.v.m. Dazu war viel lesen angesagt. Vor allem in der ausgezeichneten jQuery Dokumentation, die meiner Meinung nach eines der mächtigsten Argumente darstellt, wenn man sich für die Verwendung einer Webanwendung entscheidet.

Folgende Vorgansweise hat mich zumeist ans Ziel geführt:

1. Feststellen der Aufgabe:

2. Genaue Überlegung der Abfolgen

3. Stabile Grundfunktion

4. Für ein abgerundetes Ergebniss sorgen

Beispiel Video Library:

Die Grundlage bietet ein statisches HTML/CSS (http://reports.wolterskluwer.com/2010/ar/servicepages/filelibrary/files/collection.php ohne Javascript aufrufen).

Als erstes füge ich einem Container Tag einen weiteren Class Namen hinzu, eine Technik die ich beim WordPress Sandbox Theme kennen und schätzen gelernt habe. Das bietet die Möglichkeit, für aktives Javascript zusätzliches CSS zu schreiben ohne dass das normale Aussehen der Seite beeinflusst wird. Zusätzlich verstecken wir erstmal die Video Library.

$('#video_library').addClass('video_library_container').hide();

Die Überschriften der Seite für den Download Manager und die Video Library befinden sich jeweils in einem div mit

dem Class Namen “contentheader”. Mit .wrapAll() lassen sich beide (oder mehrere) in ein Container div zusammen ziehen.

$('.contentheader').wrapAll('<div class="integrated_header dl_active"></div>');

Nun haben wir bereits den HTML DOM so manipuliert, das wir mit CSS Tabs machen können, sowie einen Class Namen

für den Aktiven Tab haben. Jetzt brauchen wir die Möglichkeit, zwischen den Tabs hin und her schalten zu können:

$('.dl_active .vl_header h1').livequery('click', (function(){
$('.integrated_header').removeClass('dl_active').addClass('vl_active');
$('#fileLibraryPaneContainer, #filelist').hide();
$('#video_library').show();
}));
$('.vl_active .dl_header h1').livequery('click', (function(){
$('.integrated_header').removeClass('vl_active').addClass('dl_active');
$('#video_library').hide();
$('#fileLibraryPaneContainer, #filelist').show();
}));

Diese beiden Funktionen sind jeweils die selben, mit dem Unterschied, dass sie immer für den anderen Tab als

den aktiven gelten. Sie sind genau auf 2 Tabs ausgelegt. Gibt es mehr Tabs, muß das Script generischer werden.

Zum Schluss wollen wir noch eine Erkennung in der URL hinzufügen um direkte Links auf einen Tab zu ermöglichen.

if ( String(window.location).match(/#video_library$/g) ) {
$('.integrated_header').removeClass('dl_active').addClass('vl_active');
$('#fileLibraryPaneContainer, #filelist').hide();
$('#video_library').show();
}

Für einen ersten eigenständigen Versuch nicht schlecht. Verbesserungsmöglichkeiten gibt es viele, vor allem um das Script wiederverwendbar und flexibler zu machen.

Code is poetry!

At a glance: Highlights of our reporting season

The last few months were very exciting for us. We have published nearly 30 annual, sustainability and even complaints reports. These times were also very stressful, that is the reason why this blog entry is the first in 2011. (no worries, there will be much more in the rest of the year).

We have served five new clients, named Wolters Kluwer, Zurich Financial Services, ABB, Schroders and Triodos Bank, which are very innovative and, besides our existing clients, boosted our product development.

Legal & General iPad gimmick landing pageFor this year we mainly focused on the development of a full HTML iPad app for annual reports. AkzoNobel (already offering interim reports in a multiple reports supporting app), Wolters Kluwer and Legal & General are part a very exclusive circle of companies offering their report as an app for Apple’s tablet worldwide. With this app, users can read the annual report wherever they want as our app is ideal for offline usage. This combines some advantages of a printed report (e.g. offline usage) with advantages of an online report (comfortable search, online glossary etc.).

As the iPad is such a hot thing we have also developed an alternative landing page for the online report of Legal & General using a fully operative generic flash iPad, where you can access the content, search and swivel around the tablet.

The next few months are going to be very interesting. As a rolling stone gathers no moss we will be busy over the summer offering many more innovations for our clients for the upcoming reporting season.

Season’s Greetings 2010

Christmas time gives our business a last break before reporting season takes off. Its a good time to take a deep breath before entering some bustling months until April. So we invite you to look back with us at 2010 with this 30-second video showing nexxar reports.

Wishing you a Merry Christmas and a prosperous 2011!

For a better quality of this video check Animoto, a free service we used to create this video.

Follow

Get every new post delivered to your Inbox.