MediaPortal Forums HTPC/MediaCenter

Go Back   MediaPortal Forum » MediaPortal 1 » Community Skins and Plugins » Skins


Skins You are working on a new Skin? Post it here!

Closed Thread
 
Thread Tools Display Modes
Old 2007-07-17, 09:54   #1 (permalink)
Project Coordinator
 
infinityloop's Avatar
 
Join Date: Dec 2004
Location: 127.0.0.1
Age: 28
Posts: 5,944
Thanks: 151
Thanked 112 Times in 78 Posts

Country:

My System

Exclamation [Guide] svn usage

SVN usage Guide for Designers


The following guide will hopefully answer the basic questions about the skins svn
  1. starting an new skin/adding your skin to skins svn
  2. adding new files to svn
  3. start skinning
  4. reverting a accidental bad save of a file
  5. reverting to a older version of a file
  6. keeping your skin in sync with current MediaPortal svn

Requirements:
  1. tortoise svn
  2. a sourceforge account
  3. access to the skins svn

Please drop a reply ::here:: , if you have any questions regarding this guide(s).
infinityloop is online now  
5 Users Say Thank You:
Old 2007-07-17, 10:30   #2 (permalink)
Project Coordinator
 
infinityloop's Avatar
 
Join Date: Dec 2004
Location: 127.0.0.1
Age: 28
Posts: 5,944
Thanks: 151
Thanked 112 Times in 78 Posts

Country:

My System

Default

Start with a new skin / add it to svn


Warning! The following description seems way more complex then it realy is
  1. At first we have to create a folder somewhere, to store all our skin related files
    guide-svn-usage-1.jpg
  2. In that folder we create a new folder for our new skin
    guide-svn-usage-2.jpg
  3. Lets assume that our skin will be based on BlueTwo. So we need a folder to store this Base Skin.
    guide-svn-usage-3.jpg
  4. Now a empty folder doesnt help us much. With tortoise svn we can now checkout (download) the latest version of BlueTwo.
    guide-svn-usage-4.jpg
  5. Now we have to enter the ::svn link:: which points directly to the BlueTwo files. If you want to use BlueTwo Wide as base for your skin, then use ::this link::
    Very importand is to uncheck the "only check out top-folder" setting
    guide-svn-usage-5.jpg
  6. tortoise svn will then download all files.
    guide-svn-usage-6.jpg
  7. since we will need the unmodified BlueTwo files later, we have to copy these files to a new location where they can be modified then to become our new skin.
    select the folder and use "export" in tortoise svn.
    guide-svn-usage-7.jpg
  8. Then select the new location.
    guide-svn-usage-8.jpg guide-svn-usage-9.jpg
  9. After the folder as been copied, you should rename it to your skin name.
    guide-svn-usage-10.jpg
  10. Next step is to create a folder where you store all your "source" grafics files (photoshop psd i.e.).
    Name:  11.jpg
Views: 1115
Size:  38.4 KB
  11. Now that we have created the struture we need, its time to get the skin into svn.
    Select the folder, and use import in tortoise svn
    guide-svn-usage-12.jpg
  12. This step is very importand now!!!
    the svn url for the plugins is
    Code:
    https://mp-plugins.svn.sourceforge.net/svnroot/mp-plugins/trunk/skins
    
    you have to add /NameOfYourSkin at the end!
    i.e.
    Code:
    https://mp-plugins.svn.sourceforge.net/svnroot/mp-plugins/trunk/skins/MyCoolSkin
    
    guide-svn-usage-13.jpg
    you should also add a log message.
  13. then you need to enter your sourceforge username and password.
    guide-svn-usage-14.jpg guide-svn-usage-15.jpg
  14. Now delete all folder inside your skins folder (gfx source and MyCoolSkin). I know that sounds weird, but its required.
  15. After that select the MyCoolSkin folder and use "Checkout"
    guide-svn-usage-16.jpg
  16. there you have to insert the svn url then.
    in our example this would be
    Code:
    https://mp-plugins.svn.sourceforge.net/svnroot/mp-plugins/trunk/skins/MyCoolSkin
    
    guide-svn-usage-17.jpg
  17. After this is finished, you will see the following structure.
    guide-svn-usage-19.jpg

So now you have your local working copy of your skin

If you want your skin on any other PC, then you only have to create a folder and checkout with the correct svn-url.

Its only the first time setup which takes some time


note:
An alternative would be to create a folder i.e. "MediaPortal Community Skins" and checkout the whole skins svn into this folder.
Code:
https://mp-plugins.svn.sourceforge.net/svnroot/mp-plugins/trunk/skins
after that you just have to create your folders in there and add it to svn with the "add" feature of tortoise svn.

I add this as an alternative way, because most designers might not be willing do dowload all skins which are in svn.
infinityloop is online now  
Old 2007-07-17, 10:37   #3 (permalink)
Project Coordinator
 
infinityloop's Avatar
 
Join Date: Dec 2004
Location: 127.0.0.1
Age: 28
Posts: 5,944
Thanks: 151
Thanked 112 Times in 78 Posts

Country:

My System

Default

adding new files to svn

When you create new files or folders, then it is required to add them to svn.
  1. You can do that by selecting the file(s)/folder(s) and using the "add" function in tortoise svn.
    guide-svn-usage-add-file-1.jpg guide-svn-usage-add-file-2.jpg
  2. After you have added the file(s)/folder(s) you can upload them to svn with the "commit" function. Please enter a meaningful log message
    guide-svn-usage-add-file-3.jpg
infinityloop is online now  
Old 2007-07-17, 10:44   #4 (permalink)
Project Coordinator
 
infinityloop's Avatar
 
Join Date: Dec 2004
Location: 127.0.0.1
Age: 28
Posts: 5,944
Thanks: 151
Thanked 112 Times in 78 Posts

Country:

My System

Default

start skinning


After all this initial work, its finaly time to start with skining!
  1. Therefor you have to copy/move your base skin files into the MediaPortal folder.
    guide-svn-usage-start-skinning-1.jpg
  2. When you did some skinning and want to commit your work to svn, then you just have to select the folder whcih contains the changed file(s) and hit "commit"
    guide-svn-usage-start-skinning-2.jpg
  3. Then you will see a screen where you can check the selcted files which will be commited.
    Please enter a meaningful Log message.
    guide-svn-usage-start-skinning-3.jpg
infinityloop is online now  
Old 2007-07-17, 10:47   #5 (permalink)
Project Coordinator
 
infinityloop's Avatar
 
Join Date: Dec 2004
Location: 127.0.0.1
Age: 28
Posts: 5,944
Thanks: 151
Thanked 112 Times in 78 Posts

Country:

My System

Default

reverting a accidental bad save of a file


Sometimes it can happen that you accidentaly save a file which causes a big loss of work..... Normaly i start to cry then

With tortoise svn you are able to revert your file in this case.

just select the file and coose "revert"
guide-svn-usage-revert-bad-change.jpg
infinityloop is online now  
Old 2007-07-17, 10:54   #6 (permalink)
Project Coordinator
 
infinityloop's Avatar
 
Join Date: Dec 2004
Location: 127.0.0.1
Age: 28
Posts: 5,944
Thanks: 151
Thanked 112 Times in 78 Posts

Country:

My System

Default

reverting to a older version of a file


Sometimes it happens that you woud love to be able to revert someting to an older version. Which is quite impossible, because virtualy noone is doing regulary backups.

Here come the versioning system in handy.
  1. just select the file you want to revert to an earlier version and select "show log"
    guide-svn-usage-revert-rev-1.jpg
  2. You will then see the histroy of the file. Now you will also notices that it is wise to choose meaningful log messages, because then you will find the version you look for easier
    guide-svn-usage-revert-rev-2.jpg
  3. Lets say we want to revert to revision 717. Then we have to select the file again and use "update to revision..."
    guide-svn-usage-revert-rev-3.jpg guide-svn-usage-revert-rev-4.jpg

If you do not commit your local file now, then you can also go back to the latest revision (718), by using "update to revision..." again.
infinityloop is online now  
Old 2007-07-17, 11:00   #7 (permalink)
Project Coordinator
 
infinityloop's Avatar
 
Join Date: Dec 2004
Location: 127.0.0.1
Age: 28
Posts: 5,944
Thanks: 151
Thanked 112 Times in 78 Posts

Country:

My System

Default

keeping your skin in sync with current MediaPortal svn


If you want that your skin stays compatible to the latest svn revisions of MediaPortal, then it is a good idea to use totorise svn to find the changes.

At the beginnig we downloaded a copy of the BlueTwo Skin files.
  1. If we now want to check for update in BlueTwo, we have to select the folder and use "Update"
    guide-svn-usage-stay-sync-svn-1.jpg
  2. After that you will see a list of xml files which have been changed, or added/deleted.
    guide-svn-usage-stay-sync-svn-2.jpg
  3. Now selcet the "Show Log" Button to see more details about the changes.
  4. If you select i.e. the first change, then you will see the effected files below.
  5. You can now let tortorise svn present you the changes which have been done by using "show differences"
    guide-svn-usage-stay-sync-svn-3.jpg
  6. Now you will see every single change in this Skin file. This is the easierst way to get a detailed info what has been changed where, and to update your skin with these changes.
    guide-svn-usage-stay-sync-svn-4.jpg
infinityloop is online now  
Closed Thread

Bookmarks

Tags
guide, usage

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Guide shows Xbox text over the guide the first time you enter (PIC) ASiDiE 0.2.0.0 Final and SVN Builds 8 2006-11-25 09:00
Codecs usage Nightmare77 Get Support 0 2006-10-24 23:55
Processor Usage nitro General Support 4 2006-04-15 13:23
CPU usage pratab General Support 14 2006-03-11 04:33


All times are GMT +1. The time now is 06:58.


Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 Protected by Akismet Blog with WordPress