tag:blogger.com,1999:blog-29006006905509461002024-03-19T06:53:17.726+02:00Let's talk interfaceskamidorhttp://www.blogger.com/profile/09569003956187177299noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-2900600690550946100.post-31504632201280463632008-10-23T13:15:00.002+03:002008-10-23T13:18:26.778+03:00First page on google.comHello people , <br /><br />We are on first page on <a href="http://www.google.com/search?hl=en&q=interfete+evoluate&btnG=Google+Search&aq=f&oq=">google</a> search.Daniel Băluțăhttp://www.blogger.com/profile/09955949494641268279noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-86005531158791051082008-01-14T16:33:00.000+02:002008-01-14T16:50:12.699+02:00Locul 7Eforturile echipei<a href="http://interfete.net"> <span style="font-style: italic; font-weight: bold;">interfete.net</span></a> incep sa dea roade.<br />Am placerea sa va anunt ca am obtinut un meritoriu loc <span style="font-style: italic; font-weight: bold;">7</span> intr-un concurs organizat de echipa <span style="font-style: italic;">interfeteevoluate.ro</span>.<br /><br />Clasamentul final si prezentarea tuturor echipelor se poate gasi <a href="http://www.interfeteevoluate.ro/">aici</a> .Daniel Băluțăhttp://www.blogger.com/profile/09955949494641268279noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-54433717826127438502007-12-08T13:35:00.000+02:002007-12-08T13:58:27.235+02:00Tema 3 - inceputulTema 3 cere implementarea unei componente Javascript la alegere.<br />In continuare vom prezenta temele precum si atribuirea lor membrilor echipei:<br /><br />a) <span style="font-style: italic; font-weight: bold;"></span><span style="font-style: italic;">Implementarea unui calendar pe site (folosind YUI).<br /><span style="font-weight: bold;"> [ assigned to Daniel ]</span><br /></span><span style="font-style: italic; font-weight: bold;"></span><ul><li>varianta simpla - numai javascript: In calendar trebuie sa apara cu o culoare diferita datele cand au fost adaugate posturi pe blogul proiectului si la click pe una din zilele astfel subliniate sa se deschida pagina cu postul respectiv. maparea intre posturi linkuri si date se face static folosind un fisier de configurare.<br /></li><li>acelasi comportament dar maparea intre posturi, linkuri si date se face dinamic folosind o baza de date si Ajax pentru incarcarea url-ului numai la click </li></ul>b)<span style="font-style: italic;"> Contor (pe langa cel de la trafic sau de la google analytics)</span><br /> <span style="font-style: italic; font-weight: bold;">[assigned to Danut]</span><br /><ul><li>varianta simpla ce foloseste numai javascript: la accesul pe site este afisat tipul browserului utilizatorului si de cate ori a mai accesat site-ul (se folosesc cookies si obiectul navigator <a href="http://www.w3schools.com/js/js_browser.asp">http://www.w3schools.com/js/js_browser.asp</a> )</li><li>varianta complexa - se foloseste ajax pentru a pastra vizitele intr-o baza de date si se actualizeaza live pe site (o data la 30 de secunde) numarul de pagini vizitate si de vizitatori unici</li></ul> c) <span style="font-style: italic;">Topul articolelor<br /> <span style="font-weight: bold;">[ assigned to Andrei ]</span><br /></span><ul><li>varianta simpla - numai javascript: intr-o pagina a site-ului este prezentata lista cu titlurile articolelor publicate pana in acel moment. utilizatorul poate sa ordoneze articolele respective dupa preferinta si la sfarsit apasand pe butonul "save" sa reafiseze intr-un tabel linkurile in ordinea data de utilizator</li><li>varianta mai complicata: la sfarsitul ordonarii utilizatorul sa-si salveze alegerea si folosind AJAX sa i se afiseze lista articolelor in ordinea preferintelor globale ale utilizatorilor (se va folosi un sistem de scor - de exemplu primul primeste 10p, al doilea 8, al treilea 6, etc.) si scorul fiecaruia</li></ul>d) <span style="font-style: italic;">Autocomplete ( </span><a style="font-style: italic;" href="http://www.google.com/webhp?complete=1&hl=en">http://www.google.com/webhp?complete=1&hl=en</a><span style="font-style: italic;">)</span><br /><span style="font-style: italic; font-weight: bold;"> [ assigned to Irina ]</span><br /><ul><li>varianta simpla: intr-un input de tip text se tiparesc caractere. Pe masura ce se tiparesc se cauta articolele dupa titlu intr-o lista initializata static si se ofera utilizatorului o lista cu articolele al caror titlu incepe cu caracterele tastate. dupa selectarea articolului se afiseaza linkul catre articolul respectiv.</li><li>varianta complexa: acelasi comportament dar cautarea se face intr-o baza de date folosind Ajax. </li></ul>e) <span style="font-style: italic;">Implementarea unui select cu numele participantilor la proiect</span><br /><span style="font-style: italic; font-weight: bold;"> [ assigned to Camelia ]</span><br /><ul><li>varianta simpla (doar javascript) - la selectarea unuia dintre participanti se afiseaza un tabel cu linkuri catre toate temele sale (dintr-o lista initializata static)</li></ul><ul><li>varianta complexa - acelasi comportament dar folosind o baza de date si Ajax<br /></li></ul>Daniel Băluțăhttp://www.blogger.com/profile/09955949494641268279noreply@blogger.com3tag:blogger.com,1999:blog-2900600690550946100.post-48243728164841744802007-12-06T13:34:00.000+02:002008-12-12T09:46:38.981+02:00Prezentare proiect , faza a II-aPrezentarea proiectului in faza a 2-a a avut loc marti la laborator si a consemnat o imbunatatire radicala a numarului de vizitatori datorata in primul rand schimbarii layout-ului <a href="http://interfete.net/">site-ului</a>.<br />O prezentare pe scurt a acestei faze se poate gasi <a href="http://docs.google.com/PresentationEditor?id=dhgv8347_48cwktsj">aici</a>. In continuare vom prezenta o scurta analiza a evolutiei traficului pe site .<br />Evolutia numarului de vizitatori este prezentata in graficul alaturat.<br /><br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDEKxxHPnOXHdY-_-WgK_6GQ8GvNaHgUR8MWztP2tYGGH7APfuGd2EIyukYtCZW892bd4Aw_R1MW72QU4z_QBG5b3LISe5aI_QAwge_TNIRXXLgGDmx_1n4-ZaK_cD6nnd9E-QHEbeUcs/s1600-h/stat1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDEKxxHPnOXHdY-_-WgK_6GQ8GvNaHgUR8MWztP2tYGGH7APfuGd2EIyukYtCZW892bd4Aw_R1MW72QU4z_QBG5b3LISe5aI_QAwge_TNIRXXLgGDmx_1n4-ZaK_cD6nnd9E-QHEbeUcs/s400/stat1.JPG" alt="" id="BLOGGER_PHOTO_ID_5140826249271615042" border="0" /></a>Se observa o tendinta de crestere exponentiala a numarului de utilizatori.<br />Alte lucruri interesante cum ar fi numarul de vizite , numarul de pagini vazute pe vizita, timpul mediu petrecut pe site etc , pot fi observate din imaginea de mai jos.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_8EnGdqifKyEvnvrUb-Xhhq2HSKbMjXLORg1_0jxtuEqB9mIDhlM1UGYcu9KvBnY9t_n0wNYQvESuUWOOeQd1lj_NrmflcTv-hczcPS79FxE8sc5EWyssdJaQ8PB__RLD91JTtkEQzJs/s1600-h/stat2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_8EnGdqifKyEvnvrUb-Xhhq2HSKbMjXLORg1_0jxtuEqB9mIDhlM1UGYcu9KvBnY9t_n0wNYQvESuUWOOeQd1lj_NrmflcTv-hczcPS79FxE8sc5EWyssdJaQ8PB__RLD91JTtkEQzJs/s400/stat2.JPG" alt="" id="BLOGGER_PHOTO_ID_5140827361668144722" border="0" /></a>Asadar dupa cum se poate observa lucrurile merg intr-o directie buna , insa pana la primul loc in google mai este de lucru.Daniel Băluțăhttp://www.blogger.com/profile/09955949494641268279noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-50534432312163918202007-12-04T12:04:00.000+02:002007-12-04T13:02:24.524+02:00Despre tema 2Enuntul temei cu numarul 2 presupunea in mare 2 lucruri:<br /><ul><li>crearea unui mic crawler web</li><li>salvarea datelor obtinute de crawler intr-o baza de date cu structura data.</li></ul>In cele ce urmeaza voi prezenta o modalitate foarte simpla de crearea unei baze de date folosind python si sqlite.<br /><span style="font-style: italic;">Sqlite</span> - este un sistem de gestiune a bazelor de date , are o dimensiune redusa si nu are nevoie de dependinte speciale, baza de date fiind stocata intr-un singur fisier.<br /><br />Exemplu de folosire:<br />1.Crearea unei baze de date cu care sa lucram<br /><span style="font-style: italic; font-weight: bold;"> </span><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;">>>> connection = sqlite.connect('test.db')<br /></span></span><span class="txt"><span style="font-family:Courier;">2.Crearea unui cursor care realizeaza interactiunea cu baza de date<br /><span style="font-style: italic; font-weight: bold;"> >>> </span></span></span><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;">cursor = connection.cursor()</span></span><br /><span class="txt"><span style="font-family:Courier;"> 3.Crearea unei tabele</span></span><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;"><br /></span><span style="font-family:Courier;"> >>> cursor.execute('CREATE TABLE names (id INTEGER PRIMARY KEY,<br />name VARCHAR(50)')<br /></span></span><span class="txt"><span style="font-family:Courier;"> 4.Inserarea unei inregistrari in tabela</span></span><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;"><span style="font-weight: bold;"><span style="font-style: italic;"><span style="font-style: italic;"><span style="font-weight: bold;"><br /></span></span></span></span></span></span><span class="txt"><span style="font-family:Courier;"> <span style="font-style: italic; font-weight: bold;">>>> cursor.execute('INSERT INTO names VALUES (null, "JohnDoe"</span><span style="font-style: italic; font-weight: bold;">')<br /></span></span></span><span class="txt"><span style="font-family:Courier;">5.Salvarea in baza de date</span></span><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;"><br /></span><span style="font-family:Courier;"> >>> connection.commit()<br /></span></span><span class="txt"><span style="font-family:Courier;"> 6.Extragerea datelor din tabela</span></span><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;"><br /></span></span><span class="txt"><span style="font-family:Courier;"> <span style="font-style: italic; font-weight: bold;">>>> cursor.execute('SELECT * FROM names')</span></span></span><br /><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;"><br /></span></span><span class="txt"><span style="font-family:Courier;"><span><span>Isn't it simple?</span></span></span></span><span style="font-style: italic; font-weight: bold;" class="txt"><span style="font-family:Courier;"><br /></span></span>Daniel Băluțăhttp://www.blogger.com/profile/09955949494641268279noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-38870532486848997092007-12-04T11:37:00.001+02:002007-12-04T13:02:01.346+02:00Unelte de prelucrare a documentelor structurateUn nou articol isi face aparitia printre<a href="http://www.interfete.net/"> interfete</a>. Articolul prezinta pe scurt cateva din modulele existente in python pentru prelucrarea informatiei adnotata cu marcaje dupa care sunt prezentate pe larg facilitatile a doua dintre acestea DOM si SAX.<br />De asemenea veti gasi si un exemplu simplu care arata cum se folosesc cele doua module pentru extragerea datelor dintr-un fisier XML.Daniel Băluțăhttp://www.blogger.com/profile/09955949494641268279noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-22057128227473294562007-12-03T22:54:00.000+02:002007-12-03T23:01:25.225+02:00Deadline aproaching (2)Mai repede decat ne asteptam , deadline-ul este chiar maine.<br />Prezentarea va trebui sa cuprinda urmatoarele lucruri:<br /><ul><li>modificarile aparute in layout, structura (+justificari)</li><li> evolutia traficului si a numarului de referinte (analiza motivelor diverselor evolutii)</li><li> prezentarea evolutiei taskurilor individuale</li><li>planul pentru ultima etapa a proiectului</li></ul> <br />Eu o sa <span style="font-style: italic;">fac</span> un articol despre parsarea documentelor xml + lucrul cu baze de date in python ( modulul sqlite ) ( practic lucrurile necesare rezolvarii temei 2 ). De asemenea o sa ofer pentru upload temele 1 si 2 si o sa fac o lista de unelte folosite la laborator sau in rezolvarea temelor.Daniel Băluțăhttp://www.blogger.com/profile/09955949494641268279noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-51519624485392427222007-11-29T00:03:00.000+02:002007-11-29T00:21:43.231+02:00Deadline aproachingDupa cum stiti trebuie sa avem un site cat de cat functional(articole and stuff) pana martea viitoare asa ca trebuie sa ne mobilizam si sa facem ceva.<br /><br /> Lista chestii de facut:<br /><br /> - imbunatatirea design-ului site-ului <a href="http://www.interfete.net">www.interfete.net</a> <br /><br /> - postarea primelor 2 teme de la Interfete Evoluate impreuna cu detalii despre implementare.<br /><br /> - adaugarea de articole (fie traducerea lor in romana, fie postarea propriu-zisa a textului)<br /><br /> - adaugarea de linkuri catre tooluri utile la laborator, teme , every day life<br /><br /> - imbunatatirea traficului (bring more visitors)...avem cam putinel momentan:d<br /><br />In mare cam atat avem de facut.<br /><br />Pentru alte idei ..please postIrina Boldeahttp://www.blogger.com/profile/04581286985649829452noreply@blogger.com1tag:blogger.com,1999:blog-2900600690550946100.post-80776446555673713612007-11-08T13:39:00.000+02:002007-11-08T13:45:58.418+02:00Identitate vizuala<span style="font-family:verdana;">Ma gandeam ca ar trebui sa ne gasim un elemet grafic cu care sa ne identificam si care sa apara si pe site si pe blog. Niste idei de ex ar fi flacari sau pinguini...si sa fim "echipa cu pinguinii". Sau de ex o telecomanda, care e "interfata" cu TV-ul. Faceti comentarii cu alte variante care va vin in minte.<br /><br /></span>Andreihttp://www.blogger.com/profile/11211631708535932933noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-29426875137721991312007-11-07T16:43:00.001+02:002007-11-07T16:43:55.269+02:00Idei<div align="left"><div><span><span>Citind "feedback proiect marti 8-12" imi vin urmatoarele idei pt blogul nostru:</span></span><span><span><br /></span></span><span><span>1. Trebuie sa punem linkuri vizibile intre blogi si site si invers, linkuri vizibile permanent si nu intr-un post oarecare.</span></span><span><span><br /></span></span><span><span>2. Trebuie sa ne alegem un nume pt echipa pe care sa il promovam pe site si pe blog. O idee ar fi "Echipa interfete.net".</span></span><span><span><br /></span></span><span><span>3. Sunt greu de asociat nume blog, nume site, nume echipa, de aceea cred ca era mai bine daca puneam numele blogului "interfetedotnet" sau ceva care sa aiba legatura cu numele site-ului. </span></span><span><span><br /></span></span><div align="left"><span style="font-size:85%;"><span><span>Ex pozitiv: </span></span><a href="http://interfetevoluate.uv.ro/"><span><span>http://interfetevoluate.uv.ro/</span></span></a><span><span> cu </span></span><a href="http://interfetevoluate.blogspot.com/"><span><span>http://interfetevoluate.blogspot.com/</span></span></a></span><span><span><br /></span></span><span style="font-size:85%;"><span><span>ex negativ: </span></span><a href="http://interfeteevoluate.com/"><span><span>http://interfeteevoluate.com, </span></span></a><a href="http://smartprogrammers.blogspot.com/"><span><span>http://smartprogrammers.blogspot.com/</span></span></a><span><span> .</span></span></span><span><span><br /></span></span></div><span><span>4. Trebuie sa existe un sef ?</span></span><span><span><br /></span></span><span><span>5. Se pare ca apreciaza site-urile bilingve. Propun romana si dalmata.</span></span><span><span><br /></span></span><span><span>6. Blogurile astea 2 seama prea mult </span></span><span><span> ca design</span></span><span><span>:<br /></span></span><span style="font-size:85%;"><a href="http://smartprogrammers.blogspot.com/"><span><span>http://smartprogrammers.blogspot.com/</span></span></a><span><span>,</span></span><a href="http://interfetevoluate.blogspot.com/"><span><span>http://interfetevoluate.blogspot.com</span></span></a></span><span><span><br />Trebuie sa facem ceva diferit.</span></span><span><span><br /></span></span><span><span>7. Nu putem primi toti drepturi de editare a temei blogului ?</span></span><span><span><br /></span></span><span><span>8. Trebuie sa avem o identitate vizuala comuna pt blog si pt site, adica sa folosim acealeasi culori, design similar(meniuri in aceleasi poztii) etc<br />9. Nu putem face coloana din mijloc a blogului sa fie mai lata ? :P<br /></span></span></div><div><span><span>Cam astea. Postati si voi idei cand va vin cu label "idei" ca sa avem un fel de TO DO list, sau checklist.</span></span></div></div>Andreihttp://www.blogger.com/profile/11211631708535932933noreply@blogger.com0tag:blogger.com,1999:blog-2900600690550946100.post-27224088774883212622007-11-05T23:24:00.000+02:002007-11-05T23:26:43.727+02:00WelcomeBine ati venit pe blogul proiectului nostru la IE - Interfete Evoluate.kamidorhttp://www.blogger.com/profile/09569003956187177299noreply@blogger.com0