You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@cocoon.apache.org by Peter Sparkes <pe...@didm.co.uk> on 2013/05/14 08:36:28 UTC

Mobile Website

Hi,

I have a requirement to use different sitemap.xmap for mobiles depending on the screen size.

I am using 2.1.11

Please, how do I do this?

Peter

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org

Re: Mobile Website

Posted by Andre Juffer <an...@oulu.fi>.
On 05/28/2013 02:50 PM, Peter Sparkes wrote:
> After investigating the
> various options I have gone for "responsive web design". In future I 
> will design all my websites this way from scratch.

Note sure whether I have send you this:

http://www.initializr.com/

It provides you with a template for a basic HTML5-based site. It use 
jQuery for communicating with (a preferable cocoon-based) server, but 
one could use any framework (like the Dojo toolkit, my favourite). If 
you display the index.html generated by initializr.com, try 
Firefox->Tools->Web Developer->Responsive Design View.

Best,
André



>
> Thanks to all for your advice
>
> Peter
>
> On 17/05/2013 08:27, Peter Sparkes wrote:
>> My thanks to all who have replied. I am currently evaluating the 
>> various options suggested
>>
>> Peter
>>
>> On 14/05/2013 09:18, Thorsten Scherler wrote:
>>> On 05/14/2013 09:29 AM, Andre Juffer wrote:
>>>> On 05/14/2013 09:49 AM, Peter Sparkes wrote:
>>>>>
>>>>> Or stylesheets
>>>>
>>>> Have a look at responsive web design. Instead of having different 
>>>> pages (HTML) returned for which you may use different sitemaps 
>>>> and/or XSL stylesheets, you could return the same content, but 
>>>> presented differently depending on the size of the screen of the 
>>>> device using CSS.
>>>>
>>>> http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/ 
>>>>
>>>
>>> Go nuts with 
>>> http://code.google.com/a/apache-extras.org/p/lenya-extras/source/browse/modules/wurfl/?r=e0ae38858b9683c4f2fa68dbb62e7c936e725f96#wurfl%253Fstate%253Dclosed 
>>> gives you the power of http://wurfl.sourceforge.net/
>>>
>>> You need the java code and then you can do:
>>>
>>> <map:components>
>>> <map:generators>
>>> <map:generator logger="sitemap.generator.wurfl"
>>> name="wurfl"
>>> src="org.apache.lenya.modules.wurfl.generation.WurflDeviceInfoGenerator" 
>>> />
>>> </map:generators>
>>> <map:selectors default="wurfl">
>>> <map:selector logger="sitemap.selector.wurfl" name="wurfl"
>>> src="org.apache.lenya.modules.wurfl.selection.WurflSelector">
>>> <!--+ | NOTE: The appearance indicates the search order. This is
>>> very important since | some words may be found in more than one 
>>> browser description.
>>> (MSIE is | presented as "Mozilla/4.0 (Compatible; MSIE 4.01; ...") + 
>>> -->
>>> <browser name="android" useragent="Mozilla/5.0 (Linux; U; Android 
>>> 2." />
>>> <browser name="android-tab" useragent="Mozilla/5.0 (Linux; U; 
>>> Android 3." />
>>> <browser name="ipod" useragent="Mozilla/5.0 (iPod; U; CPU iPhone OS 
>>> " />
>>> <browser name="iphone" useragent="Mozilla/5.0 (iPhone; U; CPU iPhone 
>>> OS " />
>>> <browser name="noMobile" useragent="DO_NOT_MATCH_GENERIC" />
>>> </map:selector>
>>> </map:selectors>
>>> </map:components>
>>>
>>>
>>> <map:pipelines>
>>> <map:pipeline>
>>> <map:match pattern="device.html">
>>> <map:generate type="wurfl" />
>>> <map:transform
>>> src="fallback://lenya/modules/wurfl/xslt/properties2xhtml.xsl" />
>>> <map:serialize type="xhtml" />
>>> </map:match>
>>> <map:match pattern="sample.html">
>>> <map:select>
>>> <map:when test="android">
>>> <map:read src="android.html" />
>>> </map:when>
>>> <map:when test="android-tab">
>>> <map:read src="android-tab.html" />
>>> </map:when>
>>> <map:when test="ipod">
>>> <map:read src="ipod.html" />
>>> </map:when>
>>> <map:when test="iphone">
>>> <map:read src="ipod.html" />
>>> </map:when>
>>> <map:otherwise>
>>> <map:read src="other.html" />
>>> </map:otherwise>
>>> </map:select>
>>> </map:match>
>>> </map:pipeline>
>>>
>>>
>>> HTH
>>>
>>> salu2
>>>>
>>>>>
>>>>> On 14/05/2013 07:36, Peter Sparkes wrote:
>>>>>> Hi,
>>>>>>
>>>>>> I have a requirement to use different sitemap.xmap for mobiles 
>>>>>> depending on the screen size.
>>>>>>
>>>>>> I am using 2.1.11
>>>>>>
>>>>>> Please, how do I do this?
>>>>>>
>>>>>> Peter
>>>>>
>>>>>
>>>>> ---------------------------------------------------------------------
>>>>> To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
>>>>> For additional commands, e-mail: users-help@cocoon.apache.org
>>>>>
>>>>
>>>>
>>>
>>>
>>> -- 
>>> Thorsten Scherler <scherler.at.gmail.com>
>>> codeBusters S.L. - web based systems
>>> <consulting, training and solutions>
>>>
>>> http://www.codebusters.es/
>>
>


-- 
Andre H. Juffer              | Phone: +358-294-481161
Biocenter Oulu and           | Fax: +358-8-5531141
Department of Biochemistry   | Email: andre.juffer@oulu.fi
University of Oulu, Finland  | WWW: www.biochem.oulu.fi/Biocomputing/
StrucBioCat                  | WWW: www.strucbiocat.oulu.fi
Triacle Biocomputing         | WWW: www.triacle-bc.com

Re: Mobile Website

Posted by Peter Sparkes <pe...@didm.co.uk>.
After investigating the various options I have gone for "responsive web design". In future I will 
design all my websites this way from scratch.

Thanks to all for your advice

Peter

On 17/05/2013 08:27, Peter Sparkes wrote:
> My thanks to all who have replied. I am currently evaluating the various options suggested
>
> Peter
>
> On 14/05/2013 09:18, Thorsten Scherler wrote:
>> On 05/14/2013 09:29 AM, Andre Juffer wrote:
>>> On 05/14/2013 09:49 AM, Peter Sparkes wrote:
>>>>
>>>> Or stylesheets
>>>
>>> Have a look at responsive web design. Instead of having different pages (HTML) returned for 
>>> which you may use different sitemaps and/or XSL stylesheets, you could return the same content, 
>>> but presented differently depending on the size of the screen of the device using CSS.
>>>
>>> http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
>>
>> Go nuts with 
>> http://code.google.com/a/apache-extras.org/p/lenya-extras/source/browse/modules/wurfl/?r=e0ae38858b9683c4f2fa68dbb62e7c936e725f96#wurfl%253Fstate%253Dclosed 
>> gives you the power of http://wurfl.sourceforge.net/
>>
>> You need the java code and then you can do:
>>
>> <map:components>
>> <map:generators>
>> <map:generator logger="sitemap.generator.wurfl"
>> name="wurfl"
>> src="org.apache.lenya.modules.wurfl.generation.WurflDeviceInfoGenerator" />
>> </map:generators>
>> <map:selectors default="wurfl">
>> <map:selector logger="sitemap.selector.wurfl" name="wurfl"
>> src="org.apache.lenya.modules.wurfl.selection.WurflSelector">
>> <!--+ | NOTE: The appearance indicates the search order. This is
>> very important since | some words may be found in more than one browser description.
>> (MSIE is | presented as "Mozilla/4.0 (Compatible; MSIE 4.01; ...") + -->
>> <browser name="android" useragent="Mozilla/5.0 (Linux; U; Android 2." />
>> <browser name="android-tab" useragent="Mozilla/5.0 (Linux; U; Android 3." />
>> <browser name="ipod" useragent="Mozilla/5.0 (iPod; U; CPU iPhone OS " />
>> <browser name="iphone" useragent="Mozilla/5.0 (iPhone; U; CPU iPhone OS " />
>> <browser name="noMobile" useragent="DO_NOT_MATCH_GENERIC" />
>> </map:selector>
>> </map:selectors>
>> </map:components>
>>
>>
>> <map:pipelines>
>> <map:pipeline>
>> <map:match pattern="device.html">
>> <map:generate type="wurfl" />
>> <map:transform
>> src="fallback://lenya/modules/wurfl/xslt/properties2xhtml.xsl" />
>> <map:serialize type="xhtml" />
>> </map:match>
>> <map:match pattern="sample.html">
>> <map:select>
>> <map:when test="android">
>> <map:read src="android.html" />
>> </map:when>
>> <map:when test="android-tab">
>> <map:read src="android-tab.html" />
>> </map:when>
>> <map:when test="ipod">
>> <map:read src="ipod.html" />
>> </map:when>
>> <map:when test="iphone">
>> <map:read src="ipod.html" />
>> </map:when>
>> <map:otherwise>
>> <map:read src="other.html" />
>> </map:otherwise>
>> </map:select>
>> </map:match>
>> </map:pipeline>
>>
>>
>> HTH
>>
>> salu2
>>>
>>>>
>>>> On 14/05/2013 07:36, Peter Sparkes wrote:
>>>>> Hi,
>>>>>
>>>>> I have a requirement to use different sitemap.xmap for mobiles depending on the screen size.
>>>>>
>>>>> I am using 2.1.11
>>>>>
>>>>> Please, how do I do this?
>>>>>
>>>>> Peter
>>>>
>>>>
>>>> ---------------------------------------------------------------------
>>>> To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
>>>> For additional commands, e-mail: users-help@cocoon.apache.org
>>>>
>>>
>>>
>>
>>
>> -- 
>> Thorsten Scherler <scherler.at.gmail.com>
>> codeBusters S.L. - web based systems
>> <consulting, training and solutions>
>>
>> http://www.codebusters.es/
>

Re: Mobile Website

Posted by Peter Sparkes <pe...@didm.co.uk>.
My thanks to all who have replied. I am currently evaluating the various options suggested

Peter

On 14/05/2013 09:18, Thorsten Scherler wrote:
> On 05/14/2013 09:29 AM, Andre Juffer wrote:
>> On 05/14/2013 09:49 AM, Peter Sparkes wrote:
>>>
>>> Or stylesheets
>>
>> Have a look at responsive web design. Instead of having different pages (HTML) returned for which 
>> you may use different sitemaps and/or XSL stylesheets, you could return the same content, but 
>> presented differently depending on the size of the screen of the device using CSS.
>>
>> http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
>
> Go nuts with 
> http://code.google.com/a/apache-extras.org/p/lenya-extras/source/browse/modules/wurfl/?r=e0ae38858b9683c4f2fa68dbb62e7c936e725f96#wurfl%253Fstate%253Dclosed 
> gives you the power of http://wurfl.sourceforge.net/
>
> You need the java code and then you can do:
>
> <map:components>
> <map:generators>
> <map:generator logger="sitemap.generator.wurfl"
> name="wurfl"
> src="org.apache.lenya.modules.wurfl.generation.WurflDeviceInfoGenerator" />
> </map:generators>
> <map:selectors default="wurfl">
> <map:selector logger="sitemap.selector.wurfl" name="wurfl"
> src="org.apache.lenya.modules.wurfl.selection.WurflSelector">
> <!--+ | NOTE: The appearance indicates the search order. This is
> very important since | some words may be found in more than one browser description.
> (MSIE is | presented as "Mozilla/4.0 (Compatible; MSIE 4.01; ...") + -->
> <browser name="android" useragent="Mozilla/5.0 (Linux; U; Android 2." />
> <browser name="android-tab" useragent="Mozilla/5.0 (Linux; U; Android 3." />
> <browser name="ipod" useragent="Mozilla/5.0 (iPod; U; CPU iPhone OS " />
> <browser name="iphone" useragent="Mozilla/5.0 (iPhone; U; CPU iPhone OS " />
> <browser name="noMobile" useragent="DO_NOT_MATCH_GENERIC" />
> </map:selector>
> </map:selectors>
> </map:components>
>
>
> <map:pipelines>
> <map:pipeline>
> <map:match pattern="device.html">
> <map:generate type="wurfl" />
> <map:transform
> src="fallback://lenya/modules/wurfl/xslt/properties2xhtml.xsl" />
> <map:serialize type="xhtml" />
> </map:match>
> <map:match pattern="sample.html">
> <map:select>
> <map:when test="android">
> <map:read src="android.html" />
> </map:when>
> <map:when test="android-tab">
> <map:read src="android-tab.html" />
> </map:when>
> <map:when test="ipod">
> <map:read src="ipod.html" />
> </map:when>
> <map:when test="iphone">
> <map:read src="ipod.html" />
> </map:when>
> <map:otherwise>
> <map:read src="other.html" />
> </map:otherwise>
> </map:select>
> </map:match>
> </map:pipeline>
>
>
> HTH
>
> salu2
>>
>>>
>>> On 14/05/2013 07:36, Peter Sparkes wrote:
>>>> Hi,
>>>>
>>>> I have a requirement to use different sitemap.xmap for mobiles depending on the screen size.
>>>>
>>>> I am using 2.1.11
>>>>
>>>> Please, how do I do this?
>>>>
>>>> Peter
>>>
>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
>>> For additional commands, e-mail: users-help@cocoon.apache.org
>>>
>>
>>
>
>
> -- 
> Thorsten Scherler <scherler.at.gmail.com>
> codeBusters S.L. - web based systems
> <consulting, training and solutions>
>
> http://www.codebusters.es/

Re: Mobile Website

Posted by Thorsten Scherler <sc...@gmail.com>.
On 05/14/2013 09:29 AM, Andre Juffer wrote:
> On 05/14/2013 09:49 AM, Peter Sparkes wrote:
>>
>> Or stylesheets
>
> Have a look at responsive web design. Instead of having different
> pages (HTML) returned for which you may use different sitemaps and/or
> XSL stylesheets, you could return the same content, but presented
> differently depending on the size of the screen of the device using CSS.
>
> http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
>

Go nuts with
http://code.google.com/a/apache-extras.org/p/lenya-extras/source/browse/modules/wurfl/?r=e0ae38858b9683c4f2fa68dbb62e7c936e725f96#wurfl%253Fstate%253Dclosed
gives you the power of http://wurfl.sourceforge.net/

You need the java code and then you can do:

<map:components>
<map:generators>
<map:generator logger="sitemap.generator.wurfl"
name="wurfl"
src="org.apache.lenya.modules.wurfl.generation.WurflDeviceInfoGenerator" />
</map:generators>
<map:selectors default="wurfl">
<map:selector logger="sitemap.selector.wurfl" name="wurfl"
src="org.apache.lenya.modules.wurfl.selection.WurflSelector">
<!--+ | NOTE: The appearance indicates the search order. This is
very important since | some words may be found in more than one browser
description.
(MSIE is | presented as "Mozilla/4.0 (Compatible; MSIE 4.01; ...") + -->
<browser name="android" useragent="Mozilla/5.0 (Linux; U; Android 2." />
<browser name="android-tab" useragent="Mozilla/5.0 (Linux; U; Android
3." />
<browser name="ipod" useragent="Mozilla/5.0 (iPod; U; CPU iPhone OS " />
<browser name="iphone" useragent="Mozilla/5.0 (iPhone; U; CPU iPhone OS
" />
<browser name="noMobile" useragent="DO_NOT_MATCH_GENERIC" />
</map:selector>
</map:selectors>
</map:components>


<map:pipelines>
<map:pipeline>
<map:match pattern="device.html">
<map:generate type="wurfl" />
<map:transform
src="fallback://lenya/modules/wurfl/xslt/properties2xhtml.xsl" />
<map:serialize type="xhtml" />
</map:match>
<map:match pattern="sample.html">
<map:select>
<map:when test="android">
<map:read src="android.html" />
</map:when>
<map:when test="android-tab">
<map:read src="android-tab.html" />
</map:when>
<map:when test="ipod">
<map:read src="ipod.html" />
</map:when>
<map:when test="iphone">
<map:read src="ipod.html" />
</map:when>
<map:otherwise>
<map:read src="other.html" />
</map:otherwise>
</map:select>
</map:match>
</map:pipeline>


HTH

salu2
>
>>
>> On 14/05/2013 07:36, Peter Sparkes wrote:
>>> Hi,
>>>
>>> I have a requirement to use different sitemap.xmap for mobiles
>>> depending on the screen size.
>>>
>>> I am using 2.1.11
>>>
>>> Please, how do I do this?
>>>
>>> Peter
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
>> For additional commands, e-mail: users-help@cocoon.apache.org
>>
>
>


-- 
Thorsten Scherler <scherler.at.gmail.com>
codeBusters S.L. - web based systems
<consulting, training and solutions>

http://www.codebusters.es/

Re: Mobile Website

Posted by Andre Juffer <an...@oulu.fi>.
On 05/14/2013 09:49 AM, Peter Sparkes wrote:
>
> Or stylesheets

Have a look at responsive web design. Instead of having different pages 
(HTML) returned for which you may use different sitemaps and/or XSL 
stylesheets, you could return the same content, but presented 
differently depending on the size of the screen of the device using CSS.

http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

>
> On 14/05/2013 07:36, Peter Sparkes wrote:
>> Hi,
>>
>> I have a requirement to use different sitemap.xmap for mobiles 
>> depending on the screen size.
>>
>> I am using 2.1.11
>>
>> Please, how do I do this?
>>
>> Peter
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
> For additional commands, e-mail: users-help@cocoon.apache.org
>


-- 
Andre H. Juffer              | Phone: +358-294-481161
Biocenter Oulu and           | Fax: +358-8-5531141
Department of Biochemistry   | Email: andre.juffer@oulu.fi
University of Oulu, Finland  | WWW: www.biochem.oulu.fi/Biocomputing/
StrucBioCat                  | WWW: www.strucbiocat.oulu.fi
Triacle Biocomputing         | WWW: www.triacle-bc.com


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org

Re: Mobile Website

Posted by Peter Sparkes <pe...@didm.co.uk>.
Or stylesheets

On 14/05/2013 07:36, Peter Sparkes wrote:
> Hi,
>
> I have a requirement to use different sitemap.xmap for mobiles depending on the screen size.
>
> I am using 2.1.11
>
> Please, how do I do this?
>
> Peter


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org

Re: Mobile Website

Posted by johnson <jo...@erp.tw>.
Hi

I remeber there's a 'Deli' sub-project in cocoon, it's used to do it. 
it's using http request heading to determine what's device user is 
using. you can see the sample page in cocoon.

Best Regards

Johnson

於 2013/5/14 下午 02:36, Peter Sparkes 提到:
> Hi,
>
> I have a requirement to use different sitemap.xmap for mobiles 
> depending on the screen size.
>
> I am using 2.1.11
>
> Please, how do I do this?
>
> Peter
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
> For additional commands, e-mail: users-help@cocoon.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org