mbc v10 preview

39
© 2010 Mastercafe SL MBC v10

Upload: mastercafe-sl

Post on 09-Mar-2016

246 views

Category:

Documents


0 download

DESCRIPTION

Documentación y explicación básica de la plataforma de desarrollo MBC CMS en la versión 10 y sus módulos adicionales de Formularios y Comercio Electrónico

TRANSCRIPT

Page 1: MBC v10 preview

© 2010 Mastercafe SL

MBC v10

Page 2: MBC v10 preview

MBC v10Descripción del producto

por Mastercafe SL

Page 3: MBC v10 preview

El presente documento es la descripción general del producto MBC, sus características y opciones destacadas,sobre las que se realizará el posterior presupuesto y proyecto de aplicación.

Los elementos gráficos utilizados, así como el análisis previo de operaciones y procesos, son propiedad deMastercafe SL.

El presente documento es confidencial, el cliente podrá utilizarlo exclusivamente para su valoración, estudio yanálisis detallado. No se autoriza la copia o reproducción total o parcial del mismo con otros fines distintos que lapropia gestión interna o trabajos relativos a Mastercafe SL.

Impreso: octubre 2010 en Oviedo

MBC v10

© 2010 Mastercafe SL

PublicaReconocimientos :

Se reconocen los derechos de propiedad y registro de marcas deaquellas que sean incluidas en el documento presente, ya sea porreferencia a aplicaciones, productos y/o entornos.

Diseño

® MASTERCAFE SL

Iryna Ukhanova

Producción

Juan Menéndez Crespo

Page 4: MBC v10 preview

MBC v104

© 2010 Mastercafe SL

Tabla de Contenidos

Apdo. I Introducción 7

................................................................................................................................... 71 Desarrollado por

................................................................................................................................... 82 Portfolio

................................................................................................................................... 103 La herramienta MBC

................................................................................................................................... 114 Por que MBC Internet?

Apdo. II La herramienta MBC 13

................................................................................................................................... 141 Ventajas

................................................................................................................................... 162 Elementos incorporables

................................................................................................................................... 163 Google y MBC

................................................................................................................................... 174 Otras herramientas web

Apdo. III Alojamiento web 19

Apdo. IV Arquitectura MBC 21

................................................................................................................................... 221 Estructura interna

................................................................................................................................... 232 Diagrama de gestión

................................................................................................................................... 233 Estructura general de datos

Apdo. V MBC - CMS 26

................................................................................................................................... 261 Administración

................................................................................................................................... 282 Funcionalidades adicionales

................................................................................................................................... 293 Diagrama web

................................................................................................................................... 294 Módulos MBC

.......................................................................................................................................................... 29MBC Forms

.......................................................................................................................................................... 30MBC eSHOP

Apdo. VI Servicios web 32

................................................................................................................................... 321 Posicionamiento SEO

................................................................................................................................... 322 Google Adsense

................................................................................................................................... 323 Posicionamiento SEM

................................................................................................................................... 324 Posicionamiento SMO

................................................................................................................................... 335 Enlaces y Directorios

Apdo. VII Diseño web 35

Apdo. VIII Descripción del proyecto 37

Page 5: MBC v10 preview

5Contenidos

5

© 2010 Mastercafe SL

Apdo. IX Propuesta económica 39

Indice 0

Page 6: MBC v10 preview

Apdo.

I

Page 7: MBC v10 preview

Introducción 7

© 2010 Mastercafe SL

1 Introducción

MBC es el acrónimo de Model of Boxes and Contents o Modelo de Cajas y Contenidos.

En sí es una herramienta RAD-WEB (Rapid Application Development) y CMS (Content ManagementSystem), que además integra todos los aspectos necesarios para la gestión gráfica (CSS), gestión demetasentencias (indexación en buscadores o posicionamiento SEO) y gestión de desarrollo (integracióncon otras fuentes de datos y/o utilidades).

MBC Internet y MASTERCAFE, son marcas registradas de Mastercafe S.L. (Asturias).

1.1 Desarrollado por

Mastercafe SL se fundó en 1.999 con el objeto básico de ofrecer servicios al sector de la hostelería,desde 2.001 y ante las necesidades de la mayoría de sus clientes centro su actividad en el desarrollode páginas web y herramientas a través de internet.

A lo largo de estos años de trabajo han confiado en ellos empresas como: AT&T (Proyecto de controlde estaciones de telefonía móvil), McKinsey (Gestor de Proyectos), Telefónica (Consultoría de gestiónde proyectos), Gas Natural (Gestión de Obras y Proyectos), Forum Gastronomic (Web y gestióninformática), Scheidt & Bachman Ibérica (consultoría informática, desarrollo portal web), etc...

En 2.005 presentó la herramienta MBC Internet, fruto de las necesidades propias de desarrollo depáginas y portales de una forma rápida y sencilla por personas no expertas en programación. Desdeentonces su actividad comercial se centra básicamente en el desarrollo de soluciones para internet yasea a través de empresas de diseño y/o creatividad, o de desarrolladores freelance. La aplicación MBCtiene una diferencia competitiva: la capacidad de acometer grandes proyectos con unos tiempos ycostes inferiores a otros, algo que otros CMS no alcanzan en toda su plenitud.

En 2.010 se ha lanzado la última versión preparada y optimizada para los nuevos conceptos de internet:Web 3.0 o Semántica, Google Caffeine, velocidad de creación y usabilidad. Siendo estas característicaslas principales ventajas para los clientes finales.

Page 8: MBC v10 preview

MBC v108

© 2010 Mastercafe SL

1.2 Portfolio

Mas de 300 clientes con proyectos realizados con MBC Internet, les ha dado experiencia suficientepara poder mejorar y fortalecer la herramienta.

Los más destacables por las características de la página web son:

http://www.forumgastronomic.com Multiportal, multidominio, multicontenido, multiidioma. Incluye losdominios www.forumsantiago.com www.forumgirona.com www.cuinerdelany.com entre otros 10 más quecombinan distintos idiomas: castellano, catalá, gallego, inglés. Diseño web Bisgrafic (Vic-Barcelona)

http://www.mokadifusion.com Multiportal, multidominio, multicontenido. Agrupa las cuatro grandesdivisiones de negocios que dispone la empresa disponiendo cada una de un dominio propio: www.mokacateering.com www.mokarenting.com www.mokaartistas.com www.mokaconfiteria.com Diseñoweb Iryna Ukhanova

http://www.mastercafe.com Multidominio, multicontenido. Es la web principal de desarrollo, ejemplos,noticias, tutoriales, etc... de MBC Internet. Allí podrá encontrar un sin fin de soluciones dinámicas parala web. Diseño web Iryna Ukhanova

http://www.ispactivo.com Multicontenido y hosting principal donde se alojan todas las páginas creadascon MBC. La decisión ha sido estudiada y es el servidor de alojamiento que mejor calidad precio ofrece,además de disponer de una característica básica: velocidad de proceso y estabilidad de línea.Encontrará allí todas las tarifas de hosting en base a sus necesidades. Diseño web Antonio de Haro.

http://www.alojamientoyespacioweb.com Distribuidor autorizado de IspActivo para España que secompone de diversos freelance que utilizan MBC. La web está creada integramente con HTML5/CSS3,100% de contenidos semánticos.

http://www.telefonoasturias.org Multicontenido con niveles de acceso por usuario a secciones privadasde la asociación. Diseño web Iryna Ukhanova

http://www.zonamasip.com Multi-microsite con integración de listas en Google Maps e integración delectores de Google RSS Reader. Diseño web Multiplicamos las Ideas S.L.

http://www.magazinkashtan.com Tienda de productos y servicios del Este de Europa. Diseño web IrynaUkhanova

http://www.neozink.com Multiweb por pais con extensiones www.neozink.com.uy dispone cada país desus propias noticias y contenidos, mantiene en común el skin y parte del aspecto. Diseño web GrafikStudio

http://www.beberte.com Dominio interno para desarrollo. Ejemplo de tienda de té con informaciónadicional de productos y tipos, calidades, características, de los diferentes tés. Diseño web IrynaUkhanova

http://www.wobers.com Dominio interno para desarrollo. Ejemplo de sitio para empresa deelectromedicina. Diseño web Iryna Ukhanova

http://www.365-solutions.com Portal de servicios a empresas con multidominio integrando aplicación deventa de formación (elearning) Diseño web Iryna Ukhanova

http://www.asturiascatering.com Portal de la asociación de empresas de catering del principado de

Page 9: MBC v10 preview

Introducción 9

© 2010 Mastercafe SL

Asturias. Utiliza banners aleatorios y contiene microsites de asociados con contenidos mantenidosexclusivamente por cada uno de ellos con niveles de seguridad independientes. Diseño web IrynaUkhanova

http://www.bymesa.es Página web corporativa con productos de tienda sin capacidad de compra ya queutiliza solo distribuidores autorizados. Mantiene gestión de contenidos y galería de productos individual.Diseño web Multiplicamos las Ideas SL

http://www.flordesalcatering.es Página web de empresa de cátering en Madrid que disponía de pocoscontenidos de texto y se resolvio a base de gestión gráfica con escalado y reflejos por programación.Diseño web Iryna Ukhanova

http://www.yolandamendoza.com Página web de empresa de diseño y decoración de domicilios,oficinas, etc. Ejemplo de integración de menú con galería de imágenes dinámicas y contenidos básicossuministrados. Diseño web Iryna Ukhanova

http://www.latiendadelabodega.com Página web de bodega de vinos y licores especiales. Skinpersonalizado con integración de gestión de tipografías, tienda de comercio electrónico con carrito.Diseño web Marujas Creativas (La Coruña)

http://www.cerrajeriamena.com Página web de empresa de cerrajería en Oviedo, especial cuidado en elSEO de la web y los contenidos y navegación integrados. Diseño web Iryna Ukhanova

http://www.cerralbos.com Página web de casa de turismo rural con menú dinámico, integra contenidos,reservas opcionales, mapa de geolocalización y ruta de acceso (kml) Diseño web Iryna Ukhanova

Actualmente hay más de 10 empresas en España y 4 en Europa de diseño web, que realizan sustrabajos con MBC.

Page 10: MBC v10 preview

MBC v1010

© 2010 Mastercafe SL

1.3 La herramienta MBC

Su concepto es simple, versátil y sobre todo alto nivel. Se basa en la creación de zonas (páginas),donde se incluyen cajas (espacios) y en estos se definen los contenidos a mostrar.

Ventajas:- Una sola página y millones de posibilidades tanto de composición como de indexación para spiders- Al disponer de un solo archivo no existe la posibilidad de errores tipo "página no encontrada" típico enweb evolutivas- Alto nivel de compatibilidad con todos los browsers del mercado- Ritmo de creación de espacios web muy superior a cualquier otra herramienta del mercado- Mantenimiento web simple, capacidad de escalar y crecer la web sin afectar a lo existente- Máxima flexibilidad en creación de contenidos, permite cajas fijas y elásticas ya sea vertical uhorizontalmente- Usa normas CSS para la creación, lo que facilita su mantenimiento y posible evolución- El 100% de la web se soporta en la base de datos, por lo que un administrador del sistema no precisade conocimientos de programación avanzados.- Multi-idioma admite tantos idiomas como sean necesarios en el sitio- Estructura de datos probada en sitios con tráfico superior a los 275.000 hits diarios- Velocidad de creación del sitio inferior a 0.5 segundos, sin importar la cantidad de zonas disponibles- Permite integrar todo tipo de frameworks, librerías y utilidades externas- Todo el código se facilita abierto y documentado con comentarios en el propio código fuente- Alto nivel de seguridad tanto en contenidos como en la gestión interna- Escalable tanto en contenidos como zonas, módulos o cualquier otra necesidad futura- Toda la configuración de metasentencias están definidas en la propia base de datos para facilitar laactualización en buscadores- Actualmente es la única aplicación tipo CMS que dispone de Web Semántica o Web 3.0 (para GoogleCaffeine)

Elementos incorporables a las zonas:- Contenidos varios (textos, imágenes, PDF, KML/KMZ de Google Earth, javascript, HTML, etc.)- Contenidos de datos filtrados (del tipo de corresponda financiero, compra, venta, alquiler, etc...)- Banner de publicidad- RSS Externos (vía Ajax con fuente de datos tipo RSS 2.0 o Atom)- MashUp externos como Google Calendar, Google RSS, Google Maps, YouTube, widgets, etc...)- Galerías de imágenes y/o videos- Formularios (según sea la necesidad)- Varios tipos de menús según sean las necesidades de la zona- Librerías y/o frameworks externos como Google WT, Yahoo UI, jQuery, Mootools, etc.

Page 11: MBC v10 preview

Introducción 11

© 2010 Mastercafe SL

1.4 Por que MBC Internet?

En Mastercafe SL siempre han querido ir más allá de lo que es una creación de un espacio en internet. Su objetivo es el éxito de nuestros clientes, la generación de tráfico hacia su web, su posicionamientonatural y el logro de los objetivos.

Ha sido una empresa pionera en el concepto de "invertir en internet" frente a "gastar dinero" enhacer una web. En base a este concepto los profesionales del desarrollo analizan muchos aspectosbásicos para cada proyecto como público objetivo, tipo de navegación, usabilidad, compatibilidad,comercialización de productos/servicios, captación de clientes, fidelización de usuarios, etc.

Vivimos un sector realmente cambiante y dinámico, hoy en día pensar en una página web es pensar enun elemento vivo dentro de cualquier empresa. En sí es un comercial más vendiendo la imagen yproductos de la empresa. Es por ello que necesita adaptarse a las nuevas necesidades de los usuariosfinales, evolucionar con la red y ofrecer una solución a largo plazo, lejos de los conceptos anteriores deusar y tirar.

Razones para confiar en MBC Internet:- Compatibilidad de la páginas con la mayor parte de los exploradores de internet- Utilización de las últimas tecnologías y tendencias para mantener la web al día (Microsoft IIS,Microsoft SQL Server, Lenguajes ASP y .Net en el servidor- Nuestro concepto de creación de páginas es el más versátil, gestión de contenidos, gestión gráfica,gestión de posicionamiento- Solución integral: diseño, creación, análisis, carga, alojamiento, posicionamiento. Todos los serviciosnecesarios para cualquier página web- Nuestra solución permite cualquier tipo de integración externa (web 2.0): videos, noticias, contenidos,calendarios, etc.- Páginas web escalables, porque su empresa crece y evoluciona, la herramienta crecerá y evolucionarácon su empresa- Código abierto, permite insertar código y ampliar, capacidades y funcionalidades en la web paradesarrolladores- Permite en pocos pasos integrar marcadores sociales (ShareThis, Addthis, otros), librerías externas(YahooUI, jQuery, otros) y cualquier utilidad (Reflections, PagePeel, otros)- Las soluciones se apoyan en datos de mercado, estudios detallados y comparación con loscompetidores de nuestros clientes- Es la única herramienta CMS que desarrolla opcionalmente con HTML5, CSS3 y Web 3.0 (Semántica)

Puede consultar parte del portfolio de trabajos y maquetas en http://www.flickr.com/photos/mastercafe

Page 12: MBC v10 preview

Apdo.

II

Page 13: MBC v10 preview

La herramienta MBC 13

© 2010 Mastercafe SL

2 La herramienta MBC

MBC es el acrónimo de Model of Boxes and Contents o modelo de cajas y contenidos.

En sí es una herramienta RAD-WEB (Rapid Application Development for WEB) y CMS (ContentManagement System), que además integra todos los aspectos necesarios para la gestión gráfica,gestión de metasentencias (indexación en buscadores) y gestión de desarrollo (integración con otrasfuentes de datos y/o utilidades).

Su concepto es simple, versátil y sobre todo alto nivel. Se basa en la creación de zonas (páginas),donde se incluyen cajas (espacios) y en estos se definen los contenidos a mostrar, el mismo conceptoque se usa para maquetar un periódico. De esta forma el desarrollo de una web se realiza en menostiempo del habitual con el consiguiente menor coste para el cliente.

Si bien en la red existen muchos lenguajes de programación (PHP, Python, Ruby, C#, J2EE), losservidores de Microsoft IIS utilizan de forma nativa las tecnologías basadas en ASP. Por esta razón ycon el fin de simplificar las posibles evoluciones de nuestros clientes se ha mantenido una base inicialen este lenguaje y la posibilidad de integrar otros para los usuarios avanzados y desarrolladores.

MBC integra un módulo SEO (posicionamiento natural) con la propia herramienta básica, de esta formatodos los contenidos generados del tipo noticias, productos, servicios, etc... construyenautomáticamente las metasentencias necesarias para optimizar la búsqueda en Google, Yahoo, Bing,etc...

Page 14: MBC v10 preview

MBC v1014

© 2010 Mastercafe SL

2.1 Ventajas

MBC se basa en un concepto simple: "Ofrecer ventajas y soluciones a los clientes"

- Una sola página y millones de posibilidades tanto de composición como de indexación para spiders

- Al disponer de un solo archivo no existe la posibilidad de errores tipo "página no encontrada" típico enweb evolutivas

- Alto nivel de compatibilidad con todos los browsers del mercado (Internet Explorer, Firefox, Safari,Opera, Flock, Maxthon, Camino, Konqueror, etc...)

Verificados bajo Windows, Macintosh OS, Linux Ubuntu y Gnome, según la disponibilidad de versión del

desarrollador

- Ritmo de creación de espacios web muy superior a cualquier otra herramienta del mercado y enconsecuencia menor coste de desarrollo

- Mantenimiento web simple, capacidad de escalar y crecer la web sin afectar a lo existente

- Máxima flexibilidad en creación de contenidos, permite cajas fijas y elásticas ya sea vertical uhorizontalmente

- Usa normas CSS 2 para la creación, lo que facilita su mantenimiento y posible evolución, así comoutilización de CSS 3

- El 100% de la web se soporta en la base de datos, por lo que un administrador del sistema no precisade conocimientos de programación avanzados.

- Multi-idioma admite tantos idiomas como sean necesarios en el sitio

- Estructura de datos probada en sitios con tráfico superior a los 275.000 hits diarios

- Velocidad de creación del sitio en servidor inferior a 0.5 segundos, sin importar la cantidad de zonasdisponibles

- Permite integrar todo tipo de frameworks, librerías y utilidades externas

- Todo el código se facilita abierto y documentado con comentarios en el propio código fuente

- Alto nivel de seguridad tanto en contenidos como en la gestión interna

- Escalable tanto en contenidos como zonas, módulos o cualquier otra necesidad futura

- Toda la configuración de metasentencias están definidas en la propia base de datos para facilitar laactualización en buscadores

Page 15: MBC v10 preview

La herramienta MBC 15

© 2010 Mastercafe SL

- Editor de texto basado en WYSIWIG (Lo que se ve es lo que se obtiene)

- Facilidad de manejo de los términos usables por los buscadores "metasentencias", para indexar laweb (Titulo, Descripción, Keywords)

- Basado en las normas estándar de CSS2, XHTML, XML, utilizando lenguajes específicos de MicrosoftIIS (ASP, .Net, Ajax, Javascript)

- Permite desarrollar sitios web basados en los tres conceptos Web 1.5 o Dinámica, Web 2.0 o Social yWeb 3.0 o Semántica

- Capacidad de generar RSS 2.0 para contenidos referidos a la base de datos de noticias(datos web)

Nuestras páginas cuentan con la certificación de XMTHL 1.0 en cuanto a la gestión delcódigo interno, lo que le asegura la estandarización para navegadores.

Page 16: MBC v10 preview

MBC v1016

© 2010 Mastercafe SL

2.2 Elementos incorporables

Toda web 2.0 debe permitir la integración tanto de contenidos propios como externos (de otras fuentes opáginas web)

Estos son algunos de los que puede incorporar:- Contenidos varios (textos, imágenes, PDF, KML/KMZ de Google Earth, javascript, HTML, etc.)- Contenidos de datos filtrados (del tipo de corresponda financiero, compra, venta, alquiler, etc...)- Banner de publicidad- RSS Externos (vía Ajax con fuente de datos tipo RSS 2.0 o Atom)- MashUp externos como Google Calendar, Google RSS, Google Maps, YouTube, widgets, etc...- Galerías de imágenes y/o videos- Formularios a través del generador MBC-Forms (según sea la necesidad)- Varios tipos de menús según sean las necesidades de la zona- Librerías y/o frameworks externos como Google WT, Yahoo UI, jQuery, Mootools, etc.

Con la Versión 10 se han agregado todas las posibilidades de la Web 3.0 o Semántica, de esta formase facilita la nueva integración de contenidos multimedia e interacción con el usuario, propios delHTML5.Los límites de integración de contenidos no se han definido y es el propio usuario quién determina hastadonde quiere hacer llegar su página.

2.3 Google y MBC

Hoy en día el buscador Google es uno de los más importante no solo a nivel indexador de páginas web,sino también en desarrollo de nuevos productos.En MBC nos hemos preocupado de facilitar la integración de cualquiera de las herramientas de Googleen su web, actualmente se han verificado más de 100 productos de Google con una perfecta integracióndentro de las páginas web MBC.Adicionalmente hemos facilitado la integración de otros menos relevantes como Yahoo y Microsoft Live(Bing).

Estos son los productos Google más usados por nuestros clientes:- Google Maps: Creación de mapas de situación- Google Maps: API v2 Manipulación y personalización de mapas desde la base de datos de MBC- Google Earth: Integración del Plugin de Earth en la web- Google Chart: Creación de gráficos empresariales vía Canvas y SVG, basados en fuentes deinformación- Google Calendar: Gestión de eventos y calendario privado o compartido- Google Search: Integración del buscador de Google en la web- Google Feed Reader: Lector de fuentes RSS externas para la web- Google PDF Reader: Lector de documentos PDF integrado en la web- Google API Ajax: Múltiples usos de lecturas asíncronas de datos, ya sean RSS o cualquier otrocontenido externo- Google Video / YouTube: Integración de contenidos multimedia en la web para creación de galeríaso inserciones simples- Google Analytics: Gestión de tráfico web y estadísticas avanzadas, también conocido como GoogleUrchin- Google WebmasterTools: Integración de sitemaps, urllist y la metasentencia de Verify-V1

Page 17: MBC v10 preview

La herramienta MBC 17

© 2010 Mastercafe SL

2.4 Otras herramientas web

Actualmente en la red se ofrecen multitud de productos y servicios, en algunas ocasiones gratuitos paramejorar el rendimiento y la experiencia del usuario.

No obstante en nuestro afán de ofrecer las mejores posibilidades y carácterísticas en la creación desitios web el servidor incluye estas herramientas:

ASP-eMail - Gestión automática de correos, webmail, envío de comunicacionesASP-Jpeg - Gestión de cambio de tamaño automático en imágenes tanto en la carga a la base de datoscomo en la utilización dentro de la webHighSlide - La mejor librería de efectos web2.0 para gestionar cajas emergentes o cajas de sombraspersonalizadasSA-FileUpload - Gestión de subidas de archivos a la web vía aplicaciones

Todas estas herramientas disponen de licencia de uso ilimitada en nuestro servidor.

Estos son algunos de los ejemplos de otras herramientas gratuitas que puede integrar en su web:Marcador social Share This : facilitar el marcado de la web en diferentes redes sociales comoFacebook, MySpace, Twitter, Del.icio.us, Digger,etc...Marcador social AddThis : mismo uso que Share this, si bien permite algunas personalizaciones ymodificaciones desde su propia API

ISSUU PDF Publisher : la mejor manera de presentar nuestros PDF como si fuera un libro integrado enla webScriBD : Similar sistema que ISSUU aunque con menos opciones de manejabilidad

- Vimeo : Integración de videos en la web, similar concepto que YouTube- Kewego (StarMedia) : Otro servidor de videos gratuito, mismo concepto de YouTube

Page 18: MBC v10 preview

Apdo.

III

Page 19: MBC v10 preview

Alojamiento web 19

© 2010 Mastercafe SL

3 Alojamiento web

MBC Internet dispone de varios planes recomendados para el alojamiento de la herramienta y suscaracterísticas.

Depende de las necesidades de la web y los recursos solicitados el que sea necesario activar un plande alojamiento u otro, siendo en todos los casos flexible a las necesidades del cliente tanto inicialescomo futuras.

Alojamiento Básico desde 5.99 eur/mes para la versión básica de MBC CMS (datos en MDB oACCDB)Alojamiento PYME desde 11.99 eur/mes para la versión MBC v10 con el módulo de gestión deformularios (Datos en MDB o ACCDB)Alojamiento ACTIVO desde 24.99 eur/mes para la versión MBC v10 con los módulos de gestión deformularios (bdFORMS) y comercio electrónico (eSHOP)Alojamiento EMPRESA desde 59.99 eur/mes para páginas que utilizan bases de datos SQLtotalmente seguras y un alto movimiento de accesos y/o datos almacenados

Para otras posibles configuraciones le recomendamos solicite presupuesto en base a las necesidadesde la web.

Page 20: MBC v10 preview

Apdo.

IV

Page 21: MBC v10 preview

Arquitectura MBC 21

© 2010 Mastercafe SL

4 Arquitectura MBC

Requerimientos del servidor:Sistema Operativo: Windows 2003 o superiorWeb server: IIS7 o superiorBase de datos: SQL Server 2000 o superiorLenguajes soportados: ASP / .Net 2.0 / Javascript / XML / Ajax / CSS / XHTMLAdds/Frameworks: Yahoo UI, jQuery UI, Highslide y otrosLibrerías del servidor: AspJpeg, SA-FileUpload, AspMail

La base de programación principal será en ASP con vbScript y javascript del lado del cliente

Compatibilidad web: todo el desarrollo será verificado con los principales browsers actuales.Lista de browsers: IE6, IE7, IE8, FireFox 3.xx, Google Chrome 2.xx/3.xx, Safari 3.xx y 4.xx, Opera 9.xx / 10.xx, Konqueror, Flock 2.xxSe validarán otras versiones menores como Maxthon, Mozilla, k-Meleon, etc... a fin de conseguir elmáximo de compatibilidadPlataformas: Windows / Mac / Linux que soporten algunas de las versiones indicadas.

Actual market-share por browsersInternet Explorer (6, 7, 8) 65.50 % (Internet explorer 7 ocupa un 41.5%, frente al 17.92% de IE6 y elresto de IE8)Firefox 22.51 % (Versiones Mac/Windows/Linux) Flock está incluido en este valorSafari Apple 8.43% (Versiones Windows/Mac)Google Chrome 1.80% (Básicamente Windows)Opera 0.72% (Versiones Windows y Linux)

Fuente http://marketshare.hitslink.com

Para el desarrollo el servidor deberá facilitar el acceso a la base de datos SQL Server con el fin defacilitar la creación y mantenimiento de la estructura web.

Como concepto la web será tipo 2.0 es decir el usuario no solo navegará en la web, si no que ademásserá una parte activa en la misma y participa de ella.

Todas estas especificaciones están soportadas en el servidor www.ispactivo.com que además nosofrece tráfico ilimitado y la opción de un servidor dedicado, copias de seguridad, estadísticas de acceso,webmail, ftp 24/7, panel de control de administración de correo, etc...

En nuestra propuesta establecemos el uso de este servidor (ISPActivo SCP) por sus característicastécnicas, su alto grado de servicio, seguridad y eficacia.

Page 22: MBC v10 preview

MBC v1022

© 2010 Mastercafe SL

4.1 Estructura interna

Toda la web se mantiene a través del panel de administración, donde se integra todo el sistema deseguridad de acceso.

La web será escalable, tanto en contenidos como en cantidad de páginas (zonas), siendo accesibledesde el panel de administración.Permite la inclusión de todo tipo de MashUp, Widgets e incluso código javascript, con el fin demejorar la usabilidad y navegación del sitio.Permite la inclusión de todo tipo de Frameworks, Librerías y código del usuario.Toda la web se divide en módulos o procedimientos que serán documentados internamente para facilitarsu posterior evolución y posibles mejoras.La web se basa en un único archivo que en función de los parámetros, usuario y link configurará elcontenido del mismo, de esta forma la web siempre tendrá contenido a mostrar, sea cual sea elindexado realizado por los buscadores.

La administración de datos permite la exportación de estos en formato XLS, CSV, DOC, XML, HTML oimpresión directa.

Ejemplo de captura de pantalla de administración

La web se configura a través de la base de datos Configuración, permitiendo así controlar lainformación que se desea publicar en buscadores y mejorando significativamente las posibilidades de unposicionamiento natural mejor. Algunos de los parámetros incluidos con Title, Description, Keywords,Google Urchin, Google Verify, etc...

Toda la creación del sitio se basa en hojas de estilo en cascada (CSS) que permiten unapersonalización simple y rápida de todo el sitio, controlar la compatibilidad del sitio con varios browserse incluso utilizar varias simultáneamente para conseguir un mejor y más agradable aspecto.

Toda la base de datos dispone de una gestión de idiomas que permite crear cualquier elemento en tantos idiomas como sea necesario, es decir una vez creada la web puede generarse un nuevoidioma con un mínimo tiempo de creación.Los formularios incorporan utilidades de control y supervisión de seguridad, filtros XSS, campos Captchaanti robots/bruteforce, verificación de contenidos antihacking, así como utilidades realizadas en Ajaxpara validación de contraseñas, encriptación de datos.El sistema de creación de páginas incorpora filtros de contenido de parámetros, así como una validacióncontra inyecciones masivas de datos y otros posibles ataques.La web podrá proporcionar información en formato HTML y RSS 2.0 (XML).

Dada la evolución en la red y las nuevas tecnologías/lenguajes, como es el caso de CSS 3.0 y HTML 5,todo el entorno estará preparado para una posible evolución a estos nuevos lenguajes (principalcaracterística de MBC v10).

Page 23: MBC v10 preview

Arquitectura MBC 23

© 2010 Mastercafe SL

4.2 Diagrama de gestión

Bajo la actual estructura de MBC se incorporan las necesidades de la nueva web

Actualmente MBC incorpora todas las soluciones necesarias para la gestión de banners, noticias,informaciones en la web, productos, imágenes, gestión de menús, RSS, etc.

4.3 Estructura general de datos

Toda la información se dispondrá con estos niveles de jerarquía:

Web (Inicialmente solo uno)Evento (Inicialmente solo uno)Datos (según las necesidades de agrupación de información, sin límite establecido)Tramo (según las necesidades de agrupación de información, sin límite establecido)Tema (según las necesidades de agrupación de información, sin límite establecido)Idioma (inicialmente solo castellano)

Con este método se consigue almacenar toda la información necesaria en la web de una forma simple ycompleta, la disposición de la jerarquía de información permite crear contenidos que sean específicosde una zona o bien comunes a varias.

Cada dato dispone de los siguientes valores de control de gestión:

- Activa (hace disponible la información a la web o la deja en provisional)- Rates (Valoración media)- No. Rates (Numero de rates realizados)- Rates Value (Suma total de rates)- Blog (comentable)- RSS (la información estará disponible en RSS)- Visitas (tráfico específico de la información)- Alta (fecha en la que se registro la información)- Caduca (fecha en la que la información deja de ser visible)- Actualiza (fecha en la que actualizó el contenido)

Page 24: MBC v10 preview

MBC v1024

© 2010 Mastercafe SL

- Privado (establece la información restringida a usuarios registrados en la web)- Security Level (indica el nivel de seguridad mínimo para ser visible la información)- Imagen (imagen principal asociada)- Imagen 1 (imagen alternativa ampliada asociada)- Tags (etiquetas adicionales para la creación de TagClouds e indexación)- Orden (campo de clasificación forzada)

Datos genéricos:

- Referencia (campo de control interno)- Título (rótulo principal)- Descripción (texto breve inicial)- Detalle (texto largo o de detalle)

Se apoya en la tabla de idiomas para generar textos alternativos en otros idiomas.

Page 25: MBC v10 preview

Apdo.

V

Page 26: MBC v10 preview

MBC v1026

© 2010 Mastercafe SL

5 MBC - CMS

Como ya hemos indicado nuestra herramienta es un Sistema de Gestión de Contenidos (CMS), es decirel usuario puede modificar cualquier contenido de la web directamente.

Cuando nos referimos a los contenidos entendemos que son todos los elementos que componen unaweb:- Metasentencias de la cabecera- Textos e imágenes contenidas- Menús integrados- Selección de contenidos externos- Diseño gráfico, maquetación y composición- Efectos y componentes para el usuario

5.1 Administración

Todas las tablas contenidas dispondrán de sus propio gestor de información, este puede ser utilizadoalternativamente con un método de edición directo para facilitar los cambios rápidos.El panel de administración de la web dispondrá de las siguientes utilidades:

Todos los textos a cargar utilizarán editores WYSIWIG implementados por la herramienta FCK-Editor.En la misma herramienta se incorporan funciones de subida y control de imágenes.

Imagen capturada del actual editor FCK incluido en MBC v9

Todo el panel de administración se realizará en castellano por razones lógicas de normalización en elmantenimiento, si bien los contenidos serán cargados en el idioma correspondiente.

Subida de documentos, imágenes, pdf y otros archivos a través de filtros de seguridad por usuario eincorporados a la misma base de datos bajo el perfil del usuario. Salvo las propias imágenes de la web,.elementos gráficos necesarios para la navegación y otros fondos que sean utilizados en las hojas deestilos.

Los paneles de administración incorporan herramientas de búsqueda sencilla y búsqueda avanzada.

Ejemplo de sistema de búsqueda avanzada en administración

Page 27: MBC v10 preview

MBC - CMS 27

© 2010 Mastercafe SL

Paginación de registros, registros por página, edición directa, modificación en grupo, eliminación directao en grupo, etc...

Ejemplo de paginación en las listas de administración

Gestión de banners y publicidad en la web, pudiendo establecer banner por sitios, por caducidad y porbloques.Gestión de datos o contenidos varios, corresponde a todos los textos de bajo movimientoGestión de datos agrupados, corresponde a todas las informaciones relativas a cada uno de losapartados

Page 28: MBC v10 preview

MBC v1028

© 2010 Mastercafe SL

5.2 Funcionalidades adicionales

Con el fin de realizar una web lo más participativa posible la página podrá disponer de:

Encuestas de opinión (Poll)Manipulación de imágenes (escalado, resolución, colores)Gestión de archivos, subidas, descargas, ordenación (CKFinder - bajo licencia)Integración de API de Twitter, Facebook, YouTube, etc...Integración de cualquier framework disponibleIntegración de código Javascript del usuario, funciones, widgets, plugins, etc.

Estos elementos podrán ser activados, o no, a criterio del cliente propietario de la web y con el fin derecopilar más información sobre el interés de los visitantes a la web.

La utilidad de manipulación de imágenes tiene como objetivo simplificar la subida de imágenes por losagentes y/o usuarios sin necesidad de utilizar herramientas de reescalado, ya que este trabajo serárealizado por el propio servidor a la hora de mostrar la imagen.

El sistema de video podrá ser incluido en el servidor o bien externalizado a servidores dedicados a videotipo Vimeo, YouTube, Yahoo Video. Se recomienda esta segunda opción con el fin de reducir el tráficototal de la web y mejorar el caudal total disponible para la navegación. Además el uso de portalesespecíficos de video, así como crear canales (como permite You Tube) mejorarían la captación deusuarios a la web e incrementarían el tráfico.

MBC incorpora una herramienta de creación de formularios dedicados a la web, dicha herramienta sesuministra con un panel de administración y es conectable al propio motor de datos web.

Page 29: MBC v10 preview

MBC - CMS 29

© 2010 Mastercafe SL

5.3 Diagrama web

Las zonas de administración y navegación están siempre separadas, la principal razón es la seguridady estabilidad en la base de datos.

Esquema de control de datos.

La base de datos es actualizada tanto por la propia web (control de tráfico producido, encuestas deopinión o cualquier acción necesaria en la web), como por la aplicación de administración de la base dedatos.

Básicamente el contenedor establece los módulos a cargar, el aspecto de las cajas y el resto deelementos necesarios (todo gestionado por la Administración Web), procesa las necesidades deinformación recopilándola de la base de datos y se envía a la web para crear la zona requerida.

5.4 Módulos MBC

Como es natural una herramienta que basa en simplificar y facilitar el trabajo al propietario de un sitionecesita además facilitar otras necesidades de la web: la gestión y creación de formularios, y laintegración del comercio electrónico en la web.

5.4.1 MBC Forms

Módulo de gestión de formularios que se integra en MBC.Permite:- Creación por el propietario de la web de sus propios formularios- Integración de contenidos de estos en la base de datos principal- Gestión de respuestas automáticas- Ilimitado número de formularios para integrar en la web

Todos los datos de los formularios se graban automáticamente en la propia base de datos de bdFORMS

Page 30: MBC v10 preview

MBC v1030

© 2010 Mastercafe SL

permitiendo así la recuperación de cualquier correo recibido.

5.4.2 MBC eSHOP

Módulo de comercio electrónico que permite al usuario crear su propia tienda virtual, gestionar carritos,integrar pasarelas, etc...

Las principales características de la base de datos:- Productos configurables (sin limitación de registros)- Tallas y colores para productos- Tarifas de precio a productos- Descuentos por volumen en productos- Gestión de idiomas por productos- Productos relacionados- Galería de imágenes de productos- Producto a proveedores- Tabla de portes adicionales por producto- Gestión de clientes- Gestión de carritos activos- Mantiene vivo el carrito del cliente, aún cerrando el navegador- Gestión de pedidos realizados- Exportación de cualquier dato o selección de registros en:

- CSV, XLS, HTML, DOC/RTF, XML

Tablas de apoyo para la gestión de contenidos:- Familias de productos con dependencia (sin límites de agrupación), permite gestión de idiomas- Tallas genéricas- Colores- Provincias- Paises- Tarifas- Portes y baremos- Tipos de IVA- Medidas de Stock (unidades, cajas, litros, botellas, etc...)- Estados de pedidos

Características de la tienda:- Carrito configurable por skin personalizado- Pasarela de pagos integrada (Sermepa - Servired / Passat 4b - 4B / Ceca - Red 6000)- Opcional pasarelas externas como PayPal- Formularios de activación, registro, configurable por skin personalizado- Formulario de pedido y pago personalizable por skin propio- Creación de listas de productos en oferta o promoción- Listas de productos relacionados y/o más comprados- Listas de productos favoritos y/o más visitados- Skin de producto y ficha de detalle personalizable- Carrito personalizable- Capacidad de creación de lista de compra (fidelización)

Page 31: MBC v10 preview

Apdo.

VI

Page 32: MBC v10 preview

MBC v1032

© 2010 Mastercafe SL

6 Servicios web

Enter topic text here.

6.1 Posicionamiento SEO

MBC v10 integra un gestor SEO automático que automatiza gran parte de las tareas para permitir unposicionamiento natural óptimo, solo existen dos plataformas CMS que disponen de este elemento, sibien solo MBC lo integra directamente como utilidad propia y no plugin externo.

MBC dispone de forma nativa de un gestor de MetaTags para la sentencia Canonical y dereconstrucción de títulos, descripciones y keywords, dando así un paso a frente para optimizar suposicionamiento SEO.Gracias a la velocidad de trabajo de la web, la gestión de contenidos, la optimización de encabezados yel trabajo de análisis de nuestro equipo SEO, usted podrá alcanzar sus objetivos de una forma máseficaz.

Una vez creados los espacios web y adaptados los parámetros necesarios para optimizar elfuncionamiento, le ofrecemos la posibilidad de contratar nuestros servicios de Posicionamiento SEOpara continuar con la evolución y mejora de las posiciones.

Nuestro equipo de profesionales sabrá aprovechar todas las ventajas que ofrece MBC v10 para optimizarla gestión de contenidos a publicar y mejorar día a día su posición en la red y los buscadores.

6.2 Google Adsense

MBC le permite integrar la publicidad de Google y otros buscadores en su web, tan sencillo como crearnuevas cajas e insertar el contenido que le facilitan para publicar anuncios y generar ingresos.

Nuestro servicio de AdSense le creará la cuenta y definirá cada uno de los anuncios necesarios paraadecuar a la web como opción para la generación de ingresos.

6.3 Posicionamiento SEM

Creamos y gestionamos sus campañas de Adwords de Google, Yahoo, Bing.

Optimice el tráfico a su web y obtenga el cliente objetivo que necesita adecuando cada uno de losanuncios a los contenidos y especificaciones necesarias.

6.4 Posicionamiento SMO

Gestión de redes sociales e integración de estas en la web MBC.

Una de las ventajas principales de integrar totalmente la web 2.0 es la posibilidad de insertar contenidosexternos. Gracias a estas posibilidades MBC integra con toda facilidad redes como Facebook, Twitter,Flickr, Picasa, YouTube, ISSUU, SlideShare, etc...

De esta forma su empresa conseguirá disponer de más presencia global y alcanzar nuevos objetivos decrecimiento.

Page 33: MBC v10 preview

Servicios web 33

© 2010 Mastercafe SL

6.5 Enlaces y Directorios

Tanto los distribuidores de MBC como la central, disponen de las últimas aplicaciones para la gestiónde enlaces cruzados y el análisis de optimización de estos.

Adicionalmente podremos ayudarle a gestionar enlaces con directorios que necesariamente se debenrealizar a mano, o bien realizar nosotros mismos el trabajo por usted y apoyarle en el crecimiento ygestión del mismo.

Page 34: MBC v10 preview

Apdo.

VII

Page 35: MBC v10 preview

Diseño web 35

© 2010 Mastercafe SL

7 Diseño web

Se crearán al menos dos maquetas de la home y una zona interna de la web para evaluar por el cliente.

Cada una de estas maquetas dispondrá de una norma gráfica y argumentación de uso.Los diseños se realizarán en base a los siguiente criterios:- Velocidad en la navegación- Uso de las herramientas gráficas más funcionales y atractivas en la navegación- Maximizar la capacidad de indexación de contenido para los buscadores- Facilitar la lectura y visión de los contenidos de la web

Procedimiento de diseño:- El cliente recibe las propuestas de diseño web y sus normas gráficas- El cliente acepta alguna o bien propone modificaciones sobre una de ellas- En el caso de modificaciones se realizarán y trasladará la nueva maqueta para validar- Una vez validado en diseño gráfico se inicia el trabajo de creación de la hoja de estiloscorrespondiente, así como los diferentes elementos gráficos.- Se incorporan a la base de datos principal y se suben los elementos a la carpeta de Imagenes deControl, solo accesible por administradores de la web

Page 36: MBC v10 preview

Apdo.

VIII

Page 37: MBC v10 preview

Descripción del proyecto 37

© 2010 Mastercafe SL

8 Descripción del proyecto

Enter topic text here.

Page 38: MBC v10 preview

Apdo.

IX

Page 39: MBC v10 preview

Propuesta económica 39

© 2010 Mastercafe SL

9 Propuesta económica

La estimación del tiempo para el proyecto es de 7 días hábiles desde la confirmación de diseños:

Diseño logotipo 100.- eurDiseño web 250.- eurCreación web base 240.- eurCoste de dominios nuevos según extensión (desde 20 eur/año .com)

Durante el proceso de creación de las diferentes zonas el cliente podrá trasladar vía mail la informaciónque contiene cada zona y se cargará en lugar de los textos genéricos iniciales. Estos elementosdeberán ser facilitados en texto e imágenes (deberán ser propias o libres de royalties). Se facilitará unespacio FTP para la subida de esta información.

Mantenimiento de la aplicación : 20.- eur/mesEl concepto de mantenimiento da derecho a un máximo de 2 horas de trabajo ya sea de soporte o deactualización de aplicaciones internas y se refiere específicamente a MBC Internet y sus módulosintegrados. No se incluye la carga de contenidos que será siempre presupuestada y documentada deforma independiente. Cualquier mejora que se realice en MBC será documentada presentada y tras laaprobación se incorporaría a la web en curso considerándose incluida en el mantenimiento. MBCevoluciona con las necesidades de los nuevos navegadores, por esta razón las actualizaciones suelenrealizarse al mismo tiempo que las publicaciones de las aplicaciones en versión final. De la mismaforma todo el sistema de datos integrado y mantenimiento de estos, está comprendido en el propiomantenimiento de la aplicación.

Gestión de posicionamiento natural : 50.- eur/mes (no se recomienda su contratación hasta almenos 3 meses después de disponer de web base)Incluye un resumen personalizado de posicionamiento en buscadores para un término.

Planes de alojamiento recomendadosPlan Básico 6 eur/mes: 1Gb espacio , Cuentas POP/email, email Forward/auto-responder, FTP 24/7,transferencia ilimitada, DNSEl plan puede ser cambiado en base a las necesidades de la web y el tráfico que asume(Puede consultar la especificación de planes en www.ispactivo.com )

Forma de pago:A la firma el importe correspondiente al diseño (web/logotipo), en concepto de paga y señal.El resto de importes se abonan a la entrega de la página una vez sea completada y navegable (condatos propios o genéricos).

No se ha incluido el I.V.A. 18% en los precios indicados