WD http://blog.dnevnik.hr/dakidaki

utorak, 05.04.2011.

wdwd

Iskoristenost na veb sajtovi
Testiranjeto i koregiranjeto na veb sajt od koga ke bide napraven e:
ne efikasno
ne dava dobri rezultati

Koi se beneficiite od planiranata iskoristenost, na proekt:
pozadovolen kraen korisnik
zgolemena produktivnost na krajniot korisnik, kako i uspesni i celosno zavrseni zadaci
se namaluva cenata na dolgotrajniot razvoj (trosoci koi se slucile pri popravka na nesoodvetno dizajniran produkt)
namalen trening za krajnite korisnici i namalena cena za oddrzuvanje

Kolku fazi ima modelot na „celosna iskoristenost” za dizajniranje na veb sajtovi?
5

Koi se fazite vo modelot na „celosna iskoristenost” za dizajniranje na veb sajtovi?
Analizi na pobaruvanje
Konceptualen dizajn
Prototipovi/maketi
Proizvodstvo
Postavuvanje i oddrzuvanje

Za vreme na koi fazi se vrsi procenka?
Analizi na pobaruvanje
Konceptualen dizajn
Prototipovi/maketi
Proizvodstvo
Postavuvanje i oddrzuvanje

Nacini za da gi zapoznaete vasite korisnici se:
sproveduvanje anketi
demografski informacii za pazarot

Koja kategorija na korisnici e najzasegnata od velicinata na tekstot:
srednovecnite ili postari lugje

Koja kategorija na korisnici gi preferira slikite i animaciite:
najmladite

Testiranjeto za iskoristenost e edno od:
najbitnite raboti sto moze da gi napravite koga sozdavate nov veb sajt

Dali e bitno korisnicite da se snaogjaat so navigacijata na sajtot:
da, bitno e

Dali e bitno na korisnicite podelbite na sajtot da im se dovolno jasni:
da, bitno e
vlijae vrz preglednosta na sajtot

Popravanjeto na rabotite na pocetok na procesot na dizajniranje na eden veb sajt:
ke dade rezultat so pomalku vreme pominato vo korekcii
ke go namali brojot na iteracii vo izrabotkata na sajtot

Na prvata strana od vasiot veb sajt e pozelno da imate:
meni za navigacija
prostor za prebaruvanje
jasen naslov
novosti od kompanijata
linkovi do celosnite tekstovi za natpisite
kontakt

Meta tagovite
pomagaat za prebaruvanje na vasiot sajt

Koi se dva tipa na meta tagovi za eden veb sajt:
opis
klucni zborovi

Meta tagot „opis” sluzi za:
kratok opis na veb sajtot

Meta tagot „klucni zborovi”:
se zborovi koi se nudat na prebaruvacite za da im pomognat da ja prikazat vasata strana na lugje koi prebaruvaat na veb

Navigaciskiot sistem na vasiot veb sajt, korisnicite treba:
da go razberat
da e lesno voocliv

Sto e voobicaeno za tekstualnite linkovi?
tie se pretstaveni tekstualno
tie se plavi
bukvite se podcrtani

Nacin za da se razgleda eden sajt e:
navigacija od korisnickiot interfejs
da se prebara veb sajtot

Dali e pozelno da se ima prebaruvac na eden veb sajt:
da prebaruvacot e pozelen

Se sto direktno ne doprinesuva za razbiranje na sajtot ili ne vlijae na informaciite:
treba da se razmisli podobro i podolgo dali da bide tamu

Nikogas ne treba da bidete vo situacija koga treba da postavite kopce za „skokni voved”(skip intro).
tocno, korisnicite ne sakaat da cekaat nekoja nebitna rabota da se simne za da go koristat vasiot veb sajt

Zvukot e potreben ako:
pravite zvucno on-lajn razgleduvanje
sajtot sluzi za izucuvanje na stranski jazik
dobro e da imate pdf datoteka od tekstot

Ako gi otstranite stranite od dadeno URL, togas rizikuvate da:
ja trgnete vrskata koja korisnicite ja imaat do vas

Ako pravite golemi promeni vo dizajnot na vasiot veb sajt, pozelno e da:
postavite prenasocuvanje od starite na novite strani

Graphical User Interface (GUI)
Kako sprotistavenost na tradicionalniot interfejs, GIU prezentira
graficki ikoni, vizuelni pokazateli ili specijalni graficki elementi

Ako ikonite se spoeni
se vo spoj so tekst ili simbolicka navigacija kon celosna reprezentacija na dadena informacija

Koga ima ponuda na samo tekstualno meni ili voobicaeni komandi (pisani), togas
vo site slucai se izvrsuva direktna manipulacija na grafickite elementi

Poimot GUI e istoriski povrzan so razvojot na
dvodimenzionalni display – ekrani

GUI moze i da ne se poklopuva so drugite visoko – rezolucioni tipovi na interfejsi sto se

non –

Pocetocite na GUIs bile pronajdeni od istrazuvacite od
Standford Research Institute

Pocetocite na GUIs bile pronajdeni od istrazuvacite od Standford Research Institute vodeni od
Douglas Engelbart

Istrazuvaci od Xerox PARC, koi navlegle pod hiperlinkovite bazirani na tekst koristele
GUI kako primaren interfejs za Xerox Alto kompjuterot

PUI e kratenka za
PARC User interface

Ivan Sutherland razvi sistem baziran na pokazuvaci poznat kako
Sketchpad

Sistemot sketchpad koristel
light-pan

WIMP e
alternativen akronim za PUI
sinonim za PUI

WIMP poddrzuva
Windows, ikoni., menija i pokazuvacki uredi

Sledbenik na PARC, prviot GUI centralno nasocen komjuterski model e
Xerox 8010 Star Information System

Apple, IBM, Microsoft koristat mnogu od ideite na
Xerox

Osnovite na interfejsot moze da se pronajdat vo
aktivnite verzii na Windows operativnite sistemi , Mac OS X isto taka i razlicnite okolini na rabotnata povrsina za UNIX sistemite i drugite visoko-rezolucioni tipovi na interfejsi

GUI koristi kombinacii od tehnologiii i uredi
za polesno da obezbedi platforma so koja sto korisnikot ke moze da korespondira

Kombinacija vo GUI e
WIMP

Sistemot na prozorci podnesuva
hardverski uredi

Nekoi Touch – screan bazirani uredi kako sto e na primer Apple iPhone konkretno deneska koristat
Post – WIMP stilovi na interakcija

3D sostaven Window manager e
Compiz
Desktop Window Manager
LG3D

Vidlivite graficki interfejs osobini na aplikacijata nekogas se odnesuvaat kako
Chrome

Primeri na aplikacii specificni za GUI se
Touch screen pokazuvac od prodazen softver, dostapno i celosno koristen od strana na personalot vo mnogu profiten i zafaten – biznis restoran
Samostojno rezerviranje i izdavanje na avionski karti, zaveruvanje na istite rezervacii
Monitori ili kontrolni ekrani vo industriski aplikacii koi koristat real time operativen sistem.

Metadata na Web sajt
Kako e uste narecen Metadata na angliski:
“Data about data”

Zosto web sajtovite mora da imaat Metadata:
Za polesno publifikuvanje i potkrepuvanje na podatocite sto kompanijata gi ima

Dali i zosto e kompleksiran Standardot za Metadata:
Da, bidejki vo FGDC standardot ima duri i nad 200 razlicni elementi

Dali treba da ima Metadata sema koja gi pokriva site pravni i sovetni sektori i zosto:
Da, bidejki vo pravniot sistem ima tolku mnogu zakoni i podzakoni pa potrebni se semi

Dali HTML e del od markup tehnologiite i zosto:
Da, ni pomaga vo pronaogjanjeto na informaciite podobro od drugite tehnologii

XML,SGML i HTML se del od:
Markup technologies
Rabotata na W3C(world wide web)

Metadata se koristi vo slednite aplikacii:
Mozilla Firefox
P2P aplikaciite

Metadata stanuva:
Mnogu vazen del od World Wide Web
Mnogu vazen del od www.w3schools.com

Tipovi na Metadata:
Sodrzinski
Promenlivi
Logicka Funkcija

Koe od slednite recenici ja objasnuva Sodrzinskata Metadata:
Moze da opisuva resursi samiot od sebe

Dali Microsoft Office sodrzi Metadata i zosto:
Da, bidejki treba da gi sodrzi imeto na avtorot, koga e kreiran dokumentot i slicno

Koj e rizikot so postavuvanje na Metadata vo Microsoft Office:
Moze mnogu lesno da se promenat informaciite vo vrska koga e kreiran dokumentot, imeto na avtorot i slicno

Sto znaci zborot Meta na grcki:
“Posle ili Zad”

Sto znaci Metadata:
Informacija za podatok
Informacija za informacija
Sodrzi informacija za podatokot na drug podatok

Kako moze da bide skladiran Metadata:
Vnatresno
Nadvoresno

Sto e vnatresno skladiranje kaj Metadata?
Koga ni ovozmozuva transfer na Metadata zaedno so podatocite sto gi opisuva

Kolku klasi postojat na Metadata i koi se tie?
Dve, Strukturna i Upravuvacka Metadata

Sto znaci slednata definicija “Informacija za Informacija” kaj Metadata:
Znaci deka Metadata gi pokazuva informaciite koi se potrebni za dobivanje na razlicni informacii

Dali ima i koi se ako postojat hierarhii na Metadata:
Da, koga ima hierarhija se narekuva Sema ili Ontologija

Kade cesto e skladirana Metadata:
Vo Glavniot Server za da bide iskoristena i da im pomogne na ostanatite

Sto znaci Metadata Registarot:
Toa e vsusnost centralnata lokacija vo organizacija kadesto Metadata se skladirani i odrzuvani

Zosto vo prebaruvackite sajtovi (search engine) e podobro da se koristi Metadata:
Bidejki podatokot koj soucestvuva so objektite koi ublaznuvaat nivnite potencijalni korisnici od toa da imaat celosno znaenje na nivnoto postoenje

Ne samo da im prikaze informacii na korisnicite, tuku Metadata ima i drugi ulogi, a tie se:
Administrativna kontrola
Bezbednost
Personalni informacii
Menadzerski informacii
Sodrzinski stapka(content rating)
Prava na Menadzmentot
Konzerviranje

Dali Metadata e vidliv vo Web sajtot:
Da, moze da se vidi vo kodot

Dali sekoj moze da kreira Metadata?
Da, no ne smee da se zloupotrebuva

Dali moze Metadata da se kreira so pomos na programi?
Da, za primer se slednite:DC-dot,DCmeta,HotMeta

Sto treba da sodrzi edna Metadata:
Limitiran broj na elementi, Nivnoto Ime, i Objasnuvanje na elementite

Semata na Metadata gi sodrzi slednite:
HTML, SGML, XML, RDF, MARC, MIME

Kompjuterska i WEB Grafika
Kolku vidovi na kompjuterska grafika postojat?
dva

Vidovi na kompjuterska grafika se
rasterska
vektorska

Sto se upotrebuva za crtanje na linii i formi kaj vektorskata grafika?
Matematicki formuli

Koj bil prviot kompjuter na koj se prikazuvale sliki
Whirlwind

Od koja godina e pocnato koristenje na GUI
1980

Za sto se koristi graficki korisnicki interfejs
Za pretstavuvanje podatoci i informacii preku sliki,ikoni i simboli

Koja e prvata celosna 3D igra
Quake

Za sto drugo se upotrebuva kompjuterskata grafika
Za izrabotka na skrinsejveri

Kakvi vidovi na animacija ima
3D
2D

Koj e prviot web prelistuvac so koj se gledale sliki
Mosaic

Koj e prviot format upotreben za prikazuvanje na sliki kaj web prelistuvacite
GIF

Vo koi formati mozat da se prikazuvaat animacii, 3D i sliki kaj web prelistuvacite
SWF format

Koi se moderni softveri za web grafika
Adobe Photoshop
GIMP

Koja aplikacija ja imaat korisnicite na Microsoft za web grafika
Ms Paint

Sto znaci GIF
Graphics Interchange Format

Sto pretstavuva GIF
8-bit na piksel bitmap forma

Od strana na kogo bese pretstaven GIF
CompuServe

Od kolku razlicni boi e sostavena paletat na GIF
256

So pomos na koja tehnika se izvrsuva kompresiranjeto na sliki kaj GIF
Lempel-Ziv-Welch (LZW)

Sto znaci PNG
Portable Network Graphics

Koj nacin na kompresija koristi PNG
Lossless data compression

Kakvo isprepletuvanje koristi PNG formatot
Dvodimenzionalno so 7 premini

Sto znaci JPEG
Joint Photographic Experts Group

Koj metod na kompresija e voobicaen kaj JPEG
Metod na lossy compression

Koi se najcestite koristeni ekstenzii kaj JPEG
.jpeg
.jpg

Od sto se sostoi edna slika vo JPEG
Od sekvenca od markeri

Sto znaci SVG
Scalable Vector Graphics

Vo koj jazik se koristi SVG
XML

Koi tipovi na objekti gi ovozmozuva SVG
Vektorska grafika
Rasterska Grafika
Tekst

Koj format e standard za animacija na SVG
SMIL

SMIL
Sto e SMIL ?
Synchronized Multimedia Integration Language

SMIL e ?
W3C standard

SMIL e slicen na
HTML

SMIL :
Mora da sodrzi body tag
Moze da sodrzi head tag

SMIL datotekite imaat ekstenzija :
smil
smi

Vo koi dokumenti mozat da se integriraat SMIL elementite ?
HTML

HTML dokumentite koi sto imaat integrirano vo sebe SMIL elementi so upotreba na time namespace, mozat da se pregleduvaat preku ?
Internet Explorer

Za da mozat SMIL prezentaciite da se prikazuvaat preku Internet Explorer potrebno e vo HTML dokumentot da se definira namespace –ot ?
time

Vremetraenjeto na prezentacijata vo SMIL se opredeluva so atributot ?
dur

Atributot so koj sto se odreduva koga da zapocne SMIL prezentacijata e ?
begin

Koj atribut treba da go upotrebime vo SMIL koga sakame video datotekata da zapocne da se prikazuva od nejzinata treta sekunda ?
clipBegin

Koj atribut treba da go upotrebime vo SMIL koga sakame video datotekata da zavrsi so prikazuvanje na nejzinata deseta sekunda ?
clipEnd

Koj e tagot vo SMIL so koj sto se definira sekvenca ?


Koj atribut treba da go upotrebime kaj SMIL tagot za definiranje na interaciite na sekvencata ?
repeatCount

Moznosta za prikazuvanje na poveke multimedijalni sodrzini odednas kaj SMIL se postignuva so tagot ?



So koj atribut kaj tagot kaj SMIL se vrsi sinhronizacija na sodrzinata ?
endsync

Tranziciite kaj SMIL se postignuvaat so upotreba na tagot ?


Multimedijalniot element, tagot so koj sto se definira animacija vo SMIL e ?


Multimedijalniot element, tagot so koj sto se definira zvuk vo SMIL e ?

e tag vo koj ima tekst na makedonski jazik, a ostanatiot del od stranata e na drug jazik togas tocno e:

Tekst na Makedonski jazik



Sekoj HTML tag koj prikazuva slika ( tag )
Treba da sodrzi alternativen tekstualen opis

alt atributot e atribut na:
tagot

alt atributot se koristi za
Dopolnitelen opis na slikata vo ramki na toj tag

DOCTYPE tagot sluzi za:
Zadavanje na tipot na dokumentot

lang atributot vo tagot sluzi za:
Specificiranje na drug jazik

Vrednosta na lang atributot e:
Bukvi-kod koi oznacuvaat nekoj jazik

Hreflang atributot se koristi ako stranata sodrzi link koj se otvara vo nov prozorec i
Sodrzinata na web strana e na drug jazik

Prazen alt atribut se koristi za
Mali sliki koi sluzat za formatiranje i vizuelni efekti odnosno onie koi ne nosat nikakva informacija

longdesc atributot vo tagot se koristi za opis na
Sliki koi nosat mnostvo od informacii

Slika cii delovi mozat da bidat razlicno linkuvani se narekuva:
Slikovna mapa

longdesc atributot e atribut na:
tagot

Scalable Vector Graphics (SVG)
Sto e vektor?
linija opredelena so dolzina i nasoka

Sto e vektorska grafika?
tehnika za prikazuvanje na grafika so pomos na vektorski linii

Sto oznacuva kratenkata SVG?
Scalable Vector Graphics

Sto e skalabilnost?
prosirlivost

VML formatot go razvija
Microsoft i Macromedia

PGML formatot go razvija
Adobe Systems i Sun Microsystems

VML e
Vector Markup Language

PGML e
Precision Graphics Markup Language

SVG e kreiran od
W3C

SVG e slicen so
XML

SVG e
XML format na datoteka od otvoren standard za vektorska grafika

SVG e
API za iscrtuvanje na staticka i animirana vektorska grafika

SVG Tiny i SVG Basic se profili za
mobilni uredi

SVG formatot e
razlicen od rasterskite i bitmap formatite

SVG datotekata zapocnuva so tagot


SVG datotekata zavrsuva so tagot


Osnovni oblici – Shapes vo SVG se:
rectangles
circles
ellipses
lines
polylines
polygons

tagot sluzi za crtanje na
pravoagolnici

tagot sluzi za crtanje na
krugovi

tagot sluzi za crtanje na
elipsi

tagot sluzi za crtanje na
linii

tagot sluzi za crtanje na
pravi povrzani linii

tagot sluzi za crtanje na
mnoguagolnici

tagot sluzi za crtanje na
objekti po nasa zelba

Tagot za pateka zapocnuva so


Tagot za tekst zapocnuva so


tagot sluzi za
oznacuvanje na odredeni zborovi vo recenicata

tagot sluzi za
referenciranje na tekst

Definiranje na referenciranite objekti se vrsi so


Vklucuvanje na odredena slika vo SVG datoteka se pravi so


Vklucuvanje na SVG vo HTML se vrsi so:
, ,