" /> All things contribute... The Adobe Contribute Blog: May 2009 Archives

« April 2009 | Main | June 2009 »

May 29, 2009

Best practices for including SWF in your blog posts

,

Best practices for including SWF in your blog posts while posting from Contribute

There are few best practices which can be followed for including SWF in your blog posts to make sure that the readers have a good experience.

  • Do not auto-play the SWF file(s) as there’s nothing worse than going to a blog, which includes multiple posts with SWF files in them and have them all auto-play at the same time. Users encountering this issue and are unlikely to come back on the same blog again.
  • Captivate has a really easy way for you to uncheck auto-play and you can find this in the Preferences dialog box.  To introduce Adobe Captivate in brief it is an application which you can use to rapidly author professional eLearning content with advanced interactivity, software and scenario simulations, quizzes, and other engaging experiences — no programming or multimedia skills required. Refer below for the screen shot:
    Captivate Autoplay setting

    Here’s what a Captivate file when this feature is disabled:
    SWF

 

  • In case you are using Captivate to record, please make sure to consider recording size that fits in the template in Contribute. 
  • Keep your SWF files short and concise so that they load quickly, probably no more than 3-5 minutes each.
  • If possible, you can also choose to make the SWF interactive, where users are asked to do some actions like clicking etc. as opposed to be only passive.  This way the reader can learn by doing.

Bookmark and Share     Adobe Contribute  Contribute Publishing Server

May 25, 2009

WYSIWYG Editing of DRUPAL Content

,,

WYSIWYG editing of sites managed by DRUPAL!!!!

Adobe Contribute is a WYSIWYG editor which helps the user in creating and managing the website content as well as creating and editing of the blog entries. It supports movable type, Wordpress and Typepad.

As most of you might know, Drupal helps to host sites and also enables the user to edit/view the content using blog editors via blogAPI.

In the following sections, lets see how Contribute can help in WYSIWYG editing of the web content managed by Drupal.

 

Modules required

Enable the following native modules that come along with the default Installation of Drupal.

Path

Upload

Blog API

Also download and enable the following Drupal modules.

Path auto, Path redirect, Token

Applying Styles from Contribute

Drupal is set to ‘Filtered HTML’ by default and hence does not preserve the styles applied by the user. Enable ‘Full HTML’ option in Administer à Site Configuration à Input Formats Link.

 

Drupal Configuration

Following section explains the configuration that needs to be done in Drupal.

Contribute works with Drupal when the cleanURL’s are enabled. Enable clean URL in the site configuration settings. In order to enable the same please ensure if mod_rewrite module is enabled in Apache. This can be done by un-commenting the following line in httpd.conf configuration file.

    “LoadModule rewrite_module modules/mod_rewrite.so”

Contribute connects to Drupal using the blog API. Enable the Blog API module available in the module settings and also check the content type (page or story) that can be accessed via Blog API.

URL aliases option appears in the site building settings when path and path auto modules are enabled. Navigate to the automated alias settings and expand the node path settings. Pattern needs to be set for the content path to enable contribute to fetch the entries. Set the pattern for all page and story paths to “blog/1/[nid]”

 URL redirects option appears in the site building settings when path redirect module is enabled. Navigate to Add redirect tab, add “http://<server_URL>/blog/1” and “http://<server_URL>” in “From” and “To” fields respectively and save it.

For example,

If the server URL is “http://drupalserver.com” then the “From” and “To” entries are “http://drupalserver.com/blog/1” and “http://drupalserver.com”

For contribute to support upload of files inline or as enclosures the Upload module has to be enabled. Ensure that the user is provided with permissions to upload file. The type of files allowed for uploading is defined in the blogAPI link under Administer à Site configuration.

Once all these settings are in place, Users can use the WYSIWYG contribute CMS for publishing or editing blog entries.

Please click on the below links to watch Captivate movie on Configuring Drupal and Using Contribute to edit Drupal Content. (comment: this will be there in the entry)

Please navigate to the following link to view

Configuring Drupal

Using Contribute to edit Drupal Content.

Bookmark and Share     Adobe Contribute  Contribute Publishing Server

May 15, 2009

Apply Dreamweaver Templates to your office content and make it part of the web in a few clicks using Contribute Office Toolbar

,,

You can use Contribute's Office toolbar to apply Dreamweaver templates to your offline data in Microsoft Word, Excel and Outlook and publish it to your web site. This article explains about Dreamweaver templates and how to apply Dreamweaver templates to office content and make it part of the web in a very few clicks.

Dreamweaver Templates

A Dreamweaver template contains a preset page layout and includes elements such as text and images. A template gives you a starting point for new web pages and blogs. Using a template can ensure that the pages on your website or blog have a consistent look.

 

 

For example, on a company's internal website, the company employee template might contain basic elements and provide sections for employee information. Suppose the template has the company logo and address, and blank sections for the employee's name, department, phone number, and picture. Any new employee page based on the company employee template inherits the same page layout.

In a template, the designer creates regions to control which elements of a template-based page you can edit. There are editable regions in a template, which you can edit, and locked regions, which you can't edit. In the employee template example, the company logo and address might be in a locked region. The employee information sections would be editable regions. The locked and editable regions in a sample template's page are shown in the figure below.

Sample Dreamweaver Template's page

In Contribute you can create a page using the Dreamweaver template and put the content in editable regions and publish without bothering about the rest of the area of the page. The published page will look consistent with other pages in the website.

 

How can you apply Dreamweaver templates to office content and make it part of the web?

Contribute has small and very simple toolbar that gets added to Microsoft Word, Excel and outlook’s toolbar ribbon after contribute installation. The toolbar has three functional buttons as shown below.

You can either open the office content in Contribute for further editing or directly publish to the website using any one of the available formats.

 

Opening office content in Contribute

If you want to perform further formatting or editing inside Contribute, you can click on the ‘Open in Contribute’ button in the toolbar. Then contribute toolbar will launch contribute and brings up the following ‘Site Selection’ dialog. This dialog allows you to select the website where you want to publish the office content and also it allows you to apply dreamweaver templates to your office content. You can also create a connection to website if there is no connection established to the website already.

After selecting the website, clicking on ‘Choose Template’ button will bring up following ‘Choose Template’ dialog.

In the above ‘Choose Template’ dialog, you can select the template you want to apply and editable region where you want to place your office content. Then on clicking OK, Contribute will create a new webpage using the selected template and inserts the office content in the selected editable region. Then you can either modify or format the content in the editable region inside Contribute or publish to website. Now the published page will have all formatting which was defined in the template and content in one of the selected editable region and page looks like professional web page.

 

Publishing Office content to website directly

The office content can also be published to website directly. On clicking ‘Publish To Web’ button in the toolbar will bring up the following ‘Publish To Web’ dialog.

In this dialog you can select to website to publish your office content, also the target format of the office content. If you select .doc(x)/.xls(x) or .pdf, the office content will be published in selected format to ‘documents’ folder within site.

If you select the .html format, then you can apply dreamweaver template to office content and publish. The published page will have all formatting defined in the template and the office content inside the selected editable region. On clicking ‘Choose Template’ button will bring up the ‘Choose Template’ dialog that allows you to select the template you wish to apply and the editable region you want place the office content.

Here is the video demo of the complete workflow

Bookmark and Share   Adobe Contribute  Contribute Publishing Server  Ranga

May 11, 2009

Rendering Rich Media in Edit Mode

,,

How to stop contribute from rendering Rich Media Content in Edit Mode?

Contribute allows users to add media contents like PDF ; Flash (swf & Video) ; Images in a web page.

Contribute also renders these media objects during editing, giving a WYSIWYG edit experience. While in Browse mode, the Contribute's workspace is of course just an embedded browser – Safari & IE on Mac and Windows respectively. Let’s talk about rendering in browse mode separately, since it’s a different arena.

Is this a boon or a bane?  When everything is fine, all are very happy.

Everything fine?

Contribute uses plugins to render the media files in Edit mode. Whenever there is an update/release in any of these dependent components then there might be issues ranging from minor to major ones.   

Example –

  • Contribute rendering is disturbed when a PDF is inserted.

Yes, the Acrobat plugin that comes with Acrobat Reader is used in rendering the PDF files. So, when a new version of Reader is released, there may be conflicts in the dynamic libraries of Contribute on rendering the inserted pdf file. (ref screenshot below).

So, How to overcome these issues of updates / releases harming Contribute's flow / functioning?

Simple, open Contribute's Application folder and then go to “Configuration” – “Plugins” (for Windows OS) and “Plug-ins” (for Mac OS)- folder and open the file "UnsupportedPlugins.txt". Add the name of the plugin used for rendering the media file in this unsupported list.

For the mentioned PDF example add the text "nppdf32.dll" in “UnsupportedPlugins.txt” file , then save the file and close it.

Launch Contribute and add PDF files and publish. Observe that the PDF files are not rendered in edit mode and the WebPages are published successfully.

Similarly Flash rendering can be blocked in edit mode by adding “npswf32.dll” in the same "UnsupportedPlugins.txt" file.

The dll’s names are added one below the other and saved.

Bookmark and Share     Adobe Contribute  Contribute Publishing Server

May 4, 2009

Auto Save In Contribute

,,

Do you know that data loss can be prevented using the Auto save feature in Contribute?

Users don’t have to worry about the data loss due to any unexpected events. Users can define the preferences once and stop worrying thereafter.

Just define the auto save frequency up to as low as 1 minute and save your time of rewriting the content in the case of unexpected crash

Auto save feature in Contribute saves the drafts at specified time intervals.

Following steps explains how to enable Auto save:

1. Launch Contribute Application

2. Go to File -> Preferences (Contribute -> Preferences in MAC).

3. Go to the second option "Editing" in the left panel

4. Enable Auto save and set the time between the ranges of 1 – 120 (minutes).

5. Contribute saves the draft at specified time intervals.

Click on the below image to view flash movie on "Enabling Auto save in Contribute"

Bookmark and Share     Adobe Contribute  Contribute Publishing Server