Cu alte cuvinte, in momentul de fata, cel putin google analytics ne arata ca nu am fost gasiti cu “virtual pet games”, iar un google search cu aceasta fraza nu ne gaseste in primele 800 de rezultate intoarse (caci atat ma lasa google search sa vad) din, acum, 10 milioane de pagini, cu 2-3 milioane mai multe decat acum o luna.

Totusi am constatat ca am fost gasiti cu “ugly creature”, sau variatiuni, de 42 de ori (din 577 de vizite). Aceste cautari credem ca ne vizeaza direct, adica cine a dat searchul sigur pe noi ne cauta. Asadar dupa un search cu “ugly creature” vedem myuglycreature.com al 9-lea rezultat.

In lipsa unui rezultat bun, am vrea sa ne laudam cu pagerank-ul nostru egal cu 1 (este mic, dar si site-ul nostru este mic). Multumim pe aceasta cale tutoror care ne-au referit site-ul si ii nominalizam pe:

• facerollers – ne-au pus la linkuri utile si ne-au facut un articol dedicat
• diana irimia – blogroll :D
• zdaf.ro – interview cu echipa My Ugly Creature .
• eventual facebook si twitter ca exista si ne putem promova de-acolo :).

Dupa o discutie destul de lunga si ceva google searching am ajuns la concluzia ca:
1. “ugly creature” ne duce in primii 10 concurand cu cateva arhive de blog/stiri.
2. “ugly creature online pet” ne-ar avantaja cel mai mult, pentru ca descrie theme-ul si scopul website-ului, si doar 64,000 pagini.

Totul nu se termina aici. Ne-ar interesa de cate ori se cauta un cuvant/sintagma pe google, iar tool-ul probabil cel mai potrivit este chiar google adwords keyword tool. Iata ce am constatat pe cateva din frazele noastre:

1. “ugly creature” – 1300 de cautari in medie pe luna, ~3 milioane pagini si nimeni nu cauta un joc, ci poze cu chupacabre mutante.

2. “ugly creature online pet” – not enough data si 64,000 pagini. Concluzia? Nu credem ca exista cineva, momentan, care cauta o pagina cu un virtual pet urat. Next!

3. “online pet game(s)” descrie domeniul nostru. Avem cu pluralul games 49,500 de cautari in medie lunar, dar ~58 milioane de pagini. Problema majora aici ar fi competitia.

4. “virtual pet game(s)” descrie chiar mai bine domeniul nostru avand doar 6 milioane de pagini si la fel ca la online 49,500 cautari in medie lunar.

Astfel, am ales “virtual pet games” pentru ca avem un raport bun intre search volume si numarul de pagini.

Momentan nu suntem in cautarea google pentru “virtual pet games”, mai lasam google-botul o zi sa isi ia noile cuvinte cheie.

Ce am constatat, este ca majoritatea va folosi un CMS si foarte intalnita este platforma de la WordPress usor de instalat si customizabila. Aici e o discutie legata temele website-urilor care permit si este chiar recomandata o astfel de abordare.

O propunere interesanta a fost folosirea AJAX pentru interactivitatea cu serverul fara parasirea paginii curente. Intr-adevar ceva ce s-ar aplica pe tema noastra de proiect si ma bucur ca desi nu am ales javascript pentru dezvoltarea interactiunii cu “petul” de pe site, java fx suporta exact acest mod asincron de a lucra cu serverul (httprequest – mai multe detalii aici).

Gasiti aici si aici transcripturile celor doua discutii.

• JavaFX ruleaza pe orice calculator si in orice browser care are instalat Java Runtime Environment
• Fiind familiari cu Java, si cu IDE-urile NetBeans si Eclipse, am considerat ca ne-ar ajuta in invatarea acestei noi tehnologii
• Este o tehnologie noua (aparuta prima data in 2008 si actualizata in iulie 2009) de realizare de aplicatii interactive web si desktop, care concureaza cu Flash si Silverlight
• Exista multe sample codes consistente cat si tutoriale pe site-ul de la Sun JavaFX, cat sa-ti faca pofta sa inveti o noua tehnologie :)

Dupa o experienta de a realiza cateva tutoriale de pe site-ul oficial, si “Pet-ul” (care este momentan o celula :) draggable, si customizabila ca si culoare) de pe site-ul nostru(care este momentan beta) , am putea enunta cateva plusuri si minusuri pentru tehnologia aleasa:

Pros:

• Mediul de dezvoltare este foarte prietenos (Netbeans) si usor de folosit : se pot realiza functii grafice, precum rotatie, umbra, glow , cat si adaugare de componente (shape-uri, componente de interfatare) din cateva click-uri.
• Limbajul este intuitiv in descrierea de animatie si grafica (scripting)
• Sample-urile ce vin cu Netbeans, cat si cele de pe site, sunt cat se poate de relevante : prelucrari de imagini, slideshow, animatii, jocul pong implementat, draggable object
• Se poate instala pachetul Production Suite, care faciliteaza lucrul intre programator si grafician/desenator, prin instalarea de plugin-uri in Adobe Photoshop si Illustrator, care convertesc un fisier Adobe (de genul psd), layered, intr-un fisier .fxd JavaFX, script ce descrie fiecare layer si ce imagine trebuie inserata in acestea
• Aplicatiile JavaFX pot fi setate ca fiind Draggable, ceea ce inseamna ca un astfel de content poate fi tras din browser, si pus pe Desktop, el ruland independent
• Se poate integra cod java fara probleme, mai ales daca nu stii cum sa implementezi ceva cu JavaFX Script
• Are suport HttpRequest, ceea ce ne-a ajutat in lucrul cu serverul
• Se poate integra lucrul cu baze de date, prin jdbc
• Este o alternativa pentru Ajax

Cons:

• Fiind o tehnologie noua, nu exista raspuns la orice problema pe Google :), nici macar pe forumurile de pe site-ul oficial
• O aplicatie JavaFX consta in 3 fisiere, unul jar, si doua jnlp, care trebuie modificate manual pentru a seta calea jar-ului. Ne-am confruntat cu aceasta problema cand am urcat prima data o aplicatie JavaFX pe site si aceasta nu rula, pentru ca nu lua calea corect.
• Nu are o “masa de lucru” grafica, pentru a modifica amplasarea obiectelor grafice cu mouse-ul, asa cum are Adobe Flash, ci totul este descris prin cod
• Aplicatia “Pet”-ului de pe site, desi are doar 40K, se incarca destul de greu

In concluzie, JavaFX este o tehnologie demna de incercat macar, avand capabilitati sa inlocuiasca cu brio (si e inca la inceput) aplicatiile Flash, ceea ce nu s-a reusit mult timp.

La capitolul framework, am constatat ca este destul de popular codeigniter (http://www.codeigniter.com) si dupa vizionarea a exact doua tutoriale video cu tot cu incercat cod, am fost convinsi ca si noi putem sa dezvoltam un intreg website in 20 de minute (precum video-ul arata un blog gata in tot atatea minute). Problema cu un framework este dificultatea de a intelege cum lucreaza bibliotecile, ce trebuie sa incarci si ce module fac ceea ce zic ca fac. O problema cu care m-am  confruntat personal a fost o simpla logare. In primul rand nu exista modulul gata facut de autentificare ci trebuie supraincarcate anumite clase. In al doilea rand, voiam sa ma folosesc de cunostintele, de baza, de PHP, insa constatam ca pana si sesiunile sunt vazute altfel. Concluzia noastra este ca un framework se studiaza intai. Avantajul, totusi,  al unui astfel de framework este modelul MVC care personal mi s-a parut intuitiv si foarte aplicabil.

Frameworkul Zend a fost inca o propunere, laudat fiind si pentru ca php are module zend, insa nu am reusit sa trecem de configurarea acestuia.

Punctul doi in aceasta discutie, ar fi un Content Management System. Din pacate, tema aleasa nu se preteaza la o astfel de abordare. Sigur ca putem scrie module php pentru CMS, dar intervine si aici problema studierii sistemului. Am fi mers ori pe Joomla ori pe WordPress, care vin si cu un design gata facut si customizabil (mai putin la WordPress).

Solutia numarul 3 ne avantajaza cel mai mult, php de la 0.  Cateva minute pe w3schools si doua trei exemple de lucru cu baza de date face ca PHP sa nu para o necunoscuta. Exista mii de linii de sample code utilizabil si customizabil, apoi reutilizabil in cadrul aceluiasi proiect. Suntem obisnuiti sa codam in C, Java, Scheme, Haskel, Prolog, CLIPS chiar si Verilog, limbajul nu este o problema.  De asemenea partea de control (administratorul) nu trebuie sa fie extrem de complex, noi construim sistem, stim cum merge. Singurul dezavantaj este securitatea care s-ar putea sa ne dea batai de cap.

Cam atat pe partea de programare pe server.

MyUglyCreature.com

P.S : multumim pentru hosting+domeniu Alex!

Tag-uri Structurale: section,header,footer,nav,article,aside,figure,dialog

• Tag-urile <section>,<header>,<footer>,<nav>,<article> vor inlocui foarte folositul tag <div>, structurand mai bine sursa unei pagini web. Cu siguranta o sursa scrisa cu aceste taguri nu va diferi mult de una scrisa cu taguri <div> marcate cu id-uri sugestive, dar este un mod de programare orientat strict pe elemente existente in paginile actuale(de genul blog-urilor), folosirea tag-urilor <div> implica un mod mai general de a vedea “lucrurile” in pagina.
• Un tag foarte folositor pentru un dezvoltator web care s-a confruntat de fiecare data cu tabelarea paginii, va fi tagul <aside>. Acesta va defini coloana(de obicei din dreapta paginii) ce contine news,reclame,poll-uri,widget-uri, printr-un singur tag, fara a mai fi nevoie de o proiectare a paginii in tabele si subtabele, ducand pe langa o bataie de cap in minus pentru programator si la o sursa mult mai “aerisita”.
• Tag-ul <figure>, cu toate ca nu este atat de inovativ, aduce o standardizare a inserarii de figuri (imagini sau orice tip de continut cu text explicativ) pe care programatorul o realiza dupa cum credea. Cat despre tag-ul <dialog>, nu cred ca era nevoie de o standardizare a reprezentarii acestui tip de text, reprezentarea este clara atata timp cat este specificat la fiecare replica cine a vorbit/scris. Insa, pentru ca se doreste adaugarea unor atribute de specificare a elementelor nonverbale dintr-un dialog (ca intr-o piesa de teatru), ma face sa ma gandesc la ideea de analiza a unei conversatii si stabilirea unor concluzii asupra participantilor.

Tag-uri Inline:  mark,meter,time,progress

• Tag-ul <mark> este un alt tag printre tag-urile de genul <i>,<b>, observat adesea in vizualizarea paginilor din cache-ul Google-ului. <time> este doar un mod de general de reprezentare a timpului, intr-un format standard.
• Tag-urile <meter> si <progress> aduc ceva nou in HTML, si anume recunoasterea unor cantitati, respectiv progress bar-ul foarte folositor pentru orice actiune de download, care nu putea fi realizat pana acum atat de simplu.

Tag-uri media si interactivitate:  audio,video,canvas,datalist,menu,command

• Tag-urile <datalist>,<menu>,<command> sunt doar niste tag-uri simple,dar binevenite, de definire de interfata simpla si uzuala, de tip buton,drop down list, insa <audio>,<video>,<canvas>,cat si API-urile pentru drag and drop si editare de texte, improspateaza si imputernicesc HTML-ul cu mult, ajutand mult dezvoltatorii de site-uri sa realizeze proiecte mai ample si mai interactive, cu un limbaj free.

In concluzie, as vrea sa punctez niste idei:

• HTML5 este proiectat pe necesitatile zilelor noastre..cand chiar se va pune in practica s-ar putea sa existe alte necesitati, web-ul este intr-o continua evolutie.

• Tag-urile din categoria media si interactivitate sunt poate cele mai controversate si cele care vor fi “acceptate” (de catre toate browserele) cel mai greu. De ce? Pentru ca unul din scopurile HTML5 este sa elimine continutul multimedia bazat pe plugin-uri ale diverselor companii, precum Adobe Flash, Java FX, Microsoft silverlight, ceea ce nu convine nici uneia dintre ele. Directia aceasta este una foarte buna, sa poti realiza RIA cu un limbaj free, scapand si de instalarea a diverselor plug-in-uri, dar nu cred ca se va ajunge in urmatorii 5-10 ani la posibilitatile de interactivitate de acum oferite de Flash.

• HTML5 a aparut prea tarziu.Ceea ce isi propune HTML5 sa realizeze este inovativ fata de HTML 4.01, nu de ceea ce exista astazi. Din punct de vedere structural, site-urile existente astazi nu vor trebui refacute(sau macar nu atat de repede), pentru ca browserele vor stii sa le afiseze asa cum au fost ele implementate. Din punct de vedere multimedia insa, daca se va renunta la continutul RIA al diverselor companii la un moment dat, atunci multe proiecte vor trebui refacute din temelii, ceea ce va dura foarte mult.

1. Cel mai relevant joc de tip “grow your pet” este www.neopets.com. Acest site are o vechime de 10 ani,si s-a dezvoltat de la un simplu joc intr-o adevarata comunitate de pet-uri virtuale, care pot interactiona intre ele intr-o lume virtuala(cu mai multe orase si taramuri), si pot face o multitudine de lucruri (cam tot ce poate face un om in realitate, poate chiar mai multe),totul inglobat intr-o interfata grafica foarte placuta.De asemenea, site-ul ofera “posesorilor” de pet-uri si alte activitati in afara de cresterea efectiva a pet-ului, precum o multitudine de mini-jocuri integrate in site, posibilitatea de realizare a unei pagini personale a pet-ului (nu sunt necesare cunostiinte de html, totul se genereaza automat) si posibilitatea de comunicare prin mesaje cu alti utilizatori.
2. Un exemplu negativ de astfel de site este www.tamagochi.ro, care pe langa faptul ca dovedeste doar prin numele ales ca nu au avut inspiratie, si au preferat sa mizeze pe un nume foarte cunoscut, stalcit un pic, (numele original este tamagoTchi),doar ca sa atraga utilizatori, se dovedeste a fi un site dezvoltat doar pentru a face bani,si nu pentru a face utilizatorul fericit.De ce? Jocul este banal, total neinteresant, animalutul (care este reprezentat printr-o poza frumoasa luata de pe internet) este ingrijit doar prin cateva clickuri, dar totusi au putut convinge o groaza de utilizatori sa se joace doar prin faptul ca ofera premii, in schimbul clickurilor
   prietenilor pe pagina animalutului tau.
3. Dintre jocurile existente pe platforma Facebook, Pet Society este jocul cel mai bine cotat de acest gen. Cu o grafica excelent de dragalasa, si cu o diversitate mare de obiecte in joc, aplicatia pierde din prisma faptului ca nu poti sa castigi “bani” virtuali considerabil de multi incat sa poti sa-ti cumperi tot ce-ti doresti intr-un interval de zile acceptabil pentru utilizator(1-4 zile).De asemenea,se observa o lipsa de activitati pe care poti sa le faci(de unde si lipsa de producere de bani), astfel jocul reducandu-se doar la “intru sa-mi pieptan animalul, ii dau de mancare,si ma duc la casa pet-ului prietenului meu sa imi dea puncte(ca doar e joc de socializare)”