Cuvinte cheie v2 și aproape de final

A mai trecut ceva timp de când ne-am verificat ranking-ul pe google după keyword-urile alese.
Se pare că suntem constanți și ne păstrăm primul loc în România pentru cele 2 șiruri de cuvinte, iar pentru web connected, nu avem șanse momentan să ne situăm în primii 1 milion și ceva de rezultate .

Ar fi fost interesant dacă reușeam să concepem și un articol despre ce înseamnă și cum poți face un SEO pentru site-ul tău.

Spre surprinderea mea aproape de finalul proiectului, blog-ul stă mult mai bine la accesări decât site-ul propriu-zis. Într-adevăr și noi am fost foarte ocupați cu teme și proiecte în ultima perioadă, dar măcar sperăm că am reușit să producem lucruri de calitate pentru unii oameni.

Vom reveni în curând pe blog cu un feedback general a tot ceea ce a însemnat IOC pentru noi (teme, proiect, laborator).

 

Cuvinte cheie

Am avut de stabillit în ultimele săptămâni și niște cuvinte pe baza cărora să ne evaluăm indexarea site-ului pe Google. Bineînțeles am ajuns la concluzia că sunt 2 seturi de cuvinte ce ne situează printre primele locuri pe google.
Astfel cele 2 seturi sunt:

• ”web connected”
  • pagini din România 1/69.600
  • pe Web nu ne află în primele 1000 de rezultate din 103.000.000
• ”Power over Web”
  • pagini din România 1/52.9000
  • pe Web ocupăm 1/224.000.000

Ne-a luat cam 2 săptămâni ca Google să ne indexeze și nici trafic foarte mare nu avem pentru a fi considerați un site de interes mare. Dar noi sperăm să mai atragem vizitatori până la finalul proiectului.

Momentan încercăm să facem un site ușor de căutat pe internet și ne este oarecum și mai greu pentru că am decis să nu folosim CMS-uri sau framework-uri php.

Așa că vizitați-ne și spuneți-ne părerea voastră!

http://power-over-web.cs.pub.ro/

 

Tonight we chat

În seara asta 5 manageri de echipe ne-am strâns pentru a discuta despre tehnologiile folosite de fiecare în cadrul proiectului.

Sesiunea a durat cam 2 ore și fiecare am abordat câte o tehnologie importanta în următoarea ordine:

1) Andrei – JavaScript

• a punctat foarte bine caracteristicile acestui limbaj de scripting client-side
• am discutat apoi despre utilitatea acestui limbaj
• am amintit de Firebug ca si aplicatie pentru debugging-ul codului
• Sergiu a amintit de framework-uri precum JQuery și YUI

2) Eu – PHP (bineînțeles)

• limbaj de scripting server-side
• foarte bine documentat, fiind baza pentru foarte multe site-uri din prezent
• weak typing
• PHP ca limbaj orientat obiect

3) Tibi – AJAX

• Asynchronous JavaScript and XML
• nu este un limbaj propriu-zis, folosind JavaScript pentru partea de codare și XML pentru formatul raspunsurilor. Raspunsurile pot fi și în format JSON sau plain text.
• ne-a dat un exemplu cu o apllicație cu chat și a subliniat importanta metodei asincrone de comunicare

4) Mircea – JavaFX

• RIA (Rich Internet Application)
• http://javafx.com/samples/ – pentru exemple
• un bun inlocuitor pentru Silverlight sau Flash
• foarte bun pentru dezvoltarea unui joc online, browser based

5) Sergiu – CMS-uri (WordPress)

• Content Management Systems
• ”CMS-urile sunt o serie de programe, scrise de obicei într-un limbaj server site(PHP de exemplu dar nu numai) care folosesc HTML, CSS, AJAX și altele pentru a facilita afisarea și editarea de continut într-un mod facil”
• am discutat și despre diferențele dintre CMS-uri și Framework-urile PHP și despre folosire CMS sau scriere cod de la zero.

Mai multe găsiți și pe pagina asociată transcript-ului asociat chat-ului nostru.

 

Tehnologii?

Ştiți că tot am discutat despre oportunitățile folosirii unui framework sau de a crea un site de la zero.

După cum ați observat am ales cea dea doua variantă, pentru că trebuia să învățăm un framework în timp foarte scurt. Deși CodeIgniter era foarte apropiat de ceea ce ne doream noi,  ne trebuiau câteva zile pentru a înțelege MVC-ul(Model View Controller) asociat.

Oricum, eu unul susțin folosirea framework-urilor PHP, dar în proiecte unde ai timp destul pentru documentarea lor. Dacă nu vă trebuie ceva complicat mai bine folosiți Joomla sau chiar WordPress.

Mai întâi site-ul a fost creat local, unde am folosit pentru APACHE, PHP și MySQL utilitarul WAMP (Windows Apache MySQL PHP), astfel am fost scutiți de a instala cele 3 separat și de modificat fisierele de configurare. Pentru modificari la baza de date am folosit phpmyadmin.

Pe site vor începe să apară articole interesante despre unele dintre aceste tehnologii.

http://www.wampserver.com/en/WAMP

 

We are online

De ieri seară, dacă nu știați deja, Power over Web este online

Vă invităm să ne vizitați la http://pow.cs.pub.ro sau http://power-over-web.cs.pub.ro și să ne lăsați poate și câteva impresii prin formularul de feedback aflat la http://pow.cs.pub.ro/feedback.php

În următoarele zile vom continua dezvoltarea scripturilor php pentru afișarea de conținut.

Vom reveni cu detalii în curând.

 

User interface

După cum am promis, azi continuăm cu design-ul site-ului.

Pentru site-ul nostru încă studiem ce framework-uri php să folosim ( http://www.phpframeworks.com/ ), dar asta nu ne-a determinat să nu ne facem un pic timp şi pentru un alt fel de research.

Lucrând la un alt proiect am descoperit un soft foarte util pentru cei ce nu au timp mult la dispoziţie şi nici cunoştinţe temeinice de CSS ( Cascade Style Sheets ). Numele său este Axure PR

Imediat ce veţi ajunge pe site-ul lor veţi vedea că acesta nu este free, dar aveţi la dispoziţie şi un free-trial de 30 zile. În aceste 30 de zile puteţi profita la maxim de capabilităţile sale.

El vă creează site-uri, voi doar trebuind să faceţi drag and drop de elemente în pagină. Aveţi posibilitatea şi de a face un site dinamic folosind un pic de JavaScript, scripturi generate în funcţie de ceea ce doriţi să faceţi.

Am realizat în sub 10 minute următorul demo: http://swarm.cs.pub.ro/~cifratila/demo/ Vă las pe voi să îi găsiţi funcţionalităţile .

La următorul link puteți găsi tutoriale pentru Axures: http://www.axure.com/online-training.aspx

Soft-uri asemănătoare:

• Dreamweaver
• Flaibuilder – am aflat de el la How To Web
• și multe altele

Căutând pe google am găsit și http://gomockingbird.com/mockingbird/ , însă acesta nu creează site-ul din specificațiile șablonului. Este util pentru prezentări și creere de prototipuri.

Acum vă las să vă jucați cu soft-urile prezentate și vă anunț că vom reveni cu puține tehnologii client-side și server-side.

 

How-To-Web update

Am rămas datori cu prezentările celor de la conferinţă.

Pentru moment au fost adăugate pe blog-ul celor de la How-To-Web 2 prezentări şi ne sunt promise şi celelalte în scurt timp.

1) Video Management – Mihai Sava (Brainient)  http://www.how-to-web.net/2009/11/brainent-presents-to-you-video-management/

2) Introducere în Data Mining pentru aplicații web – Paul Chiriță (adobe.com) http://www.how-to-web.net/2009/11/intro-to-data-mining-for-web-applications/

 

Baza de Date

La început a fost gândit un post despre baze de date și noțiunile elementare…însă pe parcurs ce scriam mi-am dat seama că va fi foarte greu de urmărit și înțeles. Pentru asta am început să scriu un tutorial ce va fi disponibil în curând pe site-ul nostru.

Pentru moment vă sugerăm http://www.w3schools.com/sql/default.asp

Reluând discuția noastră, un punct nevralgic în orice proiect este design-ul bazei de date.

Un tool foarte interesant și free găsit de mine este MySQL Workbench, iar aici http://dev.mysql.com/doc/workbench/en/wb-tutorials.html găsiți un tutorial pentru el. El generează diagrame pe baza unor scripturi sau scripturi pe baza diagramelor create de voi.

Ca să vă faceți o idee a ceea ce crează programul de mai sus:

Este foarte important să aveți de la bun început baza de date, cu tabelele și relațiile dintre acestea bine definite. Veți vedea că totul va decurge mult mai ușor apoi.

Aștept comentariile voastre cu privire la ideea noastră de tutorial și dacă aveți nelămuriri cu privire  la MySQL Workbench poate vom crea și un mic tutorial filmat despre cum se poate utiliza acesta.

LE: Ne bucură interesul vostru pentru acest blog și așteptăm în continuare de la voi feedback prin intermediul comentariilor.

 

Twitter

Pentru că tot suntem în ”era” Web 2.0, am decis să folosim și twitter pentru a face promovarea blog-ului și  a site-ului.

Am adăugat și un widget în partea dreaptă a blog-ului petru a afișa ultimele 5 tweets.

http://twitter.com/pow4ioc

 

Start developing

Uite așa printre picături de teme și alte probleme, începem și noi dezvoltarea site-ului.

Pașii, după ce am trecut de etapa de analiza a ”competitorilor”:

1. decidere tehnologii folosite (le-am făcut publice într-un post anterior: PHP, JavaScript, XHTML, CSS, AJAX și MySQL)
2. schemă a bazei de date – un soft util și free pentru realizarea de scheme logice este MySQL Workbench
3. User Interface – web design
4. codul de pe server (PHP pentru noi)

Este foarte important să ai o bază de date bine definită și o interfață pentru a putea scrie și codul de pe server, fiind mult mai greu crearea design-ului după cod (nu imposibil).

După ce vor fi terminate cele de mai sus, vom trece la testări ale scalabillității și securității.

Foarte important va fi feedback-ul de la vizitatori pe care îl vom culege prin intermediul unui formular.

Cam atât pentru moment despre statusul site-ului. Analizăm momentan avantajele și dezavantajele folosirii unui framework sau a unui website scris de la zero.