MDL Multimedia

| ILV | PR - Madel Ortiz

2012-11-29T12:56:00.002+01:00

Imatge i llenguatge visual

PR - Infografia 85º edició dels Oscars

Descripció de l’Activitat

Per aquesta pràctica has de crear una infografia informativa que representi gràficament els supòsits resultat de les propers premis dels Oscars.

La realització d'aquesta pràctica engloba el conjunt tots els continguts del curs: llenguatge visual i teories del signe, tipografia, identitat gràfica, cultura i color, que també s'avaluaran.

Realitzaràs una infografia per ser publicada hipotèticament en un diari digital.

Serà important aprofitar els recursos que ofereixen els gràfics estadístics juntament amb altres estratègies de representació visual. Cal tenir en compte les variables gràfiques i la seva capacitat per transmetre o codificar informació de manera visual.

Explora totes les possibilitats de combinar diferents estratègies gràfiques per representar dades visualment amb un enfoc expositiu que aporti informació i destaqui determinats aspectes a partir de les dades a mostrar.

Alhora intentar ser creatiu i tenir en compte els criteris estètics i de disseny gràfic (sobretot en tema de tractament del color, tipografia i llegibilitat, la maquetació dels continguts, ...).

AVÍS: tingues en compte que no es tracta només d'un plantejament de maquetació i composició gràfica, sinó de saber comunicar dades visualment. S'han de treballar al mateix temps dos camps: disseny gràfic i infografia.

Esquema de treball:

Recopilar altres exemples d'infografies, gràfics estadístics similars a la proposta de la pràctica. Recollir la informació necessària per a la nostra infografia. Aquesta compilació la podem compartir al fòrum de l'assignatura.

Lectura i estudi a fons del Mòdul didàctic 3: Infografia.

Estudiar totes les opcions possibles i saber escollir els recursos infogràfics a utilitzar, esbossar tant les representacions visuals com el conjunt compositiu, buscant la millor estratègia informativa i interpretativa de les dades. Triar quines variables gràfiques representaran les variables informatives. Escollir els gràfics estadístics o formes de representació de dades adequades.

Es recomana Illustrator com a programa d'edició gràfica però l'estudiant és lliure d'escollir o combinar-lo amb altres programes, sempre que el resultat sigui un gràfic vectorial en el format i les condicions que demana l'encàrrec.

Desenvolupar la infografia.

Mostra en la mateixa infografia les dades sobre autoria i llicència. Observar les diferents alternatives, com ara la utilització de les icones (cc) o similar.

[Qualificació: A]

prediccions oscar's...

| ILV | PS + EXAMEN

2012-11-28T12:44:00.000+01:00

DESCRIPCIÓ DE LA PROVA

La prova té 10 preguntes. Les preguntes es divideixen en tres blocs:

8 preguntes a desenvolupar sobre continguts teòrics del curs - la resposta pot estar relacionada amb les PACs realitzades . (max. 8,5 punts)

1 pregunta on cal fer un esquema de la pràctica obligatòria (0,5 punts) < NO ES POT DEIXAR EN BLANC
1 pregunta sobre coneixement de les eines informàtiques; Illustrator (1 punt)

La PS és una prova que es qualifica i que es creua amb la nota de les activitats (AC) i les Pràctiques segons la taula de creuament que teniu al Pla Docent.

CONTINGUTS TEÒRICS (max 8 punts de 10) Les preguntes sobre els continguts del curs que es poden respondre havent seguit les orientacions d'estudi de cada unitat. Es recomana estudiar i repassar les lectures obligatòries (bàsicament els mòduls del material didàctic) abans de venir a la prova. Les preguntes poden ser sobre qualsevol dels 5 mòduls.

Mòdul didàctic 1 - Imatge i comunicació visual > tindran molta importància els conceptes relacionats amb la retòrica visual i el seus registres comunicatius, el procés de comunicació visual, les teories de la imatge i el signe gràfic, el procés de comunicació visual o els Registres comunicatius

Mòdul didàctic 2 - Escriptura i tipografia > serà important conèixer conceptes que afectin a l'ús tipogràfic.

Mòdul didàctic 3 - Infografia > serà necessari conèixer els recursos principals per representar dades visualment i les variables que serveixen per informar gràficament.

Mòdul didàctic 4 - Cultura i color > donarem importància a coneixement de com ha evolucionat culturalment la utilització d'alguns colors.

Mòdul didàctic 5 - Identitat gràfica > serà important conèixer tot el relacionat amb els elements que participen dins d'un Programa d'identitat gràfica

PRÀCTICA (0,5 punts de 10)
Hi ha una pregunta sobre la teva pràctica personal. Se't demanarà que la reprodueixis en un esquema o esbós.

CONEIXEMENT EINES INFORMÀTIQUES (1 punt de 10)
Hi haurà una pregunta sobre les competències adquirides en l'ús de Illustrator. És una pregunta que es pot respondre amb un coneixement bàsic del programa, el seu entorn de treball, eines i procediments per part d'algú que l'ha fet servir en les pràctiques. Clarament pot respondre aquesta pregunta qui hagi seguit la Guia d'aprenentatge de Illustrator en la part relacionada amb l'assignatura. Se us pot mostrar una imatge i demanar-vos quines eines faríeu servir i quins passos seguiríeu per crear-la. O també demanar quins passos seguiríeu per fer un determinat tipus de gràfic, similar als que heu fet per a les activitats o pràctiques.

----------------------------------------------------------------------------------------------

PRUEBA DE SINTESIS JUNIO 2011/12
(Informació de Patricia Andreu, extreta del grup de facebook)

1.- Explicar que son rasgos estables, variables y libres y explicarlos en función de los logos de tve, la 2, clan, tdp...que salian.
2.- Retórica visual : decir que tipo de figura retórica muestra y comentar la imagen.
3.- El Kerning y la linea de base
4.- El color rojo como prohibición (yo hubiera jurado que lei verde también)
5.- Explicar las 7 variables de bertin sobre un gráfico
6.- Tipos de gráficas
7.- Explicar nuestra infografia
8.- Illustrator ponen una imagen y tienes que decir como se realiza con el programa paso a paso. (era una figura con rectas y curvas (negra) y encima un aro con un alto grosor (blanco).

----------------------------------------------------------------------------------------------

EXAMEN JUNIO 2011/12
(Informació de David Vazquez Moreno, extreta del grup de facebook)

1. Explica los planos de significación.
2. Retòrica visual. Te dan una imagen y te dicen que identifiques que figura retòrica es y a que grupo pertenece. Te dicen también que expliques otra figura retórica y a que grupo pertenence.
3. Máquina de Gutemberg. Te piden que la expliques y hagas un pequeño esquema.
4. Explicar el color púrpura.
5. Te dan los logos de bastantes juegos olímpicos. Te piden que expliques porqué los juegos olímpicos de tokyo 1964 llamaron la atención por su logo. Te piden el porqué.
6. Explicar identidad gráfica de las instituciones públicas.
7. Te dan un gráfico (iba de ópera) y te piden que lo identifiques con un gráfico estadístico.
8. Explicar otros dos gráficos estadísticos.
9. Esquema de la práctica. 10. Sobre herramientas de illustrator. Explicar como hacer un gráfico de linea. El segundo era un dibujo de dos elipses achatadas y una forma rara (parecia un gorro de napoleón).Explicar como lo harias.

Todas las preguntas que salen son de nivel parecido a la PS, pero el temario que entra es mucho más extenso. Casi imposible aprenderselo todo, es una loteria.

----------------------------------------------------------------------------------------------

20/06/2012

1. Explicar que son rasgos estables, variables y libres y explicarlos en función de los logos de tve, la 2, clan...que salían.
2. Retórica visual: decir qué tipo de figura retórica muestra y comentar la imagen.
3. El Kerning y la línea de base.
4. El color rojo como prohibición.
5. Explicar las 7 variables de Bertin sobre un gráfico.
6. Tipos de gráficas
7. Explicar nuestra infografia
8. Illustrator: ponen una imagen y tienes que decir cómo se realiza con el programa paso a paso. Era una figura con rectas y curvas (negra) y encima un aro con un alto grosor (blanco).

----------------------------------------------------------------------------------------------

16/06/2012

1. Explicar que són els trets estables, trets variables, i trets lliures, i analitzar logotip jocs olimpics London 2012 segon aquests.
2. Analitzar imatge d'anunci, i trobar la figura retorica (ampolla d'absolut vodka però és una pell de llimona) Metàfora
3. Identificar trets de la tipografia: alçada x, alçada cos, alçada descendents, alçada ascendents, alçada majuscules i línia base.
4. Historia i evolucio del color groc.
5. analitzar els 7 identificadors grafics d''una infografia. Bankkrupcydata.com o una cosa aixi era la imatge.
6. Identificar quin tipus de gràfic es una imatge, i explicar breument les caracteridstiques de tots els tipus de grafiquesa. Barres, area, volum, etc.
7. Et donen una imatge vectorial 4 cercles units per una línia a uns altres 4 cercles i has de explicar com el faries amb illustrator.
8. Esquema de la PR i explicar quines variables gràfiques has utilitzat.

----------------------------------------------------------------------------------------------

21/01/2012

1. Dels conceptes que surten, encerclar els que participen en el procés de comunicació i explicar la funció que tenen.
2. De les parelles de figures retòriques que surten, encerclar les que són de comparació i explicar per què.
3. Surten dues imatges, un mapa i un retrat, i s'ha de dir tipus, subtipus i explicació segons la classificació de Pierce.
4. Analitzar una infografia en alemany segons les variables gràfiques de Ber􀆟n (posició, mida, ombra, textura, orientació, color, forma ‐ OJU que no te les donen, les has de saber)
5. Anàlisi de la PR.

----------------------------------------------------------------------------------------------

14/01/2012

1. Tipus de gràfiques. Tocava dir quin tipus de gràfica era una que ens mostraven i explicar les característiques dels tipus que hi ha. Ensenyava una gràfica de barres i hi havia una llista de tots els tipus a explicar.
2. Mètrica vertical del tipus. Posaven la imatge que hi ha als apunts amb una paraula escrita i s'havia d'indicar què era cada cosa (alçada de les "x", alçada de les ascendents, descendents, línia de base, etc.). Les errònies descompten ‐0,15 punts del total.
3. Tipologia d'imatges. Explicar els tipus de imatge expressiva, narrativa, persuasiva i narrativa i posar exemples.
4. Identitat gràfica. Apartat 1.4, explicar les dues funcions (senyalística i qualificadora) del color en la identitat gràfica segons Norberto Chaves i dir amb quina s'ha de vigilar i perquè. (apunts: Una primera funció és senyalística, en què el color en fa detectable la presència fisica o simbòlica. Una segona funció és qualificadora, per mitjà del color es volen associar conceptes a la marca.)
5. Esquema de la pràctica infogràfica. Fer l'esquema i dir els mètodes infogràfics utilitzats i el perquè.
6. Com realitzar una gràfica de barres amb Illustrator, explicat pas per pas.

----------------------------------------------------------------------------------------------

22/06/2011

1. Explica l'origen del verd com a permissivitat i el vermell com a prohibició.
2. Escull (d'unes 7) dues figures retòriques supressives i digues per què.
3. Veies el logo de identi.ca i seleccionar afirmacions correctes (hi ha o no imagotip, hi ha o no wordmark, la x és baixa/alta, els identificadors són independents/complementaris).
4. Escull afirmacions correctes sobre l'alfabet llati.
5. Esquema de la pràctica i pregunta sobre decisions importants de variables gràfiques.
6. Descriu pas a pas com donar transperència mitjançant màscara d'opacitat a un volum que utilitzes com a ombra
6. Illustrator: com curvar un text de manera que segueixi el traçat d'una el·lipse.

----------------------------------------------------------------------------------------------

18/06/2011
1. un text del Norberto Chaves y una pregunta sobre el text. No se que dels pols de la legitimització del disseny.
2. Una foto i un mapa. Dir en quina categoría de signes segons peirce. També la tipología i en que es basaven les relacions de cadascuna amb la realitat.
3. Un text a completar sobre llicencies Creative Commons, GFDL i domini public.
4. Donen una infografia en alemany. Interpretar les variables que hi surten segons la classificacio de 7 variables de Bertin.
5. Descriure la practica i fer un esquema.
6. Com fer un gráfic de linia a Illustrator.

----------------------------------------------------------------------------------------------

11/06/2011

1. Infografia.Escollir el tipus de gràfica donara i explicar les característiques de tots els tipus de gràfic ( barres, volum, àrea...).
2. Tipografia. Omplir les caselles amb la definició correcte. Demanava Amplada de la X, Baseline, Caixa alta, Caixa baixa, Altura de la majúscula.
3. Color. Verdader o fals. Sobre la teoría del color i els pensament de cientifics, etc.
4. Identitat Gràfica. Nomberto Chaves. Explicar la funció de senyalística/qualificadora. Dir que en pensava el tal Chaves.
5. Pràctica Final. Fer l'esquema de la vostre infografia i explicar els recursos utilitzats.
6. Illustrator. Explicar com fer una gràfica de barres amb Illustator.

----------------------------------------------------------------------------------------------

PRUEBA DE SINTESIS ENERO 2013/1

1. Escriu el títol de la pel·licula que vas fer servir a la Pac 1 i explica quin grau d'iconicitat tenia i i els raonaments del disseny.

2. Segons Saussure un signe gràfic esta format per dos elements: significat i significant (OJO, als apunts sempre es nomenen canviant l'ordre: significant i significat). Et demanen l'explicació dels termes i exemples.

3. Tipografia, explicar el concepte "descendent minúscules" i fer un dibuix esquemàtic.

4. Dir el títol de la pell·licula que vas triar per fer el manual d'identitat gràfica i explicar quin trets variables tenia.

5. Elegir uns dels color que ha tingut variacions en les seves connotacions durant l'història i explicar-lo.

6. Enumerar i explicar les 7 variables gràfiques segons Bertin.

7. Fer un esquema de la teva PR.

8. Definir el terme infografia.

9. Explicar quina utilitat té el manual d'identitat gràfica per a una marca cinematogràfica.

10. Ilustrator. Donat un símbol, explicar pas a pas la seva elaboració. Era un cuadrat amb 3 dels seus cantons arrodonits i una "x" d'extrems arrodonits al seu interior.

| ILV | Pac 3 - Madel Ortiz

2012-11-27T11:15:00.002+01:00

Imatge i llenguatge visual

Activitat A2 - Redisseny Portada Llargmetratge

Descripció de l’Activitat

Aquesta activitat combina els coneixements adquirits sobre comunicació visual i identitat gràfica així com els fonaments de disseny gràfic i el seu aprofundiment.

Basant-nos en la pel·lícula escollida en la PAC1 emprarem el títol que hem creat per realitzar un redisseny de la portada de la pel·lícula.

Es realitzarà un plantejament de redisseny de la portada original emprant únicament elements vectorials.

Esquema de treball:

El redisseny ha de ser totalment vectorial, no estarà permès afegir cap element de mapa de bits. No serà obligatori que el disseny mantingui una correspondència compositiva que fa al cartell original.
En el cartell de la pel·lícula apareixeran: títol dissenyat a la PAC1, es podrà utilitzar un eslògan (a elecció de l'estudiant) per remarcar que es
tracta d'una versió actualitzada de la mateixa pel·lícula. Es mantindran els textos corresponents al protagonistes principals i director .
Crèdits i Llicències: La resta de crèdits relatius a la productora cinematogràfica original (productor, direcció de fotografia, música .. etc) no s'inclouran, en el seu lloc apareixeran únicament les llicències i crèdits de l'autor de la portada. S'integraran de forma creativa dins el mateix cartell respectant l'estil formal d'indicar els crèdits en cartelleria i portades de pel·lícules.
Decidir quins són els elements principals de modificar sobre la base dels nous requeriments. Fer diversos plantejaments possibles abans de treballar el definitiu, no quedar-se amb la primera idea, és important saber trobar solucions gràfiques adequades i atractives.
Aplicar els coneixements adquirits d'identitat gràfica, de tipografia i d'escriptura així com els color i cultura (unitats 1, 2 i 3) ..
Resoldre gràficament el redisseny del cartell cinematogràfic de manera que es mostri el
domini de les bases de disseny gràfic, intentant donar un resultat de qualitat i coherència formal.
Argumentar i justificar adequadament la proposta de redisseny en l'informe adjunt. Serà important justificar el treball sobre la base dels conceptes adquirits fins al moment en els mòduls de ILLV
No aplicar cap tipus d'interacció ni animació al cartell.

[Qualificació: A]

Informe Redisseny Portada Llargmetratge

| ILV | Pac 2 - Madel Ortiz

2012-11-11T14:37:00.000+01:00

Imatge i llenguatge visual

Activitat A2 - Manual d'identitat gràfica de llargmetratge

Descripció de l’Activitat

Aquesta activitat combina els coneixements adquirits sobre comunicació visual i identitat gràfica així com els fonaments de disseny gràfic. Has d'escollir una pel·lícula guardonada en qualsevol de les edicions dels Oscars i analitzar el seu programa d'identitat gràfica i, a partir d'aquesta anàlisi, reconstruir el seu Manual d'identitat.

Esquema de treball:

Fes una investigació del material disponible a Internet, biblioteques i hemeroteques per poder treballar a fons l'anàlisi i posterior creació del Manual d'identitat gràfica. (Serà important l'elecció de la pel·lícula, ja que l'alumne haurà de valorar si es disposa de suficient material gràfic per al seu correcte anàlisi)
Escollir una pel·lícula premiada en qualsevol de les edicions dels Oscars, i sobre la base de l'elecció, començar a recopilar informació pel que fa a la seva presència gràfica en els mitjans: logos, marques, símbols, webs i blocs, diferents aplicacions: caràtula i crèdits de la mateixa pel·lícula, portada i serigrafia del DVD, pòsters, cartells, tràiler, anuncis d'actes, aparicions en mitjans de comunicació, retalls de premsa, jocs, joguines, samarretes i altres formes de marxandatge, etc.
Estudiar i analitzar els punts clau del programa visual.
De l'anàlisi i els coneixements adquirits sobre llenguatge visual i també del material del "mòdul 5: identitat gràfica", explorar les possibilitats per decidir com realitzar el manual d'identitat gràfica, tant en l'elecció dels seus apartats com en la mostra de les diferents aplicacions.
Resoldre gràficament el Manual d'identitat gràfica, de manera que es mostri domini, qualitat i coherència formal en l'edició-format del Manual.
Lliurar la versió definitiva del Manual d'identitat en PDF

[Qualificació: A]
OrtizValor_Madel_Manual Identitat Grafica: The Incredibles

| PW | Pac 2 - Madel Ortiz

2012-10-19T17:56:00.001+02:00

Programació Web

Enunciat Pac 2

Teòrica

1.- Explica en quins casos creus que és millor incloure el codi javascript a la mateixa pàgina html i en quins casos és millor utilitzar un fitxer .js extern.

2.- El nostre consultor ha desenvolupat un senzill codi per reflectir les incidències d'un partit de futbol d'aficionats del seu poble. Sembla que l'emoció del partit ha provocat que el codi “grinyoli” una mica. Detecta, explica, i soluciona els errors que hi ha en aquest pedaç.

3.-Explica amb exemples quan i com utilitzaries les utilitzaries les estructures try / catch

Pràctica

1.- Programar una funció per donar format a una data obtinguda a partir del constructor Date() de l'objecte Date que permeti visualitzar la data final en el nostre format habitual: dia-mes-any (2 caràcters - 2 caràcters – 4 caràcters). Crear una pàgina web amb un botó que permeti validar-ho (el resultat final es pot mostrar utilitzant un alert).

2- Escriu un script que demani el nombre de paràmetres d'una funció, desprès demani un valor numèric per cada paràmetre, cridi la funció, i mostri la seva concatenació. Nota: La dificultat de l'exercici està en passar a una funció un nombre no constant de paràmetres.

3- Programar una funció que rebi 2 paràmetres de diferent tipus i actuï en funció del tipus d'aquests paràmetres. La taula inferior ens indica quina funció hem de realitzar.

Cadenes de text: encadenar els paràmetres
Enters: sumar els paràmetres
Decimals: sumar retornant el valor arrodonit
Data: retornar la diferència de data en milisegons

[Qualificació: B]

Pac 1 Resolta [MdL]

Enllaç al meu exercici: Pac 2

| PW | Pac 1 - Madel Ortiz

2012-10-19T17:48:00.000+02:00

Programació Web

Enunciat Pac 1

Crear una pàgina html buida i incrustar tot l'exercici en aquesta pàgina.

1.- Afegir-hi un botó que llenci un bucle per llegir des del teclat la llista de la compra producte, marca i unitats (format: producte, marca, unitats) i desar-los en un array ( array unidimensional que contingui la concatenació de producte, marca, unitats). Finalitzar quan hi hagi una entrada en en qualsevol dels camps que sigui FI.

2.- Afegir a l'apartat anterior una funció de validació de la informació introduïda: que no s’acceptin productes i marques que continguin caràcters especials (&%$?¿!¡¨ _) i assegurar-se de que les unitats continguin un valor numèric enter.

3.- A la pàgina anterior inserir un botó “mostrar” que permeti fer un llistat de les dades en format taula en una nova pàgina (el codi que obri la nova pàgina s’explicarà al fòrum).

4.- A la pàgina anterior afegir un botó que permeti cercar una marca de la llista i mostri tots els registres que compleixen la condició. Per visualitzar el resultat utilitzeu un alert.

5.- Afegir un nou botó que ordeni la llista de productes i els mostri, en format taula ordenada, en una pàgina nova.

6.- Com que l'opció 5 ens desordena l'estat inicial de la llista, afegir un botó que permeti recuperar-lo. Quines opcions s'us plantegen i quina seria més optima?

7.- Exportar el codi javascript de la pàgina a un arxiu .js extern i vincular-lo a la pàgina web.

8.- Documentar el codi segons la solució proposada als temes de debat.

[Qualificació: A]

Pac 1 Resolta [MdL]

Enllaç al meu exercici: Pac 1
Memòria de la Pac 1 (Nota: la portada i alguns tipus de lletra presenta modificacions respecte al treball original) | PW | PAC1 - Madel Ortiz

| ILV | Unitat 2

2012-10-16T10:46:00.000+02:00

Imatge i llenguatge visual

Identitat Gràfica:

Pels qui veniu de Disseny Gràfic és un tema nou tot i que segur que no us resulta estrany amb la utilització de molts dels conceptes bàsics de disseny gràfic estudiats. Si teniu una base doncs sobre el tema, aprofiteu per aprofundir-hi a través de la lectura dels materials, la bibliografia i els recursos web. El desenvolupament de programes d'identitat gràfica és un camp molt actiu del disseny gràfic, amb estudis i agències especialitzats en aquesta tasca. Aquests programes defineixen com les organitzacions, les marques i els productes es presenten públicament de forma gràfica. Aquests programes també canvien, evolucionen o s'adapten a través de processos de re-disseny.

Anem a estudiar tot això prestant especial atenció a la seva dimensió social i comunicativa. Aquest estudi és bàsic per donar el fonament teòric i metodològic per fer dues activitats d'avaluació, la PAC2 i la PAC3. En una posareu en joc la capacitat analítica i de reconstrucció d'un Manual d'Identitat, en l'altra aplicareu els coneixements a l'activitat.

Lectures sobre identitat gràfica:

Per aquesta unitat tenim una lectura obligatòria relacionada amb la identitat gràfica; és el mòdul 5 dels materials didàctics que teniu disponibles en format web (a l'aula) amb els següents continguts:

Programa d'identitat gràfica
Identificar què?
Identificadors gràfics
El manual d'identitat gràfic

Aquest mòdul tracta el que és un programa d'identitat gràfica i el paper social, cultural i comunicatiu que juga en la identificació i diferenciació d'una marca; els diferents àmbits on es fa servir (organitzacions , productes -una pel·lícula es pot considerar com a tal-, serveis, territoris, ...); així com quins són els "identificadors gràfics" (símbol, logotip, color, tipografia, ...) i com es regula la seva aplicació a través d'un "manual d'identitat gràfica". Us recomano consultar en la versió web l'aplicació comparativa que hi ha a l'apartat "3.3.4. Logos i variabilitat gràfica" dins la Secció 3 dedicada als "Identificadors gràfics". Podreu filtrar diferents logos segons les seves característiques gràfiques.

Lectures recomanades complementàries sobre Identitat gràfica:

Hi ha un total de 8 lectures recomanades entre les que recomanem com a mínim d'escollir-ne una per llegir. Entre aquestes hi ha 4 llibres molt recomanables; cadascun amb un enfocament diferent:

Chaves - “La imagen corporativa. Teoría y práctica de la identificación institucional” [es]
Minaniyama - “World Branding, concepts, strategy and design” [en]
Klein, Noami (2000) “NO LOGO. El poder de les marques” [es] [ca]
Heath-Potter - “Rebelarse vende” [es]

Lectures opcionals:

Dins de les lectures opcionals teniu també altres textos penjats al Foro ALFA, un espai, molt recomanable de consultar, de debat entre dissenyadors, que tracten d'alguna manera sobre la identitat gràfica, alguns dels quals apareixen citats als materials i que val la pena llegir sencers, ja que no són textos tant llargs i en canvi aporten reflexions interessants:

Costa - “Hacia dónde van las marcas” - foro alfa [es] [en línia] http://foroalfa.org/es/articulo/95/Hacia_donde_van_las_marcas
Cassisi (2006) “Marca y marca gráfica” - foro alfa [es] [en línia] http://foroalfa.org/es/articulo/33/Marca_y_marca_grafica
Belluccia (2007) “Marca y transmisión de sentido”- foro alfa [es] [en línia] http://foroalfa.org/es/articulo/90/Marca_y_transmision_de_sentido
Blasi (2006) “Las marcas como representantes de valores” - foro alfa [es] [en línia] http://foroalfa.org/es/articulo/61/Las_marcas_como_representantes_de_valores

Remeneu entre els textos publicats al Foro ALFA perquè segur que hi trobeu coses interessants. Al GRF wiki hi ha també una pàgina de recursos dedicada a la Identitat Gràfica amb enllaços referenciats:

http://multimedia.uoc.edu/~grf/index.php/Identidad_gr%C3%A1fica

Hi trobareu enllaços a manuals d'identitat gràfica que són exemples interessants de definició i presentació de programes d'identitat. A més d'altres recursos relacionats. També hi trobareu enllaçats anàlisi de programes d'identitat diversos realitzats per estudiants de multimèdia en semestres anterior s. Hi ha anàlisi molt ben fets i d'altres més fluixos. Però us recomano que us el mireu perquè hi trobareu les diferents dimensions d'un programa d'identitat amb força exemples.

Consultor: David Gómez Fontanills

| ILV | Pac 1 - Madel Ortiz

2012-10-09T11:44:00.005+02:00

Imatge i llenguatge visual

Activitat A1 - Disseny de títol remake cinematogràfic

Descripció de l’Activitat

Aquesta activitat combina els coneixements teòrics adquirits sobre llenguatge visual i sobre propietat intel·lectual. Crearem el títol d'un “suposat” remake d'una pel·lícula guardonada amb l'Oscar en qualsevol de les seves modalitats des dels orígens dels premis de l'Acadèmia fins a l'actualitat (1927-2011).
A partir de la portada d'una pel·lícula premiada en Els Oscars (no importa la categoria del premi escollida; millor pel·lícula, millor fotografia, efectes especials.. etc) Prendrem el títol de la pel·lícula (títol que identifica gràficament la pel·lícula) i elaborarem un nou disseny del títol per anunciar una suposada reedició de la pel·lícula triada. En el títol a desenvolupar ha d'existir una coherència visual, seguint la mateixa línia temàtica i conceptual de la pel·lícula. Mitjançant la utilització de recursos gràfics i compositius crearem un logotip que defineixi l'essència de la pel·lícula.

S’haurà de fer servir obligatòriament tipografia i elements vectorials, però no es podrà emprar cap biblioteca de recursos vectorials ni imatges de mapa de bits (jpg, gif, png, etc...).

Esquema de treball:

Escull una pel·lícula guardonada des del lloc oficial dels Oscars. Serà de gran ajuda informar-se i conèixer el gènere i trama de la pel·lícula.
Elabora un disseny de títol propi, òptim i efectiu que comuniqui clarament a l'espectador l'essència de la pel·lícula escollida.
Decideix quins elements incorporar en el disseny tenint en compte que segueixin una línia gràfica coherent que representin d'una manera actual e innovadora la reedició de la pel·lícula.
A partir dels coneixements adquirits sobre llenguatge visual, teoria del signe i fins i tot sobre mecanismes de retòrica visual explorar les possibilitats per decidir un disseny gràfic efectiu, tant en l'elecció dels seus components com en la seva capacitat comunicativa (l'espectador ha de ser capaç d'interpretar-los correctament. Això ho podeu fer mitjançant esbossos).
Resoldre gràficament el títol de la reedició cinematogràfica mitjançant l'ús de recursos gràfics de creació pròpia en el disseny.
El document a presentar serà en format png amb fons transparent.
Serà important conservar el document realitzat en format Illustrator per utilitzar-ho en una posterior activitat. Però no s'ha de presentar en aquest lliurament.
Elaboració d'una breu memòria (½ pàgina) que justifiqui el procés de re-disseny de logotip raonant les eleccions compositives i que inclogui el títol desenvolupat.
Atorgar i aplicar al re-disseny els crèdits i llicències d'ús i drets que l'estudiant consideri oportú, la llicència estarà basada en les llicències CC (a més d'incloure-la en la imatge final, s'haurà de comunicar i raonar en l'informe adjunt de lliurament). Enllaç a resum de llicències.
Redactar un article d'anàlisis comparativa entre tres pàgines corporaives de Facebook de tres entitats reconegudes, i en fer una reflexió que reculli els diversos conceptres que s'han treballat durant la llectura del llibre de Lev Manovich i altres fonts de l'assignatura.

Recomanacions del consultor (David Gomez Fontanills):

Imagineu un remake, una nova versió, que suposadament s'ha rodat de la pel·lícula. Imagineu què ha canviat i quin tipus de títol nou requerirà.
Penseu que feu un títol, no un cartell. Un títol que es pugui fer servir en diferents aplicacions (caràtula, cartell, portada DVD, samarreta, website, ...).
Tingueu molt en compte les decisions tipogràfiques relacionades amb escollir la font i l'estil, l'interlletrat, l'interlineat i les possibles modificacions dels caràcters.
Podeu posar elements gràfics, però com a part d'aquest títol, que aniran junt amb ell a les diferents aplicacions. Hi pot haver elements d'il·lustració o altres elements gràfics integrats o fusionats amb el títol mentre que l'element afegit no prengui més protagonisme que el propi títol. Tots els elements han de ser de creació pròpia
Atorgar i aplicar al re-disseny els crèdits i llicències d'ús i drets que l'estudiant consideri oportú, la llicència estarà basada en les llicències CC a més d'incloure-la en la imatge final, s'haurà de comunicar i raonar en l'informe adjunt de lliurament. És un repte combinar això amb el títol i que quedi discret tot i que sigui entendible. No pot dominar massa sobre el títol, és clar.

[Qualificació: A]

OrtizValorMadel_Informe_PAC1_ILV

Llicències i drets d'autor

2012-09-21T12:32:00.000+02:00

Començem aquest segon semestre amb el tema dels drets d'autor.

A la primera Pac de Dissenys Gràfic se'ns proposava la tasca de cercar dues imatges per fer un obra derivada a partir d'aquestes. Les imatges emprades devien de permetre el seu us per a generar obra derivada i la imatge resultant havia de tindre la llicència corresponent...

Per tal d'entendre els tipus de llicènces hi havia que llegir sobre el Copyright, Copyleft, i els diferents tipus de llicencies com Creative Commons entre altres.

La següent taula la vaig elaborar per tal de veure amb un cop d'ull les diferents característiques de les llicències més emprades, les de Creative Commons.

Tabla Licencias

Us deixe també un magnific article publicat a Mosaic d'un estudiant d'aquest grau, Moises Boixadera, on explica com va organitzar les llicències en un treball de Disseny Gràfic.

"De las pegatinas a los iconos. Una práctica sobre licencias y derechos de autor".

LLICENCIES_IMATGES Moises Boixadera

iDesweb: Historia de los navegadores

2012-09-20T14:46:00.000+02:00

Ir a la web del curso

En este apartado se estudia la historia de los navegador web: Mosaic, Netscape, el primer Internet Explorer, la guerra de los navegaodres...

_________________________________________________________________

Diario Personal de Recursos Completados

(esta serie de posts estan dedicados a mi seguimiento personal del curso, encontraras información y enlaces a los recursos pero, si estas interesados en ellos dirigete a la web de los creadores iDESWEB)

Gris: pendiente

Verde: completado

Azul: Notas MdL

Vídeos

Browser wars: who’s the fastest?: Brendan Eich, CTO of Mozilla, talks about the race for the fastest browser engine. Google, Microsoft, Apple—are all competing with Mozilla. The competition, he says, is good for users and developers. [20/09/12]
Computing Conversations with Brendan Eich: Computer's multimedia editor Charles Severance speaks with Mozilla CTO Brendan Eich about how the latter created JavaScript in 1995. As HTML5 emerges, it's entirely possible that JavaScript will soon become a dominant programming language for both mobile and desktop applications, which is impressive for a language Eich developed in 10 days nearly 20 years ago. [20/09/12]
Internet and Web Pioneers: Brian Behlendorf - Apache Foundation: Brian is the founder of the Apache foundation and is one of the lead developers of the Apache Web server - the most popular server on the Internet. Brian talks about the history of Apache, how Apache is governed and his current effort with CollabNet (collab.net). [Ingles :(]
Internet Pioneers: Joseph Hardin - The History of the Mosaic Web Browser: Mosaic was the first widely available cross-platform browser and is seen by many as the trigger for the broad commercialization of the Internet and the web. Joseph Hardin managed the group that developed NCSA Mosaic at the University of Illinois. Joseph talks about the National Center for Supercomputing Applications (NCSA) and the decisions and thinking that led to the beginning of the NCSA Mosaic project in 1992. Joseph also talks about the early steps in commercialization of the Web through Netscape and then Microsoft. [20/09/12]
Netscape Mozilla Documentary 1998 - 2000 ProJect Code Rush: Code Rush, produced in 2000 and broadcast on PBS, is an inside look at living and working in Silicon Valley at the height of the dot-com era. The film follows a group of Netscape engineers as they pursue at that time a revolutionary venture to save their company - giving away the software recipe for Netscape's browser in exchange for integrating improvements created by outside software developers.

Complementario

And the Winner is... - Web Browser Wars III: This is the 3rd Web Browser Wars Video - Which browser is your favorite?
Brendan Eich: From Netscape Navigator to Firefox: In a Super Techies interview, Mozilla CTO Brendan Eich talks to ZDNet Editor in Chief Dan Farber about his career as a programmer in Silicon Valley. Eich discusses his early work at Netscape creating the JavaScript programming language, battling Microsoft in the browser wars, and his current role at Mozilla, overseeing new technology enhancements for the company's flagship Firefox browser.
Browser Wars - Lets make Peace!: Which browser is faster? which one has more features? Which is more compatible? These are a few of the popular questions asked about web browsers. Lets see how the PeaceKeeper benchmarks the top 5 popular browsers against each other.
How browsers work internally - Tali Garsiel - Front-Trends 2012: Tali Garsiel on how browsers work internally.
Lessons Learned from the Browser Wars: Did we learn anything through the massive growth in Internet software development from 1995-2000? Scott Berkun did. He was an original member of the small and initially ignored Internet Explorer team of 15 people that grew into a 200+ person organization by version 5.0. He went on to manage teams in Windows and MSN, and is here to talk about what he learned during and since those wild chaotic times. To illustrate tough lessons of software development, this talk incorporates stories from the browser wars and Berkun's research into other projects. These lessons address issues such as small vs. large team engineering, business vs. customer tradeoffs, how to be...
LIVE EC Midday press briefing: Midday statement by Joaquín ALMUNIA, Vice-President of the EC in charge of Competition, on Microsoft non-compliance with the browser choice commitments.
Web Browser Wars 4 - The beginning...: Is Internet Explorer 9 catching up? Will Google Chrome forever be the fastest performing web browser? What's your opinion?
Web Browser Wars II - Which browser is the fastest in 2010?: Google Chrome ? Mozilla - Minefield or Firefox, Safari, Opera, Internet Explorer which is your favorite? Which is fast for you? You can run your own browser tests on http://service.futuremark.com/peacekeeper/index.action.

Lecturas

Imprescindible

Browser Wars: The End or Just the Beginning?: “Browser Wars: The End or Just the Beginning?” reveals not only the impact web browsers like Chrome and Firefox have had on the once-mighty Internet Explorer, but introduces another strong contender in the battle for web browser superiority… Mobile Safari, found on devices like the iPhone and iPad. We also thought it would be fun to do a timeline of the somewhat notorious “Browser Wars” that have taken place for more than two decades. [20/09/12]
Browsers Timeline: Timeline de la historia de los navegadores web, desde 1996 hasta 2011.
Current status of the “Browser Wars”: In this report we will examine the current status of what is often referred to as the “Browser Wars.” How popular are the various web browsers around the world right now? As you’ll see, there are significant regional differences in web browser usage. [20/09/12]
La evolución de la Web: Infografía con información sobre la evolución de la Web, sus tecnologías y los navegadores. [20/09/12]
Programación de aplicaciones web: historia, principios básicos y clientes web: Introducción. Historia de Internet. Arquitectura cliente/servidor. Qué es una aplicación web. Estructura de un sitio web. HTML. Guía de estilo. Lenguajes de script. JavaScript. Modelo de Objetos de Documento.
Statistically Speaking: Browser Wars Escalate: The new round of Internet-browser wars is accompanied by a battle over browser statistics. At stake: which Web browser, Microsoft Corp.'s MSFT -0.58% or Google Inc.'s, GOOG +1.65% is the most popular around the world. [20/09/12]
The Browser Wars: Since the birth of Netscape in 1994, browser development has been a battleground. Microsoft enjoyed a decade of dominance with Internet Explorer. But now Firefox has almost 20 percent of the market, and Chrome is entering the fray. [20/09/12]

Complementario

Browser Wars: Chrome vs. IE9 vs. Firefox: Web browsers just refuse to sit still. They just keep evolving to offer new speed and standards support, all moving towards the ultimate goal—enabling websites to do everything that native applications can. Case in point? The HTML5 getUserMedia draft specification. This new spec allows a webpage to access a user's webcam and microphone, dispensing with the need for a plugin such as Adobe Flash or Microsoft SilverLight to achieve this feat.
Bruselas estudia multar a Microsoft por imponer Explorer, su navegador: Nueva refriega en la larga batalla de la Comisión Europea contra las prácticas abusivas de Microsoft. Joaquín Almunia, vicepresidente del Ejecutivo comunitario y responsable de Competencia, acaba de anunciar que investigará si la compañía fundada en 1975 por Bill Gates y Paul Allen ha incumplido su compromiso de abrir a los usuarios de Windows, su sistema operativo, la posibilidad de utilizar navegadores distintos a Internet Explorer. [20/09/12]
Cómo funcionan los navegadores: lo que hay detrás de los navegadores web actuales: Este completo manual sobre las operaciones internas de WebKit y Gecko es el resultado de las extensas investigaciones realizadas por la desarrolladora israelí Tali Garsiel. Durante varios años ha estado revisando toda la información publicada sobre las características internas de los navegadores web y ha pasado mucho tiempo leyendo su código fuente. [20/09/12]
Con cifras definitivas de Mayo, StatCounter confirma que Chrome pasó a Internet Explorer: De acuerdo a un comunicado de prensa que hemos recibido de StatCounter, la compañía confirma que según sus cálculos, con las cifras completas de Mayo, Chrome acaba de pasar a Internet Explorer en el mercado global de navegadores.
How Browsers Work: Behind the Scenes of Modern Web Browsers: This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code.
Por favor, elija su navegador favorito: La Unión Europea obliga. A partir del lunes, los usuarios de Windows 7, XP y Vista en Europa que usen su ordenador con conexión a la Red podrán ver una pantalla al iniciar su ordenador en el que se les pedirá que elijan entre varios navegadores, entre ellos IE -que hasta ahora era el único incluido por defecto con el sistema operativo-, Google Chrome, Firefox, Safari y Opera. Toda una oportunidad para avivar la competencia entre ellos.
The browser wars are back!: It's like 1995 all over again. Again. Competition between Firefox, Google, and Microsoft for users' time online -- and especially on mobile devices -- is fierce once again.
United States v. Microsoft: United States v. Microsoft was a set of civil actions filed against Microsoft Corporation pursuant to the Sherman Antitrust Act of 1890 Sections 1 and 2 on May 18, 1998 by the United States Department of Justice (DOJ) and 20 states. Joel I. Klein was the lead prosecutor. The plaintiffs alleged that Microsoft abused monopoly power on Intel-based personal computers in its handling of operating system sales and web browser sales. The issue central to the case was whether Microsoft was allowed to bundle its flagship Internet Explorer (IE) web browser software with its Microsoft Windows operating system. Bundling them together is alleged to have been responsible for Microsoft's victory in the browser wars as every Windows user had a copy of Internet Explorer.

Ejercicios

Imprescindible

Preguntas sobre el vídeo Internet Pioneers: Joseph Hardin - The History of the Mosaic Web Browser

Pregunta 1
¿Dónde fue desarrollado el navegador Mosaic?
Tu respuesta: En NCSA

¡Respuesta correcta!

Pregunta 2
¿En qué año empezó a desarrollarse el navegador Mosaic?
Tu respuesta: 1992

¡Respuesta correcta!

Pregunta 3
¿Para qué sistema operativo se desarrolló la primera versión de Mosaic?
Tu respuesta: Unix

¡Respuesta correcta!

Pregunta 4
¿Cuántos desarrolladores se dice que tenía Microsoft trabajando en su navegador?
Tu respuesta: 100

¡Respuesta errónea!

Solución: 2000

Pregunta 5
¿Cómo se llama la compañía que fundaron los creadores de Mosaic?
Tu respuesta: Netscape

¡Respuesta correcta!

Pregunta 6
¿Para qué sistemas operativos estaba disponible el navegador Mosaic?
Tu respuesta: Apple, Windows y Unix

¡Respuesta correcta!

iDesweb: Historia de la Web

2012-09-17T13:36:00.000+02:00

Ir a la web del curso

En este apartado se estudia la historia de la WEB: el CERN, la aportación de Tim Berners-Lee, la primera página web, el primer navegador web...

_________________________________________________________________

Diario Personal de Recursos Completados

Gris: pendiente

Verde: completado

Azul: Notas MdL

Vídeos

Imprescindible

Historia de la Web: su nacimiento (parte 1): Historia de la Web, su nacimiento, Vannevar Bush y el memex, Ted Nelson y el hipertexto y la hipermedia, Tim Berners-Lee (TBL) y su propuesta de creación de un sistema de hipertexto para compartir información en el CERN. [15/09/2012]
Historia de la Web: su nacimiento (parte 2): Historia de la Web, su nacimiento, creación de un sistema de hipertexto para compartir información en el CERN, el sistema NeXT, el primer servidor web en España, Robert Cailliau, primera conferencia del WWW, creación del W3C, Premio Príncipe de Asturias de Investigación Científica y Técnica. [15/09/2012]
Internet and Web Pioneers: Robert Cailliau : Robert Cailliau is the co-Inventor of the World-Wide-Web. Robert works at the CERN High Energy Physics laboratory. Robert talks anout the early days of the web and Gopher, the design of HTML, and talks about how the web changed when many new kinds of browsers such as Mosaic were introduced for the PC and Mac. He also talks about how the first web browser and server were developed. This interview was taped July 1999. [17/09/2012]
The Invention of the World Wide Web: How did the great invention of the 20th Century come about and who is Tim Berners-Lee, the English scientist who passed his great invention on to humanity? [17/09/2012]
Tim Berners-Lee on the World Wide Web: Tim Berners-Lee is credited with inventing the worldwide web in 1991, but what does he think of his invention now? Tim Berners-Lee describes the worldwide web as a platform - a flexible technology where many different ideas and forms of data can be connected for creativity or invention. He says it was not possible to predict what the worldwide web would become 20 years ago, as all these connections had not yet been made. He goes on to predict that computer hardware will change, allowing pixels to cover the whole wall of a room. In the short term he is interested in the use of video and mobile applications and is still excited about the current uses of the web and the future possibilities. This clip was first published on BBC News Online on 9 June 2009. [17/09/2012 Sin traducción]
Tim Berners-Lee remembers the moment he switched on the web: What happened when Tim Berners-Lee switched on the first website? In a clip from 'The Virtual Revolution', a 4 part series about how the web is reshaping our lives, the inventor of the World Wide Web suggests that not everyone was aware how much the world changed that day. [17/09/2012 Sin traducción]

Complementario

Ian Ritchie: The day I turned down Tim Berners-Lee: Imagine it's late 1990, and you've just met a nice young man named Tim Berners-Lee, who starts telling you about his proposed system called the World Wide Web. Ian Ritchie was there. And ... he didn't buy it. A short story about information, connectivity and learning from mistakes.
Internet Pioneers: Dr. Larry Smarr - How the Internet Happened: Dr. Larry Smarr of the National Center for Supercomputing Applications (NCSA) / University of Illinois at Urbana-Champaign) (UIUC) talks about the history of the Internet. This the raw footage of an interview I did in 1997 at the National Center for Supercomputing Applications. Dr. Smarr talks about the history of high performance computing and how high performance computing led to the formation of the NSFNet. Larry also talks about how the development of software to access supercomputers set the stage for the development of NCSA Mosaic - the first web browser which was available on Unix, Macintosh and Windows - and is seen as many as the beginning of the consumer-driven web/internet.
Internet users guide from 1990: Curioso vídeo de mediados de los años 90 en el que se explica qué es Internet y la Web y qué se puede hacer en Internet y en la Web.
Steve Jobs building NeXT: Steve Jobs in 1987, as he left Apple and set out to create his next great computer empire, NeXT. A revealing portrait of the man millions would later come to recognize as the most influential mind of the 21st centuty.

Lecturas

Imprescindible

Arqueología digital: los primeros servidores web de España: Artículo en el que se explica que el primer servidor web en España se instaló en la Universitat Jaume I de Castellón. [15/09/2012]
How It All Started: Presentación que Tim Berners-Lee utilizó para contar la historia de la Web durante la celebración del décimo aniversario del W3C en el año 2004. En esta presentación se repasa la historia de Internet, de la Web, y del World Wide Web Consortium. [15/09/2012]
Information Management: A Proposal: La propuesta original de marzo de 1989 de Tim Berners-Lee. Su jefe Mike Sendall escribió al revisarla Vague but exciting...[15/09/2012]
La evolución de la Web: Infografía con información sobre la evolución de la Web, sus tecnologías y los navegadores. [16/09/2012]
Programación de aplicaciones web: historia, principios básicos y clientes web: Introducción. Historia de Internet. Arquitectura cliente/servidor. Qué es una aplicación web. Estructura de un sitio web. HTML. Guía de estilo. Lenguajes de script. JavaScript. Modelo de Objetos de Documento. [16/09/2012]
Tejiendo la Red: Traducción al español del libro "Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor" del año 1999. En este libro, Tim Berners-Lee explica cómo fueron los primeros años del nacimiento de la Web y cuál era la visión que le guió.
The World Wide Web: A very short personal history: Tim Berners-Lee: In response to a request, a one page looking back on the development of the Web from my point of view. Written 1998/05/07. [17/09/2012]
W3C Tenth Anniversary: Timeline creado por el W3C en conmemoración del décimo aniversario de su creación, repasa los acontecimientos más importantes de la historia de la Web y del W3C.
Welcome to info.cern.ch: El primer sitio web, en la actualidad alberga una página web en recuerdo de la primera página web.

Complementario

20 Years Ago Today: The First Website Is Published: Pequeño artículo publicado el 6/8/2011 para conmemorar el 20º aniversario de la publicación del primer sitio web.
As We May Think: As Director of the Office of Scientific Research and Development, Dr. Vannevar Bush has coordinated the activities of some six thousand leading American scientists in the application of science to warfare. In this significant article he holds up an incentive for scientists when the fighting has ceased. He urges that men of science should then turn to the massive task of making more accessible our bewildering store of knowledge. For years inventions have extended man's physical powers rather than the powers of his mind. Trip hammers that multiply the fists, microscopes that sharpen the eye, and engines of destruction and detection are new results, but not the end results, of modern science. Now, says Dr. Bush, instruments are at hand which, if properly developed, will give man access to and command over the inherited knowledge of the ages. The perfection of these pacific instruments should be the first objective of our scientists as they emerge from their war work. Like Emerson's famous address of 1837 on "The American Scholar," this paper by Dr. Bush calls for a new relationship between thinking man and the sum of our knowledge.
Cómo podríamos pensar: Esta versión en español fue publicada en marzo de 2001, en el número 239 de la Revista de Occidente, dedicado a “El saber en el universo digital” y preparado por José Antonio Millán. Se publica ahora, cinco años después, por primera vez en Internet (en inglés está disponible desde 1994). Viene a cubrir la sorprendente ausencia en la Red de la traducción de un texto clásico, considerado por muchos como un precursor de la idea que, casi medio siglo después, dio lugar a la Web. Escrito en un momento muy significativo, a finales de la Segunda Guerra Mundial, cuando la alianza de la ciencia y el horror había alcanzado cotas antes nunca vistas (de la experimentación médica nazi a la bomba atómica), un científico, Vannevar Bush, plantea su misión en un mundo posbélico y, entre tantos sueños posibles, escoge uno: una máquina que ponga cualquier publicación del mundo encima del escritorio. ¿Cuál era la finalidad del sueño de Bush? Sencillamente: la creación intelectual. Su utopía contempla, sí, el acceso universal, pero al servicio de algo: el título de su manifiesto no fue: “Cómo conseguiríamos llegar a todo” sino “Cómo podríamos pensar” (As We May Think). Pues bien, la World Wide Web ha realizado el sueño de Bush hasta un extremo que ni siquiera él se había atrevido a imaginar.
How the Web Was Won: Fifty years ago, in response to the surprise Soviet launch of Sputnik, the U.S. military set up the Advanced Research Projects Agency. It would become the cradle of connectivity, spawning the era of Google and YouTube, of Amazon and Facebook, of the Drudge Report and the Obama campaign. Each breakthrough—network protocols, hypertext, the World Wide Web, the browser—inspired another as narrow-tied engineers, long-haired hackers, and other visionaries built the foundations for a world-changing technology. Keenan Mayo and Peter Newcomb let the people who made it happen tell the story.
Nerds 2.0.1: A Brief History of the Internet: Historia de Internet y de la Web, a través de un timeline, sus personajes y los acontecimientos más importantes.
Steve Jobs: The Next Insanely Great Thing: Steve Jobs has been right twice. The first time we got Apple. The second time we got NeXT. The Macintosh ruled. NeXT tanked. Still, Jobs was right both times. Although NeXT failed to sell its elegant and infamously buggy black box, Jobs's fundamental insight - that personal computers were destined to be connected to each other and live on networks - was just as accurate as his earlier prophecy that computers were destined to become personal appliances. Now Jobs is making a third guess about the future. His passion these days is for objects. Objects are software modules that can be combined into new applications (see "Get Ready for Web Objects"), much as pieces of Lego are built into toy houses. Jobs argues that objects are the key to keeping up with the exponential growth of the World Wide Web. And it's commerce, he says, that will fuel the next phase of the Web explosion.

Ejercicios

Imprescindible

Historia de la Web

[17/09/2012]
Pregunta 1
¿Quién participó en el desarrollo de la World Wide Web?
Tu respuesta: Vannevar Bush

¡Respuesta errónea!

Pregunta 2
¿En qué año se fundó el World Wide Web Consortium?
Tu respuesta: 1994

¡Respuesta correcta!

Pregunta 3
¿Qué escribió el jefe de Tim Berners-Lee en la cubierta de su propuesta?
Tu respuesta: Vague, but exciting

¡Respuesta correcta!

Pregunta 4
¿Dónde trabaja Tim Berners-Lee en la actualidad (2011)?
Tu respuesta: W3C

¡Respuesta correcta!

Pregunta 5
¿Quién acuño el término hipertexto?
Tu respuesta: Ted Nelson

¡Respuesta correcta!

Pregunta 6
¿De qué marca es el ordenador que se utilizó para desarrollar la Web?
Tu respuesta: NeXT

¡Respuesta correcta!

Pregunta 7
¿En qué año Tim Berners-Lee publicó la primera página web?
Tu respuesta: 1990

¡Respuesta correcta!

Pregunta 8
¿Cuál fue el nombre inicial de la Web?
Tu respuesta: Mesh

¡Respuesta correcta!

Pregunta 9
¿Qué es el CERN?
Tu respuesta: El centro europeo para la investigación nuclear

¡Respuesta correcta!

Pregunta 10
¿Cuál era el contexto en el que Tim Berners-Lee desarrolló la World Wide Web?
Tu respuesta: Un laboratorio científico

¡Respuesta correcta!

Pregunta 11
¿Cuales son los tres elementos fundamentales de la Web?
Tu respuesta: HTML, HTTP y URL

¡Respuesta correcta!

Pregunta 12
¿Cuál es el título del famoso artículo que publicó Vannevar Bush sobre su máquina memex?
Tu respuesta: As We May Think

¡Respuesta correcta!

Pregunta 13
¿Cuando comenzó Tim Berners-Lee a desarrollar lo que posteriormente sería la World Wide Web?
Tu respuesta: 1989

¡Respuesta correcta!

Pregunta 14
¿Cuál era el objetivo del sistema que desarrolló Tim Berners-Lee?
Tu respuesta: Organizar y compartir la información existente

¡Respuesta correcta!

Preguntas sobre el vídeo Internet and Web Pioneers: Robert Cailliau

[17/09/2012]
Pregunta 1
En el vídeo se dice que HTML es tan malo como otro lenguaje de etiquetado de documentos llamado:
Tu respuesta: XML

¡Respuesta errónea!

Solución: TeX

Pregunta 2
¿Qué otra tecnología similar a la Web se comenta en el vídeo?
Tu respuesta: Gopher

¡Respuesta correcta!

Pregunta 3
¿Qué sistema operativo tiene el ordenador que aparece en el vídeo?
Tu respuesta: IBM OS/2

¡Respuesta errónea!

Solución: Unix

Pregunta 4
¿Dónde se estableció el primer servidor web en Estados Unidos?
Tu respuesta: Stanford

¡Respuesta correcta!

Pregunta 5
¿Qué año es llamado "el año de la Web" en el vídeo?
Tu respuesta: 1990

¡Respuesta errónea!

Solución: 1994

Pregunta 6
¿En qué entorno nació la World Wide Web?
Tu respuesta: Académico

¡Respuesta correcta!

Pregunta 7
¿De qué marca es el ordenador que se utilizó para desarrollar la Web?
Tu respuesta: NeXT

¡Respuesta correcta!

Preguntas sobre el vídeo The Invention of the World Wide Web

[17/09/2012]
Pregunta 1
¿Con qué grupo de personas compara el presentador el cambio ha producido Tim Berners-Lee y su invento?
Tu respuesta: Políticos

¡Respuesta correcta!

Pregunta 2
¿Cuál es la nacionalidad de Tim Berners-Lee?
Tu respuesta: Inglés

¡Respuesta correcta!

Pregunta 3
¿Cuál era el objetivo del sistema que desarrolló Tim Berners-Lee?
Tu respuesta: Organizar y compartir la información existente

¡Respuesta correcta!

Pregunta 4
¿De qué época es el libro "Enquire Within Upon Everything" que inspiró a Tim Berners-Lee?
Tu respuesta: Industrial

¡Respuesta errónea!

Solución: Victoriana

Pregunta 5
¿Qué escribió el jefe de Tim Berners-Lee en la cubierta de su propuesta?
Tu respuesta: Vague, but exciting

¡Respuesta correcta!

iDesweb: Historia de Internet

2012-09-16T18:09:00.000+02:00

Ir a la web del curso

En este apartado se estudia la historia de internet: su nacimiento, sus creadores, la aclaración sobre su origen. El programa ARPANET, protocolos TCP, etc...

Hay disponibles gran cantidad de videos y lecturas sobre el tema.

Y para acabar 3 test para comprobar los conocimientos adquiridos.

_________________________________________________________________

Diario Personal de Recursos Completados

Gris: pendiente

Verde: completado

Azul: Notas MdL

Vídeos

Imprescindible

40th Anniversary of the Net - October 29, 1969: On the evening of October 29, 1969 the first data travelled between two nodes of the ARPANET, a key ancestor of the Internet. Even more important, this was one of the first big trials of a then-radical idea: Networking computers to each other. The men who symbolically turned the key on the connected world we know today were two young programmers, Charley Kline at UCLA and Bill Duvall at SRI in Northern California, using special equipment made by BBN in Cambridge, Massachussetts.
Historia de Internet: su nacimiento: Historia de Internet, su nacimiento, los primeros años del programa ARPANet, Leonard Kleinrock y la comunicación basada en la conmutación de paquetes, la primera comunicación en 1969, la expansión de ARPANet, el protocolo TCP de Vint Cerf y Robert Kahn.
History of the Internet: "History of the internet" is an animated documentary explaining the inventions from time-sharing to filesharing, from Arpanet to Internet.
The first Internet connection, with UCLA's Leonard Kleinrock: Internet pioneer and UCLA computer science professor Leonard Kleinrock discusses the process of connecting the first host computer to the fledgling Internet, then known as the ARPANET, in September 1969, and sending the first host-to-host message a month later on October 29, 1969. En Ingles :( no trascrito.
UCLA's Leonard Kleinrock displays Internet's first router: Internet pioneer and UCLA computer science professor Leonard Kleinrock displays the Internet's first router, or "switch" -- known as an Interface Message Processor -- and describes the process of connecting it with UCLA's host computer, leading to the first-ever Internet message sent on October 29, 1969. En Ingles :( no trascrito.
UCLA's Leonard Kleinrock on packet switching, early Internet: Internet pioneer and UCLA computer science professor Leonard Kleinrock discusses the childhood event that led to his career in engineering, his research on packet switching, and the process of bringing the early Internet to life. En Ingles :( no trascrito.
Vint Cerf (Digital Revolution Rushes Sequence): Vint Cerf is Vice President and Chief Internet Evangelist of Google, and is often referred to as 'the father of the internet'. Here he discusses how the internet was designed, the importance of 'net neutrality', and the human experience of the internet. En Ingles :( no trascrito.

Complementario

1963 Timesharing: A Solution to Computer Bottlenecks: This vintage film features MIT Science Reporter John Fitch at the MIT Computation Center in an extended interview with MIT professor of computer science Fernando J. Corbato. The film was co-produced by WGBH (Boston) and MIT. The prime focus of the film is timesharing, one of the most important developments in computing, and one which has come in and out of favor several times over the last several decades as the dichotomy between remote and centrally-managed computing resources played out; the latest incarnation for centrally-managed computing resources is known as cloud computing.
How the Internet Began - Life Online at the National Media Museum: An animated timeline explaining the history of the internet 1969-1983, featuring some of the innovators who created it (Vint Cerf & Leonard Kleinrock).
Internet Pioneers: Dr. Larry Smarr - How the Internet Happened: Dr. Larry Smarr of the National Center for Supercomputing Applications (NCSA) / University of Illinois at Urbana-Champaign) (UIUC) talks about the history of the Internet. This the raw footage of an interview I did in 1997 at the National Center for Supercomputing Applications. Dr. Smarr talks about the history of high performance computing and how high performance computing led to the formation of the NSFNet. Larry also talks about how the development of software to access supercomputers set the stage for the development of NCSA Mosaic - the first web browser which was available on Unix, Macintosh and Windows - and is seen as many as the beginning of the consumer-driven web/internet.
Internet users guide from 1990: Curioso vídeo de mediados de los años 90 en el que se explica qué es Internet y la Web y qué se puede hacer en Internet y en la Web.
There and Back Again: A Packet's Tale - How does the Internet work?: The video lets you ride shotgun with a packet of data—one of trillions involved in the trillions of Internet interactions that happen every second. Look deep beneath the surface of the most basic Internet transaction, and follow the packet as it flows from your fingertips, through circuits, wires, and cables, to a host server, and then back again, all in less than a second.

Lecturas

Imprescindible

El verdadero origen de Internet: Aclaración de la idea errónea que existe sobre el origen de Internet como "un proyecto militar estadounidense para crear una red de ordenadores que uniera los centros de investigación dedicados a labores de defensa en la década de los 60 en los Estados Unidos y que pudiera seguir funcionando a pesar de que alguno de sus nodos fuera destruido por un hipotético ataque nuclear".
Programación de aplicaciones web: historia, principios básicos y clientes web: Introducción. Historia de Internet. Arquitectura cliente/servidor. Qué es una aplicación web. Estructura de un sitio web. HTML. Guía de estilo. Lenguajes de script. JavaScript. Modelo de Objetos de Documento.
The Arpanet: Explicación sobre el Interface Message Processor (IMP) de la empresa Bolt Beranek and Newman (BBN) que lo construyó.

Complementario

A Brief History of the Internet: Una breve historia de Internet escrita por algunos de sus protagonistas.
A Protocol for Packet Network Intercommunication: A protocol that supports the sharing of resources that exist in different packet switching networks is presented. The protocol provides for variation in individual network packet sizes, transmission failures, sequencing, flow control, end-to-end error checking, and the creation and destruction of logical process-to-process connections. Some implementation issues are considered, and problems such as internetwork routing, accounting, and timeouts are exposed.
Charles Babbage Institute – Oral Histories: Entrevistas realizadas a los padres de Internet, como Vinton Cerf, Leonard Kleinrock, Robert Kahn o Lawrence Roberts.
Early Internet Leaders: Lista de personas que contribuyeron de forma significativa al diseño y desarrollo de Internet durante sus primeros años.
Hobbes' Internet Timeline: Timeline de la historia de Internet, desde sus orígenes hasta la actualidad.
How the Web Was Won: Fifty years ago, in response to the surprise Soviet launch of Sputnik, the U.S. military set up the Advanced Research Projects Agency. It would become the cradle of connectivity, spawning the era of Google and YouTube, of Amazon and Facebook, of the Drudge Report and the Obama campaign. Each breakthrough—network protocols, hypertext, the World Wide Web, the browser—inspired another as narrow-tied engineers, long-haired hackers, and other visionaries built the foundations for a world-changing technology. Keenan Mayo and Peter Newcomb let the people who made it happen tell the story.
Internet History: This Internet Timeline begins in 1962, before the word ‘Internet’ is invented. The world’s 10,000 computers are primitive, although they cost hundreds of thousands of dollars. They have only a few thousand words of magnetic core memory, and programming them is far from easy. By 1992, when this timeline ends, the Internet has one million hosts, the ARPANET has ceased to exist, computers are nine orders of magnitude faster, and network bandwidth is twenty million times greater.
List of Internet pioneers: Lista de pioneros de Internet disponible en la Wikipedia.
Nerds 2.0.1: A Brief History of the Internet: Historia de Internet y de la Web, a través de un timeline, sus personajes y los acontecimientos más importantes.
No credit for Uncle Sam in creating Net? Vint Cerf disagrees: Artículo publicado el 25/07/2012 en respuesta al artículo "Who Really Invented the Internet?" que rechazaba el verdadero origen de Internet.
So, who really did invent the Internet?: Artículo publicado el 23/07/2012 en respuesta al artículo "Who Really Invented the Internet?" que rechazaba el verdadero origen de Internet.
Where Did the Internet Really Come From?: Steve Crocker is chairman of the Internet Corporation for Assigned Names and Numbers. In the late 1960s, he was a UCLA graduate student who helped create the ARPANET, a precursor to the Internet.
Who Really Invented the Internet?: Artículo publicado el 22/07/2012 en el que se cuestiona el verdadero origen de Internet.

Ejercicios

Imprescindible

Preguntas sobre el vídeo History of the Internet

Pregunta 1
¿Qué característica es particular de TCP?
Tu respuesta: La capacidad de verificar la correcta transferencia de los datos

¡Respuesta correcta!

Pregunta 2
¿Qué significa DARPA?
Tu respuesta: Defense Advanced Research Project Agency

¡Respuesta correcta!

Pregunta 3
¿Qué nombre recibe la posibilidad de compartir la capacidad de procesamiento de un ordenador entre múltiples usuarios?
Tu respuesta: Batch-processing

¡Respuesta errónea!

Solución: Time-sharing

Pregunta 4
¿En qué año DARPA comenzó el desarrollo de su red?
Tu respuesta: 1957

¡Respuesta errónea!

Solución: 1966

Pregunta 5
¿Cómo se llamaba la red que desarrolló DARPA?
Tu respuesta: Arpanet

¡Respuesta correcta!

Pregunta 6
¿Cómo se llama el ordenador que tomaba el control de la actividad de las comunicaciones en la red?
Tu respuesta: Interface Message Processor

¡Respuesta correcta!

Pregunta 7
¿Qué concepto se desarrolló en el National Physical Laboratory (NPL) en Inglaterra?
Tu respuesta: La conmutación de paquetes

¡Respuesta correcta!

Resultados

Contestadas 7 de 7

Porcentaje de aciertos 71.43%

Aciertos 5

Fallos 2

No contestadas 0

Tiempo invertido 95 segundos

iDesweb: Presentación

2012-09-16T10:52:00.001+02:00

iDESWEB: Introducción al desarrollo web

Un curso nuevo de tipo MOOC, totalmente gratuito y disponible en la Web (curso online), con el que vas a aprender los conceptos básicos del desarrollo de aplicaciones web.
Aprende HTML, CSS, JavaScript, PHP... y los principios básicos del diseño, de la usabilidad y de la accesibilidad web.
¡Ya hemos empezado, pero aún estás a tiempo de apuntarte! Mira el vídeo sobre el inicio de curso.
Ir a la web del curso

Interesante curso sobre HTML, PHP, JavaScript y un poco de principios básicos....
Aprovechare este espacio para ir anotando las cosas interesantes.

| FEM | Pac 3 - Madel Ortiz

2012-07-04T10:00:00.000+02:00

Par t 1 . Digita l versus rea l

Relaciona el que has llegit en el llibre de Manovich (cap. 4 i 6) i elabora una reflexió al voltant d'una de les següents qüestions, donant suport als teus arguments amb exemples:

És el "realisme" (la capacitat de simular la realitat física de manera que l'espectador no sigui capaç de distingir-la de la seva reproducció digital) la màxima obsessió de la indústria actual de l'entreteniment?

Cap a quina direcció creus que va el futur desenvolupament de la imatge sintètica? Pot influir en una nova orientació de la cultura visual de les pròximes generacions?

Par t 2 . Deba t “ Generació transmèdia ”

Després del període de realització de la primera part de la PAC, s’indicarà, mitjançant un missatge en el Tauler de l'aula, les normes i característiques del debat, el qual es desenvoluparà a la bústia "Debat" de l'aula.

| FEiM | Pac 3 - Madel Ortiz

[Qualificació: B]

| FEM | Pac 2 - Madel Ortiz

2012-07-03T09:00:00.000+02:00

Apartat 1: Vides paral·leles Documenta't sobre l'obra dels personatges i/o entitats que s'inclouen a continuació, tria dos parelles i elabora un breu text tot relacionant-les segons quina ha estat la seva principal aportació dins l’àmbit interdisciplinari de la multimèdia. No es tracta de relatar la biografies o trajectòries per separat, ni de només enumerar descobriments o contribucions, sinó de desenvolupar una argumentació pròpia per relacionar-los. Es tracta de contrastar descobriments, importància en relació a l’actualitat i diferències o similituds vinculades amb l’àmbit que ens ocupa, i especialment amb la lectura principal del curs.

● Alan Kay vs. Douglas Engelbart
● Vannevar Bush vs. Nicholas Negroponte
● Microsoft vs. Apple
● Sid Meier vs. Shigeru Miyamoto
● Xerox PARC vs. MIT

Apartat 2: Evolució de les interfícies i les operacions
Relaciona el que has llegit en el llibre de Manovich (especialment als capítols 2 i 3) amb el que has investigat sobre les parelles anteriors i elabora una reflexió al voltant d'una de les següents qüestions, tot justificant la teva resposta de manera argumentada:
● A la vista de l'estat actual de les tecnologies de la comunicació i de la informació, com veus l'evolució de les interfícies gràfiques d'usuari en un futur pròxim?
● Quines són les principals metàfores i icones que encara avui dia persisteixen en les interfícies que fem servir en principals dispositius? Quines creus que perduraran encara més anys i per què?
● Comparat amb 10 anys enrere, quines operacions consideres que són noves entre els dispositius multimèdia que ens envolten actualment? Quines noves imagines que podrien sorgir?

| FEiM | Pac 2 - Madel Ortiz

[Qualificació: B]

Recursos complementaris:

Viviendo Entre Pantallas

Interfaces Del Futuro

| FEM | Pac 1 - Madel Ortiz

2012-07-02T12:41:00.002+02:00

El lenguaje de los nuevos medios de comunicación. Lev Manovich

La primera parte de esta práctica consiste en elaborar una presentación para explicar de forma visual los conceptos de "Representación numérica", "Modularaidad", "Automatización", "Variablidad" y "Transcodificación cultural" que expone Manovich en el primer capítulo.

Yo la realizé con Prezi:

En la segunda parte hay que argumentar nuestra opinión sobre la vigéncia de las ideas de Manovich en el contexto actual utilizando como referéncia nuestras propias experiencias como consumidor/usuario de los nuevos medios.

| FEiM | Pac 1 - Madel Ortiz

[Qualificació: A]

_______________________________________________________________________________

Recursos complementarios:
La Vanguardia Como Software_manovich1002

Taller de iluminación

2012-06-25T21:29:00.000+02:00

Molt prompte posarem en marxa aquest taller d'il·luminació en València. Si algú esta interessat que ens demane més info.

Fotografo: Albert Ortiz

Notes 2011/2012-2 - Madel Ortiz

2012-06-25T13:43:00.000+02:00

Notes!

Be, ja tenim penjades les notes finals d'aquest semestre. Estic molt contenta dels resultats.

La meva filosofia es portar endavant poques assignatures cada semestre amb dos objectius:
1. traure el màxim profit de cada assignatura i cada programa aplicat; i
2. compaginar els estudis amb la vida laboral

Aquest semestre els resultats han sigut:

Treballs en equip a la xarxa

Qualificació d'avaluació contínua: A 9
Qualificació final d'avaluació contínua: B 8,7

Fonaments i evolució de la multimèdia

Qualificació d'avaluació contínua: A 9
Qualificació final d'avaluació contínua: B 9

Programació

Qualificació d'avaluació contínua: A 9
Qualificació final d'avaluació contínua: B 7

| PROGRAMACIÓ | Practica 1 - Madel Ortiz

2012-06-15T07:30:00.000+02:00

Seqüencies

Com que ja tinc una mica més de temps lliure aprofite per anar penjant els treballs anterioris. Us deixe la meva practica amb els comentaris del consultor Jaume Gil i els exercicis codificats en PHP penjats al servidor.

Exercici 1: ToRomans (l'entrada podra tindre els valors de num=0 fins 4999):
Veure

Exercici 4. Collita del dia (l'entrada podra tindre els valors de filename=data40 fins data45):
Veure

Exercici 5. Gats i gossos (l'entrada podra tindre els valors de filename=data50 fins data55):
Veure (per alguna raó en local no dona cap error i un cop penjat al servidor en la funció substr.compare salta un warning)

| Programacion | Practica 1 - Madel Ortiz (Comentada)

Qualificació: [A]

| Disseny Gràfic | PF - Madel Ortiz

2012-06-14T11:00:00.000+02:00

Newsletter

Aquesta Pràctica consistía en maquetar un Newsletter en Flash a partir d'unes imatges i texts donades aplicant una retícula compositiva, i una correcta combinació tipogràfica i cromàtica.

| Disseny Grafic | Informe PF - Madel Ortiz

| Disseny Grafic | PF Enunciat

| Disseny Gràfic | PS

2012-06-13T12:10:00.001+02:00

PRUEBA DE SINTESIS ENERO 2011/12
(Informació de Marieta DM, extreta del grup de facebook)

1. Explica que és el Copyleft i les diferències amb el Copyright.

2. Explica la retícula que vas utilitzar a la pràctica 2 i dibuixa-la.

3. Anomena i explica, segons Vox Atyplx, les dues tipografies utilitzades a la pràctica

4. A partir d'una caputra del fireworks, anomena i explicar l'eina assenyalada. (En aquest cas era la pluma).

5. Una requadre amb gràfics per web, imprempta, offset... Dir les resolucions de cada un.

6. Una captura de tres gràfics de la Llei de Gestalt, i s'havia de dir de quina es tractava cada una.

PRUEBA DE SINTESIS 1º Quadrimestre 2011/12
(Informació extreta de CAUOC)
| Disseny Grafic | PS 2011/2012-1

PRUEBA DE SINTESIS 2º Quadrimestre 2009/2010
(Informació extreta de CAUOC)
| Disseny Grafic | PS 2009/2010-2

| Video | PS

2012-06-13T11:00:00.002+02:00

PRUEBA DE SINTESIS JUNIO 2011/12
(Informació de Miriam Fernández, extreta del grup de facebook)

1.- Dar una lección presencial a un grupo de estudiantes de vídeo comentando los aspectos creativos y originales de una producción. Enumera 10 criterios básicos.

2.- Escribe un artículo de divulgación, alrededor de 10 líneas dirigido a un grupo de estudiantes que se esté iniciando en este mundo de audiovisales utilizando las siguientes palabras: Las puedes relacionar como quieras pero de manera coherente y argumentada: Camara de vídeo en HD, formato, resolución, configuración proyecto con Adobe Premiere, esquema mental, guión literario, exportación, Vimeo, características equipo informático.

3.- Comenta la primera práctica, la de los 5 sentidos, y explica cómo imaginabas el proceso de producción antes de hacer la práctica y cómo lo ves en estos momentos destacando los puntos más interesantes

4.- Explica el procedimiento para introducir un texto con el nombre de un personaje que habla en un documental dentro de una figura geométrica.

| PROGRAMACIÓ | Examens anteriors

2012-06-06T18:09:00.000+02:00

Algorismes

Be, com que ja hem repasat una mica la teoria, toca preparar l'examen amb exemples d'altres semestres. Aqui deixe uns quants. Ànims a tots!

EXAMEN 2011/12-2 (dia 16/6)

(Informació de Orior Perez en el grup de Facebook)

PREGUNTA 1

Has de llegir una entrada del tipus . És una seqüència amb informació sobre materials, que poden ser de Vídeo, Música, Presentacions o Diaporama, i et diu també sobre quina temàtica són (la temàtica és un codi, un enter). Et diu també l'autor i la durada. El que havíem de fer era un mòdul que rebia un codi d'una temàtica i havia de retornar la quantitat de vídeos, música etc. d'aquesta temàtica.

PREGUNTA 2

Sobre una central hidroelèctrica que cada hora recull la potència generada, i ho guarda per setmanes.

tipus

tDia: taula [24] de real

tWeek: taula [7] de tDia

ftipus

De manera que a la variable setmana del tipus tWeek setmana[5][12] tens l'energia generada el divendres a les 12 del migdia.

Es demanava un mòdul que rebés un dia i la informació d'una setmana (tWeek) i retornés la mitjana de la potència generada per hora aquell dia.

PREGUNTA 3

Va sobre un programa per guardar la informació de tots els cavalls i les curses que es fan de cavalls. Has de declarar alguns tipus, i et donen al final una tupla amb el número de cavalls (qtty) i la informació sobre els cavalls (una taula de tHorse, un tipus declarat per guardar la info d'un cavall), i una tupla amb el número de curses (qtty) i la info de les curses (una taula de tRace, un tipus declarat per guardar la info de cada cursa). Et demanen un mòdul que escrigui el nom de cada cursa (és un camp del tipus tRace) i el nom del pare del cavall guanyador (a tRace un camp és el nom del cavall guanyador, i a tHorse un camp és el nom del pare del cavall).

| PROGRAMACIÓ | Repàs per a exàmens Mòdul 4

2012-06-05T10:52:00.000+02:00

Repàs Mòdul 4

Deixe aqui les transparències de síntesis que ens ha facilitat el consultor Jaume Gil.

M.4.1. Introducció i motivació. Estructuració de dades
M4.2. Taules
M4.2.Ex. Exercicis: Taules
M4.3. Tuples
M4.3.EX. Exercicis: Tuples

| PROGRAMACIÓ | Repàs per a exàmens Mòdul 3

2012-06-04T10:09:00.002+02:00

Repàs Mòdul 3

Deixe aqui les transparències de síntesis que ens ha facilitat el consultor Jaume Gil.

M.3. Exercicis de recorregut i cerques.
M3.2. Algorismes i seqüencies
M3.2. Esquema de recorregut d'una seqüencia
M3.3. Esquema de cerca d'una seqüencia
M3.4. Esquemes aplicats a seqëncies d'E/S
M3.5 Combinació d'esquemes
M.3. EX. Exercicis de recorregut i cerques.