MADDE/Theme building - Revision history

amigadave: {{MADDE}}

2010-04-21T12:57:39Z

← Older revision		Revision as of 12:57, 21 April 2010
Line 1:		Line 1:
		+	{{MADDE}}
		+
	== Background ==		== Background ==

amigadave: wikify

2010-04-08T09:27:26Z

wikify

← Older revision		Revision as of 09:27, 8 April 2010
Line 1:		Line 1:
-	Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are:~~<br>~~	+	== Background ==
-	~~<br>~~	+
-	* A source package which generates a theme, [http://gitorious.org/hildon-theme-example-stskeeps/hildon-theme-example-stskeeps/trees/master]~~<br>~~	+	Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are:
-	* This is done on the basis of [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-layout-5 hildon-theme-layout-5] (also published in Maemo5.0 update2 SDK), a package that provides the GTK theming and how to slice and dice a template into the theme elements.~~<br>~~	+
-	* The slicers and dicers and dithers are provided in [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-tools hildon-theme-tools] (also published in Maemo5.0 update2 SDK).~~<br>~~	+	* A source package which generates a theme, [http://gitorious.org/hildon-theme-example-stskeeps/hildon-theme-example-stskeeps/trees/master]
-	~~<br>~~	+	* This is done on the basis of [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-layout-5 hildon-theme-layout-5] (also published in Maemo5.0 update2 SDK), a package that provides the GTK theming and how to slice and dice a template into the theme elements.
-	hildon-theme-variant-example is CC BY SA 2.5, hildon-theme-layout-5 is CC BY SA 3.0 and hildon-theme-tools is GPL 2.0 for those who are interested in that.~~<br>~~	+	* The slicers and dicers and dithers are provided in [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-tools hildon-theme-tools] (also published in Maemo5.0 update2 SDK).
-	~~<br>~~	+
-	~~Now, on to what this article is actually about.<br>~~	+	hildon-theme-variant-example is CC BY SA 2.5, hildon-theme-layout-5 is CC BY SA 3.0 and hildon-theme-tools is GPL 2.0 for those who are interested in that.
-	~~<br>~~	+
-	What I am going to provide you theme makers of Maemo, is a way to make theme packages similar to how the vendor-provided themes on your device is made. We had this ability in Diablo and now we have it in Fremantle.~~<br>~~	+	== Building a theme ==
-	~~<br>~~	+
-	There was a catch with the Diablo method - it required you installing Maemo SDK, well, under Linux and this isn't always commonly found on graphics designers computers which typically ran Windows or MacOS X.~~<br>~~	+	What I am going to provide you theme makers of Maemo, is a way to make theme packages similar to how the vendor-provided themes on your device is made. We had this ability in Diablo and now we have it in Fremantle.
-	~~<br>~~	+
-	Thus, cross-platform solutions like [ https://garage.maemo.org/projects/thememaker Kontorri's Theme Maker] was made which emulated what these packages described are doing. It made a binary Debian package, which could only be uploaded to Maemo Extras in the non-free section.~~<br>~~	+	There was a catch with the Diablo method - it required you installing Maemo SDK, well, under Linux and this isn't always commonly found on graphics designers computers which typically ran Windows or MacOS X.
-	~~<br>~~	+
-	Normally, developers upload a source package to Maemo Extras and the autobuilder builds it for us.~~<br>~~	+	Thus, cross-platform solutions like [https://garage.maemo.org/projects/thememaker Kontorri's Theme Maker] was made which emulated what these packages described are doing. It made a binary Debian package, which could only be uploaded to Maemo Extras in the non-free section.
-	~~<br>~~	+
-	Now, the ballgame has changed with [~~http://wiki.maemo.org/MADDE~~ MADDE]. ~~[http://wiki.maemo.org/~~MADDE ~~MADDE]~~ is a cross-platform Maemo SDK (Linux, Windows, MacOS X), which basically implements just about enough to cross-compile a Qt application. But why is this interesting for theme makers?	+	Normally, developers upload a source package to [[Extras\|Maemo Extras]] and the autobuilder builds it for us.
-	~~<br><br>~~	+
-	I've discovered that it is possible to generate the source package for a theme package within ~~[http://wiki.maemo.org/~~MADDE ~~MADDE]~~. What does this mean for your workflow as designers? Let me guide you through a workflow of theme design with the help of MADDE and the Maemo Extras repository.~~<br>~~	+	Now, the ballgame has changed with [[MADDE]]. MADDE is a cross-platform Maemo SDK (Linux, Windows, MacOS X), which basically implements just about enough to cross-compile a Qt application. But why is this interesting for theme makers?
-	~~<br>~~	+
-	Requirements~~:<br>~~	+	I've discovered that it is possible to generate the source package for a theme package within MADDE. What does this mean for your workflow as designers? Let me guide you through a workflow of theme design with the help of MADDE and the Maemo Extras repository.
-	~~<br>~~	+
-	* Install ~~[http://wiki.maemo.org/~~MADDE ~~MADDE]~~ on your computer - it's a quite big download but it may be useful when you'd like to wander into Qt development as well. In this example I will be referring to paths from Windows MADDE but it should be transferable to your~~<br>~~	+	=== Requirements ===
-	~~<br>~~	+
-	* Something to open tar.gz files, such as [http://www.rarsoft.com/ WinRAR] or similar.~~<br>~~	+	* Install MADDE on your computer - it's a quite big download but it may be useful when you'd like to wander into Qt development as well. In this example I will be referring to paths from Windows MADDE but it should be transferable to your
-	~~<br>~~	+
-	* The garage.maemo.org and Extras upload invitation from ~~http://wiki.maemo.org/~~Uploading_to_Extras-devel. Currently you will need to set a SSH key (write 'blahblahblah' if this is nonsense to you)~~<br>~~	+	* Something to open tar.gz files, such as [http://www.rarsoft.com/ WinRAR] or similar.
-	~~<br>~~	+
-	* Patience and willingness to learn :)~~<br>~~	+	* The garage.maemo.org and Extras upload invitation from [[Uploading_to_Extras-devel]]. Currently you will need to set a SSH key (write 'blahblahblah' if this is nonsense to you)
-	~~<br>~~	+
-	Workflow when ~~beginning~~ a new theme~~:<br>~~	+	* Patience and willingness to learn :)
-	~~<br>~~	+
-	'''Step 1: Downloading the theme source package template~~<br>~~'''	+	=== Workflow when creating a new theme ===
-	~~<br>~~	+
-	On [http://gitorious.org/hildon-theme-example-stskeeps/hildon-theme-example-stskeeps/commits/master this page] there is a link that is called Download master as tar.gz. What is this? This is a theme template source package which you can customize to your own needs. Unpack the directory inside this into C:\MADDE\0.5\home\your username. Feel free to rename the directory to your intended theme name.~~<br>~~	+	'''Step 1: Downloading the theme source package template'''
-	~~<br>~~	+
-	'''Step 2: Executing MADDE~~<br>~~'''	+	On [http://gitorious.org/hildon-theme-example-stskeeps/hildon-theme-example-stskeeps/commits/master this page] there is a link that is called Download master as tar.gz. What is this? This is a theme template source package which you can customize to your own needs. Unpack the directory inside this into C:\MADDE\0.5\home\your username. Feel free to rename the directory to your intended theme name.
-	~~<br>~~	+
-	In your start menu (or whatever your OS calls it's launcher), there should be MADDE -> MADDE Terminal.~~<br>~~	+	'''Step 2: Executing MADDE'''
-	~~<br>~~	+
-	You will now end up in your 'home directory' in MADDE, which is C:\MADDE\0.5\home\your username. ~~<br>~~	+	In your start menu (or whatever your OS calls it's launcher), there should be MADDE -> MADDE Terminal.
-	~~<br>~~	+
-	In there, you can 'cd directory name' where directory name is the name you gave the folder/directory from before.~~<br>~~	+	You will now end up in your 'home directory' in MADDE, which is C:\MADDE\0.5\home\your username.
-	~~<br>~~	+
-	'''Step 3: Customizing the source package template, basics~~<br>~~'''~~<br>~~	+	In there, you can 'cd directory name' where directory name is the name you gave the folder/directory from before.
-	In the folder you should now 'sh try_it_out.sh'. This will ask you a couple of questions. You only have to do this once.~~<br>~~	+
-	~~<br>~~	+	'''Step 3: Customizing the source package template, basics'''
-	It will ask you the following questions:~~<br>~~	+
-	~~<br>~~	+	In the folder you should now 'sh try_it_out.sh'. This will ask you a couple of questions. You only have to do this once.
-	* What should the package name of your theme be? (Example: hildon-theme-example)~~<br>~~	+
-	~~<br>~~	+	It will ask you the following questions:
-	* What should be theme name be? (Example: My example theme)~~<br>~~	+
-	~~<br>~~	+	* What should the package name of your theme be? (Example: hildon-theme-example)
-	* Who is the maintainer of this theme?~~<br>~~	+
-	~~<br>~~	+	* What should be theme name be? (Example: My example theme)
-	* What should the directory name be (Example: example)~~<br>~~	+
-	~~<br>~~	+	* Who is the maintainer of this theme?
-	It will then set up the theme template.~~<br>~~	+
-	~~<br>~~	+	* What should the directory name be (Example: example)
-	'''Step 4: Customize the graphics - the fun step!~~<br>~~'''	+
-	~~<br>~~	+	It will then set up the theme template.
-	You can see in the directory several interesting places. The primary place for your work is in the template directory. This contains template.svg (SVG version of the basis template) and template.png (PNG version of the template). While it is up to you which one you want to edit, remember to always export template.png from the SVG.~~<br>~~	+
-	~~<br>~~	+	'''Step 4: Customize the graphics - the fun step!'''
-	Similar directories, icons, background images and other things to customize can be found in the applications directory.~~<br>~~	+
-	~~<br>~~	+	You can see in the directory several interesting places. The primary place for your work is in the template directory. This contains template.svg (SVG version of the basis template) and template.png (PNG version of the template). While it is up to you which one you want to edit, remember to always export template.png from the SVG.
-	'''Step 5: Building the source package~~<br>~~'''~~<br>~~	+
-	When you're done customizing, you can finally build your source package. In MADDE, you can do this:~~<br>~~	+	Similar directories, icons, background images and other things to customize can be found in the applications directory.
-	~~<br>~~	+
-	username $ mad dpkg-buildpackage -S -us -uc -d~~<br>~~	+	'''Step 5: Building the source package'''
-	~~<br>~~	+
-	This will generate a .dsc and .tar.gz in the parent directory which you can use in the next step.~~<br>~~	+	When you're done customizing, you can finally build your source package. In MADDE, you can do this:
-	~~<br>~~	+
-	'''Step 6: Uploading to Maemo Extras~~<br>~~'''	+	username $ mad dpkg-buildpackage -S -us -uc -d
-	~~<br>~~	+
-	You can now upload this .dsc and .tar.gz file to Maemo Extras through the [https://garage.maemo.org/extras-assistant/ Maemo Extras Assistant]. The autobuilder will then build the theme package for you and your theme will show up in Extras-devel.~~<br>~~	+	This will generate a .dsc and .tar.gz in the parent directory which you can use in the next step.
-	~~<br>~~	+
-	As a bonus, anyone can base their themes upon yours as they have the 'source code' of your theme (under CC SA BY 2.5 conditions) - something not possible with ThemeMaker.~~<br>~~	+	'''Step 6: Uploading to Maemo Extras'''
-	~~<br>~~	+
-	There are probably more maintaining issues which I hope the real theme makers will explore such as adding new versions to changelogs and such and tell about in their blogs.~~<br>~~	+	You can now upload this .dsc and .tar.gz file to Maemo Extras through the [https://garage.maemo.org/extras-assistant/ Maemo Extras Assistant]. The autobuilder will then build the theme package for you and your theme will show up in [[Extras-devel]].
-	~~<br>~~	+
-	If you have problems with any of the steps, prod me (Stskeeps) on #maemo , irc.freenode.net or comment this post. ~~<br>~~	+	As a bonus, anyone can base their themes upon yours as they have the 'source code' of your theme (under CC SA BY 2.5 conditions) - something not possible with ThemeMaker.
		+
		+	There are probably more maintaining issues which I hope the real theme makers will explore such as adding new versions to changelogs and such and tell about in their blogs.
		+
		+	If you have problems with any of the steps, prod me (Stskeeps) on [[IRC]] in the #maemo channel, irc.freenode.net or comment this post.
		+
	[[Category:Development]]		[[Category:Development]]

146.126.51.51 at 19:37, 25 March 2010

2010-03-25T19:37:33Z

← Older revision		Revision as of 19:37, 25 March 2010
Line 1:		Line 1:
	Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are:<br>		Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are:<br>
	<br>		<br>
-	* A source package which generates a theme, [http://~~maemo.~~gitorious.org/~~fremantle-~~hildon-~~desktop~~/hildon-theme-~~variant~~-~~template~~/~~commits~~/master]<br>	+	* A source package which generates a theme, [http://gitorious.org/hildon-theme-example-stskeeps/hildon-theme-example-stskeeps/trees/master]<br>
	* This is done on the basis of [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-layout-5 hildon-theme-layout-5] (also published in Maemo5.0 update2 SDK), a package that provides the GTK theming and how to slice and dice a template into the theme elements.<br>		* This is done on the basis of [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-layout-5 hildon-theme-layout-5] (also published in Maemo5.0 update2 SDK), a package that provides the GTK theming and how to slice and dice a template into the theme elements.<br>
	* The slicers and dicers and dithers are provided in [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-tools hildon-theme-tools] (also published in Maemo5.0 update2 SDK).<br>		* The slicers and dicers and dithers are provided in [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-tools hildon-theme-tools] (also published in Maemo5.0 update2 SDK).<br>

andrewfblack at 19:57, 24 March 2010

2010-03-24T19:57:47Z

← Older revision		Revision as of 19:57, 24 March 2010
Line 1:		Line 1:
	Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are:<br>		Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are:<br>
	<br>		<br>
-	* A source package which generates a theme, [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-variant-~~example hildon-theme-variant-example~~ ]<br>	+	* A source package which generates a theme, [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-variant-template/commits/master]<br>
	* This is done on the basis of [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-layout-5 hildon-theme-layout-5] (also published in Maemo5.0 update2 SDK), a package that provides the GTK theming and how to slice and dice a template into the theme elements.<br>		* This is done on the basis of [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-layout-5 hildon-theme-layout-5] (also published in Maemo5.0 update2 SDK), a package that provides the GTK theming and how to slice and dice a template into the theme elements.<br>
	* The slicers and dicers and dithers are provided in [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-tools hildon-theme-tools] (also published in Maemo5.0 update2 SDK).<br>		* The slicers and dicers and dithers are provided in [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-tools hildon-theme-tools] (also published in Maemo5.0 update2 SDK).<br>

amigadave: MADDE/Theme Building moved to MADDE/Theme building: capitalisation

2010-03-04T16:11:24Z

MADDE/Theme Building moved to MADDE/Theme building: capitalisation

← Older revision

Revision as of 16:11, 4 March 2010

andrewfblack: New page: Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are:

* A source package ...

2010-02-26T15:09:34Z

New page: Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are: * A source package ...

New page

Recently, three source packages that were published in Diablo times was released in their Fremantle versions which I had waited for a long time for. These are: 
 
* A source package which generates a theme, [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-variant-example hildon-theme-variant-example ] 
* This is done on the basis of [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-layout-5 hildon-theme-layout-5] (also published in Maemo5.0 update2 SDK), a package that provides the GTK theming and how to slice and dice a template into the theme elements. 
* The slicers and dicers and dithers are provided in [http://maemo.gitorious.org/fremantle-hildon-desktop/hildon-theme-tools hildon-theme-tools] (also published in Maemo5.0 update2 SDK). 
 
hildon-theme-variant-example is CC BY SA 2.5, hildon-theme-layout-5 is CC BY SA 3.0 and hildon-theme-tools is GPL 2.0 for those who are interested in that. 
 
Now, on to what this article is actually about. 
 
What I am going to provide you theme makers of Maemo, is a way to make theme packages similar to how the vendor-provided themes on your device is made. We had this ability in Diablo and now we have it in Fremantle. 
 
There was a catch with the Diablo method - it required you installing Maemo SDK, well, under Linux and this isn't always commonly found on graphics designers computers which typically ran Windows or MacOS X. 
 
Thus, cross-platform solutions like [ https://garage.maemo.org/projects/thememaker Kontorri's Theme Maker] was made which emulated what these packages described are doing. It made a binary Debian package, which could only be uploaded to Maemo Extras in the non-free section. 
 
Normally, developers upload a source package to Maemo Extras and the autobuilder builds it for us. 
 
Now, the ballgame has changed with [http://wiki.maemo.org/MADDE MADDE]. [http://wiki.maemo.org/MADDE MADDE] is a cross-platform Maemo SDK (Linux, Windows, MacOS X), which basically implements just about enough to cross-compile a Qt application. But why is this interesting for theme makers?
 
I've discovered that it is possible to generate the source package for a theme package within [http://wiki.maemo.org/MADDE MADDE]. What does this mean for your workflow as designers? Let me guide you through a workflow of theme design with the help of MADDE and the Maemo Extras repository. 
 
Requirements: 
 
* Install [http://wiki.maemo.org/MADDE MADDE] on your computer - it's a quite big download but it may be useful when you'd like to wander into Qt development as well. In this example I will be referring to paths from Windows MADDE but it should be transferable to your 
 
* Something to open tar.gz files, such as [http://www.rarsoft.com/ WinRAR] or similar. 
 
* The garage.maemo.org and Extras upload invitation from http://wiki.maemo.org/Uploading_to_Extras-devel. Currently you will need to set a SSH key (write 'blahblahblah' if this is nonsense to you) 
 
* Patience and willingness to learn :) 
 
Workflow when beginning a new theme: 
 
'''Step 1: Downloading the theme source package template '''
 
On [http://gitorious.org/hildon-theme-example-stskeeps/hildon-theme-example-stskeeps/commits/master this page] there is a link that is called Download master as tar.gz. What is this? This is a theme template source package which you can customize to your own needs. Unpack the directory inside this into C:\MADDE\0.5\home\your username. Feel free to rename the directory to your intended theme name. 
 
'''Step 2: Executing MADDE '''
 
In your start menu (or whatever your OS calls it's launcher), there should be MADDE -> MADDE Terminal. 
 
You will now end up in your 'home directory' in MADDE, which is C:\MADDE\0.5\home\your username. 
 
In there, you can 'cd directory name' where directory name is the name you gave the folder/directory from before. 
 
'''Step 3: Customizing the source package template, basics ''' 
In the folder you should now 'sh try_it_out.sh'. This will ask you a couple of questions. You only have to do this once. 
 
It will ask you the following questions: 
 
* What should the package name of your theme be? (Example: hildon-theme-example) 
 
* What should be theme name be? (Example: My example theme) 
 
* Who is the maintainer of this theme? 
 
* What should the directory name be (Example: example) 
 
It will then set up the theme template. 
 
'''Step 4: Customize the graphics - the fun step! '''
 
You can see in the directory several interesting places. The primary place for your work is in the template directory. This contains template.svg (SVG version of the basis template) and template.png (PNG version of the template). While it is up to you which one you want to edit, remember to always export template.png from the SVG. 
 
Similar directories, icons, background images and other things to customize can be found in the applications directory. 
 
'''Step 5: Building the source package ''' 
When you're done customizing, you can finally build your source package. In MADDE, you can do this: 
 
username $ mad dpkg-buildpackage -S -us -uc -d 
 
This will generate a .dsc and .tar.gz in the parent directory which you can use in the next step. 
 
'''Step 6: Uploading to Maemo Extras '''
 
You can now upload this .dsc and .tar.gz file to Maemo Extras through the [https://garage.maemo.org/extras-assistant/ Maemo Extras Assistant]. The autobuilder will then build the theme package for you and your theme will show up in Extras-devel. 
 
As a bonus, anyone can base their themes upon yours as they have the 'source code' of your theme (under CC SA BY 2.5 conditions) - something not possible with ThemeMaker. 
 
There are probably more maintaining issues which I hope the real theme makers will explore such as adding new versions to changelogs and such and tell about in their blogs. 
 
If you have problems with any of the steps, prod me (Stskeeps) on #maemo , irc.freenode.net or comment this post. 
[[Category:Development]]