Página web para la atención psicológica a adolescentes con trastornos por consumo de sustancias psicoactivas y comportamientos adictivos a la tecnológica. Aprendices: Víctor Alfonso Guzmán Brand Yamit Alexander Sánchez Valenzuela Liliana Viloria Eduard Mauricio Currea Camargo Servicio Nacional de Aprendizaje Regional Tolima-Centro de Comercio y Servicios Tecnólogo Multimedia y WEB Ficha: 2758103 2023 1 Página web para la atención psicológica a adolescentes con trastornos por consumo de sustancias psicoactivas y comportamientos adictivos a la tecnológica. Aprendices: Víctor Alfonso Guzmán Brand Yamit Alexander Sánchez Valenzuela Liliana Viloria Eduard Mauricio Currea Camargo Docente Asesor: Manuel Fernando Sosa Orjuela Servicio Nacional de Aprendizaje Regional Tolima-Centro de Comercio y Servicios Tecnólogo Multimedia y WEB Ficha: 2758103 2023 2 1. PLANTEAMIENTO DEL PROBLEMA Este proyecto se fundamenta en la preocupación de padres, docentes y sociedad en general que observa altos niveles de consumo de sustancias psicoactivas y comportamientos adictivos a la tecnología de los adolescentes de nuestro país. Esto se debe en gran parte a que los adolescentes se encuentran en una etapa del desarrollo donde su cerebro está en una situación de constante cambio, con un proclive estado de indefensión a las adicciones por causa de su inminente inmadurez (López, 2019). Además, este estado los puede llevar a adquirir conductas repetitivas (Guzmán & Gelvez, 2022). Igualmente, esta etapa de desarrollo y la búsqueda de su identidad e independencia lo llevan a estar disponible para la manipulación de diferentes variables como el contexto, presión de los pares y problemas familiares, que lo conducen al consumo constante de sustancias psicoactivas. Así pues, el adolescente carece de la capacidad de asimilar los elevados niveles de estimulación que les ofrecen los teléfonos inteligentes, donde la carga de dopamina en sus cerebros en mayor en comparación con los adultos al realizar las mismas actividades, de esta manera, buscan encontrar gratificación al usar los teléfonos inteligentes, las aplicaciones de redes sociales, internet, juegos en línea, entre otras. Esta situación tiene la capacidad de habituar el cerebro al neurotransmisor que es el precursor de la adicción en la etapa de la adolescencia (Vencillo, 2020). De igual forma, hay que posicionar la mirada sobre las organizaciones y cultura actual que invita a adquirir productos y servicios sin tener escrúpulos en la forma de promocionarlos. De tal manera, que el auge, desarrollo y el interés en las nuevas tecnologías en la juventud es una realidad que se está saliendo del cauce por el consumo, uso desmedido y descontrolado de estos elementos que desencadena en estados de ánimo problemáticos. 3 Por otro lado, el consumo de sustancias psicoactivas es un problema critico que se presenta en la sociedad actual (Ministerio de Justicia y del Derecho, 2023), que según el Informe sobre el consumo de drogas en las Américas, 2019, (Organización de los Estados Americanos, 2019), en Colombia más del 50% de los estudiantes de secundaria han consumido bebidas alcohólicas en algún momento de su vida, siendo un asunto complejo por la aceptación cultural. De tal manera, el consumo de marihuana en este grupo poblacional esta entre el 5 y 10%, de inhalantes del 3,5%, éxtasis 0,2%, cocaína 3,0% y una tendencia al consumo de las denominadas nuevas sustancias psicoactivas. Es así como, la adolescencia es la etapa del desarrollo que tiene mayor riesgo de desarrollar dependencia y abuso del alcohol, tabaco u otra sustancia psicoactiva, al punto que ha más temprana edad se empieza a consumir mayores son los efectos nocivos en la salud. Las sustancias psicoactivas son un conjunto de compuestos de procedencia natural o sintética, que son capaces de alterar el sistemas nervioso ocasionando alteraciones en las funciones que controlan las emociones, pensamientos y la conducta (Organización Panamericana de la Salud, 2023). Es así como, el uso y abuso de este tipo de sustancias llega a producir dependencia y discapacidad, sin contar los problemas crónicos en la salud de la persona consumidora. Por otro lado, se tiene inconvenientes a nivel social afectando el círculo familiar y las relaciones interpersonales, llegando a alterar las tareas diarias en el ámbito laboral y académico. Al respecto, algunas investigaciones como la de Medina & Rubio (2012) donde se atendió a 333 jóvenes entre los 14 a 18 años, su ingreso a la fundación se presentó por el consumo problemático de tabaco 44,2%, marihuana 25,8%, alcohol 18% y cocaína 5,7%, además, la edad media de ingreso a la institución es de 15,7 años. Donde la prevalencia del consumo en este grupo poblacional es alta, también, se observa el consumo de varias sustancias a la vez y de manera constante. Por otra parte, el estudio de Pérez et al. (2019) donde trata de identificar el nivel de conocimientos sobre los daños del consumo de drogas en 228 adolescentes, da a 4 conocer como el 64,9% tiene conocimientos medios sobre los daños, el 98,2% identifica las diferentes sustancias psicoactivas, el 85,1% manifiesta obtener información de los medios, familia o profesor y el 94,7% expresa que su consumo es perjudicial para su salud. Adicionalmente, el estudio de Cruz et al. (2018), donde se pretende determinar la prevalencia del consumo de sustancias psicoactivas y los trastornos mentales más frecuentes asociados este consumo, en adolescentes colombianos de 12 a 17 años, en una muestra de 448 participantes, se halló que la sustancia psicoactiva con mayor consumo es el alcohol con el 16,6%, con una correlación con trastornos afectivos como la depresión y la ansiedad. Además, se vincula con conductas autolíticas (Cañón & Carmona, 2018), trastorno por déficit de atención con hiperactividad (Giraldo et al., 2017), trastornos del comportamiento (Ponce et al., 2021), trastornos de la conducta alimentaria (Flores et al., 2018), trastornos psicóticos (Gutiérrez et al., 2000). De igual manera, es indudable que la tecnología ha transformado la manera de consolidar las relaciones, de comunicación y de ocio en las personas. Pero, también ha provocado la proliferación de los comportamientos adictivos por el uso excesivo o abuso de los elementos tecnológicos como los teléfonos inteligentes en los adolescentes, situación que ha despertado gran atención en los padres, académicos y personal asistencial en los últimos años, ya que se observa una vinculación con problemas físicos, psicológicos y sociales. La adicción es una conducta compulsiva en donde el individuo pierde su capacidad de dominar una situación, esta condición hace referencia a la dependencia por sustancias o cuando se usa de forma contante algún objeto, como puede ser la televisión, videojuegos, internet, teléfonos, plataformas, entre otras (Ander, 2016). Esta clase de dispositivos se convierten en distractores y una barrera para las interacciones cara a cara. Según el informe del estado mundial de la infancia del Fondo de las Naciones Unidas para la Infancia (UNICEF, 2017), muestra como las 5 personas entre el rango de 15 a 24 llega a ser el segmento poblacional más utiliza esta clase de tecnología, además, expone que uno de cada tres usuarios que se conecta a internet son personas menores de 18 años. Por otro lado, el estudio del Fondo de las Naciones Unidas para la Infancia. (2021), que se realiza en España con la participación de 41 509 jóvenes con edades entre 11 a 18 años, da a conocer como el 94,8% posee un teléfono inteligente con conexión a internet. De igual forma, existe una asociación entre las dependencias tecnológicas y los trastornos mentales. Existen, comportamientos adictivos que se derivan del uso problemático de la tecnología como es el trastorno por uso de videojuegos siendo un deterioro en el control, incremento en la prioridad a pesar de los problemas derivados, se expresa una angustia marcada (Clasificación internacional de enfermedades, 2021). La nomofobia que es una conducta que se caracteriza por el miedo irracional o ansiedad de no tener a disposición los teléfonos inteligentes en determinados momentos (Rodríguez et al., 2020). El phubbing siendo la situación de ignorar a las personas en un contexto social por estar atento a los dispositivos electrónicos, dejando a un lado la posibilidad de instaurar una relación (Guzmán & Gelvez, 2022). El uso excesivo de las redes sociales siendo una deficiencia en la interacción social cara a cara por estar atento a las aplicaciones (Gutiérrez & Gutiérrez, 2021). Es así como, existen estudios sobre el tema como el de Schou et al. (2017), el cual conto con una muestra de 23 533 personas con un rango de edad de 16 a 88 años, la cual tuvo la finalidad de observar la relación entre el uso adictivo de las redes sociales, los video juegos y síntomas de trastornos psiquiátricos, es así como, expone que existe una vinculación entre el trastorno obsesivo compulsivo, trastorno por déficit de atención e hiperactividad y con la utilización excesiva de videojuegos. Además, un estudio realizado con la participación de 58 976 adolescentes de todas las regiones de Italia muestra como uno de cada diez tiene problemas por la utilización de las redes sociales, lo cual se vincula a síntomas somáticos como dolor de cabeza, sensación de mareo, dolor de espalda, y psicológicos tales como 6 alteración del estado de ánimo, ansiedad, conducta compulsiva, deficiencias emocionales, problemas sociales y académicos (Marino et al., 2020). 2. Objetivo General Diseñar una página web para la atención psicológica a adolescentes con trastornos por consumo de sustancias psicoactivas y comportamientos adictivos a la tecnológica. 2.1. Objetivos específicos Aplicar una encuesta a los padres o acudientes y a los adolescentes con trastornos por consumo de sustancias psicoactivas y comportamientos adictivos a la tecnológica. Estructurar una página web desacuerdo a los requerimientos de los usuarios encuestados. 3. TÉCNICA DE RECOLECCIÓN DE DATOS La técnica de recolección de datos que es una encuesta planteada en un cuestionario con preguntas cerradas, aplicada mediante Google formularios. Una encuesta de investigación se refiere a un método sistemático y estructurado utilizado en la investigación social y científica para recopilar datos y obtener información sobre diferentes temas, opiniones, actitudes, comportamientos u otros aspectos de interés. A través de la formulación de preguntas predefinidas, diseñadas con base en los objetivos de la investigación, se busca recabar respuestas y datos cuantitativos o cualitativos de un grupo de participantes seleccionados de manera representativa de la población o el grupo en estudio (Hernández & Mendoza, 2018). Las encuestas son valiosas para analizar patrones, tendencias y relaciones dentro de una población, permitiendo a los investigadores obtener una comprensión más profunda de las actitudes y comportamientos de las personas en relación con el tema de estudio. Sin embargo, es crucial diseñar las preguntas con cuidado, garantizar la representatividad de la muestra y aplicar métodos estadísticos apropiados para el análisis de los datos recopilados (Guzmán, 2021). 7 Población 4. La población objetivo de este estudio son los padres o acudientes y adolescentes con trastornos por consumo de sustancias psicoactivas y comportamientos adictivos a la tecnología. Se tomó como muestra representativa a 18 participantes, a los cuales se les aplicó una encuesta para medir sus preferencias en razón a los gustos en determinados temas sobre el diseño de una página web. La encuesta se diseñó para recopilar información sobre las siguientes variables: Trastorno por consumo de sustancias psicoactivas Comportamientos adictivos a la tecnología Preferencia por temas específicos en el diseño de una página web. Los datos de la encuesta se obtuvieron a través de un cuestionario autoadministrado que se envió a los participantes por correo electrónico. Los cuestionarios se recogieron una semana después de su envío. 5. TABULACIÓN DE LA INFORMACIÓN. Para la tabulación de la información de los datos recolectados en la encuesta se realiza un análisis descriptivo cual nos indica el promedio de cada una de las opciones de respuesta. De esta forma, se llega a los siguientes resultados: 8 Se evidencia que el 55.6% de adolescentes busca ayuda profesional Se evidencia que el 44.4% de los padres de familia buscan ayuda profesional para sus hijos Se evidencia que el 68.8% pide ayuda para manejar problemas de consumo de sustancias Se evidencia que 31.3% no le interesa la ayuda para manejar problemas de consumo de sustancias 9 Se evidencia que el 75 % de los encuestados buscan apoyo psicológico para controlar los comportamientos adictivos a la tecnología Se evidencia que el 25 % de los encuestados no les interesa el apoyo psicológico para controlar los comportamientos adictivos a la tecnología Se evidencia que el 55.6% prefiere recibir la terapia en línea Se evidencia que 33.3% prefiere la presencialidad para ser atendidos 10 Se evidencia que el 33.3% prefiere el horario de atención las 17:00pm a 18:00pm Se evidencia que el 16.7% prefiere el horario de atención las 9.00pm a 10:00pm Se evidencia que el 11.1% prefiere el horario de atención las 14:00pm a 15:00pm y el horario 8:00am a 9:00am Se evidencia que el 50% prefiere recibir la terapia el día sábado Se evidencia que el 14.3% prefiere recibir la terapia el día lunes e igual que el viernes y el domingo 11 Se evidencia que el 72.2% indica que si le interesa información sobre terapeutas especializados en trastornos de consumo y adicciones tecnológicas Se evidencia que el 27.8% indica que no le interesa información sobre terapeutas especializados en trastornos de consumo y adicciones tecnológicas Se evidencia que el 61.1% indica que si le interesa tener acceso a recursos educativos sobre como enfrentar los problemas de adicción Se evidencia que el 38.9% indica que no le interesa tener acceso a recursos educativos sobre cómo enfrentar los problemas de adicción 12 Se evidencia que el 72.2% indica que si le interesa participar en grupos de apoyo en línea con otros adolescentes que enfrenten problemas similares Se evidencia que el 27.8% indica que no le interesa participar en grupos de apoyo en línea con otros adolescentes que enfrenten problemas similares Se evidencia que el 72.2% indica que si le interesa la confidencialidad y privacidad de tus datos al utilizar una plataforma en línea para terapia Se evidencia que el 27.8% indica que no le interesa la confidencialidad y privacidad de tus datos al utilizar una plataforma en línea para terapia 13 6. Se evidencia que el 27.8% Tienen preferencia por el color azul, que lo hace sentir más cómodo y comprendido en la página web Se evidencia que el 16.7% Tienen preferencia por el color Amarillo, que lo hace sentir más cómodo y comprendido en la página web Se evidencia que el 11.1% Tienen preferencia por el color negro y rojo, que lo hace sentir más cómodo y comprendido en la página web Se evidencia que el 66.7% indica que si le interesa información sobre costos y opciones de pago para las sesiones de terapia Se evidencia que el 33.3% indica que no le interesa información sobre costos y opciones de pago para las sesiones de terapia CONCLUSIONES DE REQUERIMIENTOS. 14 Basándonos en los resultados de la encuesta dirigida a padres, tutores y adolescentes afectados por trastornos relacionados con el consumo de sustancias psicoactivas y conductas adictivas hacia la tecnología, se puede concluir que existe un notable interés en la concepción, diseño y establecimiento de una plataforma web. capaz de proporcionar apoyo a estos jóvenes en particular. 1. El 44,4% de los adolescentes y el 55,6% de los padres o acudientes encuestados expresaron su interés en esta página web. Esto indica que existe una necesidad real de este tipo de recursos, ya que los trastornos por consumo de sustancias psicoactivas y los comportamientos adictivos a la tecnología son problemas que afectan a un número creciente de adolescentes. 2. El uso de la página web, que será un medio importante de comunicación, de apoyo y de asesoría para la ayuda de los usuarios adolescentes con los trastornos mencionados, desempeñará un papel importantísimo para ese grueso de jóvenes que desean recibir la ayuda y que está representado en un 68.8% de la población encuestada. 3. La encuesta sigue arrojando una importante cifra de la necesidad de apoyo psicológico por la adicción a la tecnología, razón por la cual, se hace necesario implementar todos los medios viables que puedan facilitar esta comunicación entre los terapeutas y los adolescentes que padecen los trastornos y adicciones. 4. Dado que un alto porcentaje de los encuestados 55.6% prefieren recibir la ayuda en línea o por algún medio digital, la página web diseñada para tal fin, podría desempeñar un papel importante en torno a logro de este objetivo. 5. El 50% de los encuestados, manifiestan que la franja de horarios comprendidos entre las 5:00 de la tarde y las 10:00 de la noche en los días sábado, son horarios y fechas que se habitual a la mayor disponibilidad de tiempo del mayor número de los encuestados. Recogiéndose en el marco de la franja horaria de 5:00 a 6:00 de la tarde como las más indicadas para recibir las sesiones de terapias a un 33.5% de la población encuestada. 15 6. La página web podría ser un recurso educativo para ese gran número de adolescentes representado en un 72.2% que requieren ayuda para enfrentar los problemas de adicción y poderlo hacer desde los sitios que ellos deseen siempre y cuando tengan los medios tecnológica de acceso para ello, y además, poder llevar a cabo la terapia en línea y en grupo que padecen la misma problemática, para posibilitar el mayor aprovechamiento de los recursos profesionales, tecnológicos y de tiempo, conservando en todo momento, el buen manejo de la privacidad y confidencialidad de los datos personales y las situaciones privadas que son sujetos de la aplicación de la salvaguarda ética. 7. Para el diseño y la imagen corporativa de la página que incluye el manejo de color de la misma, existe una variedad de opciones para el uso de colores, que podría generar una gran propuesta de diseño gráfico de la misma, tratando de responder a las expectativas que llenan a los usuarios para robar su atención y mantener el interés en el uso permanente de la misma. 8. Finalmente, la encuesta aplicada muestra un gran interés de la mayoría de los adolescentes usuarios de conocer el costo de la terapia y los estipendios en los que se incurre en ella, ya que de las facilidades de acceso de recursos depende en gran parte la participación de las sesiones de los jóvenes que padecen los trastornos por consumo de sustancias psicoactivas y adicciones al uso excesivo a las tecnologías. 7. REQUISITOS TÉCNICOS DEL PROYECTO. Para crear una página web eficiente y funcional, es fundamental establecer una sólida base de requisitos técnicos que guíen el proceso de desarrollo. Estos requisitos son la columna vertebral del proyecto y definen los aspectos esenciales, como la arquitectura de la página, la elección de tecnologías y lenguajes de programación, la estructura de la base de datos, la seguridad, la capacidad de respuesta y la accesibilidad. Al comprender y documentar de manera exhaustiva estos requisitos, aseguramos que la página web cumpla con las expectativas del 16 cliente, sea compatible con múltiples dispositivos y navegadores, y proporcione una experiencia de usuario fluida y atractiva. En esta etapa del proyecto, se detalla los requisitos técnicos de manera completa y precisa, sentando las bases para el desarrollo exitoso de la página web. 7.1. Proveedor de hosting. HOSTINGER, es un proveedor de excelente calidad, que ofrece al desarrollador múltiples beneficios y ventajas al momento del diseño y creación de su página web, como son: 1. Es un proveedor que se caracteriza por tener una velocidad de carga super rápida, “muy veloz”, es económico en precio y ofrece una gama de servicios a sus usuarios, totalmente gratis (dominio, certificado SSL, copias de seguridad diaria, Word press, y migración hacia otro proveedor, característica de mucha importancia para cualquier desarrollador web). Adicional a estos servicios totalmente gratis, el plan incluye, 100 correos corporativos, chat totalmente en español, respaldo senior y 100 subdominios entre otros. 2. La facilidad en el manejo de su plataforma: Posee un panel de control intuitivo, personalizado y fácil de navegar, con múltiples tutoriales y recursos para ayudarnos a mejorar nuestro sitio web. 3. Otra característica muy importante de este proveedor, es su reconocimiento a nivel mundial. Presta sus servicios a más de 174 países con un aproximado de veintinueve mil usuarios, cifra que genera total confianza para sus clientes. CONCLUSIÓN En conclusión, podemos decir que Hostinger, es un líder en el mercado por sus múltiples beneficios, como son: copias de seguridad diaria, certificados de SSL gratuito, la excelente atención al cliente las veinticuatro horas al día y los siete días a la semana por todos los canales de comunicación actualmente 17 existentes, la facilidad para su utilización, la velocidad de su carga, y, los planes y precios asequibles para cualquier usuario. 7.2. Tipo de servidor web. HTTP Apache HTTP (Hypertext Transfer Protocolo, en español Protocolo de Transferencia de Hipertexto) es un protocolo de comunicación utilizado en la World Wide Web (WWW) para permitir la transferencia de datos, como documentos HTML, imágenes, videos y otros recursos, entre un cliente (generalmente un navegador web) y un servidor web. Su función principal es facilitar la solicitud y entrega de recursos web a través de Internet. Aquí tienes una explicación de cómo funciona: Solicitud del Cliente: Cuando un usuario ingresa una dirección web en su navegador o hace clic en un enlace, el navegador crea una solicitud HTTP para el recurso asociado a esa dirección. Envío de la Solicitud al Servidor: El navegador envía esta solicitud al servidor web correspondiente que aloja el recurso solicitado. La solicitud HTTP contiene información sobre el tipo de recurso requerido y otros detalles, como las cookies del usuario. Procesamiento en el Servidor: El servidor web recibe la solicitud y la procesa. Esto implica buscar el recurso solicitado en su sistema de archivos o base de datos, ejecutar scripts si es necesario y realizar otras operaciones según las instrucciones recibidas. 18 Respuesta del Servidor: Una vez que el servidor ha procesado la solicitud, devuelve una respuesta HTTP al navegador del cliente. Esta respuesta incluye un código de estado (por ejemplo, 200 para "OK" o 404 para "No encontrado") y los datos del recurso solicitado (como un archivo HTML). 7.3. Herramientas de desarrollo. Un sistema de administración de bases de datos, es un software que se usa en la definición de reglas para validar y manipular datos, a su vez, permite interactuar con bases de datos, aplicaciones y usuarios de las mismas, además que facilita la recuperación, el almacenamiento, el análisis y la actualización de los datos trabajados. Estos sistemas también proporcionan métodos para mantener la integridad de los datos, para administrar el acceso de usuarios a los datos y para recuperar la información si existe un fallo del sistema haciendo copias de seguridad. Las bases de datos y los sistemas para su gestión son esenciales para cualquier área de negocio, y deben ser gestionados con esmero. Entre este tipo de sistemas de administración de bases de datos tenemos el sistema PhpMyAdmin, que es una herramienta de software libre escrita en PHP (lenguaje de programación de código abierto), destinada a manejar la administración de MySQL (lenguaje de consulta utilizado para acceder y manipular datos almacenados en bases de datos) a través de la Web; soporta una amplia gama de operaciones en MySQL y MariaDB (sistemas de gestión de bases de datos), las operaciones más frecuentes (borrar, editar y añadir registros, tablas, columnas, relaciones, índices, usuarios, permisos, etc.) se pueden realizar a través de la interfaz de usuario, también tiene la capacidad de ejecutar directamente cualquier sentencia SQL para crear, eliminar y alterar nuestras de datos. PhpMyAdmin es accesible a través de un navegador web, lo que significa que puede ser usado en cualquier lugar donde haya una conexión a Internet, para usarlo, simplemente necesitamos los detalles para una cuenta de alojamiento MySQL (solicitados durante la instalación), así como el nombre de usuario y la contraseña asignados a esa cuenta; si no tenemos un servidor web o una cuenta de alojamiento MySQL, podemos usar XAMPP (paquete de 19 software disponible gratuitamente) para configurar un servidor web y una base de datos locales en nuestra computadora. Para crear una base de datos en phpMyAdmin, primero debemos iniciar sesión en nuestra cuenta, luego, haremos clic en la pestaña “Bases de datos, Ingresamos el nombre de la base de datos que deseamos crear y luego hacemos clic en el botón “Crear”. Importancia de phpMyAdmin en nuestro proyecto: Se ha decidido utilizar este sistema de administración por su facilidad de uso, está diseñado para ser fácil de usar, por lo que incluso los usuarios sin mucha experiencia pueden aprender a usarlo con facilidad; además a pesar de su facilidad de uso, phpMyAdmin es una herramienta muy poderosa y versátil, tiene un montón de funciones útiles para administrar tu base de datos MySQL, por lo que tiene una amplia compatibilidad, funciona con la mayoría de los sistemas operativos y navegadores web, y finalmente es un software de código abierto, por lo que es gratis de usar e igualmente también podemos contribuir al proyecto si queremos. 7.3.1. Visual Studio Code Visual Studio Code (VS Code), creado por Microsoft, es un editor de código fuente que se destaca por ser de código abierto y ser compatible con diversas plataformas, incluyendo Windows, GNU/Linux y macOS. Una de sus principales fortalezas radica en su sólida integración con Git, lo que facilita la gestión de versiones de proyectos. Además, este editor ofrece capacidades de depuración de código y una amplia variedad de extensiones que permiten a los desarrolladores escribir y ejecutar código en múltiples lenguajes de programación de manera eficiente y versátil (Flores, 2022). Entre sus características esta: IntelliSense, una funcionalidad esencial relacionada con la edición de código agiliza significativamente el proceso de escritura. Esta herramienta ofrece sugerencias y autocompletado de código, adaptándose de manera inteligente a los tipos de variables y funciones utilizados en el código. La función de depuración integrada en Visual Studio Code simplifica la identificación de errores en el código, eliminando la necesidad de una 20 revisión exhaustiva línea por línea. El editor es capaz incluso de detectar pequeños errores de forma automática antes de ejecutar el código o iniciar la depuración, lo que aumenta la eficiencia del proceso. Por último, Visual Studio Code ofrece una sólida integración con Git, permitiendo revisar diferencias (conocidas como git diff), organizar archivos, realizar commits directamente desde el editor, y realizar operaciones push y pull con diversos servicios de gestión de código fuente (SCM). La compatibilidad con otros sistemas de gestión de código fuente se puede añadir mediante extensiones, lo que garantiza una flexibilidad total en el control de versiones. 7.4. Lenguajes de programación. 7.4.1. HTML: Lenguaje de etiquetas de hipertexto. La estructura de una página web es un componente fundamental que define el espacio en el documento web donde se organiza y presenta tanto el contenido estático como el dinámico. Es esencialmente la base sobre la cual se construyen todas las aplicaciones y sitios web. Cuando nos disponemos a crear un sitio web o una aplicación web, el primer paso crítico es desarrollar el código HTML que define la estructura de cada página que compone el proyecto. Esta estructura HTML proporciona el esqueleto sobre el cual se coloca todo el contenido visual y funcional del sitio web. Define la jerarquía de elementos, como encabezados, párrafos, listas, imágenes y enlaces, que dan forma a la presentación de la información en la página. Además, facilita la organización de elementos interactivos, como formularios y botones, que permiten a los usuarios interactuar con la aplicación (Pedroza, 2010). Crear una estructura HTML sólida es crucial para garantizar la usabilidad, la accesibilidad y la compatibilidad con diversos dispositivos y navegadores. Además, permite una gestión eficiente del contenido y facilita futuras actualizaciones y expansiones del sitio o la aplicación web. En consecuencia, la creación de una estructura HTML bien definida y eficiente es el punto de partida esencial en el 21 desarrollo web, ya que sienta las bases para una experiencia de usuario exitosa y una aplicación o sitio web funcional y atractivo (Gauchat, 2017). 7.4.2. CSS (Cascading Style Sheets) CSS, abreviatura de "Cascading Style Sheets," desempeña un papel crucial en el desarrollo web al permitir el control preciso de la presentación y el diseño de una página. Esta tecnología separa de manera efectiva el contenido HTML de la presentación visual, lo que facilita la consistencia en el diseño y la adaptación a diversos dispositivos. Además, CSS mejora la eficiencia del desarrollo, agiliza las actualizaciones y mantiene la carga rápida de las páginas (Vásquez, 2006). Su capacidad para mejorar la accesibilidad y proporcionar una experiencia de usuario coherente lo convierte en una herramienta esencial para los programadores web modernos, influyendo significativamente en la calidad y la eficacia de los proyectos web (Celaya, 2015). 7.4.3. JavaScript JavaScript, un lenguaje de programación esencial en el desarrollo web, proporciona la capacidad de crear sitios y aplicaciones web interactivos y dinámicos. Su importancia radica en su capacidad para mejorar la experiencia del usuario al permitir la respuesta en tiempo real a las acciones del usuario, como la validación de formularios y la creación de elementos de interfaz interactivos. Además, JavaScript posibilita la carga dinámica de contenido, la comunicación con APIs de terceros y la compatibilidad con una amplia gama de navegadores, lo que lo convierte en una herramienta versátil y fundamental para el desarrollo web moderno (Matthews, 2014). Es así como, JavaScript es un lenguaje de programación esencial en el desarrollo web, permitiendo la creación de sitios y aplicaciones web interactivos y dinámicos. Su importancia radica en su capacidad para mejorar la experiencia del usuario, habilitar la carga dinámica de contenido, comunicarse con APIs y garantizar la compatibilidad con diversos navegadores, contribuyendo significativamente al éxito de proyectos web modernos (Nixon, 2019). 22 7.4.4. PHP PHP, conocido como "Hypertext Preprocessor," es un lenguaje de programación fundamental en el desarrollo web que brinda dinamismo y versatilidad a las aplicaciones. Operando en el lado del servidor, PHP permite la creación de páginas web interactivas, la manipulación de bases de datos y la generación de contenido personalizado según las solicitudes de los usuarios. Su integración fluida con otros lenguajes y sistemas de gestión de bases de datos, como MySQL, facilita la construcción de aplicaciones web completas y eficientes (Nixon, 2019). Además, PHP cuenta con una comunidad activa de desarrolladores y recursos en línea, lo que simplifica el proceso de desarrollo y promueve la compartición de conocimientos. Su escalabilidad y accesibilidad, al ser de código abierto, hacen de PHP una elección poderosa para una amplia variedad de proyectos web (Celaya, 2015). 7.5. Diseño Web Responsive El diseño web responsivo, también conocido como diseño web adaptable o diseño web responsive, es una estrategia de diseño y desarrollo web que se enfoca en crear sitios web que se adapten y se vean óptimos en una amplia variedad de dispositivos y tamaños de pantalla. Esto se logra mediante el uso de técnicas y tecnologías que permiten que el diseño y el contenido se ajusten automáticamente para proporcionar una experiencia de usuario coherente y satisfactoria, independientemente de si el usuario está accediendo al sitio desde una computadora de escritorio, una tableta o un teléfono móvil (Pedroza, 2010). . El diseño web responsivo se basa en principios como el uso de hojas de estilo en cascada (CSS) para controlar la presentación y el diseño, así como el uso de consultas de medios (media queries) para adaptar el contenido y la disposición en función del tamaño de la pantalla del dispositivo. La importancia del diseño web responsivo radica en la creciente diversidad de dispositivos y resoluciones de 23 pantalla en el mercado actual (Nixon, 2019). Al implementar un diseño responsivo, los sitios web pueden garantizar que los usuarios obtengan una experiencia de usuario óptima sin importar cómo accedan al sitio, lo que mejora la accesibilidad, la usabilidad y la satisfacción del usuario. REFERENCIAS BIBLIOGRÁFICAS Celaya, A. (2015). Creación de Páginas Web: HTML 5. ICB. S.L. (Interconsulting Bureau S.L.). Flores, F. (2022, julio 22). Qué es Visual Studio Code y qué ventajas ofrece. OpenWebinars.net. https://openwebinars.net/blog/que-es-visual-studio- code-y-que-ventajas-ofrece/ Gauchat, J. (2017). El gran libro de HTML5, CSS3 y JavaScript. Editorial MARCOMBO, S.A. Matthews, J. (2014). Cómo hacer tu propia página web gratis. Babelcube. Nixon, R. (2019). Aprender PHP, MySQL y JavaScript. MARCOMBO. Pedroza, M. (2010). Diseño Y Programación De Páginas Web. Independiente. Vásquez, D. (2006). Creación de sitios web. USERS. 24 Ander, E. (2016). Diccionario de Psicología. Brujas. Cañón, S., & Carmona, J. (2018). Ideación y conductas suicidas en adolescentes y jóvenes. Pediatría Atención Primaria, 20(80), 387-397. http://scielo.isciii.es/scielo.php?script=sci_arttext&pid=S113976322018000400014&lng=es. Clasificación internacional de enfermedades. (2021). Clasificación internacional de enfermedades edición 11.a.CIE-10 [Organización Mundial de la Salud]. Organización Mundial de la Salud. https://icd.who.int/es CONSEJO NACIONAL DE POLÍTICA ECONÓMICA Y SOCIAL. (2020). CONSEJO NACIONAL DE POLÍTICA ECONÓMICA Y SOCIAL CONPES (N.o 1; pp. 170). CONSEJO NACIONAL DE POLÍTICA ECONÓMICA Y SOCIAL. https://colaboracion.dnp.gov.co/CDT/Conpes/Econ%C3%B3micos/3992.pdf Cruz, V., Gómez, C., & Rincón, C. (2018). Salud mental y consumo de sustancias psicoactivas en adolescentes colombianos mental health and use of psychoactive substances in colombian adolescents. Health and Addictions, 18(1), 97-106. http://dx.doi.org/10.21134/haaj.v18i1.363 Flores, M., Blanco, M. del C., & Rodríguez, M. (2018). Alteraciones de la conducta alimentaria en pacientes con trastorno por abuso de sustancias. Clínica y Salud, 29(3), 125-132. https://doi.org/10.5093/clysa2018a18 Fondo de las Naciones Unidas para la Infancia. (2021). Impacto de la tecnología en la adolescencia | UNICEF. https://www.unicef.es/publicacion/impacto-de-latecnologia-en-la-adolescencia 25 Giraldo, B. O., Conejo, R. D., & Ochoa, J. W. C. (2017). Substance use disorder in patients with attention deficit hyperactivity disorder receiving. Acta Neurologica Colombiana, 33(4), 307-311. https://doi.org/10.22379/24224022171 Gutiérrez, F., & Gutiérrez, R. (2021). Association addictive behavior to social networks high school students: A study in Mexico. Gaceta Médica de Caracas, 129(1), 30-35. http://saber.ucv.ve/ojs/index.php/rev_gmc/article/view/22272 Gutierrez, O., Gutierrez, J., Arboleda, M., Escobar, L., Osorio, I., & Londoño, M. (2000). CUADRO PSICOTICO AGUDO ASOCIACIÓN CON CONSUMO DE PSICOTÓXICOS. Revista Colombiana de Psiquiatría, 29(4), 367-374. http://www.scielo.org.co/scielo.php?script=sci_arttext&pid=S003474502000000400004 Guzmán, V., & Gelvez, L. (2022). Phubbing en los adolescentes un comportamiento que afecta la interacción social. Una revisión sistemática. Revista Estudios Psicológicos, 2(4), Article 4. https://doi.org/10.35622/j.rep.2022.04.001 López, N. (2019). El cerebro adolescente. Editorial Ediciones RIALP, S. A. Medina, Ó. A., & Rubio, L. (2012). Consumo de sustancias psicoactivas (SPA) en adolescentes farmacodependientes de una fundación de rehabilitación colombiana. Estudio descriptivo. Revista Colombiana de Psiquiatría, 41(3), 550-561. http://www.scielo.org.co/scielo.php?script=sci_abstract&pid=S003474502012000300007&lng=en&nrm=iso&tlng=es Ministerio de Justicia y del Derecho. (2023). Situación del consumo de drogas en Colombia [Publica]. Ministerio de Justicia y del Derecho. https://www.minjusticia.gov.co/programasco/ODC/Paginas/Situaci%C3%B3n-consumo.aspx Organización de los Estados Americanos. (2019). Informe sobre el Consumo de Drogas en las Américas 2019 (Text N.o 1; pp. 1-80). Organización de los 26 Estados Americanos. https://www.oas.org/es/centro_noticias/comunicado_prensa.asp?sCodigo=C -014/19 Organización Panamericana de la Salud. (2023). Abuso de sustancias—OPS/OMS |. https://www.paho.org/es/temas/abuso-sustancias Pérez, L., Guirola, J., García, Y., Díaz, A., Mastrapa, H., & Rolando, J. T. (2019). Nivel de conocimientos sobre los daños del consumo de drogas en adolescentes. Revista Cubana de Medicina Militar, 48(4), 780-796. http://scielo.sld.cu/pdf/mil/v48n4/1561-3046-mil-48-04-e232.pdf Ponce, M., Suarez, F., & Pincay, E. (2021). Trastornos del comportamiento asociados a sustancias psicoactivas en estudiantes de bachillerato de la Unidad Educativa Fiscal Alejo Lascano. Dominio de las Ciencias, 7(2), 135150. http://dx.doi.org/10.23857/dc.v7i1.1867 Rivas, L. (2018). La Salud Mental, un verdadero problema de salud pública. Revista Colombiana Salud Libre, 13(1), Article 1. https://doi.org/10.18041/19007841/rcslibre.2018v13n1.4985 Rodríguez, A.-M., Moreno, A., & López, J. (2020). Nomophobia: An Individual’s Growing Fear of Being without a Smartphone—A Systematic Literature Review. International Journal of Environmental Research and Public Health, 17(2), Article 2. https://doi.org/10.3390/ijerph17020580 Schou, C., Billieux, J., Griffiths, M., Kuss, D., Demetrovics, Z., Mazzoni, E., & Pallesen, S. (2017). Adicción a internet, redes sociales y videojuegos: La relación entre el uso adictivo de las redes sociales y los video juegos y síntomas de trastornos psiquiátricos: un estudio transversal a gran escala. RET: revista de toxicomanías, 81(2), 2-2. https://dialnet.unirioja.es/servlet/articulo?codigo=6390833 Vencillo, K. (2020). Adicción a internet. Problemas médicos y de salud en la actualidad. Editorial GreenWood. 27 Guzmán, V. (2021). El método cualitativo y su aporte a la investigación en las ciencias sociales. Gestionar: Revista De Empresa Y Gobierno, 1(4), 19–31. https://doi.org/10.35622/j.rg.2021.04.002 Hernández, R., & Mendoza, C. (2018). Metodología de la investigación. Las rutas cuantitativa, cualitativa y mixta(Sexta edic). McGraw-Hill. 28