UebMultimedia Flashcards
ÇKA ËSHTË MULTIMEDIA?
Multimedia is the use of combined text, images, audio, and video to create interactive and engaging digital content.
CILAT JANË ELEMENTET THELBËSORE MULTIMEDIALE?
Teksti
Grafika
Animacionet
Video
Audio
Qfar eshte dhe si funksionon Teksti ne sistemet multimediale?
Text is the use of characters to create words, sentences, and paragraphs. It appears in all forms of multimedia. Text can vary in fonts and sizes to match the professional presentation of multimedia software. In multimedia systems, text can convey specific information or serve as an addition to information provided by other media.
GRAFIKA ne Multimedia ?
Graphics: Digital visuals like drawings, images, or graphics used to enhance multimedia applications and presentations. Adobe Photoshop is a popular tool to modify and enhance graphics for increased effectiveness and visual appeal.
Animacioni ne Multimedia ?
A series of drawings that create the impression of movement.
Video ne Multimedia ?
A series of (photographic) images presented at a minimum of 15 images per second that create the impression of movement and can be accompanied by sound.Real Player,Window Media Player.
Audio
të folurit, muzikë, efekte speciale apo çfardo tingulli. Real Player, Window Media Player.
KATEGORITË E MULTIMEDIAS
LINEARE
*Përdoruesi përfundimtar nuk mund të kontrollojë përmbajtjen e aplikacionit.
*Mungojnë veçoritë që lejojnë përdoruesin të ndërveprojë me aplikacionin, si zgjedhja e opsioneve, klikimi i ikonave, kontrolli i rrjedhës së medias ose ndryshimi i ritmit të shfaqjes së medias.
JO-LINEARE
1.Përdoruesit të fundit i lejohet kontrolli (navigimi) që të kalojë përmes përmbajtjes multimediale sipas dëshirës së tij.
2.Përdoruesi mund të kontrollojë aksesin e aplikacionit.
3.Ofron interaktivitet jolinear të përdoruesit për të kontrolluar lëvizjen e të dhënave. Për shembull lojërat kompjuterike, faqet e internetit, paketat e trajnimit të bazuara në kompjuter etj.
Multimedia Authoring
Krijimi i multimediave si Filma ose Prezantime qe ne pikpamjen CSE quhen Aplikacione Interaktive.
INTERAKTIVITETI
kontrolli, kombinimi dhe manipulimi i nje grumbulli te mediave, si teksti, grafika, audio, video dhe animacioni.
Authoring
eshte procesi i krijimit te aplikacioneve multimediale
Numero disa nga paradigmat e multimedia authoring
*Gjuha Skriptuese
*Slide show
*Paradigmi Hierarkal
*Iconic/Flow-control
*Card
shpjego paradigmen -Gjuha Skriptuese- te multimedia authoring
Using Scripting languages that provide interactivity(Button click, Scroll), allowing conditions, loops, function execution.
shpjego paradigmen -Slide Show- te multimedia authoring
by default Prezantim Linear por ka mjete qe lejojne kercime ne slide.(PowerPoint)
shpjego paradigmen -Hierarkal- te multimedia authoring
multimedia content organizohet në një strukturë peme. kjo përdoret shpesh në aplikacionet e drejtuara nga menuja.
shpjego paradigmen -Iconic/Flow-control- te multimedia authoring
Ikonat grafike gjenden ne nje kuti veglash ku authoring krijon nje diagram(flowchart) me ikona te bashkangjitura. p.sh Authorware.
shpjego paradigmen -Card- te multimedia authoring
perdor strukturen e index-card dhe mund te prodhohen aplikacione qe perdorin hypertext dhe hypermedia.
Cilat faza perfshin prodhimi multimedial ?
hartimi i skenareve, dizajnimi i aspekteve vizuale, rishikimi dhe perditesimi, prodhimi dhe testimi i përdoruesit.
Cilat komponente duhen per paraqitjen e permbajtjes multimediale dhe dizajnimin e saj?
*Stilet Grafike
*Parimet dhe udhezimet e ngjyrave
*Fontet
*Kontrasti i ngjyrave
*Animacioni Sprite
*Tranzicionet e videove
Stilet Grafike
nepermjet ngjyrave ndikohet preceptimi dhe ndjesia qe perjetohet.
Parimet dhe udhezimet e ngjyrave
te perdoren kombinime te ngjyrave me qellim te caktuar dhe jo pa planifikim.
Fontet
fontet 18-36 jan me tmirt, kujdes ne zgjedhjen e fonteve dhe hapsirave.
Lloje te ngjyrave qe perdoren.
RGB
HSB
CMYK
HSL
HSV
RGB
3kanale,red,green,blue me keto formohen ngjyrat e tjera ndersa 0 perfaqson ngjyren e zez.
CMYK
cyan,magenta,yellow,key(black) perdoren per printim me vlere nga 0-100 qe paraqet perqindje.
HSB HSL HSV
Hue,saturaton-brightness/lightness/value.
ANIMACIONI SPRITE
Sprite jan 2d imazhe ku sekuenca e disa sprites krijon animacion.
TRANZICIONET E VIDEOVE dhe llojet kryesore.
jane efekte per kalim te lehte neper video klipe.
*cut
*wipe
*dissolve
*fade-in
*fade-out.
CUT TRANSITION
kalim i menjehershem midis dy videklipeve.
WIPE TRANSITION
Zevendesimi i pixels ne nje zone viewport te nje video tjeter ne formen wipe.
DISSOLVE TRANSITION
ndryshimi gradual i pixelave te videos se dyte ne videon e pare deri sa te mbeten vetem pixelat e videos se dyte.
FADE IN/OUT TRANSITION
Fade-OUT-Video Gradualisht zhduket ne te bardh-zeze—Fade-IN-e kunderta.
Qka eshte nje Imazh 1-bit
Imazh qe reprezentohet vetem me ngjyre te bardh 1/zeze0
8-bit gray-lvl image
qdo pixel eshte 8 bitesh me variant te ngjyres gray 0-255
Bitmap
nje grip pixelash, perdor binary code per te ruajtur/shfaqur ngjyren e secilit pixel.
Image Resolution
eshte numri i pixels ne nje imazh.
what is Bit-Plane ?
A bit plane is a binary representation of a specific level of information in an image, such as grayscale intensity. It allows for efficient manipulation and processing of image data.
Dithering
Ben perzierjen e pixelave per te dhene pamjen e ngjyrave te tjera,Shton detajin vizual dhe perdor nje matric te vlerave.
24 bit color image
çdo pixel perfaqsohet nga 3 bajt , 256 x 3….
8 bit color image
perdorin nje lookup table ku qdo pixel ka nje index qe i referohet nje value 3 byte qe speciifikon ngjyren e kti pixeli.
Color Look-Up Tables (LUTs)
are tables used to map input colors to output colors, providing a convenient and efficient way to apply color transformations
Median- cut problem
Ndarja efikase e ngjyrave në pjesë më të vogla bazuar në mesataren e tyre.
GIF
(Graphics Interchange Format) is a file format commonly used for storing and displaying animated images or short video clips, supporting a limited color palette and utilizing lossless compression to maintain image quality.
Screen Descriptor
Përshkruesi i ekranit përfshin një grup atributesh që i përkasin çdo imazhi në skeder
Color Map-
gjatësia aktuale e tabelës është e barabartë me 2 ^ (pixel +1) siç është dhënë në Screen Descriptor
TIFF (Tagged Image File Format)
file format for storing high-quality images with support for various types of data.
EXIF(Exchangeable Image File)
file format for storing metadata within image files, including information about camera settings, date, and location.
PS dhe PDF
PostScript është një gjuhë e radhitjes dhe përdoret për të përcaktuar elementet e faqes në vektor. Skederët PostScript mund të përfshijnë tekst, grafikë vektoriale dhe GL. Skederët PDF përdorin kompresimin LZW dhe ofrojnë të njëjtin raport kompresimi si skederët e ngjeshur me metoda të tjera.
Microsoft Windows MetaFile (WMF)
është formati origjinal i skederit vektor për mjedisin operativ të Microsoft Windows.
Microsoft Windows: BMP (BitMap)
formati kryesor i skederit standard të sistemit grafikë për Microsoft Windows, i përdorur në Paint dhe programe të tjera.
Macintosh : PAINT and PICT:
PAINT:MacPaint per imazhe dhe piktura njengjyrshe
PICT:MacDraw program per vizatime i bazuar ne vektor.
X-windows: PPM(Portable PixMap)
is a bitmap image file format (24-bit) that X-windows understands.
Video,Digital Video/Source/Format
Moving visual representation of events captured and stored in digital format, enabling computer recognition and modification, with considerations for software compatibility, storage space, and internet speed.
FORMATET E VIDEOVE
AVI
MOV
MPEG
RM (RealMedia)
WMV (Windows Media Video)
FLV (Flash Video)
FORMATET E VIDEOVE - AVI
Cilësi shumë e mirë, edhe me rezolucion më të vogël.
Madhësia e madhe e skedarit
FORMATET E VIDEOVE - MOV
Apple OS, high quality, metadata storage.
FORMATET E VIDEOVE - MPEG
Kompresim, ruajtje audio/video, madhësi vogël, format popullor në internet, kompatibilitet me media player.
FORMATET E VIDEOVE – RM (Real Media)
RM (Real Media): Luan në RealPlayer, përmban klipë video, format popullor për transmetim në internet, mbështetet nga shumë kompjuterë dhe sisteme operative.
FORMATET E VIDEOVE – WMV (Windows Media Video)
Zhvilluar nga Microsoft, luhet në Windows Media Player, format i njohur për transmetim në internet.
FORMATET E VIDEOVE – FLV (Flash Video)
Format i përdorur në internet, luan në Adobe Flash Player, madhësi e vogël, transmetim video në internet.
KARAKTERISTIKAT E VIDEO DIGJITALE
Korniza, Frame Rate (fps)
Frame Size
Rezolucioni i ngjyrës.
Thellësia ose Rezolucioni i Ngjyrës
Numri i ngjyrave të shfaqura në ekran (RGB), varion nga 1 bit-2 ngjyra deri në 24 bit-16.7 milion ngjyra.
VIDEOT MUND TË PËRDOREN NË
CD-ROM
Lojëra
Prezantime
Videokonferenca
Faqe te internetit.
Video ne HTML (Sintaksa)
<video>
<source src="Video.mp4“ type="video/mp4">
</video>
Atributet e tagut <video></video>
Autoplay
Preload
Loop
Height
Weight
Controls
Muted
Poster
Src
Atributet e tagut <video> - Autoplay</video>
Autoplays video on pageload.Boolean Value.
Atributet e tagut <video> - Preload</video>
Dikton qfar ndodh kur pageloads.
auto: Full video load on page load
metadata: Load only metadata on page load
none: Do not load video on page load
Atributet e tagut <video> - Loop</video>
Loops the video, boolean value
Atributet e tagut <video> - Width & Height</video>
Specifikon Width Height te videos
Atributet e tagut <video> - Controls</video>
lejon userin te ket keto komanda :
Play
Pause
Volume
Full-screen Mode
Seeking
Captions/Subtitles(if available)
Track(if available)
Atributet e tagut <video> - Muted</video>
Mutes the video,Atribut boolean
Atributet e tagut <video> - Poster</video>
its a thumbnail for a video.we can choose it or a random frame will automatically be chosen from the video.
Atributet e tagut <video> - Src</video>
specifikon URL-në e skedarit video.
URL absolute points to another page.
URL relative points to itself.
Animation and Animation types
Animation displaying a sequence of still images or frames in rapid succession, creating the illusion of movement.
2D
3D
Traditional Animation
Motion Graphics
Stop Motion
2D Animation
animacion i cili shfaq imazhe ne hapsir dy dimensionale.
3D Animation
animacion qe shfaq imazhe ne hapsir 3 dimensionale, modelimi behet ne nje softuer 3d.
FORMATET E ANIMACIONEVE
GIF
APNG
SWF
MOV
FORMATET E ANIMACIONEVE - APNG
Mbështesin thellësi dhe transparencë më të madhe ngjyrash sesa GIF.
FORMATET E ANIMACIONEVE - SWF (Shockwave Flash)
perdoret per animacione dhe lojra interaktive, mbeshtet skriptimin, po zevendsohet gradualisht me html5.
CSS ANIMATION @Keyframe
CSS animation smoothly transitions element styles using keyframes to define specific intervals and create dynamic visual effects.
Animation-delay
Specifikon nje vones para fillimit te animacionit, lejohet edhe vones negative.
animation-iteration-count
specifikon sa herëve duhet të ekzekutohet një animacion.
animation-direction
Specifikon si luhet nje animacion :
normal - Animacioni luhet si normal (përpara)
reverse - Animacioni luhet në drejtim të kundërt (prapa)
alternate- Animacioni luhet së pari përpara, pastaj prapa.Boomerang
alternate-reverse - Animacioni luhet fillimisht prapa, pastaj përpara
animation-timing-function
Speed Curve of the Animation
Ease: Smooth and gradual acceleration and deceleration.
Linear: Constant speed throughout the animation.
Ease-in: Gradual acceleration at the beginning.
Ease-out: Gradual deceleration at the end.
Ease-in-out: Gradual acceleration at the beginning and deceleration at the end.
Fill-mode for an Animation
controls the element’s appearance before the first keyframe and after the last keyframe in CSS animations. It can be overridden using the animation-fill-mode property.
Fill-mode for an Animation (none)
None: No specific fill behavior is applied.
Fill-mode for an Animation (Forwards)
Forwards: The element retains the styles of the last keyframe after the animation ends.
Fill-mode for an Animation (Backwards)
Backwards: The element takes the styles of the first keyframe before the animation starts.
Fill-mode for an Animation (Both)
Both: The element combines the behavior of “forwards” and “backwards”, retaining the last keyframe’s styles after the animation ends and taking the first keyframe’s styles before the animation starts.
Cili eshte nivel me i avancuar i interaktiitetit sipas tekstit
Kontrollimi i variablave
Qka eshte Pixijs.
PixiJS is a 2D rendering library that allows you to create interactive graphics and animations using JavaScript.
PixiJS Ticker
PixiJS Ticker manages the timing and frame rate of animations in a PixiJS application, ensuring smooth rendering and synchronization of visuals.
Animating Sprites and Graphics using Easing Functions (pixijs)
involves applying predefined mathematical functions to create smooth and natural motion effects in PixiJS animations.
Handling User interaction with event listeners (Pixijs)
Attaching event listeners to elements in PixiJS enables response to user interactions such as clicks, touches, or keyboard inputs.
Text Alignment and Positioning (pixijs)
Align and position text elements using properties like anchor,x,y.
Text Wrapping nad Overflow (Pixijs)
Handling text wrapping within specified width using the wordWrap and wordWrapWidth properties.
Text Effect and Decorations (Pixijs)
Underline,Strikethrough,Superscript,Subscript.
Custom Fonts (Pixijs)
Load font files using @font-face such as Google Fonts.
Advanced Features of Pixijs:
Masking
Blending modes
Blend shapes
Pixijs Plugins:
pixi-physics or matter.js that provide physics simulation
capabilities to PixiS applications.
Tweening plugins: pixi-tween or gsap that enable smooth
animations and transitions in Pixijs
Tilemap plugins: pixi-tilemap that facilitate the creation and
rendering of tile-based maps in PixijS.
UI plugins: pixi-ui or pixi-ui-components that offer ready-to-
use UI components and user interface elements for PixijS
applications.
Pixijs Integration on Libraries and Technologies:
Pixi uses the power of WebGL for hardware-accelerated graphics and rendering.
Integration of pixijs with physics engines like p2.js or box2d.js
Filters or Pixijs
Are shader-based effects that can modify the appearance of sprites, text, or any other display object.
BlurFilter
ColormatrixFilter
GlowFilter
DropShadowFilter
Custom Filters.
