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.

 

How-to-Web Part IV

Și am ajuns și la ultimul post din maratonul How To Web.

Au mai rămas:

1. Introducere în Data Mining pentru aplicații web – Paul Chiriță (adobe.com)
2. Multyplayer Games – George Lemnaru (erepublik.com)
3. eGoverment – Ciprian Dobre (cs.pub.ro)

1) Introducere în Data Mining pentru aplicații web – Paul Chiriță (adobe.com)

Pe scurt:

• Three dimensions: Usage Mining, Content Mining, Structure Mining
• Client side tools: Google Analytics, Omniture
• Server side tools: AW-Stats, Webalizer/AW-Full
• Advanced analytics

O prezentare destul de tehnică, dar cu multe exemple, ce a dorit să ne familiarizeze cu google analytics și omniture (2 tool-uri pentru clienți de a își vedea anumite statistici asociate website-urilor), dar și cu cele ce sunt server-side.

Am mai învățat că pentru a face un  auto-suggest (cum face google, sugerând anumite keyword-uri în funcție de numărul de folosiri) e mai bine să păstrezi datele în fișiere text într0un format bine-definit, ușor de parsat de către programe. De ce e mai bine așa? Pentru că accesul la baze de date este mult mai greoi decât o cititre de pe disc, dintr-un fișier text.

2) Multyplayer Games – George Lemnaru (erepublik.com)

Pe scurt:

• idee = 1%
• design – specificații, usability, mobile access
• tehnic – limbaj de programare, administrare servere, scalabilitate, securitate
• comunitate – viralitate, retentie, rapiditate în debugging, auto-moderare
• gameplay – ciclci versus continuu, foloseste API
• making money – advertising, subscription versus bunuri virtuale, moneda virtuala

George Lemnaru s-a preocupat de prezentarea proiectului său de succes internațional, eRepublik, un joc online, după cum poate unii poate știți, de tip strategie, mai multe detalii găsiți pe site-ul lor.

Ne-a învățat ce înseamnă un site internațional și problemele cauzate de acesta. Rețineți conceptul de scalabilitate…crescând numărul de accesări și de conexiuni/operații în baza de date, atunci totul poate avea de suferit dacă în spate nu există un cod și hardware de calitate .

Apoi securitatea este foarte importantă, el chiar povestind că exista o echipă de oameni ce intrau pe site-ul său numai pentru a  vedea cum poate să îl facă să pice mai ușur … și bineînțeles cum se întâmplă de obicei cele 2 părți implicate au devenit prieteni.

Nu putea să lipsească și metodele de monetizare, pe care le puteți vedea mai sus.

3) eGoverment – Ciprian Dobre (cs.pub.ro)

Pe scurt:

• Istoria eGovernment în UPB: COOPER, ePetition, eMail, EBA Courses Web, eBusiness Lab, ISDB, LTfLL, SERAFIMO, SMOPROG
• Fraunhofer FOKUS
• Centrul e-Caesar pentru cercetări avansate în guvernare electronică

Ciprian este cunoscut de mulți din facultate. el a fost cel care a încheia conferința cu o prezentare foarte interesantă despre metode de guvernare electornică. Și poate e greu de digerat/înțeles, dar se pare că Politehnica a avut extrem de multe proiecte în acest domeniu.

Proiect nou înființat în Facultatea de Automatic și Calculatoare este cel denumit eCaesar. Sincer nu mai îmi adug aminte site-ul său, însp voi face cu siguranță rost de prezentarea respectivă.

Ca o concluzie la această ultimă prezentare: se pot face lucruri frumoase li valoroase și în facultate.

 

How-to-Web Part III

Partea a III-a:

1. Cloud Computing – Andrei Dragomir (Adobe)
2. Video Management – Mihai Sava (Brainient)
3. Despre Antreprenoriat – Vlad Stan (seedmoney.ro)

1) Cloud Computing – Andrei Dragomir (Adobe)

Pe scurt:

• cloud computing – concept inventat în anii 60
• Exemple:
  • Servicii – OpenID, Google Checkout, Paypal
  • Platforma – Google App Engine, Amazon Simple DB
  • Infrastuctura (servere): Amazon EC2 (virtualizare), Amazon S3 (stocare)

Ei bine, după cum îî spune și numele v-ați aștepta la o prezentare plictisitoare și plină de elemente tehnice…însă nu a fost nici pe departe așa. Andrei a știut să ducă la un alt nivel această prezentare și să ne facă pe toți cei din sală atenți.

Conceptul de Cloud Computing este vechi ca și concept, însă relativ nou ca și folosire și se pare că va fi ”the next thing” în ceea ce privește aplicațiile distribuite.

Spre exemplu UberVU folosește Amazon S3 (pentru storage) și Amazon EC4 (pentru rulare de instanțe). Nu sunt singurii ce fac acest lucru, cel mai mare ziar din SUA, dar și din lume – New York Times a folosit acest serviciu de la Amazon pentru a își transforma arhiva (poze în format TIFF – dimensiune totală de 4TB) în pdf-uri. Totul a fost realizat de un singur om ce a folosit S3 pentru storage și 100 instanțe EC4. Costul total al operației a fost de doar 250 $.

Nice work Andrei!

2) Video Management – Mihai Sava (Brainient)

Ar fi bine de știut că brainient.com a câștigat anul acesta  Seedcamp. Seedcamp este un concurs ce se adresează startup-urilor în domeniul Web.

Ei se ocupă, după cum spune și numele prezentării, de video management. Aduc îmbunătățiri modului în care se pot scoate bani din vizualizarea unor filmulețe. Idei interesante: introducerea de link-uri pe diferite obiecte din film (Exemplu: aparția unui telefon de marcă x va creea un link către site-ul firmei x sau către site-uri indicate de cei ce uploadează fișierul) sau crearea de chestionare în timpul/sfârșitul filmului.

3) Despre Antreprenoriat – Vlad Stan (seedmoney.ro)

Pe scurt:

• genial

Nu știu dacă există cuvinte în DEX pentru a putea elogia această prezentare.

Pe lângă antreprenoriat, Vlad Stan a vorbit și despre proiectul trigwee.com (site-ul ce împlinește visuri). Este un om ce merită a fi ascultat, are multă experiență și poate cu ușurință să se facă înțeles.

A fost o prezentare antrenantă și motivantă. M-a făcut (și sigur au fost și alții)  să îmi deschid ochii asupra ceea ce înseamna conceptul de antreprenor. A dat exemple grăitoare, din ziua de zi cu zi, asta l-a făcut să se impună, pentru că a știut să se coboare la nivelul nostru.

În urma discursului am învățat cu toții că …

Pigs do fly (”Porcii zboare!”)

De ce?

R: Pentru că a fi antreprenor înseamnă a avea încredere în ideea ta, chiar dacă alții nu au. Poate vei reuși, poate nu, însă continuă să visezi, nu te descuraja.