Në këtë tutorial do ju tregoj se si të ndërtoni një jQuery Selection Box të cilin mund ta përdorni nëpër aplikacione të ndryshme tuajat. Përshembull mund ta përdorni tek një listë produktesh (ose kontaktesh) ku të tjerët të kenë mundësinë të zgjedhin më shumë se një. Pra le të nisim…

Ju mund të shikoni edhe një demo të kësaj: SHIKO DEMO

Importojme librarine jquery nga hostimi që ofron google, pasi është më i shpejtë në ngarkim dhe na jep më tepër performance. Libraria e jquery në këtë rast është e kompresuar, që do të thotë një zhvillues nuk mund të punoj dot në të, kompresimi është për të zvogëluar madhësinë edhe nëse e hapim ne nuk do kuptojmë gjë në të.

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

Tani që kemi të ngarkuar librarinë, mund ta shfrytëzojmë për qëllimet tona duke inicializuar objekte dhe duke punuar me metodat e tyre. Për të bërë scriptin që kemi nevoje na duhet që ta therrasim brenda funksionit $().ready(); shenja e dollarit është e njëjtë me JQuery().ready(); ose është e njëjtë si në php:

$variableTest = new ObjectClass;
$variableTest->metdoda_e_ObjectClass();

pra, $(document).ready(); na shërben për të “përgjuar DOM-in” nëse është i ngarkuar në memorje, dhe funksionet
që do bëjmë duhet të punojnë në një DOM i cili është komplet në memorje dhe është i gatshëm të shtoj ose të heqi
elemente html dhe ti manipulojë ato.

<script type="text/javascript">
$(document).ready(function(){

Brënda funksionit .ready na duhet që të inicializojmë funksionin .click pasi në këtë event na duhet që të shtojmë ose të heqim elemente html. Pra ne jemi duke ndërtuaj një kuti, ku në të do të vendosim ose do të heqim një pjesë informacioni dhe eventi që do e bëj këtë veprim është click (kur klikojmë mund të shtojmë ose të heqim informacion nga kutia). Meqë kutia jonë është një div me id #kontaktet, dhe brenda kutisë janë të listuara elementet li, atëherë funksioni jonë do të jetë $(‘#kontaktet li’).click(); që do të thotë nëse klikojmë në cdo elementet li të kutise me div id #kontaktet duhet të ndodhi dicka, dhe kjo dicka që do ndodhi ne e percaktojmë tek funksioni pasardhës që vendoset brenda eventit .click(“këtu është e gjithë procedura që do ekzekutohet nëse klikojmë”).

$("#kontaktet li").click(function(){

Jemi në momentin e ndërtimit të funksionit pasardhës që do bëj një veprim pasi ne të kemi klikuar mbi elementin e përcaktuar pak më lart. Mbajmë ne një variable me emrin IDaktuale id e elementit të klikuar dmth variabla IDaktuale, merr vleren me id e elementit të klikuar. Për këtë na ndihmon funksioni .attr i cili gjen cdo lloj atributi të përcaktuar te një elementi html, në rastin tonë atributi që na duhet është id e elementit li që kemi klikuar.

var IDaktuale = $(this).attr("id");

Vazhdojme më poshtë duke vënë kushtin, nëse elementi ku kemi klikuar e ka klasen css .zgjedhur ose jo.

Nëse elementi li nuk e ka klasen .zgjedhur (class=”zgjedhur”)

if (!$(this).is('.zgjedhur')){

Atëherë shtoja elementit li që kemi klikuar klasen .zgjedhur. Plus shtimit të klasës na duhet që të shtojmë edhe një input të fshehur që në rastin tonë është me name vlerën e variables IDaktuale, dhe me vlere po të njëjtë. Kjo na duhet për të populluar formën që do e postojmë me informacion dhe në rastin tonë ky informacion është opsional dhe përdoruesi ka mundesi të zgjedhi ta postojë ose jo informacionin.

$(this).addClass('zgjedhur').append('<input type="hidden" value="'+IDaktuale+'" name="'+IDaktuale+'" />');

 } else {

Në të kundërt hiqe klasen .zgjedhur bashkë me inputin e fshehur. Ky kusht na sherben për të klikuar sa herë të duam,
dmth të mund të bëjmë zgjedhje jo vetëm 1 herë në të njëjtim element.

$(this).removeClass('zgjedhur');
 $('input[value="'+IDaktuale+'"]').remove();
 }

Tani për ta përmbledhur të gjithën ju duhet ky kod për të ngarkuar e futur jQuery në funksionim

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

<script type="text/javascript">
$(document).ready(function(){

 $("#kontaktet li").click(function(){

 var IDaktuale = $(this).attr("id");

 if (!$(this).is('.zgjedhur')){

 $(this).addClass('zgjedhur').append('<input type="hidden" value="'+IDaktuale+'" name="'+IDaktuale+'" />');

 } else {
 $(this).removeClass('zgjedhur');
 $('input[value="'+IDaktuale+'"]').remove();
 }

 });

});
</script>

Meqë pjesën e jQueryt e mbaruam tani ka mbetur thjeshte punimi në HTML (CSS). Mund të përdorni një kod të ofruar nga unë ose të përdorni tuajin. Kodi CSS është i tillë:

#kontaktet{list-style-type:none; padding-left:18px; margin:0;}

#info_kontaktet{ border:1px solid #E0E0E0; padding:5px; margin-left:18px; width:270px; margin-top:18px; margin-bottom:7px; font-size:11px;
background-color:#F6F6F6;}

#kontaktet li {overflow:hidden; background-color:#fff;  border:solid 1px #D8DFEA; width:280px; margin-bottom:4px; }

#kontaktet li a:hover {background-color:#F6F6F6;}

#kontaktet .zgjidh{ background-image:url(zgjedhur.png);
background-repeat:no-repeat; background-position:255px 5px;}

#set a{
display:block;
height:51px;
padding:2px;
cursor:pointer;
outline-style:none;
text-decoration:none;
}

.fytyra{background-position:center;
background-repeat:no-repeat;
border:1px solid #D8DFEA;
float:left;
height:49px;
width:54px;
margin-right:5px;
}

a:hover .fytyra{border:1px solid #2b2b2b; background-color:#FFFFFF;}
a:hover .ndryshimi{ background-color:#F7F7F7;}

.mail_stil{
display:block;
font-size:11px;
color:#5b5b5b;}

.zgjedhur{border:solid 1px #149525 !important; background-color:#D7F8AC !important;                                            background-image:url(zgjedhur.png); background-repeat:no-repeat;
background-position:258px 5px;}

.zgjedhur a:hover{background-color:#D7F8AC !important;                                                                                                                 background-image:url(zgjedhur.png); background-repeat:no-repeat;
background-position:258px 5px;}
.zgjedhur span{border:1px solid #149525 !important;                                                                                                                         background-color:#fff !important;}

.fytyra_zgjedh{background-position:center;
background-repeat:no-repeat;
border:1px solid #2b2b2b;
background-color:#fff;
float:left;
height:49px;
width:54px;
margin-right:5px;}

Tani ka mbetur vetëm gjenerimi i tabelës në HTML edhe mbushja e asaj me informacionet e nevojshme. Sërisht ju mund të merrni si nismë kodin e mëposhtëm edhe ta modifikoni sipas dëshirave tuaja.

<form id="tab_kontaktet" action="" method="post">

<div id="set">
<ul id="kontaktet">
<li id="emaili_yt1@hotmail.com">
<a href="#">
<span style="background-image: url(fytyra_vogel.png);"> </span>
<strong>Emer Mbiemer</strong>
<br/>
<div>emaili_yt1@hotmail.com</div>
</a>
<input type="hidden" name="emaili_yt1@hotmail.com" value="emaili_yt1@hotmail.com"/>
</li>
<li id="emaili_yt1-2@hotmail.com">
<a href="#">
<span style="background-image: url(fytyra_vogel.png);"> </span>
<strong>Emer Mbiemer</strong>
<br/>
<div>emaili_yt1-2@hotmail.com</div>
</a>
<input type="hidden" name="emaili_yt1-2@hotmail.com" value="emaili_yt1-2@hotmail.com"/>
</li>
<li id="emaili_yt1-3@hotmail.com">
<a href="#">
<span style="background-image: url(fytyra_vogel.png);"> </span>
<strong>Emer Mbiemer</strong>
<br/>
<div>emaili_yt1-3@hotmail.com</div>
</a>
<input type="hidden" name="emaili_yt1-3@hotmail.com" value="emaili_yt1-3@hotmail.com"/>
</li>
<li id="emaili_yt1-4@hotmail.com">
<a href="#">
<span style="background-image: url(fytyra_vogel.png);"> </span>
<strong>Emer Mbiemer</strong>
<br/>
<div>emaili_yt1-4@hotmail.com</div>
</a>
<input type="hidden" name="emaili_yt1-4@hotmail.com" value="emaili_yt1-4@hotmail.com"/>
</li>
<li id="emaili_yt1-5@hotmail.com">
<a href="#">
<span style="background-image: url(fytyra_vogel.png);"> </span>
<strong>Emer Mbiemer</strong>
<br/>
<div>emaili_yt1-5@hotmail.com</div>
</a>
<input type="hidden" name="emaili_yt1-5@hotmail.com" value="emaili_yt1-5@hotmail.com"/>
</li>
</ul>
</div>
</form>

Këtu mbaruam. Shpresoj që të keni kuptuar sadopak ndërtimin me jQuery.

Ju mund të shkarkoni edhe dokumentin e gatshëm nëse keni nevojë edhe doni të shkurtoni punën tuaj.

  Copyright protected by Digiprove

jQuery Selection Box është një postim nga: RomeoLab.Com

Parandalimi i sulmeve phishing nuk kërkon aftësi të avancuara të sigurisë. Përmes disa masave themelore mund të reduktojmë ndjeshëm këtë problem i cili është në rritje.

Shumë njerëz internetin e përdorin për të bërë transakcione online. Kjo proçedurë kërkon që të dhënat personale si kartë krediti ose numrat e sigurimit social të shkëmbehen me web-faqet e besuara.

Anonimiteti i Fjalekalimit

Paramendoni dikë duke marrë një email që duket sikur ka ardhur nga banka e tyre duke u kërkuar atyre që të verifikojne fjalëkalimin e tyre në internet. Ajo web-faqe jep premtimet për një çmim të lirë, por kërkon informacionet bankare për të verifikuar që me të vërtet janë ata. Dikush instalon një program FREE në kompjuterin e tij, por nuk e kupton se ai program do të dërgojë të dhënat personale lidhur me internet.

Sulmet Phishing janë duke u bërë shumë krijues dhe të përhapur. Anti-Phishing Group është një organizatë që mbledh statistika për këtë problem. Ata njoftojnë se sulmet dhe softwaret e projektuar për të kryer këto sulme u rriten në mënyrë të konsiderueshme në fillim të vitit 2008. Vetem një përqindje e vogël e përdoruesve të internetit e pranojnë se kane rënë në grackë nga këto metoda, por miliardat e humbur përfundimisht do ti prekë të gjithë.

Kur dikush është prekur nga një sulm i tillë, per tu rikuperuar mund ti duhen muaj apo vite në varësi nga sa shpejt është zbuluar. Pergjigjja më e mirë është parandalimi. Këtu do ju tregoj disa sugjerime të thjeshta që mund të ndihmojë për të bërë kete (parandalimin):

Mos i beso asnje emaile apo web-site/i

Krijimi i një mesazh emaili që duket sikur ka ardh nga një kompani e madhe duke përfshirë logon e tyre nuk është një gjë e vështirë për hackerët për të bërë. Disa nga këto mund të zbulohen lehtë me një punë te vogël detektive.

Një mesazh që kerkon verifikimin e të dhënave personale ose ndryshimin e fjalëkalimit  është ndoshta mashtruese. Por kjo mund të konfirmohet duke telefonuar në bankë ose duke shkuar në web-faqen e tyre nga shtypja URL. Asnjëherë mos përdorni lidhjet në mesazh.

Kur lidhesh në një web-faqe, verifikoj nëse lidhja është e enkriptuar dhe e sigurt URL https: / / jo http. Nëse  perseri jeni te pasigurt, verifikojeni URL-n duke telefonuar institucionin.

Anti-Phishing Software

Disa nga shfletuesit e fundit, si Internet Explorer ose Firefox kanë ndërtuar në software që mund të zbulojë dhe të paralajmëroj një faqe Phishing. Sigurohuni opsionet ne browser janë konfiguruar mire dhe që Anti-Phishing Software-i është funksional.

Disa paketa Internet Security përfshijnë gjithashtu anti-phishing software. Mos të harroj të them poashtu që ekzistojnë dhe Anti-Virus të ndryshëm që kanë të bashkangjitur dhe Anti-Phishing Software

Si te mbrohesh nga sulmet Phishing është një postim nga: RomeoLab.Com

Siguria e aplikacioneve është një nga elementët që shqetëson më shumë programuesit dhe që duhet marrë me shumë seriozitet. Vrimat e sigurisë mund t’i lënë mundësi sulmuesit të marrë informacione të rëndësishme nga sistemi (fjalëkalime, emaile, etj) apo thjeshtë ta nxjerrin atë jashtë funksionimit normal. Një programues duhet të paktën të zotërojë bazat e sigurisë, në mënyrë që aplikacionet që ai krijon të jenë të sigurta nga sulmet e rëndomta. Një nga masat e rëndësishme për një aplikacion të sigurt dhe tema e këtij artikulli është kriptimi i fjalëkalimeve, në mënyrë që mos të bien në duar të gabuara. Le ta shtjellojmë më tej.

- Problemet e fjalëkalimeve të pa kriptuar -

Le të supozojmë që kemi një aplikacion ku për të pasur akses në zona të caktuara, përdoruesit duhet të regjistrohen në faqe me një e-mail dhe fjalëkalim. Pra unë jam përdorues dhe regjistrohem me fjalëkalimin “web12345” duke menduar se të dhënat janë të sigurta. Ndërkohë një sulmues tenton të gjejë vrima sigurie në sistem dhe arrin t’i gjejë duke përdorur një teknike shumë të përhapur (fatkeqësisht) si SQL Injections. Në dorën e sulmuesit është e gjithë tabela e përdoruesve me e-mailet e tyre dhe fjalëkalimet, duke i dhënë mundësi të identifikohet në sistem si kushdo përdorues. Imagjinoni që sistemi në fjalë të jetë për të blerë produkte! E gjithë kjo mund të parandalohej nëse kriptohej fjalëkalimi, pa harruar gjithashtu edhe vrimat ndaj SQL Injections.

- Çfarë është kriptimi? -

Kriptografia është shkenca e fshehjes së informacionit, në mënyrë që të lexohet vetëm nga personat apo sistemet që dinë ta dekriptojnë mesazhin. Për këtë artikull, ne na intereson më tepër një fushë e kriptografisë, që merret me kriptimin Hash, veçanërisht me funksionet një-krah. Duke i dhënë një vlerë për tu kriptuar, funksionet Hash një-krah gjenerojnë një fjalë me madhësi të caktuar e cila është e pamundur të dekriptohet në vlerën origjinale.

- MD5 -

MD5 (Message-Digest algorithm 5) është një funksion Hash shumë i përdorur në web dhe zgjedhja për kriptim në shumë aplikacione të njohura. Fjala e gjeneruar është 128 bit e gjatë me 32 karaktere heksadecimale. Në shumë përdorime sensitive, MD5 është abandonuar sepse është provuar dobësia e tij, megjithatë për qëllimin tonë e bën punën më së miri. Në PHP egziston një funksion që quhet pikërisht md5(), i cili gjeneron Hash-in e një vlere. Provoni kodin e mëposhtëm:

$fjalekalimi = 'web12345';
$hash = md5($fjalekalimi);
echo $hash;

Nëse e egzekutoni kodin, në ekran do t’ju printohet fjala Hash e atij fjalëkalimi (egzaktësisht: 1bfe5bbf619681e49cdc62d07badc4cb).

Me siguri po pyesni veten se si ta dekriptojmë këtë fjalëkalim, kur MD5 është një funksion që gjeneron një fjalë të pa dekriptueshme. Zgjidhja është e thjeshtë. Bëjmë krahasime të fjalëve Hash. Le të marrim një shembull:

Një përdorues regjistrohet në sistem me fjalëkalimin “nukegjendot”, i cili pas kriptimit me MD5 ruhet në databazë si c45f12cc8df8ad9b45141146e36200f2. Kur ky përdorues tenton të indetifikohet, ajo që do bëjmë është krahasimi i Hashit të ruajtur në databazë, me Hashin e fjalëkalimit që përdoruesi ka plotësuar. Një shembull në PHP:

//lidhja me databazen nuk perfshihet ne kete shembull
$emri = mysql_real_escape_string($_POST['emri']); //vlera e marre nga forma dhe e pastruar per tu futur ne query
$fjalekalimi = $_POST['fjalekalimi']; //vlera e marre nga forma
$hash = md5($fjalekalimi); //kriptojme fjalekalimin e futur

$rezultatet = mysql_query("SELECT id FROM perdoruesit WHERE emri='$emri' AND fjalekalimi='$hash'"); //kerkojme ne databaze nese ky emer dhe hash egziston
if(mysql_num_rows($rezultatet) == 1){ //nese ky if() eshte i vertete, te dhenat jane te sakta
 echo 'Te dhenat jane te sakta';
}

Shembulli më sipër është rasti më i thjeshtë i krahasimit të Hashit të fjalëkalimit me atë të ruajtur në databazë. Kjo teknikë vlen edhe për funksionet e tjera një-krahësh.

- SHA1 -

Ashtu si MD5, edhe SHA1 (familja SHA – Secure HAsh Standart) gjeneron një fjalë të pa dekriptueshme, por gjatësia e të cilës është 160 bit dhe 40 karaktere heksadecimale. SHA1 konsiderohet më i sigurt se MD5 në përgjithësi, edhe pse dobësi sigurie janë gjetur në të. Megjithatë, ashtu si MD5, për qëllimin tonë ky funksion e bën punën më së miri. PHP ofron një funksion sha1() për të gjeneruar fjalë të kriptuara. Konsideroni shembullin e mëposhtëm.

$fjalekalimi = 'web12345';
$hash = sha1($fjalekalimi);
echo $hash;

Nëse e egzekutoni kodin, do t’ju shfaqet kjo fjalë e kriptuar: 20d5b81872a334e86183db3dcd108717d182ffdf. Kë doni të zgjidhni midis MD5 dhe SHA1 mbetet tërësisht në dorën tuaj dhe asnjëri nuk ofron ndonjë avantazh mbi tjetrin për qëllimin tonë. Une personalisht kam zgjedhur të perdor SHA1, pa ndonjë arsye specifike.

- Siguria e funksioneve Hash një-krahësh dhe Salt -

Megjithëse teknikat MD5 dhe SHA1 janë praktikisht të pa kriptueshme, siguria sërish nuk është maksimale sepse egzistojnë mënyra për të gjetur vlerën e kriptuar. E di që mund t’ju duket e pamundur, por teknikat për “dekriptim” janë shumë të thjeshta. Le të marrim një shembull të thjeshtë për ta ilustruar.

Shumë përdorues përdorin fjalëkalime të thjeshta që mund të jenë edhe fjalë fjalori në rastin më të keq. Sulmuesi i cili ka arritur të gjejë fjalëkalimet te kriptuara, përdor një lloj “fjalori” (Rainbow Tables) me një numër masiv fjalësh dhe kombinime abstrakte gërmash të kriptuara në MD5 apo SHA1 dhe krahason Hashin e gjetur me to. Pra, ashtu si sistemet që ne kodojmë krahasojnë një Hash me një tjetër Hash të ruajtur në databazë, sulmuesi krahason një Hash me qindra mijëra (apo miliona) Hashe të tjera. Që një “fjalor” të jetë efikas duhet të përmbajë praktikisht të gjitha fjalët e fjalorit dhe miliona kombinime gërmash, numrash dhe karakteresh speciale të cilat do e bënin kërkimin të vështirë dhe të gjatë. Megjithatë, shumë fjalëkalime janë thyer në këtë mënyre. Atëherë si të rrisim sigurinë? Fare e thjeshtë; përdorim një Salt.

Salt është një fjalë që i shtohet fjalëkalimit dhe kriptohet së bashku me të, në mënyrë që rezultati përfundimtar të jetë i ndryshëm nga ai që pritet. Ta ilustrojmë me një kod PHP, sepse me fjalë mund të ngjajë me komplekse se në realitet.

$fjalekalimi = 'web12345';
$salt = 'internet';

echo md5($fjalekalimi); //1bfe5bbf619681e49cdc62d07badc4cb
echo md5($fjalekalimi . $salt); //597e5797991d2236256015b3af004693

Fjalëkalimit i kemi ngjitur një fjalë arbitrate (internet) e cila e modifikon tërësisht Hashin përfundimtar, duke e bërë fjalën të pa gjatshme në “fjalorët” e sipër përmendur pa njohur Saltin. Përmbajtja e Saltit është në dorën e programuesit dhe fantazia e tij. Mund të jetë një fjalë statike, emri i përdoruesit, një fjalë e rastësishme që ruhet në databazë, etj.

- Një mënyrë personale kriptimi -

Përmbajtja e kësaj pike është thjeshtë një mënyrë alternative kriptimi i fjalëkalimeve (e-maileve apo të tjera të dhëna sensitive) e cila ka të bëjë me krijimin e algoritmeve personalë për kriptim. Nëse krijoni sisteme me kod të hapur (Open Source), as mos e mendoni këtë alternative sepse do të ishte shumë e lehtë të gjehej algoritmi. Edhe në rast të kundërt, merreni parasysh vetëm për arsye edukative.

Kodi i mëposhtëm përdor një algoritëm fare të thjeshtë (ndoshta më i thjeshti në botë) enkriptimi dhe dekriptimi.

function enkripto($fjalekalimi){
 $alf = range('a', 'z');
 $fjalekalimiRi = '';
 for($i = 0; $i < strlen($fjalekalimi); $i++){
 if($fjalekalimi[$i] <= 126){
 $chr = ord($fjalekalimi[$i]);
 } else{
 $chr = $fjalekalimi[$i];
 }
 $rand = rand(0, count($alf)-1);
 $fjalekalimiRi .= $chr . $alf[$rand];
 }
 return strtoupper($fjalekalimiRi);
}

function dekripto($kriptimi){
 $fjalekalimi = '';
 $temp = '';
 for($i = 0; $i < strlen($kriptimi); $i++){
 if(is_numeric($kriptimi[$i])){
 $temp .= $kriptimi[$i];
 } else{
 $fjalekalimi .= chr($temp);
 $temp = '';
 }
 }
 return $fjalekalimi;
}

echo enkripto('web12345');
echo dekripto('119T101N98G49T50Z51Z52H53D');

Nëse akoma nuk e keni kuptuar se si ky algoritëm fare i thjeshtë funksionon, po ju them 2 fjalë. Fjalëkalimi kalohet gërmë për gërmë, e cila konvertohet në ekuivalentin në kod ASCII. Pas konvertimit, secilës gërmë i shtohet një karakter i rastësishëm i alfabetit, në mënyrë që të bëhet paksa më kriptik leximi. Dekriptimi po ashtu është i thjeshtë, ku lexohet fjala e kriptuar dhe skanohet gërmë për gërmë (numër për numër). Numrat ndahen nga gërmat për të përftuar kodet ASCII të cilat konvertohen në karaktere. Si thashë, algoritmi i kriptimin më i thjeshtë në botë.

Zbuluam dhe ilustruam teknikat më të përdorura në internet për kriptimin e fjalëkalimeve. Shpresoj t’ju kem dhënë një ide të mirë për funksionimin e tyre dhe t’ju kem treguar rëndësinë e kriptimit për siguri më të lartë. Nëse keni pyetje apo sygjerime mbi ato që janë shkruar në këtë artikull, jeni të lirë të komentoni. Teknikat alternative janë shumë të mirëpritura.

Siguria e fjalekalimeve është një postim nga: RomeoLab.Com

PHP është ndoshta teknologjia për web më e njohur e më e përdorur, por gjithashtu edhe më e përfolura. Deri në vitet e fundit, PHP është konsideruar si një gjuhë programimi për web e drejtuar tek fillestarët. Gjërat për fat të mirë kanë ndryshuar, por shumë programues kanë mbetur në disa standarte që janë pikërisht ajo që i ulën reputacionin PHP-së. Fundja, çfarë rëndësie ka fuqia e gjuhës kur programuesi nuk di ta shfrytëzojë? Një pyetje retorike që i drejtohet kujtdo (përfshirë mua) për t’i stimuluar të kodojnë me standarte. Le të spostohemi në thelbin e temës e të diskutojmë disa mënyra që do t’ju ndihmojnë të kodoni më mirë.

- Krijoni një mjedis pune të përshtatshëm -

Të shkruash kodin është në thelb pjesa më e rëndësishme e punës së një programuesi, por shpesh anashkalohen disa elementë dytësore që mund të rrisin produktivitetin tuaj apo të ekipit ku merrni pjesë. Hapi i parë dhe baza e mjedisit ku punoni është editori. Ndërkohë që disa janë të kënaqur me Notepad, mund ta merrni me mend që opsione si: ngjyrosja e kodit, plotësimi automatik dhe udhëzimi i kodit, menaxhues i integruar skedarësh, etj, janë jetikë për të shpejtuar dhe përmirësuar punën tuaj. Provoni programe si Dreamweaver, Aptana Studio, Zend Studio e Eclipse PDT dhe zgjdhni atë që ju pështatet më së miri.

Një tjetër detaj që programusit e anashkalojnë është konfigurimi i serverit, më saktësisht konfigurimi i vetë PHP-së. Askujt s’i bën keq të njohë disa rregulla kryesore të Apache, të konfiguroje serverin e databazës për ta përshtatur me aplikacionin që po krijon apo të konfigurojë PHP-në për ta bërë më të sigurt e mos t’i krijojë vetes probleme në të ardhmen.

- Fillimi i mbarë, gjysma e punës: Taget PHP -

Për të shkruar kodin PHP, ju ofrohen disa alternativa, ndër të cilat:

<?php $a = $b + $c; //stili i rregullt ?>
<? $a = $b + $c; //stili i shkurtuar ?>
<% $a = $b + $c; //stili ASP %>
<script language="php">$a = $b + $c; //nuk e di pse kjo egziston!</script>

Secili nga stilet e shënuara më sipër është në rregull për veten e tij, por përdorimi i stilit të parë do ju sigurojë kompatibilitetin në çdo lloj konfigurimi të serverave dhe në versionet e ardhshme të PHP-së (në versionin 6, taget e shkurtra nuk suportohen).

- Komentet nuk harxhohen -

Komentet dhe shënimet janë jetësore jo vetëm në programim, por në shume aktivitete ku memorja s’mund t’ja dalë e vetme. Ju siguroj që një kod i shkruar sot, pas 6 muajsh do ju duket totalisht abstrakt nëse nuk e keni komentuar mirë. Mos i harxhoni vetes kohë duke ju rikthyer një kodi sa herë duhet ta modifikoni, por përdorni komentet me shumicë. PHP ofron tre mënyra për të komentuar kodin.

Komentet në rrjesht të vetëm

$a = $b + $c; //ketu llogaris vleren e variables $a
echo $a; #ketu printoj variablen $a. Ky lloj komenti (stili Perl) nuk keshillohet

Komentet në shumë rrjeshta

/*
Ky funksion kthen shumen e dy numrave.
Perdorimi: echo mblidh(5, 7);
Ketu po shtoj nje rrjesht te trete
*/
function mblidh($b, $c)
{
 return $b + $c;
}

- Hapësirat qarkullojnë ajrin -

Krahas komenteve (të cilat i diskutuam më sipër), hapësirat janë një element shumë i rëndësishëm për leximin e kodit. Konsideroni të keni një kod si më poshtë e t’i riktheheni pas 3 muajve. Kodi është fare i thjeshtë, e përsëri krijon konfuzion.

function saParaKam($para)
{
switch($para){
case 50:
echo 'Te dalin per nje kafe';
break;
case 100:
echo 'Mund te pish disa birra';
break;
case 1000000000:
echo 'Si te shkon jahti?';
break;
}
}
saParaKam(100);

Ndërsa duke përdorur hapësira, mund ta lexoni shume thjeshtë e të kuptoni pothuajse menjëhere funksionin e tij.

function saParaKam($para)
{
 switch($para){
 case 50:
 echo 'Te dalin per nje kafe';
 break;

 case 100:
 echo 'Mund te pish disa birra';
 break;

 case 1000000000:
 echo 'Si te shkon jahti?';
 break;
 }
}

saParaKam(100);

- HTML mbetet HTML -

Praktika standarte thotë se kodi PHP duhet ndarë nga ai HTML, në mënyrë që të ndahet logjika (PHP) nga prezantimi (HTML). Kjo është më se e vërtetë dhe duhet respektuar aty ku është e mundur. Konsideroni shembujt më poshtë.

Këtu printojmë HTML-në me PHP

$var = 'Ky eshte nje tekst';
echo '<div>';
echo $var;
echo '</div>';

Ndërkohë që kodin më sipër mund ta shkruajmë fare lehte ne këtë mënyrë:

<?php $var = 'Ky eshte nje tekst'; ?>
<div><?php echo $var; ?></div>

Si mund ta shihni, lexohet më lehtë dhe e ndan më së miri prezantimin nga logjika. Megjithatë ka raste ku ndarja është e vështirë apo nuk leverdis, kështu që nuk ka asgjë të keqe të printoni HTML përmes PHP-së. Kur e bëni, të paktën zbatoni standartet e HTML-së.

Kodim që nuk respekton standartet e XHTML-së sepse atributet duhet të rrethohen nga thonjëza dyshe.

echo "<div class='njeDiv'>Ky eshte <span style='font-weight:bold;'>nje</span> tekst</div>";

Kodi i mësipërm duhet të shkruhet në këtë mënyrë (e dalloni ndryshimin e thonjëzave?):

echo '<div>Ky eshte <span style="font-weight:bold;">nje</span> tekst</div>';

- Vendosini emrin -

Emrat e variablave, konstanteve, funksioneve e klasave duhet të përshkruajnë veten sa më mirë, në mënyrë që mos ta mendoni 2 herë se cili është funksioni i tyre. Mundohuni të zgjidhni emra sa më të përshtatshëm e të shkurtur sa është e mundur.

Variabla si ato qe kam përdorur deri tani unë në kod s’kanë asnjë lloj kuptimi, por për arsye demonstrimi janë në rregull. Në një aplikacion të vërtetë, variabla si: $var1, $var2, $a, $b, mundohuni ti shmangni. Ide e mirë është të përdorni emra si: $shuma, $rezultati, $numriRreshtave, etj.

- Objektet janë miku juaj më i mirë -

Objektet janë një temë për programues me eksperiencë sepse ka vërtetë shumë gjëra të pëfshira. Nuk mjaftojnë njohuritë bazë mbi sintaksën apo disa aplikacione që mund të keni koduar. Duhen njohuri të forta mbi funksionimin e objekteve dhe mbi të gjitha, aftësi analizuese për të veçuar pjesëzat e ndryshme. Në këtë seksion do kisha shumë për të folur, kështu që po e lë për një arikull të dedikuar. E vetmja këshillë që mund t’ju jap është të investoni sa mundeni në kodimin me objekte sepse jo vetëm do keni një kod të rregullt e të lexueshëm, por do rrisni produktivitetin tuaj me disa faktorë.

Shpresoj t’ju kenë shërbyer këshillat e mia e t’ju ndihmojnë të bëheni programues sa do pak me të rregullt. PHP-ja është një botë e bukur dhe e madhe, në të cilën të gjithë kemi shumë për të zbuluar.

Nëse shihni diçka që nuk shkon në artikull, keni pyetje apo thjeshtë doni të thoni fjalë të mirë, mos hezitoni të komentoni.

PHP – Praktikat e Kodimit të Rregullt është një postim nga: RomeoLab.Com

Para ca ditësh duke punuar me rregullimin e faqes time hasa në disa vështirësi të përdorimit të karaktereve Speciale si shkonja “ë” në gjuhën Shqipe. Duke përdorur ca bibloteka të gatshme për shfaqjen e datës së sotme me Javascript doja që ditët që kanë shkronjën “ë” të paraqiteshin të tilla.

Kështu që thjeshtë hapa dokumentin për formatim edhe zëvendësova aty ku duhesh. E ngarkova në server por në vend të shkronjë “ë” më doli një karakter shumë i cuditshëm. Kështu që hyra të kërkoj në Google e të gjej gjidhjen e këtij problemi. Gjatë kërkimit mora vesh se WordPress nuk i konverton direkt këto karaktere por duhet shkruajtur dicka tjetër që të dali ajo që duam. Kjo bëhet e mundëshme brënda kodit HTML që ne përdorim. Në këtë rast WordPress e njeh këtë shkrim edhe e kthen në karakterin e dëshiruar. Shihni shembullin në titullin e temës time.

Më poshtë po ju jap një listë me  karakteret  më të përdorura në gjuhën Shqipe:

• ♥ ♥                 ‰ ‰

• Ç Ç                  Ë Ë

• ♠ ♠                 ♣ ♣

• ™ ™                ë ë

• ® ®                    ¼ ¼

• ç ç                 ¿ ¿

Karaktere ♥ Speciale është një postim nga: RomeoLab.Com

Tani është zyrtare: Google injoron Meta Tags Keywords. Të gjithë ato që jan marr me SEO kan punuar gjithmonë në Meta Tags e Keywords për tu rënditur sa më lart në makinat e kërkimit e sidomos në Google. Edhe atyre që i është dukur më pare se kjo ishte një pikë strategjike në rënditjen në google ka qën komplet gabim. Kështu që nga sot e tutje nëse doni të rënditeni lart në Google duhet të punoni në gjëra të tjera edhe jo në Meta Tags.

Google edhe pse injoron Metatags nuk do të thotë që i injoron të gjitha. I vetmi metatag që përdoret është ai i përshkrimit i cili shfaqet në rezultat e kërkimit por që nuk ndikon në rënditje.

Ky është një lajm zyrtar i dhënë nga Matt Cutts në Blogun e Google Webmaster. Për më shumë shikoni videon e mëposhtëme:

Click here to view the embedded video.

Google Injoron Meta Tag Keywords është një postim nga: RomeoLab.Com

Prej një periudhe rreth 6 mujore kam filluar të merrem edhe me SEO (Search Engine Optimization) edhe kam mësuar goxha. Një pjesë shumë të madhe të SEO e zën edhe Google, me rënditjen në makinën e kërkimit apo me Pagerank. Pra të gjithë mundohen të dalin sa më lartë me këto gjëra e të poziciohen mirë.

Nëpër internet kam dëgjuar edhe lexuar që flitet shumë edhe për diçka që quhet Google Sandbox. Çfarë është kjo? A ndodhet faqja ime në Google Sandbox? Të gjitha këtyre pyetjeve do ju jap përgjigjen në artikullin e mëposhtëm.

Google Sandbox nuk është asgjë tjetër veçse një si tip karantine që Google bën me faqen tuaj. Me pak fjalë luan rolin e njëjtë që luan antivirusi me viruset që gjen duke i izoluar ato.

Kjo gjë ndodh kryesisht me faqet e reja të lëshuara në botën e internetit, veçanërisht nëse ato:

• Kërkojnë të pozicionohen direkt lart për një keyword që ka shumë konkurencë.
• Marrin që në fillim shumë linke inbound.
• Kanë një mbioptimizim për makinat e kërkimit.

Nuk është e thënë që të kapi çdokënd ky faktor, por mund të qëlloj fati i keq të kapi. Mua personalisht muajin e fundit më kishte ndodh një rënie e konsiderueshme në Google edhe shumë fakte tregojnë që mund të kisha rën pre e këtij fenomeni. Kështu që u detyrova me ndërhyr direkt edhe me arritur prap aty ku isha.

Më poshtë keni të listuar sinjalet karakteristike nëse jeni në Sandbox:

1. Domaini është relativish i ri, midis 1 apo 2 vitesh.
2. Faqet e sitit tënd nuk janë në gjëndje as të pozicionohen me titullin e plotë
3. Faqja në fillim është e pozicionuar mirë por papritur ka një rënie të konsiderueshme
4. Parametrat e tjerë të Google janë në rregull e pozitiv, si psh. Pagerank
5. Faqja është e pozicionuar mirë në Yahoo edhe Bing
6. Nuk janë përdorur metoda ilegale për promovimin e faqes si Spam

Më poshtë do ju tregoj një shembull konkret që të kuptoni më shumë:

Grader.Com gjëndet në Google Sandbox.

Duke parë pikën 5 të arsyeve të mësipërme po ju tregoj se si faqja Grader.Com pozicionohen në makinat e kërkimit. Grader.Com është një faqe që ofron 4 shërbime apo tool të ndryshme. Ja dhe rënditja për fjalë kyçe të ndryshme:

• Twitter Grader: #55 në Google (por #1 në Yahoo! e #2 në Bing)
• Twitter Grader | Get Your Twitter Rankings: #74 në Google ( por #1 në Yahoo! e në Bing)
• Twitter Elite | The Most Powerful Twitter Users: #78 në Google (por #1 në Yahoo! e Bing)

Gjithashtu nuk duhet të harrojmë që Grader.Com ka një Pagerank 5 edhe që linkohet nga rreth 450 domaine të ndryshme. Pra si e shihni vet edhe faqet me Pagerank të madh, me shumë linke e që pozicionohen në motorrat e tjerë të kërkimit mirë mund të ken një pozicionim skandal në Google edhe pse kërkohet me titullin ekzakt.

Si të dalim nga kjo gjë?

Me të vërtet është diçka deprimuese që të punosh për faqen e pastaj ta shohësh veten të biesh mbi 50 pozicione në Google. Megjithatë ka edhe metoda të ndryshme si me dal nga kjo gjë. Këto nuk janë zyrtare por nëse i provon mund tia dalësh.

• Të marrësh linkime nga faqe që janë të rënditura shumë mirë edhe që janë të besueshme nga Google
• Të mbleshësh linke duke u rregjistruar në Direktori të ndryshme që bëjnë shkëmbime linkesh apo gjëra të tilla, nuk bën gjë tjetër veçse ju fut më thellë në këtë Sandbox.
• Në disa raste mund të funksionoj duke bërë një kërkes rishikimi të faqes me Google Webmaster Tools. Por kjo gjë nuk funksionon gjithmonë sepse aty nuk ka një Feedback.

Mendimi im:

Kam parë që shumë persona që hapin faqe të reja kanë maninë për shkëmbim linkesh. Kjo gjë nuk bën gjë tjetër veçse ju keqëson pozicionim tuaj në Google e nuk ju sjell asnjë të mirë. Duhet ti shmangni në maksimum këto gjëra nëse doni të arrini diçka. Linket mund të shkëmbehen por me faqe që ka përfitime e jo kot më kot. Gjithashtu edhe shtimi në direktori vend e pa vend ndikon keq në këtë gjë sepse Google mund ta njohi si spam. Mund të përmend gjithashtu edhe faktin kur komenton jashtëzakonisht shumë nëpër Blogje që janë DoFollow.

Efekti: Google Sandbox është një postim nga: RomeoLab.Com

Shpejtësia me të cilën hapet faqja juaj është një problem që hasim çdo ditë. Sa më e ngadaltë të hapet një faqe aq më shumë i mërzit vizitorët edhe i bën ato të largohen e të mos kthehen më. Kështu që Webmasterat duhet të gjejnë gjithmonë një mënyrë për të shpjeguar hapjen e faqes së tyre. Gjithashtu dua të them se kisha po të njëjtin problem që trajohet tek blogu Eklipsi e kjo gjë më shtyu të shkruaj e unë një trick të vogël.

Ka shumë mënyra se si mund të realizohet kjo gjë por kjo që do ju tregoj unë është një mënyrë që ju kërkon 2 minuta punë edhe ka rezultat menjëherë. Kujdes në këtë drejtim duhet të ken faqet që kanë në hapje ngarkimin e shumë scriptave apo edhe fotografive. Këto të fundit duhet të ruhen gjithmonë në një format të përshatëshëm e jo të kenë deformime në gjatësi apo gjërësi. Online gjen shumë shembuj të këqinj që spo dua ti përmend.

Ndoshta ndonjëri pyet se çfarë përparësish i sjell nëse faqja hapet shumë shpejtë. Këtu mund të përmendim:

• Një rehati për lexuesit tu, gjë që shton Page Views sepse në një faqe që hapet ngadalë, askush s’do kishte dëshirë të lundronte më tej.
• Për ato që kan faqe të vogël edhe nuk kan para me bler një host të mirë, kjo është një mënyrë që ju shpëton harxhim të bandwidth e kështu ju ul edhe kostot e serverit tuaj.
• Gjithashtu një faktor tjetër i rëndësishëm është edhe robotët e kërkimit, të cilët pëlqejnë faqet që hapen shpejt edhe penalizojnë ato që duan kohë për tu hapur.

Kjo mënyrë që do ju tregoj shpejton hapjen e faqes deri në 5 herë më shpejt.

Mënyra e parë është shumë e thjeshtë. Për këtë mënyrë serveri juaj duhet të suportoj komprimin Zlib. Nëse nuk jeni të sigurtë që e suporton apo jo, pyesni atëher kompaninë nga e cila merrni host. Megjithatë duhet të them që 90% e serverave shared (ku futem edhe unë) nuk e suportojnë këtë mënyrë.

Nëse serveri juaj e suporton nuk duhet të bëni asgjë tjetër veçse të fusni kodin e mëposhtëm në faqet që duhet të hapen shpejt. Personat që kan WordPress e kan shumë të thjeshtë sepse mund të fusin kodin në header.php sepse headeri ngarkohet në çdo faqe që mund të hapet. Gjithashtu  mund të kontrolloni PHPinfo nëse suportoni Zlib. Kodi i nevojshëm është:

<?php ob_start('ob_gzhandler'); ?>

Nëse serveri juaj nuk e suporton këtë metodë atëherë ka një mënyrë tjetër. Ajo me dokumentin .htaccess . Nëse ju nuk keni një dokument të tillë në root të hostit tuaj atëherë duhet ta krijoni atë. Pasi e keni krijuar shtoni më rrjeshtat që gjënden më poshtë:

# FILLIMI Shpetesise

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css

<FilesMatch "\\.(js|css|html|htm|php|xml)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>

# FUNDI Shpejtesise

Mbasi të keni bërë këtë ruani dokumentin edhe ngarkojeni sërisht në server. Këtë mënyrë e përdora edhe unë në serverin tim edhe vura re një ndryshim të ndjeshëm të hapjes së faqes.

Për të kontrolluar gjithçka nëse ka funksionuar ju mund të përdorni një Addon të Firefox që quhet Web Developer. Mbasi të keni instaluar këtë shtojcë shkoni tek Information -> View Document Size.

Hehehe… si ju duket kjo metodë?

Rrisni shpejtesine e hapjes se nje faqeje është një postim nga: RomeoLab.Com

Facebook është bërë kohët e fundit një nga manitë më të mëdha. Gjithashtu në Shqipëri kam parë që përdorimi i Facebook në rininë Shqiptare është jashtëzakonisht i madh. Mund të themi qartë se është një “boom” i momentit. Besoj se të rinjtë që nuk kanë një llogari në Facebook janë shumë të pakët.

Në artikujt e mëparshëm ju kam treguar si të ktheni Facebook në gjuhën Shqipe, apo tutorialin tjetër si të integroni WordPress në Facebook.

Kësaj rralle do ju tregoj një gjë shumë interesante që e gjeta rastësisht duke lexuar në të edhe nga kërkimet e mia kuptova qartë se çfarë është. Bëhet fjalë për një efekt “lens flare” që shfaqet në llogarinë tonë të Facebook sapo të kemi shtypur një kod.

Për të parë këtë gjë jo të zakonshme duhet të bëni këto gjëra:

1. Hyni në llogarinë tuaj të Facebook.Com
2. Kliko në ndonjë vend në Home Page tuaj
3. Kliko këto karaktere duke përdorur tastjerën tuaj (Duke përdor shigjetat)
   
4. Lart, Lart, Poshtë, Poshtë, Majtas, Djathtas, Majtas, Djathtas, Shkronjën B, Shkronjën A edhe tastin Enter
5. Kliko përsëri në faqe edhe hypni ose zbrisni në faqe me rrotën e scroll.

Nëse keni bërë çdo gjë në rregull do të keni një pamje si kjo e mëposhtëmja:

Duke kërkuar nëpër interneti e duke u interesuar se çfarë është kjo gjëja, arrita të zbuloj që quhet Konami Code edhe që është diçka që u shfaqte në shumë lojra Konami. Konami Code u fut në lojrat në vitin 1988  tek loja Contra. Duke pasur parasysh vështirësinë e lojës ky kod përdoresh për të rritur jetët në lojë nga 3 deri në 30, gjë e mjaftueshme me mbaruar lojën. Më pas ky lloj kodi (Cheat) u përhap gjithandej edhe u bë shumëi njohur.

Këtë gjë përdor edhe Facebook. Madje ekziston një adresë interneti e cila përmban të gjitha faqet që përdorin këtë kod. Nëse hyni tek Konamicodesites.com dhe bëni kodin e mësipërm atëher do të shikoni listen e faqeve.

Në këtë listë bëjnë pjesë edhe shumë faqe të mëdha si Digg, Google Reader etj.

Nëse doni ta vendosni edhe ju këtë kod në faqen tuaj është shumë e thjeshtë. Merrni kodin e mëposhtëm edhe vendosni në faqen që doni të shfaqet ky kod.

 <head>
 <script type="text/javascript">
 var $ = {
 enabled: false,
 tmp: Array(),
 _konamiCode: Array(65,66,39,37,39,37,40,40,38,38),
 init: function() {
 this.tmp = Array(65,66,39,37,39,37,40,40,38,38);
 },
 konamiCode: function(e) {
 if(!this.enabled) {
 var t = this.tmp.pop();
 if((e.keyCode-t) == 0) {
 if(this.tmp.length == 0) {
 this.enabled = true;
 }
 }
 else {
 this.init();
 }
 }
 else {
 this.action();
 }
 },
 // Change the action() function to whatever you want to
 action: function() {
 alert("Konami Code Activated");
 }
 }
 </script>
 </head>
 <body onload="$.init()" onkeydown="$.konamiCode(event)">
 </body>

Gjithashtu për të gjithë përdoruesit e WordPress ka një plugin që është posaçërisht për këtë gjë. Plugini quhet Wp-Konami.

Konami Code ne Facebook është një postim nga: RomeoLab.Com

Nëse emocionet që ndodhen në WordPress ju janë mërzitur edhe doni të përdorni të reja, unë do ju tregoj se si bëhet kjo gjë.

Të gjithë emocionet default të worpress që instalohen gjënden ne dosjen wp-includesimagessmilies. Përpara se emocionet të shfaqen në faqen tuaj ato duhet më parë të aktivizohen në panelin e administratorit. Kjo gjë behet duke shkruar Settings → Writing dhe sigurohuni që kutia “Convert emoticons” është e zgjedhur.

- Stilo emocionet tuaja:

Ju mund të stiloni emocionet tuaja duke përdorur classën e mëposhtëme:

 img.wp-smiley 

Përshëmbull duke hequr border anash emocioneve dhe ti jepni pak hapësirë, ju duhet të përdorni kodin e mëposhtëm:

 img.wp-smiley { border: 0; padding: 0 2px; } 

- Përdorimi i emocioneve:

Kodet që përdoren emocionet tuaja janë si më poshtë:

- Ndrysho emocionet e tuja:

Për të ndryshuar ikonat ka disa mënyra të ndryshme, ju mund të zgjidhni ti zëvendësoni duke përdorur disa plugin ose duke i zëvendësuar vet ato.

Nëse keni vendosur që të ndryshoni ikonat e blogut tuaj, atëherë bëni një backup të dokumentave dhe emocioneve origjinale. Ajo që duhet të bëni është vetëm të zëvendësoni ikonat e vjetra me ato të rejat. Duhet të keni kujdes që emri të korrispondoj njësoj me ato që ishin përdor më parë. Pastaj sigurohuni të bëni një kopje të imazheve tuaja sepse ato do të fshihen nëse bëni upgrade WordPressin ose ndonjë plugin që ka të bëjë me ato.

Emocionet dhe WordPress është një postim nga: RomeoLab.Com