OwnCloud Development and/or customization..

Does anyone customize or know of any reliable OwnCloud developers for the self hosted cloud file sharing platform OwnCloud?  We have a customer that we setup the basic platform to use internally but, they're interested in changing some of the Look and Feel cosmetics (ie... images and text/literature).  I did some research and even installed an FTP agent to search the OwnCloud directories for specific images to find out if we could simply change a few images and web pages' content but didn't have any luck with it.  Much of the OwnCloud documentation is not in line with the latest version of Ubuntu's server.  We also placed a call to OwnCloud.com and oddly enough, the Sales line wasn't accepting calls and the Tech support line rang and rang....
Any leads for OwnCloud developers would be appreciated.  Thanks in advance.
eitconsultingAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Michael MachieFull-time technical multi-taskerCommented:
I have done some customizations and branding for ownCloud for both my personal instance as well as a few businesses. However, the free ownCloud platform has some limitations versus the paid Enterprise version. Depending on what you need done it may not be possible.

What are you looking to do?
0
eitconsultingAuthor Commented:
I'm just looking to re-brand hence, change the OwnCloud logo images to the company's own logo images as well as change any text/literature from OwnCloud to the client's company name.
I also see that the free version does not have an option to redirect storage to an external storage drive or NAS.  

Is this something you were able to customize as well as the logo images and the text/literature?
What other features were you able to customize?
0
Michael MachieFull-time technical multi-taskerCommented:
I have successfully changed all logos, colors, fonts, branding links, slogans, and menu icons, as well as customized Public names/URLs and custom ports (other than the common 80 and 443).      

Logos: All ownCLoud logos and graphics were replaced with mine.

Icons: I have changed the Apps icons in the drop-down sidebar menu for Files, Activity, Apps, Music, Contacts, Tasks, Calendar etc. Although I know how to change all icons I have left many of the default icons, such as delete, download, share, Home etc. versions, folders, New, upload etc.

Colors: Gradients on the login page, header bar, header bar in emails, password protected folder login page, footer, sidebar, and backgrounds in Apps. I have not been able to locate the background color settings for the drop-down side-bar menu on the left.

Slogans and default links: The word 'ownCloud' and links to ownCloud,org are all changed to my business info.

Additionally, I have set up numerous connections to other systems personal Web Servers and systems, and have integrated this at a few customers for their Intranet Portal as well as a Customer Service Portal for their customers. I have created RemoteApp access, for Remote Users to launch multiple Web Apps via a single web platform, integrated my internal Help Desk Ticketing System, bound it to LDAP for backend authentication, and a few other things.

External storage drives can be done, as I have successfully completely sync'd a Domain network shared folder to ownCloud, without installing any software on the File Server itself. This type of customization and connection is outside the default options but with a little tech knowledge you can build backend connections utilizing the existing options - just think outside the box.    

Due to all the ownCloud help I have been giving people lately, I created a Group on EE called 'ownCloud'. I am looking for people of all ranges of experience to join up!
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

eitconsultingAuthor Commented:
The three things I'd like to accomplish right away are (within Ubuntu 14.04 Server):

1.  Rebranding the OwnCloud logo images to a specific Company logo along with updating the text/literature
2.  Configuring for SSL
3.  Redirecting all storage to an external device whether it is a RAID1 USB drive or a NAS device.

I will also be creating virtual image and testing OwnCloud in a Windows 2012 R2 environment shortly.
0
gheistCommented:
4. Go to administrator's manual of OwnCloud 8.0 and on the very second page it says that Windows server is not supported...

1. https://doc.owncloud.org/server/8.0/admin_manual/operations/theming.html
2. You know, it uses apache webserver...
3. In apache webserver - use "Alias"
0
eitconsultingAuthor Commented:
gheist, I have OwnCloud working successfully on both Ubuntu Server 14.04 and Windows 2012 R2 test environments.  We installed PHP, MySQL, and Apache on the Windows server.  Do you know which specific file(s) can be edited in order to update logo images and literature content?
0
gheistCommented:
whatever is in owncloud/core can be replaced with files in owncloud/themes as in instructions. ownclous/settings/(templates)/hrlp.php does same with help texts.
0
Michael MachieFull-time technical multi-taskerCommented:
The link above to the ownCloud branding documents are not entirely accurate, nor thorough. The paths listed do not lead you where you need to go in ownCloud 7.x.x .

I am creating an Article today with the specific folders and file paths for each type of customization I have performed with a brief explanation of proper pixel sizing and where the image is visible. Once completed I will copy/ paste the contents of that article here to get you guys moving forward, and then request EE to publish it. Once published I will be pasting the links to the articles into the Discussions I have created for ownCloud.

I should be finished with the basics by this evening. Thanks for your patience.
0
eitconsultingAuthor Commented:
Sounds good!  Just fyi, the latest version of OwnCloud is currently 8.02 which is what we installed and are exploring/testing.
0
Michael MachieFull-time technical multi-taskerCommented:
Ok.
I actually do not run version 8.02 but will be upgrading when I can take my systems down for an evening.

Hopefully what I write in the Articles will still apply so let me know if they do not.
0
gheistCommented:
It should be obvious that owncloud 8.0 documents will not help you customize owncloud 7.0
0
Michael MachieFull-time technical multi-taskerCommented:
@gheist: It is obvious. However, the Author had not yet specified the version at the time of comment, so I was clarifying the v.8 document you linked would not work for v.7. I thought this was also obvious but thank you for allowing me the opportunity to explain, well, the obvious.

@eitconsulting: Here is a copy/ paste portion from the document on v.7 I have created. it will get you started in the right direction.

*NOTE* Before changing these files and images, make sure to take a full backup of your ownCLoud directory. Copy the folder somewhere to a separate drive. I highly recommend you also create a folder called ‘Original’ in every directory you edit any files in, and place the original file into that folder before writing over or editing the files.
*NOTE* Be sure to download the program Notepad++ to easily view and edit the various .PHP and .CSS files with the comments visible. Using another file editor may not provide you an easy-to-view layout of the coding lines and will most likely remove any ‘coder comments’ from view. Notepad++ also allows editing of pretty much all  non-MS coding file types – java, C++, php, txt, css etc.  I live in Notepad++ while working with websites. You can optionally use a Web Development program such as Dreamweaver, but those programs can be cost prohibitive.
*NOTE* You need to understand that most paths for image files in ownCloud coding point to ‘.SVG’ files but the actual pictures are ‘.PNG’. This can be confusing because the .SVG is actually a web file that points to the ‘.PNG’. When you replace the ‘.PNG’ file ownCloud will use the new image – no need to edit the .SVG file!

Logos: \wwwroot\core\img
•      logo.png  | 252x122 pixels max -> Main Logo
•      favicon.png | 14x14 or 16x16 or 32x32 pixels |This is the icon that appears on the web browser to the left of the Web Site name
•      favicon-touch.png | 128x128 pixels | Not sure where this displays
•      loading.png | 32x32 | When something is lading, this displays
•      logo-icon.png | 62x34 pixels | Displays at the top-left of the main screens next to the drop-down arrow for the App Navigation Menu
•      logo-mail.gif | 252x122 pixels | Displays in the Header bar of notification emails
•      logo-wide.png | 150x36 pixels | Displays in some notifications and some emails, depending on the device used.
I suggest you use the same image for logo.png, logo-mail.gif, and logo-wide.png but size them accordingly.  

Links and Slogans:  \wwwroot\lib\private\defaults.php
•      LINE 33: defaultEntity = 'XXXXXXXXXXXX';
- company name, used for footers and copyright notices
•      LINE 34: defaultName = 'XXXXXXXXXX';
- short name, used when referring to the software
•      LINE 35: defaultTitle = 'XXXXXXXXXX';
- can be a longer name, for titles
•      LINE 36: defaultBaseUrl = 'http://XXXXXXXXXX’;
- replaces the default links leading to ownCloud.org with your web site
•      LINE 37: defaultSyncClientUrl = 'https://owncloud.org/sync-clients/';
- where to download the ownCloud Client Sync Software (PC desktop)
•      LINE 38: defaultiOSClientUrl = 'https://itunes.apple.com/us/app/owncloud/id543672169?mt=8';
- web site to download the IOS App
•      LINE 39: defaultAndroidClientUrl = 'https://play.google.com/store/apps/details?id=com.owncloud.android';
- web site to download the Android App
•      LINE 40: defaultDocBaseUrl = 'http://XXXXXXXXXX’;
- web site link to the ownCloud documentation
•      LINE 41: defaultDocVersion = $version[0] . '.0';
- used to generate doc links
•      LINE 42: defaultSlogan = $this->l->t('> XXXXXXXXXX’);
- default slogan anywhere displayed - Eg/ At bottom of login page
•      LINE 43: defaultLogoClaim = ' ';
- I do not know what this is
•      LINE 44: defaultMailHeaderColor = '#90A3BC';
- header color of mail notifications

Default ownCloud stock App Icons: \wwwroot\core\css\icons.css
•      Browse the .CSS file and change the locations or names of whichever icons you wish to.
•      These icons do not change the icons displayed with 3rd Party programs as that is done elsewhere.

3rd Party App icons: \wwwroot\apps\(APP NAME FOLDER)\*.png  (displayed in the App Nav drop-down menu)
•      Each 3rd Party App may have a different default icon location but so far 95% of the ones I use have been located in this folder.
•      Inside the ‘\apps\css’ folder you will find the (appname).css file. That file can be used to change the .CSS coding for that App.

Reference these locations in your v.8 and you should be good to get started. Let us know if this helps.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
gheistCommented:
It is fresh install, not 5.x where somebody woke up in 2 years that he can change the logo.
0
Michael MachieFull-time technical multi-taskerCommented:
@eitconsulting: To quell gheists badgering I have downloaded v.8 . The stock icon and logo paths are the same as in v.7 . However, the documentation for v8 is inaccurate in the same ways as it was for v7. The documentation for both v.7 and v.8 branding is based on using a theme within the \themes folder, which is not where the default theme or files to change are. They would be there if you installed a theme and modified config.php to use that specific theme within the \themes folder. However, in the case of a fresh install, the files to modify are not in the \Themes directory as the above linked documents state - proving the inaccuracy I stated. If you look inside the \themes directory you will only see a README.TXT file - no directories or anything else matching the manual.

The paths and directories of v.7 and v.8 look identical on first check of the file structure and file names, which is to be expected and is also what I surmised. One thing I did not mention is that the path for 3rd party apps, which I specified in my document, is accurate if you moved the App into the \apps folder, which is generally where the App Author will specify to place it. If you put them into a different directory or use the one labeled '3rd Party', you will need to make that adjustment.

The info I provided should lead you right where you need to go. Let us know!
0
eitconsultingAuthor Commented:
Thanks for the info.  I've resized the new images, maintained the same image names, restarted the Apache server, rebooted the Ubuntu 140.04 server, and verified the files were uploaded correctly after the reboot by redownloading the files, opening the files up and verified the images are the new logo images.  However, the only image that has actually been applied is the favicon.png while the others have not.  I also cleared Chrome, FIrefox, and IE from any history and to no avail, the old logo images continue to appear despite removing them and uploading the new company images.  Am I missing something?  Is the .svg file pointing the images to an external site?
0
eitconsultingAuthor Commented:
After testing the re-branding further, it became aparent that the .svg (Scalable Vector Graphics) files had to be replaced as well hence, I used a .png to .svg file converter to do this.  All other steps you provided above were accurate and precise.
0
gheistCommented:
You must use vector company logos (think 4k display wall and 320x240 mobile watch)
0
Michael MachieFull-time technical multi-taskerCommented:
The need to alter the .SVG files is surprising to me. I have not edited a single one of those on any of my installations (Windows). However, I do have the .SVG and .SVGZ MMIE Types installed on the Web Server.
Perhaps that is why?

Either way, I have added the instructions to add the types into my ownCloud Group Discussions.
0
eitconsultingAuthor Commented:
Uh, "my own comment" contributed to 100% of the success and solution.  Read my comment. :)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Software

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.