Interfete Web

Prezentare Proiect Winterface

2009-01-13T23:24:00.001+02:00

Prezentarea proiectului echipei noastre. Enjoy!

View SlideShare presentation or Upload your own. (tags: web interfete)

Ce este nou in Domino Designer 8

2009-01-13T14:13:00.002+02:00

Previzualizarea Web Serviceurilor

Posibilitatea de a vizualiza un serviciu web local, inainte de a fi lansat este o noutate in versiunea 8. Spre deosebire de pre-vizualizarile locale ale form-urilor si view-urilor, care ne lasa sa vedem continutul form-ului sau view-ului, o pre-vizualizare a unui serviciu web are 2 parti distincte. Prima data, este prezentat un form simplu, ce contine un link catre documentul WSDL pentru serviciul web. Acel link reprezinta descrierea completa a serviciului asa cum a fost dezvoltat. Ca si completare, serverul web este pornit pe local in “preview mode” si este capabil sa se ocupe de cererile SOAP trimise la el de la orice program de pe aceeasi masina. Prin urmare pot fi utilizate instrumente pentru a dezvolta parte de web a clientului respectiv.

Domino Web logs (blogs)

Utilizatorii IBM Lotus Notes 8 pot folosi template-ul Domino blog (DOMINOBLOG.NTF), pentru a creea bloguri web cu Notes. Continutul se adauga fie folosind Lotus Notes-ul sau un browser web. In plus fata de continutul de tip text, Dominoblogs accepta feed-uri audio si video utilizand RSS (rich site syndication).
RSS este disponibil pentru toate continuturile si podcast-uri, precum si pentru categorii de continut, astfel incat cititorii blog-ului pot alege aria de interes pentru a se abona, in loc de tot conţinutul. RSS este, de asemenea, disponibil pentru orice comentarii adaugate la baza de date, astfel incat oamenii sa poata sa ramana la curent cu blog-ul.
Blogurile pot fi personalizate de catre proprietari fara a modifica template-ul, ceea ce asigura faptul ca fiecare template este consecvent si pot fi actualizate fara ca utilizatorii sa piarda modificarile facute site-ului

Publicarea unei aplicatii Silverlight.

2009-01-12T20:56:00.004+02:00

Alex m-a rugat sa il ajut cu o problema pe care o avea cand incerca sa urce o aplicatie Silverlight pe site.
Primea o eroare de genul : "cannot download XAP application from site". Dupa putin ~~research~~ google am descoperit ca eroarea provenea de la lipsa unui tip MIME din configuratia serverului.
Mai exact trebuie mapata extensia "xap" pe "application/x-silverlight-app".

Andreea.

Aplicatia Silverlight e sus

2009-01-11T20:53:00.001+02:00

Asa cum am promis am urcat aplicatia pe care am construit-o impreuna in Silverlight pe un site de test.O gasiti aici

Am intarziat asa de mult deoarece intampinasem o problema la hostarea lui pe site. Din fericire Andreea m-a ajutat descoperind o solutie pe care o va prezenta intr-un post ulterior

AlexD

Buton cu font de dimensiune variabila, Silverlight, WEB, Bonus :)

2008-12-21T11:20:00.003+02:00

M-am gandit sa mai tweekuiesc putin la elementul interfetei noaste. Ar fi dragut ca acel slider sa nu stea mereu in calea ci sa apara doar atunci cand avem nevoie de el, adica atunci cand trecem cu mousul peste el. La plecarea cu mousul sliderul trebuie sa devina aproape invizibil. Asta m-a dus cu gandul la crearea unei mici animatii Silverlight, legata de proprietatea "Opacity" a Sliderului. In starea normala, sliderul va avea opacitatea 15% si aceasta va creste progresiv pana la 100% cand sliderul este in starea MouseOver. Pentru aceasta, va trebui sa modificam putin si controlul de slider, sa il extindem :)

1. In Expression Blend, vom deriva<link> controlul slider adaugat pe buton. Pentru aceasta va trebui sa intram in modul de editare al butonului creat in "lectia" trecuta. (Click dreapta pe buton , Edit Control Parts -> Edit Template).

2. Faptul ca am "derivat" controlul Slider, ne-a desfasurat codul XAML pentru controlul Slider.

3. Acest pas, poate fi facut atat in Expression Blend cat si in Visual Studio. Eu fiind mai mult programator decat designer, prefer sa lucrez in Visual Studio, scriind direct cod XAML. (In plus de asta nici nu sunt asa obisnuit cu Expression Blend inca). Deci, deschidem Visual Studio, deschidem pagina de cod Page.XAML si cautam templateul Sliderului creat.
In primul rand, in desfasurarea templateului cautam tagul <vsm:VisualStateManager.VisualStateGroups>. Vom gasi acest tag ca si copil al tagului de tip Grid numit "Root" care este containerul principal al cotrolului. In acest tag vom adauga (daca nu exista deja) starile "Normal" si "MouseOver" astfel :
<vsm:VisualState x:Name="Normal"><Storyboard></Storyboard></vsm:VisualState>
<vsm:VisualState x:Name="MouseOver"><Storyboard></Storyboard></vsm:VisualState>In interiorul elementului Storyboard vom adauga animatiile care dorim sa se execute la intrarea in starea specificata de parinte. Dupa cum mentionam la inceputul articolului, vrem ca in starea Normal sa avem o opacitate de 15% iar in starea MouseOver sa avem opacitatea 100%. Iata si codul pentru a realiza acest lucru :
<vsm:VisualState x:Name="Normal">
<Storyboard>
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">
<SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.5"/>
<SplineDoubleKeyFrame KeyTime="00:00:02" Value="0.15"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</vsm:VisualState>
<vsm:VisualState x:Name="MouseOver">
<Storyboard>
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">
<SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.5"/>
<SplineDoubleKeyFrame KeyTime="00:00:02" Value="1"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</vsm:VisualState>

4. Se compileaza si se ruleaza aplicatia.

Aici s-a terminat micul meu experiment cu crearea unui element de interfata web mai special, poate fara prea multa aplicativitate practica dar cu ajutorul caruia am explorat cateva din featurele interesante aduse de Silverlight.

Nu pretind ca ce am facut pana aici este perfect, este posibil sa fi avut scapari insa avand in vedere ca si pentru mine este "a first" cred ca pot fi scuzat :).
Voi incerca sa hostez mica aplicatie undeva si voi reveni cu un link.

Alex.

Acces pe sistem embeded prin interfata web

2008-12-18T20:13:00.001+02:00

Un beneficiu al managementului pe baza de interfata web este usurinta incorporarii in orice device cu suport pentru retea. Fie ca se numeste User Interface sau Browser Based Interface vorbim despre acelasi lucru: un protocol integrat in firmware-ul dispozitivului care ofera access prin pagina web pentru configurare, management si monitorizare.
Functionarea, in mare, ar fi ca echipamentul are un server web integrat, iar paginile HTML sunt solutia cea mai la indemana pentru interfatarea cu utilizatorul. Prin urmare, utilizatorul poate accesa dispozitivul dorit de la un PC, PDA sau telefon mobil cu suport pentru browser web.

Organizat la nivel inalt, acest tip de management permite configurarea tuturor feature-lor puse la dispozitie pe echipament, vizualizarea statisticilor si a logurilor, statusul tuturor componentelor din sistem.
Sa incercam sa facem o prezentare succinta cu privire la implementarea interfetei web ca mijloc de comunicare cu un dispozitiv. Informatiil referitoare la un echipament pot fi prezentate ca pagini statice, care contin informatii constante ca numele, locatia, adresa retea, banner, etc, sau pagini dinamice cu liste de porturi, statistici de trafic, grafice, contoare, etc. Pagina dinamica este generata la o cerere si se construieste pe baza unei colectii initiale de elemente care se updateaza la un interval de refresh stabilit.
Interactiunea userului cu dispozitivul se face prin intermediul unor formuri HTML. Pagina in care userul face modificari: introducere text, selectie intrare dintr-o lista, un check box sau un radio button este transmisa browserului. Astfel se genereaza un mesaj pentru serverul web de pe echipament, prin care se executa cererea pe dispozitiv.

Andreea

Buton cu font de dimensiune variabila, Silverlight, WEB, Partea III

2008-12-16T00:55:00.005+02:00

Urmatorul pas in micul nostru experiment este crearea efectiva a controlului.  
   
     1. In Expression Blend, pe pagina pr
incipala a proiectului, adaugam un  buton. 
    
    2. Se deriveaza butonul asa cum am discutat intr-un arcticol anterior.  
      
     3. Cu ajutorul designerului, se adauga un control de tip slider sub  Content Presenterul butonului.
  
     4. Dupa salvarea proiectului, ne "mutam" in Visual Studio pentru a  adauga putin cod. Deschidem pagina XAML unde am adaugat butonul (page.xaml). Se  observa ca in momentul derivarii butonului, in pagina a aparut descrierea XAML a  butonului. Vom observa ca la finalul descrierii a aparut si controlul nostru  Slider pe care l-am adaugat. Vom adauga aici un eveniment la schimbarea valorii  sliderului. De asemenea, putem "jongla" putin si cu valorile min/max/value avand  in vedere ca ele for reprezenta valoarea in px a marimii fontului. In final,  declaratia sliderului ar trebui sa arate cam asa : 
<Slider Margin="8,0,8,0"  RenderTransformOrigin="0.5,0.5" Opacity="1" ValueChanged="Slider_ValueChanged" VerticalAlignment="Bottom" Height="32" Maximum="20"Minimum="5" Value="12"/>

    5. La adugarea evenimentului pt Slider, Visual Studio ne va autogenera functia  in cod care "Slider_ValueChanged" pe care o vom folosi pentru modificarea  fontului. Vom gasi functia in clasa de cod asociata paginii : "Page.xaml.cs".  
   
     6. Ultimul pas in crearea micului control este adaugarea de cod pentr modificarea fontului butonului parinte al sliderului
private void Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e) 
 { 
     btnTest.FontSize = Math.Ceiling(e.NewValue);  
 }     7. Salvam proiectul si rulam. Modificand sliderul se observa modificarea marimii  fontulu butonului. Pretty cool.

Derivarea unui control web in Silverlight

2008-12-14T13:45:00.005+02:00

In WinForms, atunci cand doream sa extindem functionalitatea unor componente existente, creeam un UserControl in care cream controlul dorit sau un Component in care derivam controlul pe care doream sa il extindem. De exemplu atunci cand extindem un buton, putem sa ii adaugam proprietati si functionalitati noi insa nu putem "umbla" prea mult la modul in care arata acest buton.

Silverlight vine cu o noua abordare a derivarii controalelor, acestea fiind numite acum Templates. Dupa cum spuneam intr-un post anterior, XAML este acum in spatele interfetelor. Controalele standard din Silverlight sunt de fapt o serie de declaratii XAML, grupate si accesibile ca un tot unitar care poate fi folosit "as is" sau.... Sau poate fi "derivat" sau cum i se spune in Expression Blend : crearea si editarea unui nou teplate be baza controlului. Pentru a face acest lucru se selecteaza un control de pe interfata creata, click dreapta si se alege din meniu optiunea "Edit control parts" si apoi "Edit a copy". In acest moment, avem access la codul XAML pentru tot controlul selectat.

Expression Blend prezinta intr-un mod foarte intuitiv componentele, in mod ierarhic. Putem analiza componentele unui buton : are la baza un Container de tip grid; In container avem o componenta Background care contine gradientul butonului si animatiile de Mouse Hoover, Mouse Press; Avem un "content presenter" care dupa cum ii spune numele este containerul pentru continutul butonului; si in final 2 elemente de tip border pentru starile de Disable si Focus.

De aici incolo variantele de customizare sunt practic nelimitate. Se pot modifica componentele care formeaza butonul, se pot altera cele prezente, se pot adauga efecte noi pentru trecerile intre starile butonului.

Din acest punct de vede consider ca Silverlight a trecut la urmatorul nivel in materie de derivarea si extinderea controalelor pentru interfete.

Alex.

Buton cu font de dimensiune variabila, Silverlight, WEB, Partea II

2008-12-10T20:23:00.004+02:00

In partea de azi, vom crea proiectul, vom vedea cum interactioneaza intre ele Visual Studio 2008 si Expression Blend si vom rula prima aplicatie web Silverlight.

1. Proiectul se creaza din Visual Studio 2008, in mod identic cu orice alt tip de proiect. Se are grija sa se aleaga proiect de tip Silverlight Application. O prima particularitate apare dupa primul pas, cand suntem anuntati ca in solutie se va adauga un proiect suplimentar configurat automat sa incarce si sa ruleze aplicatia Silverlight. In esenta este un proiect ASP.NET care inacrca obiectul Silverlight intr-o pagina goala. Avem de asemenea si posibilitatea hostarii aplicatiei si intr-o pagina statica. In acest sens, ne este oferit si un fisier html cu scripturile javascript necesare.

2. Se deschide proiectul in Expression Blend.

3. Se adauga un buton din interfata Expression Blend pe pagina "page1.xaml" . Salvam proiectul

4. Se trece in Visual Studio. Vom primi o notificare ca anumite fisiere (daca sunt deschise) au fost modificate in afara mediului (da, au fost modificate in Expression Blend). Dupa confirmare, proiectul este actualizat.

5. "Aplicatia" poate fi acum rulata. (nimic special pana aici :p)

Expression Blend sau Visual Studio 2008

2008-12-09T11:28:00.000+02:00

Inca din primul rand vreau sa evidentiez ca un "vs" intre cele doua aplicatii este de-a dreptul stupid. Nu se pune problema care din ele este mai bun pentru a reliza o aplicatie Silverlight sau WPF ( chiar daca ambele ar putea face asta). Am sa imi argumentez afirmatiile in continuare raspunzand la urmatoarea intrebare : De ce am nevoie de ambele medii de dezvoltare?

In primul rand, Visual Studio este destul de bine cunoscut ca si interfata de majoritatea programatorilor. Este un mediu optimizat pentru scrierea de cod si de aceea este foarte comod de realizat partea de programare in Visual Studio. Din pacate, proiectarea vizuala a interfetei web nu este posibila decat prin intermediul limbajului XAML. Visual Studio ofera si o "randare" a interfetei pe baza fisierului XAML insa aceasta este read-only.

Tocmai acesta este punctul in care exceleaza Expression Blend. Acest mediu este ideal pentru designul interfetelor in mod interactiv, si vizual. Ofera o interfata foarte prietenoasa, majoritatea elementelor putand fi setate "din mouse". Vom intra in mai multe detalii in tutorialul pe care il voi prezenta in urmatoarele zile.

Microsoft a proiectat o legatura foarte puternica si in acelasi timp eficienta intre cele 2 aplicatii. Un proiect poate fi deschis concomitent in ambele medii modificarile facute intr-o aplicatie actualizandu-se automat in cealalata aplicatie.

Buton cu font de dimensiune variabila, Silverlight, WEB, Partea I

2008-12-08T11:23:00.002+02:00

Dupa cum am mentionat anterior, vrem sa creem un control web, cu ajutorul Silverlight, un buton caruia sa ii modificam dimensiunea fontului cu ajutorul unui slider incorporat in buton.

Voi enumera in continuare uneltele pe care le vom folosi in dezvoltarea componentei web propuse:

Silverlight 2.0 - runtime Silverlight
Visual Studio 2008 - mediu de dezvoltare
Expression Blend 2 - mediu vizual de design

Sa incepem...

Alex

UserControl inedit pentru interfete web cu ajutorul Silverlight

2008-12-08T00:21:00.002+02:00

Un feature destul de cool care a aparut odata cu Silverlight si WPF, si care ne poate ajuta teribil pentru proiectarea unei interfete vizuale (fie ea interfata web sau interfata desktop) care "sa ia ochiu'" este acela ca majoritatea proprietatilor controalelor vizuale sunt de tip Object.
Ok, poate nu pare mult insa daca in trecut pe un buton puneam caption care era un simplu text, acum pot sa pun acolo cam orice, inclusiv un text cu un slider control sub el. Intrebare e... oare de ce as vrea asta ? Ideea mi-a venit incercand sa imi dau seama ce as putea vrea sa pun pe un buton, altceva decat un text sau o poza (care le puteam pune si pana acum) ca sa imbunatatesc interfata care o ofer utilizatorului. In final mi-a venit o idee, poate nu buna de aplicat in practica insa buna pentru a exemplifica ce incerc sa zic aici : pot sa folosesc un slider, pus "in" buton pentru a modifica "real-time" dimensiunea fontului textului butonului.

Ca sa si punem in aplicare "ideea" m-am gandit sa creez acest control inedit si sa postez pe masura ce avansez.

Si totusi ca sa termin ideea initiala hai sa va dau un exemplu in care feature-ul de care vorbeam chiar isi arata puterea : in orice interfata a oricarui site mai complex, vei avea de a face cu macar un DropDown. Elementele din DropDown de pana acum : vector de stringuri. Ei bine, de acum in locul lor poti pune cam orice: poti sa ai un element cu buton, un element cu checkbox, cu iconite in fata, cu iconite la sfarsit. Poti incadra un item intr-un "Rounded rectangle" poti sa pui gradiente ( diferite ) pe fiecare element si exemplele pot continua.

Din punctul meu de vedere, de acum e mult mai usor sa faci o interfata web traznet.

Alex.

Culmea bulanului

2008-11-28T10:31:00.006+02:00

... sa treci prin fata bancii unde cineva face testul de initiere in trading.

Alex.

Initiere in trading

2008-11-28T10:20:00.006+02:00

Ca sa afli daca esti pregatit emotional si financiar sa te apuci de tranzactionare pe piete internationale (FOREX) pe cont propriu, incearca urmatorul test:

*Pentru ca testul sa fie trecut cu brio, trebuie sa duci la bun sfarsit urmatorii pasi :

1. Mergi la banca intr-o zi cu vant ;
2. Retrage 10.000 RON cash ;
3. Iesi din banca, si cu ambele maini, arunca banii in vant ;
4. Dupa ce ai aruncat toti banii, du-te acasa, uita-te in oglinda, si spune-ti : "Ce prost sunt. Nu ar fi trebuit sa fac asta." ;
5. Continua-ti viata ca si cum nimic nu s-ar fi intamplat.

Alex.

Sptiu pe disk pentru utilizatorii Windows Vista

2008-11-26T18:09:00.005+02:00

Nu stiu despre voi, dar de foarte multe ori ma trezesc fara spatiu. Inainte de a ma apuca sa sterg sau sa redimensionez partitii m-am gandit sa dau un search sa vad ce gasesc.

Iata 2 tipuri care le-am gasit si care au oferit rezultate destul de bune :

1. Dezactivarea hibernarii :

Probabil ca cei mai multi dintre voi nu folosesc hibernarea. Poate nu stiati, dar Vista isi rezerva din prima spatiu pe disk unde sa salveze starea (adica sa fac dump-ul RAMului). Din aceasta cauza, chaiar daca nu folositi niciodata hibernarea, acest feature va papa atata spatiu pe disk cat RAM aveti instalat in sistem.

Dezactivare : deschideti o consola cu drepturi de administrator si intorduceti comanda "powercfg -h off".

2. Stergerea backupului facut de SP1.

La instalarea SP1, Vista salveaza fisierele originale pentru un eventual rollback. Daca sunteti OK cu SP1, puteti sa stergeti aceste fisiere de back-up:

Deschideti o consola cu drepturi de administrator si introduceti comanda : vsp1cln.exe

Special thanks to ScotHanselman for the tips !

Alex Drenea.

IBM Lotus Notes Domino Designer

2008-11-21T00:28:00.004+02:00

Domino Designer este un mediu integrat pentru dezvoltarea aplicatiilor, care permite dezvoltatorilor si designerilor de site-uri sa creeze, sa administreze aplicatii sigure, cu interfete interactive si bine-utilizabile.

Toate aplicatiile Domino incep cu o baza de date Domino.

Cu Designerul se construiesc aplicatii ce pot fi folosite atat pe intranet cat si pe Internet. Structura unei baze de date este aceeasi pentru clientul de Notes cat si pentru web browser. Ceea ce face diferenta este mecanismul de vizualizare: utilizatorii vizualizeaza informatia cu ajutorul unei interfete web, in locul unui client de Notes.

Aplicatiile Domino lasa utilizatorii sa shareuiasca, sa colectioneze, sa urmareasca si sa organizeze informatiile folosind Lotus Notes-ul sau web-ul.

Probabil cele mai multe optiuni de design sunt disponibile pentru dezvoltarea aplicatiilor pot fi accesate cu ajutorul unui browser web. Se pot construi aplicatii web care sa foloseasca particularitatile si mijloacele oferite de Designer, sau se pot construi aplicatii care sa foloseasca ultimele tehnologii pentru web. Aceasta gama larga de mijloace si particularitati, cuplata cu toate beneficiile aplicatiilor Domino – cum ar fi securitatea si replicarea – ofera un control total atat asupra design-ului cat si asupra predarii aplicatiei.

Particularitatile Designer-ului relevante pentru dezvoltarea de aplicatii web includ:

Un editor HTML
Librari JavaScript
Imagemaps si outline-uri pentru navigare. Imaginile foarte mari utilizate in imagemaps pot prezenta o problema de performanta pentru aplicatiile web
Pagini
Applet-uri
Style sheet-uri

Particularitatile Java includ:

Java servlets
Suport pentru WebDAV (Web-based Distributed Authoring and Versioning)

Sunt numeroase moduri de a include HTML intr-o pagina, form sau subform cand se dezvolta aplicatia. Daca exista deja o pagina HTML sau se prefera utilizarea HTML-ului in locul mijloacelor oferite de Designer, exista urmatoarele posibilitati:

Convertirea paginilor, form-urilor sau subform-urilor (sau sectiuni de pagina, form sau subform) in pagini HTML si folosirea editorul HTML pentru modificari
Importul unei pagini HTML, folosind sursa existenta a unei pagini HTML sau form, ca baza pentru noua pagina sau form
Copy – Paste HTML direct intr-o pagina, form sau subform
Introducerea codului direct in pagina HTML

Domino suporta atat Java servlets cat si Java applets pentru aplicatiile web. Cea mai importanta diferenta dintre aceste tipuri de programme Java este modul in care ele functioneaza. Servlet-urile sunt programme “server-side”: o clasa Java a servlet-ului este incarcata si ruleaza in intregime pe serverul de Domino si rezultatul, de obicei o pagina HTML, este intors browser-ului. In contrast, applet-urile sunt programe “client-side”; o clasa Java a applet-ului este descarcata si rulata de browser. Applet-urile au nevoie de support Java in browser, iar servlet-urile nu.

Servlet-urile pentru Domino trebuie sa fie in conformitate cu Java Servlet API Specification, un standard publicat de Sun Microsystems, Inc.

Serverul web de Domino suporta WebDAV, o tehnologie ce permite utilizatorilor cu drept de Designer pe o baza de date, sa editeze sau sa multe elemente din colectia bazei de date, fara sa foloseasca un client pentru Designer. De exemplu, sa presupunem ca vom construi o pagina HTML folosind un editor anume. Folosind Windows Explorer-ul, putem sa tragem pagina respective (drag and drop) intr-un fisier .nsf, pentru a fi inclusa in aplicatie. Tehnologia WebDAV ofera o flexibilitate foarte mare in procesul de dezvoltare a interfetelor web.

Tipurile de resurse ale unei baze de date, ce pot fi accesate folosind un client WebDav sunt:

Fisiere
Imagini
Cascading Style Sheets (CSS)

Domino Off-Line Services (DOLS) furnizeaza o modatilate pentru ca utilizatorii sa ia aplicatiile web IBM Lotus Domino 7 offline, sa lucreze in ele si sa sincronizeze schimbarile cu o replica online pe serverul Domino. Utilizatorii nu sunt nevoiti sa aiba instalat clientul IBM Lotus Notes 7, deoarece aplicatiile sunt accesate cu ajutorul unei interfete web disponibila intr-o fereastra de browser.

Ionut Grigorian.

Comunicatia cu un echipament de retea

2008-11-10T21:38:00.003+02:00

Ca sa evidentiem utilitatea absoluta a interfetei web integrata in modulul de configurare, management si monitorizare al unui dispozitiv de retea, trebuie sa facem un inventar al altor optiuni pe care le avem.

Sa presupunem ca avem un dispozitiv de retea, de a carui buna functionare "atarna" conexiunea la Internet a unei firme si mai avem si urmatoarele metode de management:

Consola reprezinta o conexiune directa pe portul serial al device-ului. In primul rand trebuie sa recunosc, fara consola nu se poate. Prima configurare a echipamentului, prin consola se face: suficient adresa IP, masca, si gateway. Dupa ce avem aceasta configuratie de baza, consola devine incomoda. Daca necesita acces fizic direct la dispozitiv este clar ca nu ofera o forma viabila de management, plus ca modul de interfatare e "text pur".

Telnet este o "consola" remote. Protocolul de fata ne scapa de necesitatea accesului fizic la echipament, dar interfata este aceiasi linie de comanda. Pentru acest tip de management al echipamentului e nevoie de personal calificat, cu simt bun de interpretare a statisticilor afisate tabelar.

SNMP

Ceva mai multa modularitate si un timp de detectare a problemelor mult mai scurt vin de la protocolul de management al retelei. Dupa cum ii zice si numele e gandit sa fie "simplu". Principalul plus il aduce prin alerte si trapuri ( mesajele sunt transmise cand anumiti parametri nu mai sunt indepliniti, cand se executa anumiti triggeri, cand se petrec evenimente prevazute: cateva exemple la care ma gandesc: trafic exagerat de mare, sau lipsa lui, deconectarea vreunui server, schimbarea starii vreunui port, detalii privind starea hardware a sistemului: temperatura mare, etc). Din pacate managementul prin SNMP necesita tool-uri specializate de parcurgere a arborelui de MIBuri, puse la dispozitie de producatorul dispozitivului; si tot din pacate solutia este destul de costisitoare si necesita administrator descurcaret.

Bun, deci daca am avea doar ce scrie mai sus... situatia n-ar fi prea roz :) pentru ca fie nu avem accesibilitate de oriunde, fie nu avem o interfata prietenoasa si usor de folosit. Din fericire, nu e cazul, pentru ca orice sistem embeded poate contine un modul software tip interfata web. Vom vedea cu alta ocazie cum se realizeaza accesul prin interfata web.

Andreea Margarit.

Microsoft Silverlight

2008-11-08T01:56:00.004+02:00

Dupa cum poate stiti, Silverlight este "noua" tehnolgie Microsoft care va permite dezvoltatorilor sa creeze aplicatii cu interfete foarte atragatoare din punct de vedere al designului. Am pus "noua" in ghilimele deoarece este si nu este noua. Siverlight 1.1 si Silverlight 2.0 Beta sunt publice de ceva vreme, insa versiunea finala 2.0 a fost doar de curand lansata.

Silverlight a fost creat sa fie frate cu Flash de la Adobe. In concluzie, este capabil sa creeze aplicatii web cu interfete web foarte aratoase din punct de vedere grafic. De cred eu ca Silverlight o sa devina in curand fratele mai mare (ca sa nu zic 'taticu') lu' Flash?

Cred asta pentru ca Microsoft a facut prin Silverlight pentru interfete web, exact ce a facut cu WPF (Windows Presentation Foundation - intr-un alt post despre asta ) pentru intefetele desktop, si anume a trasat o delimitare foarte clara inte interfata cu utilizatorul (User Interface) si interfata cu calculatorul (Programming).

Prima parte poarta denumirea de XAML as in eXtensible Applicaton Markup Language. La baza, acesta este un fisier XML in care programatorul, declara si defineste elementele interfetei utilizatorului (buton, casuta de text, tabele etc) impreuna cu toate proprietatile sale (nume, culoare, etc) si comportamentul lor (animatii, efecte etc).

A doua parte, codul, este cod .NET fie el C#, VB, ba chiar C++.

Prin aceasta miscare Silverlight a cucerit destui developeri care acum pot crea mai usor aplicatii cu interfete foarte cool (folosind XAML) bazandu-se pe cunostinele lor anterioare de C#/VB.

Later Edit :

Peste toate acestea zilele trecute am date peste un site al Microsoft care mi s-a parut o idee de marketing geniala. Este un site care ofera tutoriale, lectii, forum special proiectate pentru web designeri si artisti cu cunostinte de Flash. Este vorba despre Project Rosetta.

Alex Drenea.

Design vs Continut - Ce inseamna un site, si ce inseamna un site bun

2008-11-04T20:59:00.008+02:00

Ce inseamna un site. Si ce inseamna un site bun.

Da, stiu, e vorba despre vesnica polemica design versus continut pentru un site web. Ce-i mai important oare? Pe parcursul acestui articol voi lua in discutie fiecare element si-l voi analiza din cat mai multe puncte de vedere. Daca simtiti nevoia sa interveniti pe undeva, daca bat campii sau am omis din calcul vreo problema, feel free to comment.

Dar hai s-o luam cu inceputul.

Ce este un site?

Un site este o unealta de comunicare. Iar prin comunicare intelegem schimbul de informatie in ambele sensuri, adica dialog. Chiar si pentru site-urile simple, statice, de „prezentare”, cum sunt ele numite. Asta ar trebui sa fie in primul rand fiecare site. Pentru ca el te ajuta sa-ti comunici intr-un anume fel mesajul tau, si ii incurajeaza pe cei din comunitate sa participe la discutia din jurul mesajului tau.

Asta ar trebui sa fie reprezinte un site pentru afacerea ta. N-ar trebui sa-l privesti ca pe un panou publicitar pe care il ridici pentru promovare si n-ar trebui sa-l treci la cheltuieli de advertising sau de publicitate, ar trebui sa-l treci la investitii. Pentru ca asta reprezinta de fapt, o investitie si o usa deschisa pentru clientii tai care sunt pe internet. Te vei convinge pe parcursul acestor serii de articole despre site-uri.

Ok, acum daca extindem discutia despre comunicare la nivelul site-urilor, inseamna ca un site bun reprezinta un site care comunica bine. Iar o buna comunicare are cateva caracteristici cheie:

stiinta de a asculta
mesajul clar si la obiect
repetarea catorva cuvinte cheie
folosirea limbajelor si mediilor la nivelul interlocutorului

Luand in considerare aceste caracteristici, ne dam seama ca aceste caracteristici pot fi prezente si la nivelul unui site. Iar daca le identificam corect, le putem masura si putem da un verdict asupra calitatii unui site ca si unealta de comunicare.

Pare complicat, nu-i asa? In realitate nu este deloc asa de complicat. La sfarsitul acestui articol, care se va intinde pe parcursul a mai multor postari, veti sti cu siguranta rolul fiecarui element din site, veti sti cum sa-i masurati importanta si sa prioritizati informatia, veti intelege importanta modului in care site-ul comunica mesajul cu lumea din jur, fie ca este vorba despre clienti, parteneri de afaceri sau pur si simplu vizitatori.

Asa ca va puteti abona cu incredere la feed-ul RSS al acestui blog, si veti afla pe parcursul incursiunii in lumea site-urilor foarte multe informatii ajutatoare.

Adrian Popescu.

Cine suntem si ce mai e si cu blogul asta

2008-11-04T20:12:00.004+02:00

Pai in primul rand, salut.

Noi suntem Winterface, un proiect de agentie online specializata in optimizarea si promovarea corecta si eficienta a site-urilor pe internet. Suna pompos, stim. Dar chiar stim sa facem chestia asta. Si, in plus ne si place.

De la ce vine Winterface? Pai e simplu, de la "web Interface". N-am vrut sa-i zicem "iweb", pentru ca partea grea din nume o reprezinta "Interface" si nu "web". Si n-am vrut sa fim asociati cu Apple. :P

Ok, dar cine suntem?

Pai suntem o echipa de 4 oameni de la Politehnica Bucuresti, Facultatea de Automatica si Calculatoare, anul 5 (finally! :D), grupa 354C2, pe nume:

Adrian Popescu - şăf de echipa, oficial Project Manager
Alex Drenea - om de echipa, oficial Information Architect
Andreea Margarit - om de echipa, oficial Content Specialist
Ionut Grigorian - om de echipa, oficial Information Designer

Ah, si-avem si-un site. Se numeste www.interfeteweb.net, asa ca ne puteti vedea creatia magnifica de care toti suntem mandri.

Ce vom scrie pe blog?

Pai vom scrie articole din aria de specializare a fiecaruia: Adi va scrie despre site-uri, optimizarea si promovarea lor, usability, heatmap-uri, clickmap-uri si alte OZN-uri; Alex e fan Microsoft, asa ca va scrie despre Team Foundation System, Silverlight, Windows Presentation Foundation (interfete smecheroase pentru desktop); Andreea va scrie despre interfete de configurare ale echipamentelor de retea, XML-uri si-alte nebunii iar "last but not least", Greg va scrie despre Lotus Notes si nebuniile de interfete ale lui, plus chestii de baze de date, daca vrea. :))

Pai cam atat, urmeaza sa revenim cu articole in forta.

Revenim repede. ;)

Interfete Web

2008-10-08T12:33:00.003+03:00

Primul post de la laboratorul de interfete web din 2008-2009.