Problemes d'introduccio de dades sol·lucionats

Hem pogut solucionar els problemes a l'hora d'introduir descripcions gràcies a :

mysql_real_escape_string();

Transforma tot lo que hi hagi dintre, en un "STRING", i ja podem ficar carácters especials (Sempre i quan no modifiquin cap clau primaria), ara estém actualitzant tota la página.

Problemes amb la introduccio de dades

Avui hem entregat el dossier i el cd-rom, encara que volem intentar arreglar la introducció dels camps d'articles, ja que en les característiques técniques, i descripcions, es sol posar caracters com " ' i aquest 2 caracters en una consulta fent un INSERT INTO poden ocasionar errors, els quals vem prohibir mitjançant una validació de carácters (Mirant la llargaria del String, i dividintlo comparant per una cadena de caracters), pero en la cadena de caracters no vem poder posar el "return" i tot el text quedaba una mica "pessant" sense separadors de linea.

Estem tractant de arreglar-lo mitjançant técniques per evitar "SQL Injection", que resumidament lo que fà és convertir tot el valor d'una variable, a "STRING" llavors els valors " seríen com \" i no donaríen error de consulta.

Ara farem el power point i ens prepararem el guio per demà.

Manual d'usuari i Manual d'administrador

Hem decidit fer els manuals una vegada funcionés tota la pàgina, per poder-los detallar amb totes les característiques que la página ens ofereix com a client, i com a administrador.

PHP Fòrum acabat

El fòrum ja està acabat, fet desde 0, fins a convertir-se en lo que es:

-Sistema de carpetes, subcarpetes i posts.

-Mostra la imatge del perfil de l'usuari que posteja.

-Conta els posts que l'usuari ha postejat.

-Quan hi han més de 7 registres d'un tema, es crea una pàgina nova, que conté el 8º registre.

-Estil modern i intuitiu.

-Permet editar un tema i/o esborrar-lo si ets l'usuari que ho ha creat.

-Permet editar qualsevol tema, i editar-lo, o esborrar lo que vulguis, si ets administrador.

CSS Forum

Despres de provar varis colors, hem decidit posar-li de color de fons gris fosc, amb titol del tema de color blanc i groc, el subtitol vermell, i les demes lletres el blau cel.

Totes les lletres tenen asignat el seu corresponent estil amb css.

Posem una imatge del forum amb els estils aplicats:

PHP Forum

La primera idea va ser fer un forum de "Temes -> Posts", pero després vem decidir fer una estructura diferent:

Carpeta -> Tema -> Forum

La carpeta només podrá ser modificada/creada o esborrada per un administrador de la web.

Formulari de registre y Validació

Després d'acabar el formulari de Login, ens hem dividit, un a fer el formulari de registre, i l'altre amb el Forum (tot fet a má desde 0).

En el formulari de Registre, hem utilitzat una llibrería de JavaScript anomenada "LiveValidation", que et permet d'una manera bastante simple, utilitzant JavaScript, validar el formulari en temps real avans d'enviar-lo, així tenim la validació per part del client.

No obstant, no era suficient, així que també fem una validació del costat del servidor amb consultes PHP i funcions específiques que prohibeixen l'entrada de carácters especials, que podrien ser maliciosos, com per exemple, SQL injection, una manera molt facil de hackejar una base de dades.

PHP Cistella

El primer plantejament per fer la cistella ha sigut amb consultes i introduccions a la base de dades, pero al final, hem optat per fer-ho tot per sessions, hem descobert funcions molt últils a l'hora de guardar dades a una variable de sessio, com per exemple:

$Vector = explode("Separador",$Valor);

Ens permet generar un vector ($Vector) que contindrá en cada posició, lo que contingui la variable "$Valor" en cada delimitador (Separador) que es el parámetre que se l'hi pasa, exemple:

La variable $Valor conté: Super,Guay,Del,Paraguay

Si fem un explode d'aquesta forma:

$Vector = explode(",",$Valor);

Tindrem com a resultat:

$Vector[0] = Super

$Vector[1] = Guay

$Vector[2] = Del

$Vector[3] = Paraguay

Molt últl per pasar varis valors diferents entre variables de sessió, tot utilitzant "Foreach" per saber quants valors tenim a la variable.

implode();

Es lo mateix que "Expode" pero ho fa al revés, nosaltres tenim per exemple un vector que conté els valors:

$Vector[0] = Super

$Vector[1] = Guay

$Vector[2] = Del

$Vector[3] = Paraguay

Si fem $SuperGuay = implode(",",$Vector);

Tindríem aquest resultat:

$Superguay = Super,Guay,Del,Paraguay

Amb implode i explode, es poden fer moltes modificacions, pero tot aixó no sería del tot util sense la funció "unset()" i "array_values()":

unset -> Esborra el valor de la posició d'un array.

Per exemple:

unset($Vector[0]) esborraría : "Super"

Problemes: El valor s'esborra, pero la posició del vector queda buida, i per aixó tenim "array_values", que fá el següent:

Ara tenim el vector $Vector de la següent manera:

$Vector[0] = "";

$Vector[1] = Guay

$Vector[2] = Del

$Vector[3] = Paraguay

Si fem:

array_values($Vector);

Ens quedaría:

$Vector[0] = Guay

$Vector[1] = Del

$Vector[2] = Paraguay

Aixi tenim el vector sense cap valor "NULL" i podem seguir tractan-lo.

PHP Panell d'administrador

Hem acabat el panel d'administrador, el panel d'administrador et permet:

-Gestionar productes, (afegir, eliminar)

-Gestionar usuaris (Modificar, Eliminar)

-Gestionar Forum, (Afegir carpetes, Eliminar carpetes, Modificar carpetes)

PHP (Login)

Hem començat amb el codi php per a fer consulta a la base de dades en l'apartat de conectar-se i de registrar-se.

Utilitzarem sha-1 per encriptar les contrasenyes, per tenir una seguretat a l'hora de conectarse a la pagina web.

Diseny del formulari per a registrar-se o conectar-se

- El formulari per a conectar-se sera molt simple (usuari i contrasenya) amb un diseny simple.
- I el formulari per registrar-se constara de (Dades del compte: usuari, contraseña. I les Dades personals: nom, cognoms, nif, i moltes més opcions) amb un diseny de color blanc, amb el fons dels titols de color blau molt clar.

Banner de la Pagina Web

Aquest es el banner que hem decidit que sera el mes adequat per a la nostra pagina web.

El banner ha estat creat amb el programa GIMP.

Disenys dels botons

Amb el programa GIMP hem estat provant varis disenys de botons per els menus (diferents formes, colors, etc). Tots aquests botons estan creats per nosaltres manualment, sense utilitzar cap altre programa que ho fagi automaticament.

Posem una mostra del ultim diseny que vam fer (pot ser que sigui el definitiu):

Diseny de la Pagina Web

Durant el següents dies, anirem fent el diseny de la web, fins que arribem a un diseny que ens agradi. El color principal de la web sera el color blau.

-l'hi posarem una transparencia al menu vertical i al menu horizontal per a un diseny mes agradable.

Base de Dades Finalitzada

Hem acabat la base de dades en Access, l'hem intentar pasar amb el programa de bullzip i amb el BDConverter, pero no s'han pasat les relacions.

Hem tingut que fer la relacions manualment per que funcioni correctament en MySQL.

I ya tenim acabada la base de dades en Access, i en un arxiu .txt per a insertarla a MySQL.

Comencem la Base de Dades

Comencem la Base de Dades amb el programa Microsoft Access, tenim previst fer 10 taules (articles, estoc, usuaris, etc.) amb les seves relacions corresponents.

Tenim previst acabar-la dema, conjuntament pasant-la a MySQL amb el programa bullzip(Acces to MySQL) o BDConverter.

Polítiques de Protecció i Copies de Seguretat

Avui hem fet la part de Polítiques de Protecció i Copies de Seguretat, on expliquem els servidors que utilitzarem i de quina manera estaran configurats per evitar la menor perdua de dades.

La Seguretat de la xarxa, formateig del document

Hem documentat tota la seguretat de la xarxa, hem documentat també el mapa de distribució i hem finalitzat la configuració lógica i física de la xarxa utilitzant el packet tracer.

També hem donat un nou estil al document de presentació (supossem que aquest será el definitiu).

Hem agafat imatges i pressuposts reals dels ordinadors, explicant la funció de cadascun i les seves característiques del hardware detalladament.

Ara el següent objectiu es acabar la documentació demá, per donar pas al portal web i la base de dades, també com treball opcional hem pensat de documentar com donar-se d'alta en el registre mercantil per protegir el nom de la nostra empresa.

Documentació, pressupostos i inventari

Avui ens hem dedicat a buscar informaciò sobre el preu del maquinari.

-Hem trobat un caixer automátic que cumpleix les nostres necessitats (encara que el preu serà imaginari si la empresa no ens contesta el mail).

-Hem fet uns presuposstos reals d'alguns components, de la tenda PCBOX.

-Hem documentat l'actualitat de l'empresa, i ara mateix estem redactant la acció proposada.

-Seguidament començarem la politica de protecció i copies de seguretat.

Tenim previst acabar aquesta setmana la documentació externa al portal, per dedicar-nos lo abans posible a fer-lo.

Primera idea per el Logotip

Necessitem un logotip per representar la nostra empresa, el primer proposat es aquest:

Hi han 2 "S" que representen Segel Self, y la "C" abaix Computer, té forma de botó d'enxegar l'ordinador, tot ha estat documentat pas a pas amb captures de pantalla a l'hora de crear-lo.

També s'ha començat amb el document de "Presentació" del credit, i el seu corresponent formateig.

-Software utilitzat : El GIMP 2.6

Mapa de Cablejat

Avui hem acabat definitivament la distribució de les diferents habitacions del local, la distribució del mobiliari i la distribució de la xarxa física implantada en el mapa del local, avui esperem acabar la distribució de les cameras de seguretat i el seu circuit tancat.

-Distribució de habitacions i diseny del local (Sergi)

-Distribució de moviliari (Sergi)

-Distribució de la xarxa física implantada en el diseny del local (Angel)

-Distribució del circuit tancat de camaras implantat al local (Angel)

El següent pas será l'etiquetat del cablejat, i finalment la xarxa lógica i la seva corresponent seguretat.

A més a més, hem plantejat la ubicació de la tenda, buscant una zona geográfica amb poca competència i bon nivell de qualitat de vida per poder fer uns calculs de beneficis.

Hem trobat un local que s'adapta al tamany del nostre local.

(Encara que la distribució que plantejem nosaltres sería imposible adaptarla a aquest local, la localització d'aquest local es merament "informativa")

Informació del local:

Clica aqui per anar a la Informació del local

Ubicació:

Clica aqui per anar al google maps

Mapa d'Empresa

Començem el mapa de l'empresa amb el programa Microsoft Visio 2007 Professional.

Tenim pensat fer:

-Mapa de distribució.

-Mapa de mobiliari.

I si nem bé de temps, un mapa en 3d.

Diagrama de Gantt Finalitzat

Hem finalitzat el Diagrama de Gantt i hem distribuït les nostres tasques.

Preparacio de software i d'equips

Software a instal·lar:

• Microsoft Visio 2007 Professional.
• Planner for windows.
  
• Filezilla Client for windows.
• Wamp 2.0i (mysql 5.1.36, apache 2.2.11, php 5.3.0).
• Notepad++.
• Microsoft Office 2007 enterprise.
• Packet Tracer.
• GIMP 2.6.

Instal·larem tot aquest programari en els següents equips:

• Portatil 1:
  - Processador: intel core 2 duo T7500 (2,20Ghz x2).
  - Memoria RAM: 2GB DDR2.
  - Disc Dur: 160GB.
  - Targeta Grafica: nvidia geforce 8600m GS 256mb.
  - S.O. Windows 7 Home Premium 32bits.
  
  
• Portatil 2:
  - Processador: intel core i5 520m (2,80Ghz x4).
  - Memoria RAM: 4GB DDR3.
  - Disc Dur: 500GB.
  - Targeta Grafica: nvidia geforce gt330m 1gb ddr3.
  - S.O. Windows 7 Home Premium 32bits.
  

Diagrama de Gantt

Hem instal·lat el planner en windows, per poder fer el diagrama de gantt, hi ha hagut un problema amb una llibreria, pero s'ha sol·lucionat baixant-la externament.

-En concret era la llibreria iconv.dll a "Windows/system".

També és necessari baixar-se el GDK per windows, tot desde sourcerforge, codi obert i gratuït.

Ara començem amb el diagrama.

Proposta de diseny

Hem creat un diseny per a la pàgina web.

Inici

Avui comença el blog del crèdit de síntesi.