Hosting

Després d'uns dies cercant un hosting apropiat i que complís les nostres necessitats, és a dir, que permetes PHP i SQL, i després d'uns dies d'esperar, a la segona hem aconseguit un Hosting per a la nostra WEB.

El nostre servidor de hosting es 000webhost

I la nostra pràctica ja és accecible a la resta de món, tot i que encara està en fase de construcció i puliment, ja que fins ara feiem feina de forma local amb un servidor Apache i el seu localhost, ara es tracta de fer que tot funcioni i es vegi de forma adequada.

Bé aquí presentam la nostra web: 

pelimania-ti.net23.net

Taller AJAX & FRAMEWORK 2/2

FRAMEWORK

Avui toca la segona part del taller en la que es toca l'apartat del FRAMEWORK (Marc de treball)

 

FrameWork és una biblioteca de controls, funcions i mètodes que facilita als desenvolupadors el poder produir amb major velocitat i precisió de codi compatible entre navegadors.

Taller AJAX & FRAMEWORK 1/2

AJAX

La primera part del taller, es l'apartat de AJAX.

Durant aquesta sessió s'ha explicat la tecnologia AJAX primer de forma teòrica i despres de forma pràctica.

Taller XML

En aquest nou taller s'han tractat les tecnologies:

• XML
• DTD
• XML Schema
• XSL

 Després de l'explicació de cada una de les tecnologies, s'han proposat una sèrie d'exercicis de XML, DTD i XSL

Taller a càrreg de:

• José María Martínez Carvajal     
• Joan Andrés Oliver Andreu

El cercador

Per realitzar el cercador hem emprat PHP. El seu codi és el següent:

$consultatotes = mysql_query ("select * from pelicula");

while ($totespelis = mysql_fetch_assoc($consultatotes)) {

echo "<div class='capa_estil_llistat_cares'>";

echo "<div class='capa_estil_cara'>";

$caratula = $totespelis['CaratulaPetit'];

$rutacaratula = 'imatges/caratula/'.$caratula;

echo "<img src='".$rutacaratula."'/></div>";

echo "<div class='capa_estil_nom'>";

$titolpeli = $totespelis['NomPeli'];

$peli = $totespelis['IdPeli'];

/* Link a funcio per carregara DIV, passam IdPeli per HREF */

echo "<a class='button rojologo' href=\"javascript:Enviar('mostrapelicula.php?

        peli=$peli','estil_contingut')\">".$titolpeli."</a>";

echo "</div></div>";

}

Com es pot veure aquí:

echo "<a class='button rojologo' href=\"javascript:Enviar('mostrapelicula.php?

        peli=$peli','estil_contingut')\">".$titolpeli."</a>";

echo "</div></div>";

Per carregar empram una funció realitzada amb javascript i Ajax.

Pàgina índex

Després de l'adaptació i les transformacions corresponents la web comença a agafar forma:

Ara ja tenim el contingut posat a l'estructura general. Descrita anteriorment.

Taller PHP 2/2 i Promoció web

La primera part de la classe ha anat a càrreg de la professora, amb l'explicació amb ajuda d'una presentació, del tema: "Estratègies de promoció de webs"

Estratègies de marketing (potenciar la web):

• Elecció d'un bon nom del domini.
• Elecció de paraules clau adequades:
  • Adwords
  • wordTracker
  • KeyWordDiscovery
  • Tesauros
  • Traductors
  • Google Trends
  • Estudiar altres webs
• Promoció a nivell de codi
  • Maquetar sempre amb CSS
  • Títol
  • Capçalera
  • Descripció
  • Robots follow=all
  • Cos
• Promoció en-línia intern
  • Seleccionar bé el text
• Promoció en-línia extern
• Promoció fora de línia
• Promoció d'intercanvis
• Promoció “Valor añadido”
  • Contingut d'interès
• Seguiment de l'efectivitat

La segona part ha estat a càrreg dels alumnes del taller de PHP, a on s'ha acabat l'explicació del tema de PHP que havia quedat pendent el dia anterior. Ha  hagut de ser una intervenció ràpida perquè no quedava gaire temps, tot i això, han deixat clars els conceptes.

Taller PHP 2/2 (Aplaçat)

La segona part del taller de PHP s'ha hagut d'anular per qüestions tècniques, la caiguda de la xarxa elèctrica i de la connexió a internet han obligat a haver d'aplaçar aquest taller.

Taller PHP 1/2

Avui hem assistit a la primera part del taller de PHP.

S'ha donat una introducció a la utilització i format de PHP, per poder anar provant s'ha recomanat emprar un servidor local, el XAMP, i s'ha explicat la sintaxi.

Estructura de la web

Ja tenim l'estructura de la web ben definida:

A l'estructura podem diferenciar quatre parts,

1. La capçalera amb el Logo i una imatge.
2. Una zona per:
1.  Zona destinada als m'agrada de les xarxes socials.
2. El cercador de la web.
3.  La zona central de la web:
1. Al lateral la zona de menús.
2. Al centre el Div a on es carregaran tots els continguts de la web.
4.  Peu de pàgina per posar la informació nostra a la pàgina.

Taller JAVASCRIPT i DOM 1/2

Avui hem vist la primera part del taller de JAVASCRIPT i DOM.

En aquesta primera sessió s'ha fet una introducció/història de cada una de les tecnologies, i seguidament s'ha anat aprofundint per poder fer una sèrie d'exercicis proposats i sense arribar a un gran nivell de detall al qual s'hi arribarà a la segona part del taller.

Taller CSS3

En aquest taller se'ns han exposat les innovacions i avantatges de la utilització de CSS3. Així com les propietats de les etiquetes més interessants i novedoses d'aquesta tecnologia.

I per acabar han proposat una sèrie d'exercicis per apendre a utilitzar aquesta tecnologia.


Per altre banda, també han fet una recopilació d'enllços i utilitats. Enllaç a Mister-Wong.

Taller a càrreg de:

• Joan Coll     
• Joan G Florit

Model Entitat Relació

Després de fer un estudi de les necessitat de la nostra web, hem decidit fer un MER amb 7 entitats: Usuari, Película, Director, Actor, Any, Dirigeix, Interpreta. En resultat és el següent:

Taller HTML5 i XAMP

En aquest taller s'ha començat amb una breu però suficient història sobre l'HTML i les seves versions fins a arribar a l'estàndard HTML5. Un cop arribat a aquest punt s'ha aprofundit amb les seves característiques i utilitats.

Al finalitzar s'han proposat una sèrie d'exercicis interessants per a anar provant amb les millores de l'estàndard.

La segona part del taller ha anat destinat als servidors, tant els locals com els globals, i se'ns han exposat una sèrie de estadístiques.

Enllaços interessants sobre el taller al grup de Mister-Wong.

Taller a càrreg de:

• Ramón Miguel Serrar Sastre
• David Pacheco Villanueva    

Inici de la Pàctica de TI

Ja hem decidit la temàtica de la nostra pràctica, i hem definit el que serà el nostre logo:

Una vegada vist el logo es pot intuir que la nostra web serà una certellera de películes de cine amb informació sobre la seva sinopsis, director/s, actor/s, anys, gènere i si tot va bé el seu trailer visionant desde youtube.

Google Drive & Prezi

Google Drive

Google Drive és un sistema d'emmagatzamatge de fitxers. Com a peculiarietat és que té la funcionalitat absorbida de google Docs, la possibilitat de compartir i d'editar documents en línia per diferents usuaris alhora és una opció molt interessant.

Prezi

Prezi és una eina per realitzar presentacions tipus Power Point o Impress amb la diferència que aquesta és online.

Classe TI on Prezi

Google Sites & Wikis tallers

Classe de dia 22/10/12

Google Sites

És una aplicació online que permet la creació d'un lloc web de forma fàcil, en la que es pot posar informació i documents de quasi qualsevol tipus. Les característiques:

• Fàcil creació de pàgines.
• Requereix codificació HTML.
• Disponibilitat de plantilles de disseny.
• Fàcil maneig d'arxius.

Wiki dels Tallers

S'hens ha presentat i explicat com hem d'emprar la wiki per poder realitzar els tallers. 

Mister Wong

Classe de dia 17/10/12

Mister Wong

Mister Wong és una einacreada per organitzar els teus marcadors de forma on-line i no com s'ha fet tradicionalment de forma local en el navegador de la teva màquína. A més té altres utilitats com puguin ser la creació de grups o veure els marcadors que altra gent ha anat posant.

En la imatge es veu com és un grup i els seus membres.

IGoogle & Google Reader

Classe de dia 15/10/12

IGoogle & Google Reader

Google Reader és l'eina de la marca Google que ens permet tenir la nostre selecció de noticies RSS que ens interessi.

IGoogle ens serveix per tenir la nostre pàgina d'inici personalitzada, amb el que més ens convengui, com pugui ser el correu, les noticies, ... o simplement el temps.

Una setmana absent

Després d'una setmaneta de petits grans problemes tècnics per fi pseudo solucionats, ja torn a poder ser aquí.

La causa dels problemes ha estat una pèrdua total tecnològica. Després d'una formatejada al portàtil, aquest és va quedar sense el sector d'arranc i per tant no podia iniciar cap dels SO.

La solució consistent en:

1. Crear un USB-Live windows 7 profesional degut a no tenir una lectora
2. Configurar la BIOS per poder iniciar l'ordinador desde l'USB
3. Iniciar recuperació
4. Seleccionar l'opció de CMD (Consola de sistema)
5. Desde el CMB:
1. bootrec /fixmbr
2. exit
6. Reiniciar el sistema.

Després d'aquests passos reiniciar, i a deixar la màquina operativa per poder seguir amb les tasques del dia a dia.

Ara tocarà posar-se al dia!!!

Google Maps

La creació d'un mapa amb al Maps de Google, clicam a "els meus llocs" i acte seguit a "crea un mapa", donam un títol, una descripció, i una ubicació.

 

Ca na Tona al Google Maps

Mostra Ca na Tona en un mapa més gran

Publicar amb SlideShare

Per poder publicar, primer seleccionar la presentació de www.slideshare.net, clicar al "<>Embed" i copiar el codi HTML.

Sobrevivir a WCAG2.0 from FRONTDAYS

 

Resum de la classe 08/10/12

Durant la classe del dia hem vist unes quantes propietats de la configuració de blogger, a continuació hem vist el picasa i el youtube. Al finalitzar aquesta part teòrica, hem seguit amb el blog diari per a l'assignatura.

Per exemple hem vist com publicar una imatge desde la galeria de picassa.

Publicar un enllaç del youtube:

Vestir una pagesa per anar al Firó de Sóller

A l'espera de la nova classe ...

Descripció del Blog

Inicialment aquest és un blog crear per a dur a terme l'assignatura Tecnologies de la Informació, de la Universitat de les Illes Balears (UIB).

Tot s'ha de dir que en un futur, no molt llunyà, pot arribar a contenir entrades independents a l'assignatura.

Primera entrada

Autor: Josep Oliver