<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>MASTER CASERO DE DISEÑO Y DESARROLLO WEB</title>
	<atom:link href="http://mastercasero.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://mastercasero.wordpress.com</link>
	<description>La tecnología avanza más rápido que los máster oficiales...</description>
	<lastBuildDate>Fri, 18 Jun 2010 13:33:56 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='mastercasero.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>MASTER CASERO DE DISEÑO Y DESARROLLO WEB</title>
		<link>http://mastercasero.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://mastercasero.wordpress.com/osd.xml" title="MASTER CASERO DE DISEÑO Y DESARROLLO WEB" />
	<atom:link rel='hub' href='http://mastercasero.wordpress.com/?pushpress=hub'/>
		<item>
		<title>8 Consejos para enfrentar un proyecto Web</title>
		<link>http://mastercasero.wordpress.com/2010/06/13/8-consejos-para-enfrentar-un-proyecto-web/</link>
		<comments>http://mastercasero.wordpress.com/2010/06/13/8-consejos-para-enfrentar-un-proyecto-web/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 21:02:28 +0000</pubDate>
		<dc:creator>alienababenco</dc:creator>
				<category><![CDATA[Artículos de interés]]></category>

		<guid isPermaLink="false">http://mastercasero.wordpress.com/?p=31</guid>
		<description><![CDATA[Fuente: http://www.cristalab.com/blog/8-consejos-para-enfrentar-un-proyecto-web-c74834l/ Estas son algunas consideraciones que debemos tener en cuenta incluso antes de comenzar a trabajar. Esta lista la he hecho pensando en freelancers (porque yo mismo lo soy), pero muchas de las cosas que están aquí son válidas para no-freelancers también: 1-Procura hacer un cuestionario corto y preciso, que te permita luego crear [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mastercasero.wordpress.com&amp;blog=14185744&amp;post=31&amp;subd=mastercasero&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste">Fuente: <a href="http://www.cristalab.com/blog/8-consejos-para-enfrentar-un-proyecto-web-c74834l/" target="_blank">http://www.cristalab.com/blog/8-consejos-para-enfrentar-un-proyecto-web-c74834l/ </a></div>
<div>Estas son algunas consideraciones que debemos tener en cuenta incluso antes de comenzar a trabajar. Esta lista la he hecho pensando en freelancers (porque yo mismo lo soy), pero muchas de las cosas que están aquí son válidas para no-freelancers también:</div>
<div></div>
<div id="_mcePaste"><strong>1-Procura hacer un cuestionario corto y preciso, que te permita luego crear un brief</strong></div>
<div id="_mcePaste">La clave de un buen cuestionario es usar pocas preguntas, fáciles de contestar. Por lo general, tu cliente quiere dejar la mayor parte del trabajo tedioso de tu parte. Además, si es una persona ocupada (siempre lo es) no querrá agregar a su lista de tareas la de tener que hacer grandes cuestionarios o supervisar lo que estás haciendo. Lo mejor para él (y para ti) es que le facilites lo más posible su parte del trabajo en la creación del proyecto. Eso sí, una vez que tengas el brief listo, no olvides enviárselo para que te dé su visto bueno.</div>
<div id="_mcePaste"><strong>2-Ten al menos una reunión con tu cliente para hablar sobre el proyecto</strong></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste">Esta puede ser presencial, vía telefónica u online (Skype, GTalk, Messenger, etc.) La reunión no puede ser por escrito. No significa que todas deban ser de esta manera, pero al menos la primera debe serlo.</div>
<div id="_mcePaste">Todos sabemos que una conversación donde pueda -al menos- escucharse la voz de la contraparte resulta más fluida y productiva que una conversación escrita, que es más estructurada pero no permite la inmediatez de la primer. Incluye ese &#8220;extra&#8221; que significa el tono de la voz y la capacidad de ganar la confianza de tu cliente a través de una buena conversación. Si puedes tener un par de conversaciones más con tu cliente, no las desaproveches. Ese tipo de contacto genera relaciones que duran en el tiempo (si te portas bien, claro).</div>
<div id="_mcePaste"><strong>3- Prepara un contrato y no comiences el trabajo hasta tener la aceptación del mismo, por escrito, de parte del cliente.</strong></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste">No hace falta tampoco que generes páginas y páginas para tu contrato, sólo procura que no falten los puntos esenciales: Descripción del Proyecto, Presupuesto, Forma(s) de Pago y Tiempos de cada etapa. Siempre es buena idea que te asesores con alguien sobre las formalidades requeridas en tu país. Por supuesto, para que un contrato sea válido debe estar firmado por ambas partes o al menos aprobado expresamente de algún modo.</div>
<div id="_mcePaste"><em>TAREA: DISEÑAR UN CONTRATO</em></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste"><strong>4- Comienza siempre con un mockup</strong></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste">Ya sea que utilices el viejo pero bueno papel y lápiz, algún software o alguna herramienta online, no comiences a diseñar sin crear antes un mockup. A diferencia del proceso de diseño, en el mockup preocúpate por cosas como la navegación, la distribución del contenido, el formulario de búsqueda, etc. Luego tendrás tiempo para el proceso de diseño como tal. Además, el mockup te permitirá volver a plantearte la estructura o parte de ella con facilidad.</div>
<div id="_mcePaste"><strong>5-Ten siempre presente la posibilidad de que el cliente retrase el trabajo.</strong></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste">Personalmente, mi problema principal a la hora de intentar mantener los tiempos es que el cliente entregue el material, haga las revisiones en el tiempo establecido, etc. Para paliar ese problema suelo hacer dos cosas (no necesariamente al mismo tiempo):</div>
<div id="_mcePaste">Colocar tiempos de revisión -normalmente de una semana- por parte del cliente, advirtiéndole que cada día de retraso implicará un cambio en la fecha de entrega y/o un recargo (de un 1%, máximo) en el precio final. Si quieres que se apure, tócale los bolsillos.</div>
<div id="_mcePaste">Preveer estos retrasos, dándole más tiempo a los lapsos de entrega de material o revisiones. Esta no es la mejor solución, pero si conoces más o menos a tu cliente, puede funcionar.</div>
<div id="_mcePaste"><strong>6-Piensa en el usuario final, que tu sitio sea usable y accesible</strong></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste">El cliente a veces tiene la razón, pero es tu obligación hacer lo mejor que puedas por él. Hazle recomendaciones, dile por qué tiene sentido tu diseño. Eso sí, ten cuidado con terminar defendiendo tu diseño sólo porque lo hiciste tú y estás enamorado de él. No tengas como prioridad satisfacer a tu cliente sino a su cliente, que será quien tenga que interactuar con lo que hayas hecho. Ten en cuenta que muchos clientes no entienden que un sitio web es un medio de comunicación y no sólo una tarjeta de presentación.</div>
<div id="_mcePaste"><strong>7-Se un profesional o no te vendas como tal</strong></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste">Sí, suena duro, pero eso cierto. Todos sabemos el dolor de cabeza que significa &#8220;el sobrino que sabe de computadoras&#8221;.</div>
<div id="_mcePaste">No estoy diciendo que te vendas como el mejor diseñador/desarrollador del mundo, pero tampoco debes hacer pensar a tu cliente que no estás calificado para el trabajo o que simplemente eres su sobrino de 12 años. Si te vendes por centavos, no sólo te perjudicas tú (porque siempre esperarán que te vendas por centavos) sino a todo el mercado, creando el precedente de que el diseño web es cuestión de limosnas.</div>
<div id="_mcePaste">Por otro lado, debes estar consciente de tu papel, tu cliente espera que resuelvas un problema, no que los crees; aún cuando estés comenzando, debes tener la suficiente seguridad para evitar que te vea como un repartidor de pizzas, si tú no te respetas ni respetas tu trabajo, tu cliente tampoco lo hará (ni la comunidad).</div>
<div id="_mcePaste"><strong>8-Estudia, lee, aprende</strong></div>
<div><strong><br />
</strong></div>
<div id="_mcePaste">Una de las cosas más fascinantes de la tecnología es que está en constante desarrollo. Siempre hay cosas nuevas que aprender, los horizontes están en constante expansión. Si quieres permanecer en el mercado, ya sea que te dediques al diseño, al desarrollo o ambos, debes mantener &#8220;mente de principiante&#8221;, debes querer aprender cosas nuevas. Claro que no te volverás un experto en todo, pero al menos debes saber un poco de diseño, de desarrollo, de SEO, de estándares&#8230; esas son las cosas que marcarán la diferencia&#8230; o no.</div>
<br />Filed under: <a href='http://mastercasero.wordpress.com/category/web-general/4-fases-desarrollo-web/articulos-de-interes/'>Artículos de interés</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mastercasero.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mastercasero.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mastercasero.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mastercasero.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mastercasero.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mastercasero.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mastercasero.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mastercasero.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mastercasero.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mastercasero.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mastercasero.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mastercasero.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mastercasero.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mastercasero.wordpress.com/31/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mastercasero.wordpress.com&amp;blog=14185744&amp;post=31&amp;subd=mastercasero&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mastercasero.wordpress.com/2010/06/13/8-consejos-para-enfrentar-un-proyecto-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/235e6b42dee18ff6b3af1683e79602ae?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">alienababenco</media:title>
		</media:content>
	</item>
		<item>
		<title>Fases de desarrollo de un proyecto Web</title>
		<link>http://mastercasero.wordpress.com/2010/06/13/fases-desarrollo-web/</link>
		<comments>http://mastercasero.wordpress.com/2010/06/13/fases-desarrollo-web/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 19:39:03 +0000</pubDate>
		<dc:creator>alienababenco</dc:creator>
				<category><![CDATA[4- Fases Desarrollo Web]]></category>
		<category><![CDATA[Web General]]></category>

		<guid isPermaLink="false">http://mastercasero.wordpress.com/?p=1</guid>
		<description><![CDATA[Fuente: http://www.mixtura.net/2007/08/16/como-hacer-una-web-el-desarrollo-de-proyectos-y-sus-fases.html Para evitar malentendidos y frustraciones innecesarias es conveniente que siempre se apliquen estas fases que describen cómo hacer una web y que no se pase de fase hasta no haber terminado la anterior (excepto cuando se trate de fases que puedan realizarse simultáneamente). BRIEFING Esta fase será ejecutada por el ejecutivo de cuentas. Es [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mastercasero.wordpress.com&amp;blog=14185744&amp;post=1&amp;subd=mastercasero&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Fuente: <a href="http://www.mixtura.net/2007/08/16/como-hacer-una-web-el-desarrollo-de-proyectos-y-sus-fases.html">http://www.mixtura.net/2007/08/16/como-hacer-una-web-el-desarrollo-de-proyectos-y-sus-fases.html</a></p>
<p>Para evitar malentendidos y frustraciones innecesarias es conveniente que siempre se apliquen estas fases que describen cómo hacer una web y que no se pase de fase hasta no haber terminado la anterior (excepto cuando se trate de fases que puedan realizarse simultáneamente).</p>
<p><strong>BRIEFING</strong></p>
<p>Esta fase será ejecutada por el ejecutivo de cuentas. Es la segunda fase más importante del proyecto (después del análisis).Se trata de una reunión entre el estudio y el cliente en el que ambas partes se conocen (si se trata de un primer trabajo).<br />
El objetivo primordial de esta fase es conocer la actividad del cliente y cuáles son sus necesidades. Para ello, es muy útil acudir a la reunión con un <strong>formulario prediseñado con las preguntas clave</strong> que nunca se deben olvidar en esta fase del proyecto.</p>
<p><em><strong>TAREA: DISEÑAR UN CUESTIONARIO para cada tipo de cliente. Por ejemplo: 1 cuestionario para particulares, otro para nuevas empresas, otros para empresas que quieran mejorar su web,etc&#8230;</strong></em></p>
<p>También resulta de gran ayuda averiguar el presupuesto con el que cuenta el cliente para ejecutar el proyecto. Muchas veces el cliente pide y pide. Uno prepara un proyecto gigantesco, según lo solicitado por el cliente, y al presentar el presupuesto el cliente se asombra pues no tiene capacidad para desembolsar ni una cuarta parte de la cantidad presentada.</p>
<p><strong>ANÁLISIS</strong></p>
<p><strong>La madre del cordero</strong>. Es imprescindible dedicar el tiempo que haga falta a esta fase. ¿Se imaginan que un ingeniero de caminos no realice sus cálculos a conciencia antes de definir el trazado de una carretera? No se puede dejar espacio a la improvisación. La mayoría de las veces conlleva muchos problemas consigo. Esta fase la realizarán el director técnico y el director de arte del proyecto.<br />
<strong>Se empieza por documentarse sobre las posibles soluciones a aplicar, tanto a nivel técnico como gráfico.</strong> En en caso de tratarse de una web estática se realiza un esquema de secciones. Si se trata de una web dinámica se realiza un modelo de dominio, para conocer los roles de cada uno de los personajes que van a hacer uso de la aplicación y así diseñar una solución idónea. Luego se prepara un diagrama de casos de uso y por último se genera un prototipo de la interfaz gráfica.<br />
Para proyectos de creación de páginas web de grandes dimensiones se puede llegar a cobrar por la ejecución del análisis.</p>
<p><strong>PRESUPUESTO</strong></p>
<p>Con la información recabada en las fases anteriores ya estamos en condiciones para <strong>elaborar un cronograma y una estimación de horas para cada una de las fases que se van a dar en la creación de la página web</strong>. Esta fase también será realizada por el director técnico y el director de arte del proyecto.<br />
Es necesario<strong> redactar un contrato </strong>en el que el estudio de comprometa a entregar el proyecto en una fecha determinada y el cliente se comprometa a colaborar en la ejecución de la web y realizar los pagos en las fechas acordadas. Es más que acosejable cobrar un 50% del total de la cantidad presupuestada antes de seguir adelante.</p>
<p><strong>ELABORACIÓN DE CONTENIDOS</strong></p>
<p>En el contrato se debe haber acordado quién va a estar encargado de generar los contenidos para la web. Si el cliente no tiene tiempo para ello, un documentalista se puede encargar de redactar los textos. Las traducciones deben ser realizadas por un traductor profesional.<br />
En esta fase también se genera o recopila el resto del material necesario: fotografías, vídeos, animaciones…<br />
¡Mucho ojo si esta fase se deja en manos del cliente! En muchísimas ocasiones los proyectos web se dilatan debido a que el cliente no entrega los contenidos en la fecha acordada. Esto genera importantes desajustes en la organización del estudio.</p>
<p><strong>DISEÑO GRÁFICO</strong></p>
<p>Al tiempo que se generan los contenidos el diseñador web puede empezar a trabajar en el diseño gráfico. ¡ojo! No vale un diseñador gráfico de impresión. La web tiene muchas características únicas que nada tienen que ver con el mundo editorial.<br />
Primero se genera uno o más bocetos en el que se definen las posibles líneas gráficas a seguir. Solo se trabajan una o dos secciones. Cuando se ha elegido una línea a seguir se diseña cada una de las plantillas necesarias para la creación de la página web. El ejecutivo de cuentas se encargará de ir presentando al cliente el diseño en formato pdf vía email.<br />
El diseñador realiza el diseño tanto del Front End como del Back End.<br />
Una vez se ha aprobado el diseño por escrito, el maquetador lo convierte en plantillas XHTML no interactivas.</p>
<p><strong>IMPLEMENTACIÓN TÉCNICA</strong></p>
<p>En paralelo al diseño gráfico y a la elaboración de los contenidos, el programador implementa la solución definida en la fase de análisis. En esta fase lo que se generan son las tripas de la página web.<br />
Al igual que antes esta labor se realiza tanto en el Front End como en el Back End.</p>
<p><strong>INTEGRACIÓN </strong></p>
<p>Terminadas las dos fases anteriores el programador puede pasar a integrar lo implementado a nivel técnico con las maquetas creadas con el diseño gráfico.</p>
<p><strong>INSERCIÓN DE CONTENIDOS</strong></p>
<p>Ahora que todo funciona es el momento para insertar los contenidos en la página. Tanto en el idioma principal como en los secundarios. Esta fase debe correr a cargo de un editor.</p>
<p><strong>PRUEBAS Y CORRECIONES</strong></p>
<p>Aunque a lo largo de todas las fases de la creación de la página web se van realizando continuas pruebas y correcciones, llega un momento en el que se publica una versión alfa. En este momento, el director técnico y el director de arte revisan la web de arriba a abajo probando todas las combinaciones posibles para acceder a los contenidos y realizar tareas.<br />
Una vez ha pasado este filtro previo y se han realizado todas las correcciones oportunas se le muestra al cliente para que pruebe él la versión beta. Se le da un plazo limitado de tiempo y se le solicita que entregue un informe con las correcciones que estime necesarias al final del plazo (y no a medida que vaya encontrando los fallos). Es importante que se trate de fallos y no de nuevas incorporaciones al proyecto. Eso se podrá haber dejado cerrado en el contrato.</p>
<p><strong>FORMACIÓN</strong></p>
<p>Justo antes de presentarle al cliente la versión alfa, se le forma para hacer uso de la aplicación (en caso de que tenga algún tipo de gestor de contenidos o similar).<br />
Unas veces puede valer con una simple reunión. En otras ocasiones es necesario redactar un manual de uso.</p>
<p><strong>PUBLICACIÓN DE LA WEB</strong></p>
<p>Y por fin, cuando todas las fases anteriores han terminado, el programador publica la web en el servidor definitivo.<br />
Bueno, espero que esta descripción de cómo hacer una web, el desarrollo del proyecto y sus fases sea de utilidad.</p>
<br />Filed under: <a href='http://mastercasero.wordpress.com/category/web-general/4-fases-desarrollo-web/'>4- Fases Desarrollo Web</a>, <a href='http://mastercasero.wordpress.com/category/web-general/'>Web General</a> Tagged: <a href='http://mastercasero.wordpress.com/tag/web-general/'>Web General</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/mastercasero.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mastercasero.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/mastercasero.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/mastercasero.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/mastercasero.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/mastercasero.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/mastercasero.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/mastercasero.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/mastercasero.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/mastercasero.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/mastercasero.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/mastercasero.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/mastercasero.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/mastercasero.wordpress.com/1/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=mastercasero.wordpress.com&amp;blog=14185744&amp;post=1&amp;subd=mastercasero&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://mastercasero.wordpress.com/2010/06/13/fases-desarrollo-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/235e6b42dee18ff6b3af1683e79602ae?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">alienababenco</media:title>
		</media:content>
	</item>
	</channel>
</rss>
