• 292 vizite
• 1784 de vizualizari de pagina
• 6.11 pagini /vizita.

Daca la capitolul vizite stam destul de bine spunem noi, la ranking in schimb situatia e “roz pal”.Nu am reusit sa ne indeplinim targetul.Tinem insa sa precizam urmatoarele:este stiut faptul ca daca ai cat mai multe linkuri catre site-ul tau, mai ales de pe site-uri cu un PR mare, ai sanse mari ca in cateva zile sa “rasari” pe google.Tocmai asta am incercat sa facem si noi, am pus mai multe comentarii pe bloguri fruntase din domeniul nostru, insa nu ne-a fost acceptat niciunul.De asemenea nu am folosit directoare web.

• PHP Ver 5.2.12
• MySQL Databases
• PHPMyAdmin

Cu toate ca ofera o interfata PHPMyAdmin de lucru cu bazele de date , am realizat ca aceasta merge destul de greu fiind mai avantajoasa crearea si interogarea bazelor de date cu php.
Intrucat ne-am familiarizat destul de bine cu lucrul cu PHP si baze de date am considerat ca ar fi util sa stocam de asemenea pe server mesajele si sugestiile primite de la utilizatori. Aceasta decizie a noastra a fost luata si de faptul ca din pacate varianta free de gazduire nu ofera functia mail pentru php.
Pe parcursul implementarii acestui proiect ne-am izbit si am reusit sa rezolvam diferite probleme asa ca putem sa prezentam cateva avantaje si dezavantaje ale host-ului de gazduire ales:

Avantaje:
- PHP Ver 5.2.12
- MySQL Databases
- Support si tutoriale destul de bine realizate pentru implementarea anumitor faciitatii
- Gazduire gratuita
- Repararea automata a fisierului .haccess in caz de eroare www.hosting.zymic.com/htaccess-fix/
Dezavantaje:
- accesul la server se realizeaza destul de greu
- accesul greoi la bazele de date folosind PHPMyAdmin
- incarcarea greoaie a paginilor

Asadar, am ales urmatoarea sintagma de cautare pe google:”noutati tutoriale it“, returnand 88.300 de rezultate.

Alegerea a fost destul de grea, pentru ca trebuiau niste cuvinte care sa returneze la cautare un numar “decent” de rezultate, acesta permitandu-ne ca in cateva saptamani sa putem aduce site-ul in Topx00, unde x este cifra de la 1-9.

Acum cateva vorbe si despre googleRanking.Am inscris site-ul pe googleAnalytics, asteptam cu nerabdare ca in cateva zile sa va putem impartasi primele rezultate.Ce face googleAnalytics pe scurt?Iti face un raport destul de detaliat la fiecare 24 de ore cu tot ce vrei si ce nu vrei in legatura cu activitatea de pe site-ul tau:numar de vizitatori, pagini vizitate, etc…check it out.

In cateva zile voi reveni cu primele rezultate si cu imagini bineinteles..pana atunci va asteptam pe site…depinde si de dumneavoastra ca el sa fie vizitat de cat mai multi.Va multumim anticipat pentru fiecare vizita pe care o veti face si speram ca nu vom dezamagi.

Una din deciziile pe care a trebuit sa le luam a fosta daca sa cream noi un forum de la zero sau sa utilizam suport si tool-uri de pe web.
Dupa ce am decis sa folosim facilitatile oferite de web urmatoarea etapa a fost sa decidem ce fel de forum sa folosim.
O solutie ar fi fost sa ne facem un cont pe un site de gazduire de forum (http://www.siteground.com/forum-hosting.htm,
http://www.gazduire.info/ etc).  Astfel de conturi se fac destul de usor dar din pacate o sa aibe un nume specific site-ului de gazduire (diferit de itea.99k.org ) si din cate am observat e putin mai complicat de schimbat caracteristicile acestuia astfel incat sa se potriveasca cat de cat cu restul proiectului nostru in ceea ce priveste designul.
O alta abordare a fost gazduirea forumului pe site-ul nostru. Ceea ce am si facut.
Analizand solutiile existente si forumurile oferite de site-ul ce gazduieste proiectul nostru am decis sa instalam phpbb3, fiind cea mai utilizata solutie de forum Open Source.   Asa cum este prezentat si pe site http://www.phpbb.com/.

Urmatoarea etapa a fost instalarea efectiva a acestuia.
In primul rand a trebuit citit cu atentie instructiunile de instalare pentru a vedea daca site-ul nostru de gazduire ofera tot ce trebuie pentru instalarea acestui tip de forum.
Dupa ce am trecut de aceasta etapa a trebuit sa urcam sursele phpbb pe site-ul nostru si apoi instalarea a fost destul de usoara intrucat ofera o interfata grafica.
O mica problema a fost aflarea unor informatii privitoare la tipul de baza de date utilizate de site-ul nostru de gazduire, dar din fericire acesta ofera o documentatie si un forum ce par a raspunde cam la toate intrebarile ce pot aparea.
Pana acum cel putin

Instalarea a presupus 3 etape:
1. Prima etapa consista in a alege infatisarea grafica (imagini si culori) a site-ului dvs.
2. A doua etapa necesita completarea unui mic formular cu cateva informatii cum ar fi titlul dorit, adresa forumului sau parola de administrator.
3. A treia si ultima etapa necesita confirmarea parolei alese.

Un lucru care mi s-a parut bun a fost faptul ca ofera suport si pentru limba romana, intrucat noi dorim sa facem site-ul in limba romana mi s-ar fi
parut aiurea ca pe forum sa scrie in limba engleza sau mai stiu eu in cine stie ce limba dubioasa.

Subiectele de discutie au fost diverse de la social web si viitorul in web la antrepenoriat, cloud si data mining. Tin sa felicit in special moderatorul Bogdan Iordache pentru modul placut in care a decurs toata conferinta si in special discutiile libere.

Abia astept urmatoarea conferinta how-to-web! 

Pentru mai multe informatii urmariti blogul de pe site-ul: www.how-to-web.ro

Contine articole scurte dar la obiect, incercand astfel sa aduca cititorul la curent cu tot ce e mai important si asta intr-un mod rapid si eficient.  Folosesc un layout simplu si intuitiv cu meniul principal top orizontal unde utilizatorul poate accesa orice sectiune si subsectiune a acesteia in orice moment in timp ce restul spatiului este impartit in centru de articolele in ordinea sortarii alese iar in dreapta vertical impartit in mici zone de diferite widget-uri cum ar fi un calculator pentru TVA, o caricatura actualizata in fiecare zi, cursuri valutare si link-uri catre alte stiri importante. Iata si un exemplu al asezarii prezentarilor articolelor:

Fig 1. Articole financiarul.com -> IT

Un aspect interesant la interfata este asezarea articolelor in sectiunea de articole -dupa ce utilizatorul selecteaza o sectiune se afiseaza toate articolele din categoria respectiva, daca insa acesta selecteaza in continuare din submeniul sectiunii devenit vizibil dupa acesarea domeniului sau, o subsectiune a domeniului, rafinand din articole si lasand vizibile numai cele din subsectiunea respectiva. Articolele apar cu cate o poza si inceputul articolului, asfel utilizatorul poate selecta stirile care i se par lui interesante. La sfarsitul fiecarei stiri, apar link-uri generate catre alte stiri similare care au legatura textuala cu stirea sub care se afla, acest lucru aducand un plus la intefata cu utilizatorul, facilitand asftel o experienta placuta prin eliminarea timpului de cautare.
Printre tehnologiile folosite se deosebeste Javascript integrat in moduri repetate in codul de XHTML generat probabil de scripturi  php ce interogheaza o baza de date mySQL pentru cautarea si afisarea stirilor. Banner-ele cu reclame sunt indubitabil realizate in Flash.
Pentru cel de-al doilea proiect theITarticles.com se observa acelasi layout eficient realizat in acelasi mod ca la financiarul.com. Diferentele sunt asezarea link-urilor catre sectiunea din care face parte un articol si anume la sfarsitul fiecarui astfel de articol. Asezarea lor fiind determinata de momentul aparitiei, cele mai noi articole sunt afisate primele. Ceea ce aduce succes acestui proiect este interfata blog-like a site-ului.

Fig 2. theITarticles.com

Aceasta interfata simpla, foarte putin incarcata spre deosebire de cea de la fiannciarul, atrage atentia utilizatorului asupra zonei principale unde sunt afisate articolele iar navigarea este simplificata de widget-ul de cautare prezent in fiecare pagina si link-urile catre cele mai citite sau comentate articole. Formatul simplu al textului si layout-ului relizat in CSS aseaza foarte bine elementele in pagina.

Ce aduce nou HTML5?

In primul rand HTML5 vrea sa reduca numarul pluginurilor proprietare facute in  Flash sau Silverlight, si sa incorporeze Web Forms 2.0 .

Cu ce difera HTML5 de predecesorii sai.

In primul rand el nu mai foloseste div-uri ca in exemplul:

ci foloseste direct numele elementelor.

Deasemenea un lucru foarte interesant este faputl ca ofera posibilitatea atasarii intr-un browser web fisiere video si audio astfel:

<video poster=”poster.jpg”>
<source src=”video.3gp” type=”video/3gpp”  media=”handheld”>
<source src=”video.ogv” type=”video/ogg; codecs=theora, vorbis”>
<source src=”video.mp4″ type=”video/mp4″>
</video>
<audio>
<source src=”music.oga” type=”audio/ogg”>
<source src=”music.mp3″ type=”audio/mpeg”>
</audio>

Deasemenea se pot pune si elemente de control precum Stop, Pauza, Rewind etc.

<video src=”video.ogg” id=”video”></video>
<script> var video = document.getElementById(“video”); </script>
<p><button type=”button” onclick=”video.play();”>Play</button>
<button type=”button” onclick=”video.pause();”>Pause</button>
<button type=”button” onclick=”video.currentTime = 0;”> Rewind</button>

Un alt exemplu interesant ar fi acela in care se poate constriu un canvas.

<html>
<head>
<title>HTML 5 Example</title>

<script type=”text/javascript”>
function drawOnCanvas()
{
var canvas = document.getElementById (‘canvasEl’);
if (canvas.getContext)
{
var ctx = canvas.getContext(’2d’);
ctx.strokeRect(25, 25, 450, 350);
ctx.moveTo(25, 25);
ctx.lineTo(475, 375);
ctx.stroke();
ctx.moveTo(475, 25);
ctx.lineTo(25, 375);
ctx.stroke();
}
}
</script>

<style type=”text/css”>
canvas { border: 4px solid green; }
</style>
</head>

<body onload=”drawOnCanvas();”>
<canvas id=”canvasEl” width=”500″ height=”400″></canvas>
</body>
</html>

Rezultatul acestui cod este:

In continuare voi prezenta cateva taguri care mi s-au parut mie mai interesante.Aici puteti gasi toate elementele suportate de HTML5.

Intamplator am dat peste tagul “”. Pe scurt poate transforma un text care nu e suportat de browserele noastre intr-unul lizibil. De exemplu pentru limba chineza avem:
漢 かん
字 じ

care se trenasforma in:

Un alt tag care mi s-a parut extrem de util este keygen. Cu ajutorul lui putem avea securitatea comunicatiei. Astfel putem sa folosim post-ul cu ecriptie RSA astfel:

<form action=”processkey.cgi” method=”post” enctype=”multipart/formdata”>
<p><keygen name=”key”></p>
<p><input type=submit value=”Submit key…”></p>
</form>
Mai sunt multe alte taguri interesante. AStept comentarii cu tagurile voastre preferate.

In concluzie va las cateva site-uri facute in HTML5:

http://www.alexandremattos.com.br/index.php

http://paperkilledrock.com/

http://www.rubious.co.uk/

http://www.visitlondon.com/londonschristmascarol/

Ce asteptari aveti de la un site in domeniul it?

Ce calitate apreciati cel mai mult la un site it?

Ce capitol v-ar interesa cel mai mult?

• Noutati
• Forum
• Tutoriale
• Picanterii

Cum ati dori sa fie limbajul textelor de pe site?

• Stil lenjer, amuzant
• Stil academic, fix si la obiect
• Stil poetic, multa descriere si multe povesti.

Alte comentarii:

Chestionarul a fost aplicat pe un numar de 10 persoane de varste si ocuparii diferite si rezultatul a fost urmatorul:

Intr-o prima etapa am decis ca pentru a realiza structura site-ului sa folosim niste tool-uri existente. Astfel am dat peste proiectul http://writemaps.com/, cu ajutorul caruia am putut sa desenam urmatoarea structura a site-ului:

Pentru o mai usoara navigare prin site s-a realizat o structura doar cu maxim 2 niveluri, aceasta permitand ca orice informatie sa fie accesata prin cel mult 2 click-uri.

Structura la nivel de pagina:

Intrucat se incearca a fi o interfata cat mai usor de utilizat, fiecare pagina in parte va avea link-uri catre diferite sectiuni din site sau catre resurse externe fara insa a aglomera site-ul.

Zonele aditionale din lateral se vor imparti la randul lor in sectiuni de link-uri , widget-uri, zone text , fisiere video etc., dupa caz .

Designul de fundal si culorile inca nu au fost stabilite, aceasta fiind doar schita al site-ului.

Fiindca suntem studenti, si cum se stie studentul nu prea are bani, am ales un web hosting “moca”,dar in acelasi timp ofertant.Avem spatiu suficient de stocare(6GB), posibilitatea unui management amanuntit al site-ului, servicii de Php, Mysql, FTP, 50 GB bandwidth.