Chestii Internet [ Server, PHP, MySql, SEO, Joomla, Wordpress ]

Despre ce sa mai scriu?

admin — Mon, 28 Nov 2011 12:16:27 +0000

Stiu ca nu am facut nimic pe site-ul asta de foarte mult timp. Nu am chef dar mai ales, nu am timp (sau chef sa imi fac timp)
Procrastination is a bliss…
Deci ca sa fiu impulsionat, bagati la comment o intrebare, 2 – 15 si eu o sa scriu ceva pe tema aia, daca am chef si timp

Webmin, probleme dupa upgrade-ul Ubuntu la 11.04

admin — Wed, 11 May 2011 11:56:03 +0000

In caz ca nu ati aflat inca, a aparut noua versiune de Ubuntu, 11.04.

Desigur, am aflat si eu asa ca am zis sa-mi upgradez serverul de dupa birou. Am lasat webmin deoparte si am facut upgrade-ul direct din consola.

Cand il pornesti, iti spune ca exista un nou release si te ghideaza pas cu pas.

Daca esti cu interfata grafica, pornesti o consola si scrii

update-manager -d

Anyway, dupa cum zice titlul, eu am avut ceva probleme cu serverul dupa upgrade.

In functie daca iti pastrezi sau nu configuratiile la diversele servere, vei trebuie sa le refaci. Deci musai backup.

Cea mai enervanta dintre probleme a fost asta: nu ma puteam loga. A trebuit sa pun o parola pentru userul root (nu il foloseam niciodata, doar userul personal cu root cand era nevoie).

sudo /usr/share/webmin/changepass.pl /etc/webmin root “new_password”

That’s it!

Upgrade (actualizare) Ubuntu / Linux server

admin — Sun, 21 Nov 2010 01:00:44 +0000

Recent a aparut noul Ubuntu 10.10, asa ca am decis sa-mi upgradez serverul de acasa, de la 10.04 la noua versiune.

Pentru a face asta, totul e destul de simplu… foarte simplu comparat cu zilele trecute in care trebuia sa fii geniu sa lucrezi cu Linux.

Pasii sunt extrem de simpli:

Se instaleaza update-manager-core daca nu exista deja.

sudo apt-get install update-manager-core

Editam /etc/update-manager/release-upgrades si schimbam Prompt=normal

Lansam actualizarea:

sudo do-release-upgrade

Urmarim intrebarile si raspundem ca atare. Atentie daca aveti un server cu fisierele de configurare modificate, fie el Apache, SVN sau de mail. Este important sa ne facem un backup al setarilor, sau cand suntem intrebati pur si simplu alegem sa pastram configurarile gata facute. Chiar si in timp ce se fac actualizarile, poti sa-ti folosesti serverul. Eu asa am facut

Se pot actualiza doar anumite pachete sau toate deodata.

sudo apt-get update

Cu aceasta comanda se fac verificari iar daca sunt actualizari ale programelor instalate, vom vedea.

Pentru a actualiza la versiuni noi ale pachetelor, comanda este

sudo apt-get upgrade

Daca un pachet are nevoie sa instaleze sau sa stearga anumite dependinte, folosim comanda dist-upgrade.

Page Speed si Firebug, extensie Firefox pentru developeri

admin — Mon, 15 Nov 2010 17:49:30 +0000

Page Speed este un addon cu sursa deschisa pentru Firefox si Firebug.

Orice dezvoltator sau webmaster ar trebui sa aiba aceasta combinatie instalata. La ce foloseste: Page Speed evalueaza performanta paginilor si ofera sugestii scurt si la obiect despre cum se pot imbunatati aceste performante.

Aceste sugestii sunt rezultatul unor teste care se fac asupra codului (si / sau a serverului). Aceste teste sunt bazate pe un set de practici recomandate pentru a imbunatati performanta.

Page speed este un addon pentru Firefox dar exista si componenta care se instaleaza pe un server care ruleaza Apache. Este un modul si se numeste mod_rewrite.http://code.google.com/speed/page-speed/
Pentru mai multe informatii.

Page speed se instaleaza in Firefox ca si orice alt add-on. O conditie este prezenta Firebug. Daca exista un update, acesta se va intala automat.

In Mozilla Firefox 3.6 add-on-urile se acceseazaz din meniul Tools /Unelte si de acolo la Add-on.

Cum iti analizezi site-ul

Pentru a-ti analiza site-ul il accesezi si in Firebug ultima optiune.

Inainte de a incepe sa-ti schimbi site-ul, css-ul si altele, citeste mai exact instructiunile si fii sigur ca intelegi dinainte de a te apuca de lucru ce trebuie sa faci.

In urma analizei vei primi si un punctaj pentru site pe care il poti compara cu cel dupa modificari.

WordPress si pagini customizate

admin — Wed, 10 Nov 2010 19:11:09 +0000

Incepand cu WordPress 2.8 avem la dispozitie o functie micuta dar foarte utila. Este buna si pentru dezvoltatorii de extensii pentru WordPress dar si pentru blogerul de zi cu zi. Prin niste trebuie si niste scheme, putem sa personalizam fiecare pagina sau un grup de pagini fara sa instalam un plugin suplimentar sau sa folosim conditionalul php.

Tot ce trebuie este sa includem in fisierul CSS stilul diferit dorit.

Cum functioneaza

In WordPress 2.8 s-a introdus functia body_class(). Functioneaza cam asa:>

Asa ca tot ce avem de facut este sa aplicam respectiva functie (asupra “body”).

Daca ai o tema special proiectata pt WordPress 2.8, aceasta functie este probabil deja in cod. In cazul in care nu o gasesti, cauta tagul in fisierul header.php si il inlocuiesti cu >
Ce ai rezolvat cu modificarea? Este usor de inteles: acum avem un tag dar suplimentar avem clase .

Exemplu: in fisierul css adaugam
.postid-3 #respond{ display: none; }

Asta va ascunde formularul de comentariu (display: none). Vor fi afisate doar comentariile.

Mai jos o lista cu toate clasele pentru tagul body pe care le putem folosi in wordpress.
rtl
home
blog
archive
date
search
paged
attachment
error404
single postid-(id)
attachmentid-(id)
attachment-(mime-type)
author
author-(name)
category
category-(name)
tag
tag-(name)
page
page-parent
page-child parent-pageid-(id)
page-template page-template-(template file name)
search-results
search-no-results
logged-in
paged-(page number)
single-paged-(page number)
page-paged-(page number)
category-paged-(page number)
tag-paged-(page number)
date-paged-(page number)
author-paged-(page number)
search-paged-(page number)

Nu exista documentatie oficiala, si eu am afalt si cules informatiile din acest post din diverse surse.

WebP – un nou format de imagini

admin — Sun, 07 Nov 2010 20:58:31 +0000

In ultima perioada se pune tot mai des accentul pe timpul de incarcare al paginilor. Evident paginile contin si imagini, dintre care de regula se folosesc 3 formate: jpg, gif si png. Fiecare are avantaje si dezavantaje, dar nu sunt acestea subiectul acestui articol.

Subiectul este ca recent Google a anuntat lansarea unui nou format de imagini. Acesta se numeste WebP

WebP este o metoda prin care se comprima imaginile fara a se pierde din calitate. Dupa testele facute de google, pe aproximativ 900.000 de imagini selectate aleator de pe Internet, pastrand calitatea, dimensiunea fisierelor s-a redus cu pana la 40%. Evident asta inseamna trafic redus, nevoie de stocare redusa si timp de incarcare mai rapid

Informatii detaliate se pot citi pe http://code.google.com/speed/webp

Windows si fisierul .hosts – de ce sa-l folosim

admin — Mon, 01 Nov 2010 17:30:06 +0000

Pentru necunoscatori, windows are un fisier care se numeste .hosts. Acest fisier, dupa cum spune si numele (sper ca stiti engleza) defineste anumite adrese dupa cum dorim. Adica, in loc sa scrii 192.168.10.100, care sa zicem ca este un server local pentru dezvoltare, putem sa-l accesam la adresa test.local sau www.yahoo.com, daca asa dorim.

Acest fisier este stocat in \Windows\system32\drivers\etc\

Formatul fisierului Hosts

Pe langa copyright Microsoft si alte magarii, liniile din .hosts arata cam asa

#      192.168.10.197 dev.local

Asa este la mine o linie, de exemplu.

Nu se accepta stelue sau alte simboluri, doar adrese valide.

Nu se accepta directoare sau fisiere. Deci www.yahoo.com este corect, dar yahoo.com/news este incorect.

Editarea acestui fisier ar trebui facuta doar cu notepad sau alt editor specializat pe web development. Deci NU word.
Pe windows Vista sau Windows 7, notepad trebuie pornit cu drepturi de administrator, deoarece fisierul este intr-un director protejat.

Exista multe alte informatii disponibile despre acest fisier si utilitatea lui, eu am facut doar o mica nota si referinta la el.

Server SVN pe Linux – instalare si configurare

admin — Tue, 19 Oct 2010 07:29:46 +0000

In timpul unei colaborari cu o firma straina am avut ocazia sa folosesc SVN (Subversion) zilnic.

Inainte de aceasta colaborare, nu prea era necesar. In general lucrez singur, sau cand lucrez cu cineva, nu lucram pe aceeasi parte asa ca nu ne incurcam.

Indiferent, SVN este o unealta care te poate salva de multe batai de cap.

Sa zicem ca lucrezi la un proiect personal sau pentru un client. Se poate intampla sa faci anumite modificari care sa nu fie necesare sau sa o fi luat pe o directie gresita… si pe urma ce? Trebuie sa cauti toate modificarile facute… care nu-ti sunt necesare…

AU![ In caz ca nu stii exact ce face SVN, citeste de pe site-ul oficial http://subversion.apache.org/. ]

Ca sa nu pateste ca in situatia de mai sus, este cel mai bine sa ai un SVN personal. Eu de cand mi-am facut Server Ubuntu acasa sunt foarte multumit de viteza. Nici o conexiune nu bate 2 metri de cablu UTP intre router si cele doua calculatoare

Asa ca in loc sa-mi fac un cont SVN pe multele (si multe gratuite) site-uri disponibile online, ca si SourceForge, am decis ca e timpul pentru a adauga ceva nou pe server. SVN (de care sunt multumit, este rapid cum nu-ti poti imagina, il folosesc chiar daca lucrez singur, dar pot sa tin evidenta schimbarilor aduse).

Destula vorbaria, cum se instaleaza? Urmaresc cat de bine pot pasii facuti acum cateva zile asa ca s-ar putea sa difere putin situatia proprie.

In primul rand eu folosesc SVN ca si modul Apache.
Pentru a instala SVN in terminal scriem

sudo apt-get install subversion libapache2-svn

Eu mi-am facut directorul SVN in folderul /home/chris/svnrepo

Pentru ca… in folderul chris am si radacina Samba… asa ca orice fisier il pot accesa direct din windows (fie in svn sau nu). Desi nu recomand sa editati fisierele din SVN daca nu stiti ce faceti. De aceea se foloseste protocolul SVN..

sudo svnadmin create /chris/home/svnrepo

Urmeaza sa editam fisierul de configurarea pentru modulul webdav svn. Eu am folosit nano daca bine-mi amintesc, ca si editor – gedit este alta alternativa - In functie de ce aveti instalat sau daca aveti si KDE, Gnome sau alte softuri grafice pentru Linux.

sudo nano /etc/apache2/mods-enabled/dav_svn.conf

Elementul “Location” din fisierul configurare, este adresa la care vom accesa SVN. De exemplu http://www.server.ro/svnrepo

Aceasta linie este deja acolo sub o alta forma. Se scoate comentariul (#) sau se scrie din nou fara comentariu pentru a activa modulul DAV

# Uncomment this to enable the repository
DAV svn

Linia cu SVNPath se seteaza cu folderul in care este SVN. La mine este /home/chris/svnrepo

# Set this to the path to your repository
SVNPath /home/chris/svnrepo

Urmeaza sa activam autentificarea. Este autenficare simpla, de baza, nu foarte sigura. Asa ca tineti cont de asta. Daca este pe un server live disponibil online, faceti altcumva.
Fisierul cu parole este disponibil in acelasi loc unde este si fisierul cu setari AuthUserFile.

# Uncomment the following 3 lines to enable Basic Authentication
AuthType Basic
AuthName “Cu nume vreau eu”
AuthUserFile /etc/apache2/dav_svn.passwd

Pentru a putea accesa SVN, trebuie sa avem un user. Il cream cu urmatoarea comanda

sudo htpasswd2 -cm /etc/apache2/dav_svn.passwd

Optiunea -c se foloseste doar PRIMA data cand se creeaza un user. Dupa aceea, se foloseste optiunea -m, care doar va adauga un user nou fara a recrea fisierul cu parole. Optiunea -m specifica incriptarea MD5 a parolelor.

Exampl:

sudo htpasswd2 -cm /etc/apache2/dav_svn.passwd unuser
New password:
Re-type new password:
Adding password for user unuser

Repornim apache – se reporneste pentru a se incarca noile configurari:

sudo /etc/init.d/apache2 restart

Acum daca totul a fost facut corect, la adresa http://www.server.ro/svnrepo (server evident este adresa locala /internet a serverului tau), ar trebuie sa vezi SVN-ul activat pentru acces doar la citire pentru oricine. Pentru a face modificari iti trebuie un user si o parola.

Daca vrei sa nu fie disponibil nici pentru citire decat pentru useri autentificati, adauga linia urmatoare chiar sub linia AuthUserFile. Reporneste apache.

Require valid-user

Daca totul e in regula, daca reincarci pagina, ti se va cere un user si o parola.

jQuery – avantaje si un mic ghid

admin — Wed, 13 Oct 2010 06:43:26 +0000

Poate ati vazut pe multe site-uri module de slideshow, div-uri cu text care apar la un click pe un link sau validarea unui formular inainte de a fi trimis. Toate acestea se fac cu JavaScript, despre care si eu mai am multe de invatat. Munca unui dezvoltator web este una foarte complexa, un dezvoltator trebuie sa stie html, css, php sau alt limbaj, preferabil mai multe, javascript, seo, action script, flash, internet si multe altele Si desigur platit foarte prost…

Totusi ca viata sa ne fie mai usoara, putem folosi niste librarii JavaScript pentru o gramada de functii, gen validare, efecte, etc.

jQuery are anumite avantaje

1. Mic, ca dimensiune, usor de folosit si rapid.

2. Nu trebuie sa scrii sute de linii de cod.

3. Compatibilitate cu orice navigator / browser.

4. JavaScript separat de HTML.

5. Ajax usor si rapid.

6. Exista o diversitate de pluginuri.

7. Poate fi extins.

8. Putem folosi CDN (Content Distribution Network).

1. Mic, ca dimensiune, usor de folosit si rapid

Libraria jQuery este mica (doar 20 KB in forma comprimata) atat ca dimensiune cat si executie. Daca incepi sa folosesti jQuery vei vedea ca este usor de folosit si mult mai rapid decat sa scrii tot codul de la 0. Pentru a include libraria jQuery in site-ul tau, vei folosi tagul

3. Compatibilitate cu orice navigator / browser

Codul jQuery este compatibil cu toate browserele asa ca nu e nevoie sa scrii cod separat pentru fiecare browser in parte. Totusi, CSS ul trebuie sa fie compatibile cu toate browserele, daca vrei ca site-ul sa arate si functioneze la fel in toate.

4. JavaScript separat de HTML

jQuery ne permite sa avem HTML-ul separat de javascript. Acest lucru este posibil datorita functiei jQuery $(document).ready() function of jQuery.

Exemplu:

Codul de mai sus poate fi scris asa:

5. Ajax usor si rapid

Unul dintre cele mai mari avantaje ale jQuery este usurinta cu care putem folosi Ajax in ASP.Net (nu din experiente, ci din citite, nu lucrez cu ASP ) si suportul JSON.

6. Exista o diversitate de pluginuri

Exisat multe pluginuri gratuite disponibile online, pe care le putem folosi in proiecte. De exemplu jQuery tabs.

Puteti cauta necesarul pentru proiect pe site-ul jQuery.

7. Poate fi extins

Functionalitatea jQuery poate fi extinsa dupa nevoi. Asta spune tot

8. Putem folosi CDN (Content Distribution Network)

Daca ai un site online (si nu local in faza de dezvoltare) poti folosi libraria jQuery gazduita de Google CDN Content Distribution Network.

Reteaua CDN a Google gazduieste cele mai folosite librarii JavaScript, pe care noi le putem folosi pe site-uri. Principalul avantaj este ca Google se ocupa de buguri, actualizari si o viteza ridicata.

Ghid despre cum sa folosesti google CDN gasesti aici – http://webmuch.com/how-why-you-should-use-google-cdn/

Si cam atat…

Configurare Server Samba impreuna cu Webmin

admin — Tue, 12 Oct 2010 13:32:44 +0000

Samba

Samba iti permite sa faci ceva minunat: sa accesezi fisiere de pe calculatorul / serverul tau local (sau nu) Linux sau Unix ca si cum ar fi pe propriul calculator.

La mine fisierele sunt sub litera Z: si ce pot sa spun, este ca economisesc timp considerabil prin faptul ca nu trebuie sa stau sa incarc zeci / sute de fisiere via ftp in calculatorul care sta la 1 metru de mine.

De asemenea, lucrez la un site care are mii de fisiere, clase si modele, iar daca modificam un singur fisier… sa stau sa-l caut in directorul local si cel Linux era o mare pierdere de vreme.

Sa nu mentionez marele avantaj… pot cauta in toate fisierele actualizate, fara sa le descarc din nou…

Ah… placere pura!

Configurarea Samba:

Instructiunile de mai jos sunt pentru un sistem Unix sau Linux, pe care ai instalat deja Webmin. Instructiunile de instalare Webmin pe Ubuuntu sunt disponibile.

Dupa ce ati urmat toti pasii veti putea partaja fisierele de pe Unix Linux pe Windows 95, 98, NT, 2000, XP, Vista si 7 (Deci pe toate).

Am incercat sa fie pasii cat mai clari in descriere, fara a putea sa fac screenshot la toate – eu deja am samba functional…

Se instaleaza Webmin.
Se instaleaza Samba. Se poate face descarcandu-l de la http://www.samba.org unde veti gasi si instructiunile, sau direct din Webmin. Folositi cautarea dupa modul, veti gasi Samba. La pornire (daca nu este deja Samba instalat) veti fi intrebat daca doriti sa-l instalati. Alegem da, si se va instala automat, dupa care serverul Samba va fi disponibil in lista de servere, impreuna cu Apache, FTP, serverul Email si ce alte servere mai aveti instalate.
Dupa logarea in Webmin click pe optiunea “Servers“
Click pe Icoana Samba Windows File Sharing. In partea de sus a ecranului ar trebuie sa vezi doua tipuri de partajari (home si printers). Poti sa le lasi asa cum sunt. Ulterior, daca vrei, poti sa le modifici cum doresti.
Click pe “Windows Networking” si schimba numele grupului de lucru (Workgroup) in numele folosit de calculatorul/ calculatoarele care ruleaza Windows. In cazul meu, a fost setarea implicita, “Workgroup”
Este foarte important sa fie acelasi nume! Dati serverului un nume, ceva gen Fisiere Samba, sau ce doriti, de asemenea scrieti si o descriere.
Schimba securitatea la nivel de share si salveaza schimbabile.
Acum click pe Authentication de langa Windows Networking. Activeaza encrypted passwords pe urma salveaza schimbarile.
Click pe File Share Default si pe urma pe Security and Access.
Activeaza hosts allow si trece acolo adresa / adresele IP ale calculatoarelor cu Windows care vor folosi partajarea.
Salveaza schimbarile si intoarce-te la File Share Defaults.
Click da (Yes) pentru optiunile Available si Browseable sai salveaza schimbarile.
Click pe homes share in partea de sus a Samba Share Manager si activeaza Available si Browseable prin alegerea “yes”.
Salveaza schimbarile si intoarce-te in ecranul homes share si click pe Authentication.
Activeaza writeable si hosts allow only allow si introdu adresa / adresele IP ale calculatoarelor cu Windows care vor folosit partajarea.
Salveaza schimbarile si intoarce-te la pagina Samba Share Manager.
Restarteaza Samba pentru a se activa toate schimbarile.
In consola scrii (poti si direct in Webmin, dar eu recomand pentru comanda asta sa lucrezi direct in Linux)
```
    smbpasswd user
```
unde userul tau este un user valid. Eu am pus utulizatorul meu. Ti se va cere o parola (cea existenta) care este goala. Nu scrii nimic, enter si ti se cere noua parola. O introduci si o confirmi.
Este mai bine sa ai o parola pe care o tii minte. Eu am aceeasi parola cu care ma loghez pe server sau in Webmin. Desigur, este o optiune personala.
Comanda “smbpasswd” creeaza un fisiere pentru autentificarea Samba atunci cand te loghezi de pe un sistem Windows.
Este foarte important ca pe Windows sa ai un user separat, diferit de cel Administrator. Asta inseamna ca atunci cand te loghezi in Windows, ti se cere userul si parola.
Daca nu ai, il creezi din Control Panel, alegi preferabil acelasi user si parola ca si in Samba.
Nu stiu exact cum e pe alte versiuni, dar pe Windows 7, eu am deja un user separat de admin, dar userul si parola pentru Samba le-am ales eu cand am creat “network drive”, cel legat de Samba. Exista optiunea sa folosesti un user si o parola diferite de cel pe care esti logat in Windows.
S-ar putea sa fie necesara o repornire a sistemului Windows si logarea cu noul user. In cazul meu nu a fos, deoarece aveam deja un user creat..
In Windows Explorer si pe Network (retea) ar trebui sa gasesti Serverul Samba.
Dublu click, iar cand ti se cere userul si parola, le pui pe cele setate. Poti alege ca Windows sa tina minte userul si parola pentru ocaziile viitoare cand le vei folosi.
Personal am ales sa creez un “netword drive”. Am ales litera Z:. Click dreapta pe My Computer, alegi folderul dorit in lista (/retea/server/folder – aproximativ). Poti alege reconectarea la fiecare pornire a sistemului.
Pentru fiecare nou utilizator din retea, repeta de la pasul “smbpasswd”

Succes!