1.Jeżeli posiadamy już konto gmail – logujemy się na niego w celu automatycznego połączenia z google code, jeżeli nie posiadamy musimy go założyć. Następnie
zakładamy konto na Google Code: http://code.google.com/hosting/createProject ,

1.1 Formularz wypełniamy wg uznania. Google Code udostępnia hosting SVN tylko dla projektów Open Source, więc musimy udostępnić nasz kod na owej licencji. Ja wybieram licencje MIT. Coś więcej o licencjach pod adresem: Oprogramowanie open source  w świetle prawa

2. Jeżeli nie posiadamy Eclipse pobieramy go ze strony: http://www.eclipse.org/downloads/

3.Instalujemy plugin SVN http://subclipse.tigris.org/

3.1 Klikamy w menu programu Help->Install new Software..

3.2 Klikamy add w polu „Name” wpisujemy „SVN” natomiast w polu  „Location” : http://subclipse.tigris.org/update_1.8.x

3.3 W oknie powinien pojawić się nam subeclipse zaznaczamy go i  klikamy next..

3.4 Gdy wszystko wykonaliśmy poprawnie, Eclipse powinien być gotowy do pracy z repozytorium.

4. Dodajemy repozytorium do Eclipse

4.1  Z menu programu wybieramy File -> New -> Other i wybieramy SVN i ‘Checkout Projects from SVN‘ i klikamy Next, następnie Create a new repository location.

4.2 Pole URL powinno być w postaci: https://[NAZWA_TWOJEGO_PROJEKTU].googlecode.com/svn

Uwaga! Jeżeli nie użyjemy https://repozytorium będzie dostępne tylko do odczytu.

4.3 Wybieramy intersujący nas folder na którym chcemy zrobić check out np Branches i klikamy next.   Zaznaczamy „Check out as a project configured using the New Project Wizard” a następnie „Finish”

4.4 Wybieramy interesujący nas projekt – w moim przypadku jest to Java Project

4.5 Automatycznie zostanie pobrana aktualna wersja z repozytorium

4.6 W celu sprawdzenia poprawności działania utworzmy w projekcie nowy folder  New > Folder klikamy na niego prawym przyciskiem myszki następnie Team -> ‘Add to Version Control’ . Plik zostanie dodany przy następnym commicie do SVN. Commita ( wysłanie do SVN) wykonuje się wybierając z menu kontekstowego projektu Team -> Commit. Przed commitem zaleca sie wpierw zaktualizowanie kodu Team->Update

Do zrobienia check out na tym projekcie użyłem mojego gmail username.Hasło SVN nie jest takie samo jako hasło do poczty, można go znaleźć pod adresem:
http://code.google.com/hosting/settings

5. To już wszystko teraz zostało nam dodanie członków teamu i owocne kodzenie

Używanie SVN przy pomocy Coogle Code i Eclipse, gdy już owe posiadamy:

1. Po dodaniu przez administratora zaproszeń do repozytorium, powinniśmy mieć możliwość commitowanie do SVN.

2. Dodajemy projekt w SVN klikając:  New -> Other -> Checkout Projects from SVN

3. Create a new repository location – podajemy adres naszego repozytorium oraz odpowiedni adres.

4. Zaznaczamy „Check out as a project in the Workspace” i klikamy Finish.

5. Projekt z SVN powinien zostać dodany.

6. W celu sprawdzenia poprawności klikamy z menu kontekstowego projektu Team -> Commit – podajemy dane otrzymane przez administratora i wysylamy kod na serwer SVN.

Przy pomocy tej wtyczki mamy dostęp do podglądu wyników testów z poziomu Eclipse. Jest to wygodne narzędzie, które pozwala na kontrolę kodu – czy nasze zmiany czasami nie spowodowały błędu w działaniu portalu.

Instrukcja instalacji w Eclipse:

1. help -> install klikamy new software
2. Klikamy add
3. Wypłeniamy name: “mylyn”, url “http://download.eclipse.org/mylyn/releases/latest”
4. Klikamy ok i wracamy do listy rozszerzeń Mylyn
5. Wybieramy dostępne rozszerzenia – możemy wybrać wszystkie. Obowiązkowe jest jednak wybranie
7. Z kategorii “Mylyn integrations” zaznaczamy Mylyn Builds Connector: Hudson/Jenkins (Incubation)”
8. Z kategorii “Mylyn SDKs and Frameworks”  zaznaczamy  ”Mylyn Builds (Incubation)”
9. Klikamy dalej
10. Czekamy aż eclipse zainstaluje dodatek i  restartujemy eclipse.
11. Z menu górnego wybieramy “Window” -> “show view”
12. Wybieramy “Mylyn” -> “Builds”

Uwaga!
Jak będzie problem z jakimś pakietem plugina – to odznaczamy ten pakiet – nie powinno to zepsuć funkcjonalności wtyczki.

Dodanie builda do mylyn.

1. Klikamy „New build Server Location” – niebieska „bateria” z żółtym plusem – obok odśwież
2. Wybieramy Hudson (supports Jenkins)
3. Wypełniamy pola, klikamy „Validate” i finish.
4. Po poprawnym połączeniu w zakładce build, możemy kliknąć refresh – pojawi się nam lista oraz stan testów.

Test uruchamiamy: prawy przycisk myszki na teście i klikamy Run Build.
Szczegółowe informację o miejscu błędu w kodzie oraz co go spowodowało otrzymujemy wybierając odpowiedni test i z górnego okna Build klikamy Console.

Na chwilę obecną programuje w PHP, ale czy pójdę dalej w tym kierunku? Nie wiem, ale wydaje mi się, że na chwilę obecną każdy programista powinien znać PHP ponieważ jak nie trudno zauważyć wszystkie aplikacje idą w chmurę !

PS. Tutoriale będą pokazywać się nadal !

PHP

Strona WordPress na localhost działa poprawnie, na innym serwerze także. A na obecnym serwerze WordPress nie chce. Należy wtedy sprawdzić wersje php..

Instalacja wtyczki z wysłanego na serwer
pliku: …
Rozpakowywanie paczki…
Nie można było utworzyć katalogu. /path
Wróć na stronę „Wtyczki”

Aby to wykonać należy zrobić sobie napisać prosty skrypt i go uruchomić na serwerze, który wyświetli nam obecną wersje PHP:

<?php
    echo 'Current PHP version: ' . phpversion();
?>

Jeżeli wersja jest mniejsza niż 5.2.4 problem został znaleziony ponieważ obecny WordPress wymaga cyt. PHP w wersji 5.2.4 lub nowszej. Należy zmienić hosting, lub zainstalować starszego WordPressa( nie polecam).

Myślę, że kod nie wymaga dużo wyjaśnień ponieważ, wszystko jest wykomentowane. Aby uruchomić poniższy skrypt wystarczy ustawić w kodzie:

//ustawienia do bazy danych
      public  $host = "localhost"; //adres hosta
      public  $user = "root";   //nazwa uzytykownika
      public  $password = ""; // haslo uzytkownika
      public  $database_name = "czyszczona";    //nazwa bazy danych

Oraz skopiować poniższy skrypt ( Usuwający wszystkie tabele z bazy danych z poziomu PHP )  na serwer i go uruchomić wpisując adres mu odpowiadający.

<?php
/**
 * Klasa odpowiedzialna za usuwanie tabel wybranej bazy danych
 * @author Roman Barzyczak
 */
 ?>

 <?php
class database_remove {

	//ustawienia do bazy danych
      public  $host = "localhost"; //adres hosta
      public  $user = "root";   //nazwa uzytykownika
      public  $password = ""; // haslo uzytkownika
      public  $database_name = "czyszczona";    //nazwa bazy danych

    public function __construct() {

// łączymy się z bazą danych
        IF (!$this->mysqli = new mysqli($this->host, $this->user, $this->password)) {
            throw new Exception('Wystąpił błąd - ' . $this->mysqli->error, $this->mysqli->errno);
        }

// wybieramy bazę danych
        IF (!$this->mysqli->select_db($this->database_name)) {
            throw new Exception('Nie można wybrać bazy danych - ' . $this->mysqli->error, $this->mysqli->errno);
        }

    }

	//Wykonywanie funkcji select i zwrócenie tablicy  asocjacyjnej z wynikami
    public function select($query) {

        IF (!$result = $this->mysqli->query($query)) {
            throw new Exception('Błąd wykonania zapytania - (' . $query . ') - ' . $this->mysqli->error, $this->mysqli->errno);
        }
        while ($row = $result->fetch_assoc()) {
            $return[] = $row;
        }
        unset($result);
        unset($row);
        return $return;
    }

    // Wykonywanie zapytań nie zwracających wartości (nie-Select)
    public function query($query) {

        IF (!$result = $this->mysqli->query($query)) {
            throw new Exception('Błąd wykonania zapytania - (' . $query . ') - ' . $this->mysqli->error, $this->mysqli->errno);
        } else {
            echo 'Baza ' . $query . ' została usnięta';
        }
    }
}

$database = new database_remove;

//wyswietlenie wszystkich tabel
$tabele=$database->select('SHOW tables from '.$database->database_name);
$tabale_txt = 'Tables_in_'.$database->database_name;

echo 'Tabele do usunięcia: <br /> <br />';
foreach ($tabele as $key => $t)
{
echo $t[$tabale_txt];
echo '<br />';
}
echo '<br />';
echo '<br />';

//wyswietlenie komuniakatu o usuwaniu tabel:
foreach ($tabele as $key => $t)
{
$database->query('DROP TABLE '.$t[$tabale_txt]);
echo '<br />';
}

PS. Po wykonaniu operacji nie zapomnijmy  usunąć pliku z serwera, bo późniejsze konsekwencję mogą być bardzo nieprzyjemne

Dlaczego warto używać virutal host?

• Ponieważ wpisywanie w oknie przeglądarki długich w nazw  stylu: http://localhost/naszastrona/  jest niewygodne
• Czasami konfiguracja linków w strukturze drzewiastej może być niepoprawna i powodować problemy na serwerze

1. Co nam potrzebne?

Serwer WAMP do pobrania: http://www.wampserver.com/en/download.php
i w zasadzie tyle, ponieważ serwer ten zawiera w swoim pakiecie, wszystko co jest potrzebne do uruchomienia serwera na localhoście:

• Apache 2.2.17
• Php 5.3.3
• Mysql 5.1.53 (version 64 bits)
• Mysql 5.5.8 (version 32 bits)
• PhpMyadmin 3.2.0.1
• SQLBuddy 1.3.2

2. Instalacja serwera

Wiele osób ma problem dlaczego serwer WAMP nie działa, dzieje się to osobą które mają zainstalowany program SKYPE, który ma ustawiony alternatywne porty takie jak WAMP. Aby to naprawić wchodzimy do programu SKYPE->Narzędzia->opcje->zakładka Zaawansowane->Połęczenie i odznaczamy „Użyj portów 80 oraz 443 jako alternatywnych dla połączeń przychodzących” :

Wamp nie uruchamia się wraz ze Skype

Gdy nasz serwer działa już poprawnie( adres: http://localhost/ wyświetla stronę główną naszego serwera) możemy przystąpić do konfiguracji virutalhostów.

3. Ustawiamy plik httpd.conf

Klikamy lewym przyciskiem myszki na ikonkę WAMP-a który znajduję się w trayu (ikony obok zegara) z menu kontekstowego wybieramy Apache-> httpd.conf:
Znajdujemy w nim wpis:

# Virtual hosts
#Include conf/extra/httpd-vhosts.conf

i odkomentowujemy linię z Include  conf/extra/httpd-vhosts.conf:

# Virtual hosts
Include conf/extra/httpd-vhosts.conf

Zapisujemy.

4.Ustawienia konfiguracyjne w pliku httpd-vhosts.conf

Od komentowanie includowania pliku z punktu pierwszego, powoduje że serwer Apache odczytuje pliki konfiguracyjne z pliku httpd-vhosts.conf. Pozostało nam nic innego jak znaleźć ten plik i zeedytować go. Domyślnie znajduje się pod adresem: C:\wamp\bin\apache\Apache2.2.11\conf\extra\httpd-vhosts.conf

Usuwamy znajdującą się w nim treść i kopiujemy poniższą:

#
# Virtual Hosts
#
# If you want to maintain multiple domains/hostnames on your
# machine you can setup VirtualHost containers for them. Most
configurations
# use only name-based virtual hosts so the server doesn't need to worry
about
# IP addresses. This is indicated by the asterisks in the directives
below.
#
# Please see the documentation at
# <URL:http://httpd.apache.org/docs/2.2/vhosts/>
# for further details before you try to setup virtual hosts.
#
# You may use the command line option '-S' to verify your virtual host
# configuration.

#
# Use name-based virtual hosting.
#
NameVirtualHost *:80

#
# VirtualHost example:
# Almost any Apache directive may go into a VirtualHost container.
# The first VirtualHost section is used for all requests that do not
# match a ServerName or ServerAlias in any <VirtualHost> block.
#

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot "c:/wamp/www"
    ServerName localhost
    ErrorLog "logs/localhost-error.log"
    CustomLog "logs/localhost-access.log" common
</VirtualHost>

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot "C:\wamp\www\naszastrona"
    ServerName naszastrona_dev.pl
    ServerAlias www.naszastrona_dev.pl
    <directory "C:\wamp\www\naszastrona">
        Options Indexes FollowSymLinks
        AllowOverride all
        allow from all
    </directory>
</VirtualHost>

Ustawiamy wg własnych preferencji analogicznie do powyższego kodu.
DocumentRoot - folder gdzie znajduje się strona
ServerName - nazwa pod jaką ma być wyświetlana lokalna strona
ServerAlias - alias strony – dodajemy www

Zapisujemy plik.

4. Plik hosts

Ostatnim etapem jest odnalezienie pliku hosts znajduje się on:  w C:\Windows\System32\drivers\etc\hosts . Możemy mieć problemy z zapisaniem go, są dwa sposoby aby rozwiązać ten problem:

1. Ustawiamy otwórz za pomocą notatnik. A następniem klikamy prawym przyciskiem myszki i wybieramy uruchom jako administrator.
2. Kopiujemy plik gdzieś na zewnątrz folderu Windows edytujemy go i kopiujemy z powrotem na swoje miejsce.

Plik ten edytujemy wg poniższego schematu:

# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
#      102.54.94.97     rhino.acme.com          # source server
#       38.25.63.10     x.acme.com              # x client host

# localhost name resolution is handled within DNS itself.
	127.0.0.1       localhost
	127.0.0.1       naszastrona_dev.pl
	127.0.0.1       www.naszastrona_dev.pl

Klikamy znowu na WAMP-a w trayu i wybieramy restart all services.

Jeżeli wszystko ustawiliśmy zgodnie z instrukcją serwer powinien działać poprawnie a adres http://naszastrona_dev.pl/ przekieruje nas na naszą stronę.

Teraz gdy chcemy mieć więcej stron, które będziemy mieli skonfigurowane na virtual host wystarczy dodać tylko dodatkowy kod (przykład dla drugastrona)

httpd-vhosts.conf:

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot "C:\wamp\www\drugastrona"
    ServerName drugastrona_dev.pl
    ServerAlias www.drugastrona_dev.pl
    <directory "C:\wamp\www\drugastrona">
        Options Indexes FollowSymLinks
        AllowOverride all
        allow from all
    </directory>
</VirtualHost>

i w hosts:

127.0.0.1       www.drugastrona_dev.pl

Photoshop

Gdy wiele razy wykonujemy jakąś czynność i zależy nam, aby działo się to sprawnie i szybko. Do tego właśnie zostały stworzone skróty klawiszowe, które ułatwiają nam to zadanie. Photoshop jest narzędziem, który ma bardzo wiele różnorodnych funkcji, ale tylko   niektóre wykorzystujemy często, dlatego warto wiedzieć, jak sobie pomóc i stworzyć własne skróty klawiszowe do tych  najczęściej wykonywanych czynności.

Sprawa jest bardzo prosta, wystarczy kliknąć w button „Edit” znajdującego  pasku narzędzi i wybrać z rozwijanego menu ” „Keyboard shortcuts..” lub klikając ALT + SHIFT + CTRL + K.

Ukaże się nam menu w którym wybieramy interesujący nas rodzaj narzędzi : Shortcuts For: Application Menus / Panel Menus / Tools/

Teraz wystarczy kliknąć w odpowiedni „Shortcut” i wybrać interesującą nas kombinację klawiszy.

W tym samym miejscu możemy sprawdzić domyślne skróty klawiszowe w Photoshop.

Postaram się napisać ten artykuł szybko, składnie i czytelnie

1. Ściągamy dodatek do joomli: http://extensions.joomla.org/extensions/core-enhancements/scripts/7230 .

2. Instalujemy go i włączamy(klikając na czerwonego x, obok nazwy) w panelu administracyjnym (dodatki pod nazwą System – SC jQuery), wchodzimy do niego i zaznaczamy opcję:

Zaznaczamy opcje jak powyżej.

Dzięki temu dodatkowi biblioteka jquery będzie dodawana automatycznie do naszej strony.

3. Przygotowujemy nasz plik jquery, który będzie wykorzystywany na naszej stronie. Przykładowy kod:

jQuery(function($){

    $("#wysuwane").css("left","-200px");

$("#wysuwane").hover(
  function () {
    $("#wysuwane").animate({left: "0px"}, 1000 );
        $(this).addClass("zamknij");
  },
  function () {
    $("#wysuwane").animate({left: "-200px"}, 1000 );
        $(this).removeClass("zamknij");
  }
);

});

I zapisujemy go pod nazwą nasze_jquery.js.

3. Teraz wystarczy tylko wrzucić ten plik z kodem jquery, który chcemy wykorzystać do naszego folderu z templatką przez ftp przykładowa ścieżka: /templates/beez/js/nasze_jquery.js

i w sekcji head dodajemy:

<script src="<?php echo $this->baseurl ?>/templates/beez/js/nasze_jquery.js" type="text/javascript"></script>

4. To już wszystko. Nasz kod jquery powinien działać teraz bezproblemowo w joomli.

Jak zrobić slider facebooka

facebooka ?

Odpowiedź znajdziecie w tym tutorialu. Pokrótce przedstawie co to jest wysuwany box? Jest to div, który będzie wysuwał się z boku naszej strony i będzie zawierał informację o osobach, które lubią naszą aplikację facebookową( czyli naszą stronę). Efekt Demo pokazany na stronie: Demo

Na poczatku mamy dwie drogi 1) Tworzymy fan-page lub wykorzystujemy własny,  2) tworzymy aplikację, którą możemy także podpiąć do like-boxa. Pierwsza droga jest dużo lepsza.

1. 1)Wykonujemy nasz fan-page facebooka.

W tym celu wchodzimy pod adres: https://www.facebook.com/pages/create.php i postępujemy wg instrukcji udzielonych przez FB. Gdy utworzymy już fanpage otrzymujemy adres strony do fanpagu, np: https://www.facebook.com/pages/MKS-Babia-G%C3%B3ra-Sucha-Beskidzka/167563129961718  – będzie nam ona potrzebna do wygenerowania odpowiedniego likeboxa

1. 2) Aplikacja facebook: – nie jest nam potrzebna jeżeli utworzyliśmy fan page lub posiadamy własny.

W tym celu wchodzimy na stronę: http://www.facebook.com/developers/ i klikamy na: „Set up new app”:

Klikamy na Set Up New App

Następnie wpisujemy tekst z ramki i klikamy „Wyślij”

W następnym kroku zaznaczamy „Zgadzam się” i wpisujemy nazwę naszej aplikacji:

Klikamy Create App

Po wciśnięciu „Create App” ukaże się nam okno w które uzupełniamy informacjami o naszej aplikacji wg. potrzeb klikamy „Back to my apps„:

Klikamy "Back to my apps":

Następnie: „Application profil page”. Adres tej strony na którą zostaliśmy przekierowani zapisujemy do schowka(lub notatnika), adres ten będzie nam potrzebny w dalszej części tworzenia like-boxa:

Zapisujemy adres znajdujący się pod tym odnośnikiem

2. Generujemy kod naszego like-boxa.

Wchodzimy na stronę: http://developers.facebook.com/docs/reference/plugins/like-box/ i odznaczamy „Show stream”, „Show header”, ustawiamy „Width: 185″ , a w miejscu „Facebook page URL”: wpisujemy wcześniej zapisany adres URL  naszego fan pagu (utworzonego lub tego którego już posiadamy) lub naszej aplikacji:

Wypełniamy jak powyższym obrazku

Klikamy „Get Code” i kody, które zostaną wygenerowany zapisujemy gdzieś do schowka.

3. Piszemy kod na naszą stronę

W celu uzyskania efektu wysuwającego się like-boxa z lewej strony, zastosujemy bibliotekę jquery.

W sekcji „Head” naszej stronie piszemy kod:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Jest osadzenie zdalnej  bibliotetki jquery w naszej stronie.

<script type="text/javascript">

	$(function(){

	$("#wysuwane").css("left","-210px");

$("#wysuwane").hover(
  function () {
    $("#wysuwane").animate({left: "0px"}, 1000 );
		$(this).addClass("zamknij");
  },
  function () {
    $("#wysuwane").animate({left: "-210px"}, 1000 );
		$(this).removeClass("zamknij");
  }
);
});
	</script>

Kod ten odpowiada za wysunięcie diva „#wysuwane”, gdy najedziemy myszką oraz schowanie go gdy myszka będzie poza obszarem diva.

Dodajemy arkusz styli:

<style  type="text/css" >
#wysuwane
{

	background: url("http://burned.pl/wp-content/uploads/2011/02/fbpodklad.png") no-repeat scroll 0 0 transparent;

	padding: 10px;
	width: 235px;
	height:402px;

	position: fixed;
	margin-top: -200px; /*połowa wysokości panelu w górę */
	left: 0px;
	top: 50%;

}
.zamknij
{
	background-position: 0px 0px -242px 0px;
}
 </style>

i pobieramy stworzone przeze mnie lub sami tworzymy tło pod naszego diva:

Kod  XFBML (wcześniej wygenerowany) wklejamy w body najlepiej zaraz przed znacznikiem </body> w divach ze stylem visbility:hidden – ponieważ zauważyłem problem w chrome z poprawnym wyświetlaniem tego kodu w owej przeglądarce. Przykład poniżej:

np:

<div style="visibility:hidden;width:0px;height:0px;">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/apps/application.php?id=154577594560986"
width="185" colorscheme="dark" show_faces="true" stream="false" header="false"></fb:like-box>
</div>

Wklejamy kod XFBML do sekcji head

Zostało nam już teraz tylko w sekcji BODY wkleić właściwy kod osadzający naszego diva:

<div id="wysuwane">

<div id="wewnatrz" style="float:left;width:150px; display:block; margin-left:0px;">

<iframe> </iframe>
</div>

</div>

Zamiast iframe wklejamy kod wcześniej wygenerowany „iframe” :

Wklejamy kod iframe do naszego diva "wewnatrz"

Ostatnia rzecz to ustawić w powyższym kodzie wysokość naszego like boxa, w style dodajemy: style=”border:none; overflow:hidden; width:185px; height:370px;” natomiast w src dodajemy:  src=„http://www.facebook.com/…. height=370” a będzie to wyglądać tak:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D180598581984826&width=185&colorscheme=dark&show_faces=true&stream=false&header=false&height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:185px; height:370px;" allowTransparency="true"></iframe>
</div>

Efekt można obejrzeć na stronie:

Demo

Jeżeli podoba CI się tutorial kliknij lubię to w like-boxa po lewej stronie