Silex Labs » Plugins http://www.silexlabs.org Communities platform powered by Silex Labs, dedicated to the creation, support and communication of open source projects 36 Fri, 24 May 2013 09:39:18 +0000 http://wordpress.org/?v=3.4.1

Description

This plugin adds the possiblity to generate SEO (Search Engine Optimization) informations for a silex site in some specific cases. Normal cases are already taken care of by Silex. It is specifically designed for these cases:
  • when different pages (or deeplinks) share the same layer (useful for multiple languages contexts).
  • when dynamic content is used. In that case the seo plugin should be run regularly.
This includes:
  • accessors resolving
  • Oof selector children resolving and parsing
Silex natively takes care of the following cases, when you are saving the layers via the Wysiwyg:
  • only one deeplink is used per layer
  • html compatible components (text, images, label buttons...)

Example provided !!!

This plugin is provided with an example publication named "test_seo_plugin" so you can easily try this functionality.

Installation

To install this plugin on a silex server, use the manager's plugin installer (exchange platform), or copy the plugin folder in the silex_server/plugins folder.

Activation

This plugin has to be activated at publication level. Specific publication activation: In the server's manager go to "Manage", click on the publication on which the plugin should be activated, then click on "Plugins > Activate a plugin", and finally click on the plugin icon and then on "confirm".

Use

To generate seo information for all layers of the publication: -In the server's manager go to "Manage", click on the publication for which the seo should be generated, then click on "Generate Seo". -The plugin will update the /silex_server/contents/site_id/*.seodata.xml files contents. -As a result, the sitemap of the site (accessible here: /silex_server/sitemap.php?id_site=site_id) will be updated. It can be useful to check the sitemap before and after running the SEO generation process.

Parameters

None

Content

The snapshot plugin folder contains several files:
  • index.php
    • contains the php needed to load the plugin.
  • directories
    • hx
      • contains the PHP seo project generated with Haxe
    • lang
      • contains the translations files

Sources

They can be found on following subversion repository: https://silex.svn.sourceforge.net/svnroot/silex/apps/third-party/plugins/seo/src]]> <_epLastError> <_itemCurrentVersion> <_edit_lock> <_edit_last> <_epLastMessage> <_selectedVersionsArray> <_selectedProject> <_epDependencies> <_itemCurrentFileName> <_thumbnail_id> Description Functionalities provided by this plugin
  • your site with a transparent background on the user desktop
  • no installation, just a native application which launches from the hard drive
  • mac and windows compatible, 1 Silex publication gives 2 pixel perfect versions
Applications we have already produced
  • an installer to install programs, install drivers, call system scripts, etc. See the image bellow.
  • distribute Silex on a USB Key or CD/DVD
  • make application which can access the file system, transfer files through FTP...
License This plugin is free and open source, just like Silex. But it uses zinc which is a commercial product. You can use it as is, but there is a watermark on it. You should buy a Zinc license here if you want to remove the watermark. [caption id="attachment_70662" align="aligncenter" width="614" caption="Silex zinc plugin example: an installer"][/caption]

Installation

To install this plugin on a silex server, use the manager's plugin installer - see the tutorial, or copy the "ZincDesktop" plugin folder in the silex_server/plugins folder.

Activation

Server activation (for all publications): In the server's manager go to "Settings > Plugins > Activate a plugin", click on the plugin icon and then on "confirm". Specific publication activation: In the server's manager go to "Manage", click on the publication on which the plugin should be activated, then click on "Plugins > Activate a plugin", and finally click on the plugin icon and then on "confirm".

Use

Make a desktop application out of a Silex site

Download Silex "portable app" version from Silex site. In the Silex portable app folder, there are several folders: "silex_server/" and "silex_design_kit/" and so on. And there is also the Silex launcher application, for mac (silex.app), windows (silex.exe) and linux (silex). Start the application corresponding to your OS in order to access Silex launcher and start using Silex as a portable app. After installing Silex, the manager opens and there you can create a new Silex site from the "create" section. To make it a desktop app you should:
  1. activate the "ZincDesktop" plugin for your new site - please read this help section about activating a Silex plugin
  2. duplicate the silex launcher applications, for mac (silex.app), windows (silex.exe) and linux (silex) and rename them with the name of your new site, e.g. myApp.exe, myApp.app and myApp if gave the name "myApp" to your new site
When you start the new application, you will see a standard native window with your site in it.

Use Zink desktop API in your application

In your Silex site, you can put Silex action on the components and access Zinc API to manipulate files, install programs, install drivers, call system scripts, etc. See Zinc API documentation here. For example, this starts a windows script : onRelease _global.mdm.System.exec:test-script.bat And for mac onRelease _global.mdm.System.exec:test-script.sh Please look at the site "portable-app" provided with Silex portable app version Links ]]> <_selectedProject> <_selectedVersionsArray> <_wp_old_slug> <_epLastMessage> <_itemCurrentFileName> <_epDependencies> <_epLastError> <_itemCurrentVersion> <_edit_lock> <_edit_last>

DESCRIPTION

This plugin display the flickr gallery slideshow in your silex website, just enter an URL in the permalink text field.]]> <_selectedVersionsArray> <_wp_old_slug> <_epDependencies> <_itemCurrentFileName> <_selectedProject> <_itemCurrentVersion> <_epLastError> <_epLastMessage> <_edit_last> <_edit_lock>

Sources

filters component - sources

DESCRIPTION

The OOFilter component allow you to apply dynamically Flash's filter to any component of a Silex publication. V1.2 : traduction and specific panel added

USE

To use this component in Silex, when logged, opens the library and browse to the folder where you put the component then add it to te publication. You can now select the component and edit it's parameters. The most important parameter is PROPERTIES_FILTER_TARGETS. With it, you choose the component to which the effects will be applied. Simply enter the name of the targeted components then validate. PARAMETERS LIST PROPERTIES_DROP_SHADOW_ENABLED : enable the drop shadow on the targeted components PROPERTIES_DROP_SHADOW_DISTANCE : set the distance of the drop shadow PROPERTIES_DROP_SHADOW_ANGLE : set the angle of the drop shadow PROPERTIES_DROP_SHADOW_BLUR_X : set the horizontal blur of the drop shadow PROPERTIES_DROP_SHADOW_BLUR_Y : set the vertical blur of the drop shadow PROPERTIES_DROP_SHADOW_ALPHA : set the transparency of the drop shadow PROPERTIES_DROP_SHADOW_COLOR : set the color of the drop shadow PROPERTIES_DROP_SHADOW_IS_INNER : set if the drop shadow must appear inside the targeted component PROPERTIES_DROP_SHADOW_KNOCKOUT : Applies a knockout effect, which effectively makes the object's fill transparent and reveals the background color of the document PROPERTIES_DROP_SHADOW_QUALITY : set the visual quality of the drop shadow PROPERTIES_DROP_SHADOW_STRENGTH : set the strength of the drop shadow PROPERTIES_BLUR_FILTER_ENABLED : enables the blur filter on targeted components PROPERTIES_BLUR_FILTER_BLUR_X :  set the horizontal blur of blur filter PROPERTIES_BLUR_FILTER_BLUR_Y : set the vertical blur of the blur filter PROPERTIES_BLUR_FILTER_QUALITY : set the visual quality of the blur filter PROPERTIES_GLOW_FILTER_ENABLED : enable the glow filter on the targeted components PROPERTIES_GLOW_FILTER_ALPHA : set the transparency of the glow filter PROPERTIES_GLOW_FILTER_BLUR_X : set the horizontal blur of the glow PROPERTIES_GLOW_FILTER_BLUR_Y : set the vertical blur of the glow PROPERTIES_GLOW_FILTER_COLOR : set the color of the glow PROPERTIES_GLOW_FILTER_IS_INNER : set if the glow must appear inside the component PROPERTIES_GLOW_FILTER_KNOCKOUT : Applies a knockout effect, which effectively makes the object's fill transparent and reveals the background color of the document PROPERTIES_GLOW_FILTER_QUALITY : set the visual quality of the glow PROPERTIES_GLOW_FILTER_STRENGTH : set the strength of the glow PROPERTIES_BEVEL_ENABLED : enable the bevel on targeted components PROPERTIES_BEVEL_DISTANCE : set the bevel distance PROPERTIES_BEVEL_ANGLE : set the bevel angle PROPERTIES_BEVEL_BLUR_X : set the bevel horizontal blur PROPERTIES_BEVEL_BLUR_Y : sert the bevel vertical blur PROPERTIES_BEVEL_SHADOW_ALPHA : set the transparency of the bevel shadow PROPERTIES_BEVEL_SHADOW_COLOR : set the color of the bevel shadow PROPERTIES_BEVEL_HIGHLIGHT_ALPHA : set the alpha of the bevel highlight PROPERTIES_BEVEL_HIGHLIGHT_COLOR : set the color of the bevel highlight PROPERTIES_BEVEL_KNOCKOUT : Applies a knockout effect, which effectively makes the object's fill transparent and reveals the background color of the document PROPERTIES_BEVEL_QUALITY : set the visual quality of the bevel PROPERTIES_BEVEL_STRENGTH : set the strength of the bevel PROPERTIES_BEVEL_TYPE : set the type of the bevel (inner, outer or full)]]> <_epLastError> <_epLastMessage> <_itemCurrentVersion> <_epDependencies> <_itemCurrentFileName> <_selectedProject> <_selectedVersionsArray> <_wp_old_slug> <_edit_lock> 2 galleries This plugin adds 2 components : the gallery and the autoplay gallery. They are both the same component with different configuration. The autoplay gallery will automatically switch pictures every few seconds and won't display the next and previsou buttons.

Use

[caption id="attachment_73235" align="aligncenter" width="300" caption="the panel of the simple gallery (click to zoom)"]simple gallery panel[/caption] The gallery has the following parameters :

Pictures URLs

This is the urls of the pictures that you want to display in your gallery. The pictures can either come from your media folder (ex: "media/logosilex.jpg") or from another website (ex: "http://www.google.fr/images/logos/ps_logo.png"). The gallery can display .jpg, .jpeg, .gif (but not animated), .png (transparent or opaque) and .swf pictures.

Autoplay

If the autoplay checkbox is checked, the picture will automatically be switched every few seconds. You can specify the interval with the "Autoplay duration" parameter.

Autoplay duration

The interval in seconds before displaying the next picture, if the autoplay is activated.

Loop

If the loop checkbox is checked, once the user reaches the last picture, if he clicks the next button, the first picture will be displayed, same for the first picture with the previous button.

Transition Type

Determine the transition animation between 2 pictures, here are the current transitions types :
  • Fade
  • Swipe
  • Zoom

Transition duration

The duration of the transition between 2 pictures in seconds.

Show controls

If the checkbox is checked, the next and previous buttons are displayed

Show loader

If the checkbox is checked, the loader will be displayed when a picture is loading

Controls vertical align

Detrmine the vertical position of the next and previous button, can be top, middle or bottom.

Scale mode

The scale mode applied to the pictures, there are 3 scale modes :

  • noscale

    The picture won't be resized and will be displayed at their full size

  • fill

    The picture will take the dimensions of the gallery. It will probably deform the picture

  • exactFit

    The picture will take the biggest size they can within the gallery without being deformed

Show background

If the checkbox is checked, display the background of the gallery. Hiding the background is useful if you want a transparent background or a custom background added in Silex.

Background color

The color of the gallery background

Skinning the gallery

The simple gallery is a skinnable component, you can download the source FLA here : SimpleGallery_source. This FLA allows to create your own design by customising :
  • The next button
  • the previous button
  • the loader displayed when a picture is loading
  • the error panel displayed when a picture was not found
The folder "silex framework" in the Flash library contain all the necessary clips to make the gallery work as a Silex component and shouldn't be changed. The "gallery asset" folder contains some graphics which can be customised.

Controlling the gallery with actions

You can use any component to act as the next and previous button of your gallery by adding an action to them. Ex : for a simple gallery called "myGallery". Add the following action on the component yout want to use as the next button : onRelease myGallery.next Add the following action on the component yout want to use as the previous button : onRelease myGallery.previous

Event sent by the gallery

For a more advanced use of the gallery with actions, here is the list of the event dispatched by it :
  • onStartPictureLoading sent when a picture loading start
  • onPictureLoaded sent when a picture has been successfuly loaded
  • onPictureLoadingError sent when there was an error during picture loading
  • onPictureStartTransition sent when the transition start between 2 pictures
  • onPictureTransitionComplete sent when the transition is complete between 2 pictures
  • onNextPicture sent when the process to display the next picture starts
  • onPreviousPicture sent when the process to display the previous picture starts
  • onNextPictureAutoPlay sent when the next picture is displayed thanks to the autoplay
  • onChange A generic changed event dispatched with some  other events
]]> <_selectedVersionsArray> <_itemCurrentVersion> <_wp_old_slug> <_epLastMessage> <_epLastError> <_epDependencies> <_itemCurrentFileName> <_selectedProject>