{"id":46,"date":"2016-04-10T07:41:36","date_gmt":"2016-04-10T07:41:36","guid":{"rendered":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/?p=46"},"modified":"2018-01-19T08:02:13","modified_gmt":"2018-01-19T08:02:13","slug":"diseno-programacion-tienda-online-parte-1","status":"publish","type":"post","link":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/diseno-programacion-tienda-online-parte-1\/","title":{"rendered":"Curso dise\u00f1o y programaci\u00f3n web: parte 1"},"content":{"rendered":"<p>Dise\u00f1o y programaci\u00f3n tienda online (Parte 1)<\/p>\n<p>Os queremos agradecer a todos vuestro inter\u00e9s en este curso. Esperamos ir resolviendo vuestras dudas a medida que vamos avanzando.<\/p>\n<p>Comenzamos!!!<\/p>\n<p>Como primer tema, y quiz\u00e1 uno de los que m\u00e1s quebraderos de cabeza puedan darnos, vamos a configurar el IIS correctamente sobre Windows 7. Lo haremos sobre Windows 7 puesto que es un sistema operativo intermedio, entre el Windows 8 y el Vista. Nos puede servir perfectamente para todos los casos.<\/p>\n<p>Debemos aclarar que vamos a dise\u00f1ar y programar nuestra tienda online a medida sobre ASP y bases de datos Access. Una vez entendido esto continuamos con la configuraci\u00f3n correcta del IIS, o lo que es lo mismo, el Internet Information Services que nos permitir\u00e1 que las p\u00e1ginas desarrolladas bajo ASP funcionen correctamente en nuestro ordenador sin necesidad de tener que usar un ftp e ir modificando en un servidor externo.<\/p>\n<h2>Instalar IIS 7 \u00f3 7.5.<\/h2>\n<p>Lo primero que haremos ser\u00e1 dirigirnos a Panel de control &gt; Programas y Caracter\u00edsticas -&gt; Activar o desactivar las caracter\u00edsticas de Windows<\/p>\n<p>Clicamos sobre Internet Information Services y marcamos ASP. Lo dejamos tal y c\u00f3mo se muestra en esta imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-112\" src=\"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-content\/uploads\/2016\/04\/tienda-online-medida-1.gif\" alt=\"tienda-online-medida-1\" width=\"468\" height=\"569\" \/><\/p>\n<p>Damos a aceptar y esperamos un rato hasta que se queda configurado e instalado.<\/p>\n<p>Una vez instalado nos dirigimos de nuevo al panel de control y pulsamos sobre Herramientas administrativas &gt; Administrador de Internet Information Services.<\/p>\n<p>Si todo se ha instalado correctamente, no deber\u00edamos tocar nada, simplemente a\u00f1adiremos pulsando sobre Default Web Site y con el men\u00fa contextual &gt;&gt; Agregar Directorio Virtual<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-113\" src=\"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-content\/uploads\/2016\/04\/tienda-online-medida-2.gif\" alt=\"tienda-online-medida-2\" width=\"953\" height=\"666\" \/><\/p>\n<p>En la nueva ventana que nos aparece escribiremos sobre la casilla alias el nombre del entorno de trabajo que utilizaremos. Te recomiendo que uses uno no muy largo, por ejemplo webs o sitios.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-114\" src=\"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-content\/uploads\/2016\/04\/tienda-online-medida-3.gif\" alt=\"tienda-online-medida-3\" width=\"952\" height=\"708\" \/><\/p>\n<p>Seleccionamos desde esa misma ventana la ruta de acceso f\u00edsica en donde se encuentran nuestras carpetas con todos los archivos que necesitaremos para programar y dise\u00f1ar la web a medida.<\/p>\n<p>Por ejemplo, si tenemos creada una carpeta en c:\/usuario\/documentos\/mi_sitio_web pues esa ser\u00e1 la ruta que elegiremos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-115\" src=\"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-content\/uploads\/2016\/04\/tienda-online-medida-4.gif\" alt=\"tienda-online-medida-4\" width=\"952\" height=\"708\" \/><\/p>\n<p>Acto seguido pulsamos en aceptar y listo.<\/p>\n<p>De este modo, si todo ha ido bien, debemos tener configurado ya nuestro entorno virtual sobre el que trabajar y probar nuestra web.<\/p>\n<p>Cabe la posibilidad de que no se haya creado la Application Pool correspondiente para que pueda funcionar correctamente el lenguaje de programaci\u00f3n ASP Cl\u00e1sico, en este caso el nuestro.<\/p>\n<p>Para solucionarlo iremos a Grupo de Aplicaciones &gt; Bot\u00f3n contextual (derecho) &gt; Agregar nuevo grupo de aplicaciones<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-116\" src=\"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-content\/uploads\/2016\/04\/tienda-online-medida-5.gif\" alt=\"tienda-online-medida-5\" width=\"406\" height=\"496\" \/><\/p>\n<p>Podemos darle el nombre asp2, seleccionar la versi\u00f3n m\u00e1s reciente y como modo de canalizaci\u00f3n seleccionar Cl\u00e1sica.<\/p>\n<p>Una vez creada esta nueva aplicaci\u00f3n, con el bot\u00f3n derecho sobre la misma clicamos sobre configuraci\u00f3n avanzada y una vez all\u00ed sobre Habilitar aplicaciones de 32 bits.<\/p>\n<p>Este \u00faltimo paso no es fundamental, pero es bueno y recomendable conocerlo. Si vi\u00e9semos que nuestras webs fallan y no se ejecutan en ASP deberemos realizar este paso.<\/p>\n<p>Ya nos queda menos para tener configurado nuestro servidor local. Ahora vamos a habilitar las rutas de acceso primarias y habilitar tambi\u00e9n que el navegador nos muestre los posibles errores de programaci\u00f3n que podamos ir cometiendo (y que cometeremos).<\/p>\n<p>Para ello nos dirigimos a Default Web Site, clicamos y vamos a ASP. Clicamos sobre ASP y se nos mostrar\u00e1 una ventana con opciones.<\/p>\n<p>Desplegamos Propiedades de depuraci\u00f3n y dejamos en True Enviar errores al explorador. Con ello tendremos configurado que el navegador nos muestre los errores que vayamos cometiendo en la programaci\u00f3n web de nuestra tienda online.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-117\" src=\"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-content\/uploads\/2016\/04\/tienda-online-medida-6.gif\" alt=\"tienda-online-medida-6\" width=\"454\" height=\"369\" \/><\/p>\n<p>Desplegamos dentro de ese mismo apartado de ASP la pesta\u00f1a que hay m\u00e1s abajo. Desplegamos Comportamiento. En Habilitar rutas de acceso primarias marcamos True.<\/p>\n<p>Con todo esto tendremos configurado perfectamente nuestro IIS o servidor local para poder ir dise\u00f1ando y programando nuestra web.<\/p>\n<p>Instalar componentes<\/p>\n<p>Ahora debemos instalar el resto de componentes necesarios para hacer funcionar nuestra web. Para ello debemos descargar de sus respectivas webs las \u00faltimas versiones de:<\/p>\n<p>Persits ASPUpload<\/p>\n<p>Este componente ActiveX nos permitir\u00e1 subir im\u00e1genes y archivos a nuestra web.<\/p>\n<p>Persits ASPEmail. Esta es gratuita. La descargamos y nunca nos caducar\u00e1.<\/p>\n<p>Con este componente podremos mandar formularios y mails en general cuando sea necesario.<\/p>\n<p>Persits ASPJPEG<\/p>\n<p>Este componente nos permite retocar im\u00e1genes y adecuarlas al tama\u00f1o y forma que queramos. Muy \u00fatil.<\/p>\n<p>Helicon ISAPI_Rewrite3<\/p>\n<p>Con Isapi Rewrite 3 lograremos hacer urls amigables. Algo que gusta mucho a Google. Es un simulador de .htaccess para Windows.<\/p>\n<p>Persits ASPPDF<\/p>\n<p>En este caso no lo utilizaremos, pero es conveniente que sep\u00e1is que existe ASPPDF, una herramienta capaz de generar archivos PDF. Muchas veces los necesitamos para crear facturas, dossieres, etc,\u2026<\/p>\n<p>Por separado o utiliz\u00e1ndolos de manera combinada, estos componente nos ser\u00e1n de vital ayuda. Con ellos, por ejemplo, lograremos que alguien compre un producto, se registre, reciba un mail con la informaci\u00f3n de su compra y un PDF con la factura correspondiente.<\/p>\n<p>Con todo, lo \u00fanico que nos resta es estar seguros de que tenemos instalado Microsoft Access.<\/p>\n<h2>Probando nuestra primera web<\/h2>\n<p>Vale. Muy bonito. Y esto c\u00f3mo se prueba. C\u00f3mo lo uso. Muy f\u00e1cil. Ve al navegador que quieras. Es preferible usar Firefox o Chrome, ya que con sus numerosos plugins puedes ir corrigiendo muchos errores.<\/p>\n<p>En la direcci\u00f3n de la URL escribe http:\/\/ nombre_de_equipo \/ alias_que_agregamos_en_agregar_directorio_virtual \/ nombre_carpeta_sitio_web<\/p>\n<p>El nombre del equipo lo podemos averiguar haciendo click con el bot\u00f3n derecho sobre Mi PC en el escritorio &gt; propiedades y ah\u00ed se nos mostrar\u00e1 el nombre del equipo. El nombre de alias es el que creamos en los apartados anteriores y que dijimos que lo recomendable es que fuera un nombre corto tipo webs, o sitios.<\/p>\n<p>Mi primera p\u00e1gina en ASP<\/p>\n<p>Creamos con notepad un documento y lo llamamos index.asp. En ese documento escribimos exactamente esto:<\/p>\n<p>&lt;%=date%&gt; Esta es la fecha de hoy<\/p>\n<p>Guardamos y lo colocamos dentro de nuestra carpeta del sitio.<\/p>\n<p>Escribimos lo que hemos puesto anteriormente en la url de la barra de direcciones de nuestro navegador:<\/p>\n<p>Ej: http:\/\/ mi_pc \/ sitios \/ mi_tienda_online<\/p>\n<p>Nos deber\u00eda devolver la fecha de hoy. Si no lo hace o da alg\u00fan error de ejecuci\u00f3n, puede coment\u00e1rnoslo abajo y te ayudaremos.<\/p>\n<p>Seguiremos el pr\u00f3ximo d\u00eda con la Parte II del Curso de dise\u00f1o y programaci\u00f3n de una tienda online a medida.<\/p>\n<p>Muchas gracias. Esperamos poder ayudarte.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o y programaci\u00f3n tienda online (Parte 1) Os queremos agradecer a todos vuestro inter\u00e9s en este curso. Esperamos ir resolviendo vuestras dudas a medida que vamos avanzando. Comenzamos!!! Como primer tema, y quiz\u00e1 uno de los que m\u00e1s quebraderos de cabeza puedan darnos, vamos a configurar el IIS correctamente sobre Windows 7. Lo haremos sobre Windows 7 puesto que es un sistema operativo intermedio, entre el Windows 8 y el Vista. Nos puede servir perfectamente para todos los casos. Debemos aclarar que vamos a dise\u00f1ar y programar nuestra tienda online a medida sobre ASP y bases de datos Access. Una vez entendido esto continuamos con la configuraci\u00f3n correcta del IIS, o lo que es lo mismo, el Internet Information Services que nos permitir\u00e1 que las p\u00e1ginas desarrolladas bajo ASP funcionen correctamente en nuestro ordenador sin necesidad de tener que usar..<\/p>\n","protected":false},"author":1,"featured_media":118,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-online"],"_links":{"self":[{"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":5,"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/posts\/46\/revisions\/316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/media\/118"}],"wp:attachment":[{"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wishingwell.es\/blog-marketing-on-line\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}