![\"Metodolog\u00eda](\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/08\/metodologia_desarrollo.jpg\")
<\/a>Aprende una Metodolog\u00eda de desarrollo de sitios web<\/p><\/div>\n
<\/p>\n
Metodolog\u00eda de desarrollo de sitios web<\/h2>\n
El desarrollo de sitios web es una tarea de ingenier\u00eda que requiere de una metodolog\u00eda para realizarse de una forma m\u00e1s adecuada. Existen varios planteamientos. Considero que la siguiente metodolog\u00eda<\/strong> basada en Luj\u00e1n S. (2002) nos puede servir para comenzar\u00a0 a desarrollar sitios web f\u00e1cilmente.<\/p>\n 1.1 Especificaciones del sitio. \u00bfQu\u00e9 desea el cliente? \u00bfC\u00f3mo desea que se visualice? \u00bfEn cu\u00e1nto tiempo desea ver resultados?<\/p>\n 1.2 Contenido. \u00bfEl cliente tiene ya alg\u00fan texto que desea que se incluya? \u00bfTiene im\u00e1genes, fotograf\u00edas o documentos que el sitio debe incorporar? Es momento de solicitarlos.<\/p>\n 1.3 Objetivos. Redacte\u00a0formalmente cu\u00e1l ser\u00e1 su objetivo general, escriba tres o cuatro objetivos espec\u00edficos.<\/p>\n 1.4 P\u00fablico destino. Estudie hacia qui\u00e9n va dirigido el sitio, qu\u00e9 edades tiene, qu\u00e9 le gusta, qu\u00e9 necesita, etc.<\/p>\n 1.5 Inversi\u00f3n prevista. De cu\u00e1nto dinero y recursos dispone para realizar el sitio.<\/p>\n 2.1 Infraestructura. \u00bfUtilizar\u00e1 servidor propio, hosting, servidor dedicado o alguna soluci\u00f3n cloud? \u00bfQu\u00e9 ancho de banda necesitar\u00e1? \u00a0(Lea tambi\u00e9n: \u00bfQu\u00e9 es el cloud computing? Capas y proveedores<\/strong><\/em><\/a>)<\/p>\n 2.2 Tecnolog\u00eda web. Considere si est\u00e1 realizando un sitio est\u00e1tico o din\u00e1mico. En cualquier caso, \u00bfqu\u00e9 tecnolog\u00edas web utilizar\u00e1? \u00bfQu\u00e9 gestor de base de datos se usar\u00e1? \u00a0(Lea tambi\u00e9n: Arquitectura de una aplicaci\u00f3n web<\/strong><\/em><\/a>).<\/p>\n 3.1 Elabore un dise\u00f1o (mockup) del sitio que incluya:\u00a0P\u00e1gina inicial, men\u00fa de navegaci\u00f3n, secciones de la p\u00e1gina, esquema de autenticaci\u00f3n, entre otros.<\/p>\n 3.2 Estructura f\u00edsica (carpetas y archivos). \u00bfQu\u00e9 carpetas y archivos utilizar\u00e1? \u00bfSeguir\u00e1 un esquema parecido a la estructura l\u00f3gica o ser\u00e1 diferente?<\/p>\n 4.1 Defina el texto que aparecer\u00e1 en cada secci\u00f3n del sitio (si este es tomado de una base de datos, entonces incluye la creaci\u00f3n y alimentaci\u00f3n de la base de datos).<\/p>\n 5.1 Colores. Elija y especifique la paleta de colores que utilizar\u00e1.\u00a0Elija 4 colores,\u00a0escriba sus nombres, c\u00f3digos (RGB, Hexadecimal), y el orden (1 es el color principal, etc).<\/p>\n 5.2 Tipograf\u00eda. Indique la fuente y familia de fuentes que utilizar\u00e1, y\u00a0el tama\u00f1o por defecto que utilizar\u00e1 en los p\u00e1rrafos.<\/p>\n 5.3 Otros elementos. Indique el estilo de botones, los logotipos, iconos, ilustraciones y dem\u00e1s elementos gr\u00e1ficos que posiblemente emplear\u00e1.<\/p>\n 8.1 Prueba de Conexi\u00f3n con la base de datos,<\/p>\n 8.2 Verificaci\u00f3n de enlaces rotos, y recursos empleados. Todos los enlaces deben ser funcionales, todas las im\u00e1genes deben cargar adecuadamente, as\u00ed como el resto de recursos.<\/p>\n 8.3 Prueba del sitio en diferentes navegadores.<\/p>\n 8.4 An\u00e1lisis de tiempo de carga y rendimiento.<\/p>\n <\/p>\n Otras propuestas incluyen el uso de Metodolog\u00edas \u00c1giles<\/strong> de desarrollo de software, pues se observa que muchos proyectos de desarrollo web requieren de versiones previas del producto, donde los desarrolladores est\u00e1n sometidos a gran presi\u00f3n de trabajo para terminar lo antes posible, y se tienen modificaciones a lo largo del desarrollo del proyecto (C\u00e1ceres P. y Marcos E., 2001).<\/p>\n Referencias<\/strong>.<\/p>\n Veamos a continuaci\u00f3n una metodolog\u00eda de desarrollo de sitios web que nos ayuda a\u00a0elaborar un adecuado plan de desarrollo de proyectos web.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[171,33],"tags":[206,207,48],"class_list":["post-84","post","type-post","status-publish","format-standard","hentry","category-programacion-web","category-web","tag-desarrollo-de-aplicaciones-web","tag-metodologias","tag-programacion-web"],"_links":{"self":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":7,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":1125,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/84\/revisions\/1125"}],"wp:attachment":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}1. An\u00e1lisis de requerimientos<\/strong>.<\/h3>\n
2. Arquitectura y tecnolog\u00eda<\/strong>.<\/h3>\n
3. Dise\u00f1o de la estructura l\u00f3gica y f\u00edsica del sitio<\/strong>.<\/h3>\n
4. Creaci\u00f3n de contenidos<\/strong>.<\/h3>\n
5. Dise\u00f1o gr\u00e1fico<\/strong>.<\/h3>\n
6. Creaci\u00f3n de las p\u00e1ginas est\u00e1ticas<\/strong>.<\/h3>\n
7. Creaci\u00f3n de las p\u00e1ginas din\u00e1micas<\/strong>.<\/h3>\n
8. Verificaci\u00f3n del funcionamiento del sitio<\/strong>.<\/h3>\n
9. Puesta en marcha<\/strong>.<\/h3>\n
Otras propuestas<\/h2>\n
\n