1

Institución Educativa Técnica Agropecuaria y Comercial

“Eutimio Gutiérrez Manjón”

GUÍA DE APRENDIZAJE AUTÓNOMO Y FLEXIBLE 2021

Tecnología Reny caraballo
Área o Asignatura: Docente:
informática Gomez
701, 702,
Grado: Cod. Docente: 11
703, 704
Periodo: Cuatro Fecha inicio: 20 de septiembre
Núm. Guía: 1 Fecha fin: 01 de octubre
Método de entrega: Plataforma Sinaí – WhatsApp – Correo Electrónico Institucional.
Número de contacto del docente:

DBA: Utilizar la computadora y la Internet para apoyar los procesos de aprendizaje y

actividades personales (recolectar, seleccionar, organizar y procesar información),
asumir comportamientos responsables con el uso de los recursos tecnológicos.
Aprendizaje: diseño y planteo nuevas herramientas tecnológicas para mi entorno

Resumen

Las redes sociales, en el mundo virtual, son sitios y aplicaciones que operan en niveles

diversos, como el profesional, de relación, entre otros. pero siempre permitiendo el

intercambio de información entre personas y/o empresas. [ CITATION dis21 \l 9226 ]

En esta nueva temática crearemos con la ayuda del instructor y de la temática un

concepto propio aprenderemos el uso adecuado de las redes sociales

ABSTRACT

Social networks, in the virtual world, are sites and applications that operate at various

levels such as professional, relationship, among others. but always allowing the exchange

of information between people and / or companies. (disgus, 2021)

In this new theme we will create with the help of the instructor and the theme our own

concept, we will learn the proper use of social networks

Las aplicaciones “APPS” En esencia, una aplicación no deja de

ser un software. Para entender un poco
mejor el concepto, podemos decir que
Las aplicaciones —también llamadas las aplicaciones son para los móviles lo
apps— están presentes en los teléfonos que los programas son para los
desde hace tiempo; de hecho, ya ordenadores de escritorio.
estaban incluidas en los sistemas
operativos de Nokia o Blackberry años
atrás. Los móviles de esa época,
contaban con pantallas reducidas y
muchas veces no táctiles, y son los que
ahora llamamos feature phones, en
contraposición a los smartphones, más
actuales.

1
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
2
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

Actualmente encontramos aplicaciones

de todo tipo, forma y color, pero en los
primeros teléfonos, estaban enfocadas
en mejorar la productividad personal: se
trataba de alarmas, calendarios,
calculadoras y clientes de correo.

Hubo un cambio grande con el ingreso

de iPhone al mercado, ya que con él se
generaron nuevos modelos de negocio
que hicieron de las aplicaciones algo
rentable, tanto para desarrolladores
como para los mercados de aplicaciones, Quienes cuentan ya con una «web
como App Store, Google Play y Windows responsiva» pueden plantearse la
Phone Store. necesidad de diseñar una aplicación,
pero la respuesta a si esto es o no
necesario, depende de entender tanto los
Al mismo tiempo, también mejoraron las
objetivos de negocio, como las
herramientas de las que disponían
características que diferencian las
diseñadores y programadores para
aplicaciones de las webs.
desarrollar apps, facilitando la tarea de
producir una aplicación y lanzarla al
mercado, incluso por cuenta propia. Por ejemplo, las aplicaciones pueden
verse aun cuando se está sin conexión a
Internet, además, pueden acceder a
ciertas características de hardware del
Diferencias entre aplicaciones y web teléfono —como los sensores—,
móviles capacidades que actualmente están
fuera del alcance de las webs. Por lo
Las aplicaciones comparten la pantalla anterior, puede decirse que una
del teléfono con las webs móviles, pero aplicación ofrece una mejor experiencia
mientras las primeras tienen que ser de uso, evitando tiempos de espera
descargadas e instaladas antes de usar, excesivos y logrando una navegación
a una web puede accederse más fluida entre los contenidos.
simplemente usando Internet y un
navegador; sin embargo, no todas
pueden verse correctamente desde una No siempre hay que elegir entre una u
pantalla generalmente más pequeña que otra. Webs y aplicaciones no son
la de un ordenador de escritorio. competidoras, más bien, pueden
complementarse entre ellas; por ejemplo,
una web puede ser útil como canal de
Las que se adaptan especialmente a un información para motivar la descarga de
dispositivo móvil se llaman «web la aplicación.
responsivas» y son ejemplo del diseño
líquido, ya que se puede pensar en ellas
como un contenido que toma la forma del
contenedor, mostrando la información Primero el móvil
según sea necesario. Así, columnas
enteras, bloques de texto y gráficos de Es posible que cuando llegue la hora de
una web, pueden acomodarse en el diseñar una aplicación ya exista una web
espacio de una manera diferente —o como antecedente. En esos casos, la
incluso desaparecer— de acuerdo a si se app tiene que tomar las funciones y
entra desde un teléfono, una tableta o un contenidos que se han pensando para la
ordenador. web y adaptarlos para que tengan
sentido, de acuerdo al tamaño de
pantalla y a la forma de interacción de un
móvil.

En otros casos, el diseño comienza

desde cero, cuando todavía no hay ni
web ni aplicación, y hay que decidirse
por cuál de ellas empezar. Aquí es donde

2
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
3
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

adquiere más trascendencia el concepto metodologías para ir avanzando entre

de mobile first, que implica plantear el ellas.
proceso de diseño teniendo en cuenta el
móvil en primer lugar.

La ventaja de esta forma de trabajar es

que el pensar en el móvil como punto de
partida, obliga a concentrarse en lo
esencial de un producto y a hacer foco
solo en lo que tiene sentido para este
dispositivo.

FIGURA 1.3.El proceso de diseño abarca

Una vez que la aplicación está diseñada, diferentes etapas donde diseñador y
puede preguntarse cuál es la mejor desarrollador trabajan simultáneamente,
forma de llevar lo hecho para el teléfono con más o menos carga de trabajo
a una pantalla de ordenador o a otros dependiendo del momento.
dispositivos, extendiendo y escalando el
contenido y repensando la diagramación.
Todos los dispositivos tienen usos CONCEPTUALIZACIÓN
diferentes, y en el momento de adaptar el
diseño, hay que tener en cuenta las
características particulares de cada uno El resultado de esta etapa es una idea de
de ellos. aplicación, que tiene en cuenta las
necesidades y problemas de los
usuarios. La idea responde a una
Mobile first es una propuesta de trabajo investigación preliminar y a la posterior
que ha surgido recientemente; una comprobación de la viabilidad del
tendencia emergente que aún está por concepto.
consolidarse. Actualmente, es solo una
manera de afrontar el proceso de diseño
y como tal, puede evaluarse la  Ideación
comodidad que se tiene trabajando de  Investigación
esta forma antes de empezar1.  Formalización de la idea

El proceso de diseño y desarrollo de 2. DEFINICIÓN

una app
En este paso del proceso se describe
El proceso de diseño y desarrollo de una con detalle a los usuarios para quienes
aplicación, abarca desde la concepción se diseñará la aplicación, usando
de la idea hasta el análisis posterior a su metodologías como «Personas» y «Viaje
publicación en las tiendas. Durante las del usuario». También aquí se sientan
diferentes etapas, diseñadores y las bases de la funcionalidad, lo cual
desarrolladores trabajan —la mayor parte determinará el alcance del proyecto y la
del tiempo— de manera simultánea y complejidad de diseño y programación
coordinada. de la app.

Hemos resumido las fases de este  Definición de usuarios

proceso solo desde la perspectiva del  Definición funcional
diseño y desarrollo, es decir, sin tener en
cuenta los roles de coordinación, la
participación del cliente, ni los
accionistas de la empresa. 3. DISEÑO

Cada una de las etapas —excepto la de En la etapa de diseño se llevan a un

desarrollo— se explica más plano tangible los conceptos y
extensamente en los capítulos definiciones anteriores, primero en forma
siguientes, detallando procesos y de wireframes, que permiten crear los
primeros prototipos para ser probados

3
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
 4
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

con usuarios, y posteriormente, en un Aunque a primera vista esto no parezca

diseño visual acabado que será provisto incumbencia del diseñador, la realidad es
al desarrollador, en forma de archivos que el tipo de aplicación que se elija,
separados y pantallas modelo, para la condicionará el diseño visual y la
programación del código. interacción.

 Wireframes
 Prototipos APLICACIONES NATIVAS
 Test con usuarios
 Diseño visual
Las aplicaciones nativas son aquellas
que han sido desarrolladas con el
software que ofrece cada sistema
4. DESARROLLO operativo a los programadores, llamado
genéricamente Software Development
Kit o SDK. Así, Android, iOS y Windows
El programador se encarga de dar vida a Phone tienen uno diferente y las
los diseños y crear la estructura sobre la aplicaciones nativas se diseñan y
cual se apoyará el funcionamiento de la programan específicamente para cada
aplicación. Una vez que existe la versión plataforma, en el lenguaje utilizado por el
inicial, dedica gran parte del tiempo a SDK.
corregir errores funcionales para
asegurar el correcto desempeño de la
app y la prepara para su aprobación en Este tipo de apps se descarga e instala
las tiendas. desde las tiendas de aplicaciones —con
ciertas excepciones en el caso de
Android, que veremos en el capítulo
 Programación del código «Lanzando la app»— sacando buen
 Corrección de bugs partido de las diferentes herramientas de
promoción y marketing de cada una de
ellas.

5. PUBLICACIÓN
Las aplicaciones nativas se actualizan
frecuentemente y en esos casos, el
La aplicación es finalmente puesta a
usuario debe volver a descargarlas para
disposición de los usuarios en las
obtener la última versión, que a veces
tiendas. Luego de este paso
corrige errores o añade mejoras.
trascendental se realiza un seguimiento a
través de analíticas, estadísticas y
comentarios de usuarios, para evaluar el Una característica generalmente
comportamiento y desempeño de la app, menospreciada de las apps nativas, es
corregir errores, realizar mejoras y que pueden hacer uso de las
actualizarla en futuras versiones. notificaciones del sistema operativo para
mostrar avisos importantes al usuario,
aun cuando no se esté usando la
 Lanzamiento
aplicación, como los mensajes de
 Seguimiento
Whatsapp, por ejemplo.
 Actualización

Tipos de aplicaciones según su

desarrollo

A nivel de programación, existen varias

formas de desarrollar una aplicación.
Cada una de ellas tiene diferentes
características y limitaciones,
especialmente desde el punto de vista
técnico.

4
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
5
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

FIGURA 1.4.Las aplicaciones nativas

permiten aprovechar el sistema de
notificaciones.

Además, no requieren Internet para

funcionar, por lo que ofrecen una
experiencia de uso más fluida y están
realmente integradas al teléfono, lo cual
les permite utilizar todas las
características de hardware del terminal,
como la cámara y los sensores (GPS,
acelerómetro, giróscopo, entre otros).
FIGURA 1.5.Facebook cuenta tanto con
una webapp como con una app nativa.
A nivel de diseño, esta clase de
aplicaciones tiene una interfaz basada en
las guías de cada sistema operativo, Adicionalmente, tienen algunas
logrando mayor coherencia y restricciones e inconvenientes en
consistencia con el resto de aplicaciones factores importantes como gestión de
y con el propio SO. Esto favorece la memoria y no permiten aprovechar al
usabilidad y beneficia directamente al máximo la potencia de los diferentes
usuario que encuentra interfaces componentes de hardware del teléfono.
familiares.
Las aplicaciones web suelen tener una
interfaz más genérica e independiente de
la apariencia del sistema operativo, por lo
APLICACIONES WEB
que la experiencia de identificación del
usuario con los elementos de navegación
La base de programación de las e interacción, suele ser menor que en el
aplicaciones web —también caso de las nativas.
llamadas webapps— es el HTML,
conjuntamente con JavaScript y CSS,
herramientas ya conocidas para los
programadores web. APLICACIONES HÍBRIDAS

En este caso no se emplea un SDK, lo Este tipo de aplicaciones es una especie

cual permite programar de forma de combinación entre las dos anteriores.
independiente al sistema operativo en el La forma de desarrollarlas es parecida a
cual se usará la aplicación. Por eso, la de una aplicación web —usando
estas aplicaciones pueden ser fácilmente HTML, CSS y JavaScript—, y una vez
utilizadas en diferentes plataformas sin que la aplicación está terminada, se
mayores inconvenientes y sin necesidad compila o empaqueta de forma tal, que el
de desarrollar un código diferente para resultado final es como si se tratara de
cada caso particular. una aplicación nativa.

Las aplicaciones web no necesitan Esto permite casi con un mismo código
instalarse, ya que se visualizan usando el obtener diferentes aplicaciones, por
navegador del teléfono como un sitio web ejemplo, para Android y iOS, y
normal. Por esta misma razón, no se distribuirlas en cada una de sus tiendas.
distribuyen en una tienda de
aplicaciones, sino que se comercializan y
A diferencia de las aplicaciones web,
promocionan de forma independiente.
estas permiten acceder, usando librerías,
a las capacidades del teléfono, tal como
Al tratarse de aplicaciones que funcionan lo haría una app nativa.2
sobre la web, no es necesario que el
usuario reciba actualizaciones, ya que
siempre va a estar viendo la última
versión. Pero, a diferencia de las apps
nativas, requieren de una conexión a
Internet para funcionar correctamente.

5
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
6
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

estará determinado por unos pocos

factores fundamentales y por la forma en
que afectan finalmente la experiencia de
uso. Cuando la disponibilidad de la app
sin Internet, la posibilidad de usar
notificaciones y el acceso a los recursos
de hardware del teléfono sean
importantes, una aplicación nativa será la
opción más indicada.

Si ninguna de estas cosas es realmente

importante para la aplicación, quizás sea
más fácil diseñar una aplicación web, si
es que ya se dispone del conocimiento
FIGURA 1.6.Netflix tiene una aplicación para ello, heredado del desarrollo de
híbrida que se ve prácticamente igual en sitios web. En este caso, el costo de
iOS y en Android. desarrollo es más bajo y la forma de
trabajar un poco más ágil.

Las aplicaciones híbridas, también tienen

un diseño visual que no se identifica en Independientemente de esto, las
gran medida con el del sistema aplicaciones nativas son las que ofrecen
operativo. Sin embargo, hay formas de una mejor experiencia de uso y sobre
usar controles y botones nativos de cada todo, rendimiento. Algunas apps como
plataforma para apegarse más a la Facebook o LinkedIn, que antes eran
estética propia de cada una. híbridas, han pasado a ser nativas por
este motivo. Adicionalmente, ellas
responden más a las guías de diseño de
Existen algunas herramientas para cada sistema operativo.
desarrollar este tipo de aplicaciones.
Apache Cordova3 es una de las más
populares, pero hay otras, como Por lo anterior, nos enfocaremos en las
Icenium4, que tienen la misma finalidad. aplicaciones nativas. De aquí en
adelante, y por el resto de los capítulos
que quedan por venir, vamos a
estudiarlas, conocerlas y a ver qué las
¿CUÁL DEBERÍAS USAR? hace diferentes.

Dadas las características de cada una de

las aplicaciones, decidirse por una u otra

Bibliografía
disgus. (02 de Enero de 2021). Esto es marketing digital . Obtenido de Esto es marketing digital:
https://www.rdstation.com/es/redes-sociales/

6
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
7
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

Entregar de aquí en adelante.

7
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
 8
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

Nombre del Docente:

Asignatura: Grado: COD DOCENTE.

11
PERIODO: 4

No Guía: 1

Nombres y Apellidos del estudiante: __________________________________Curso:_______

Desarrollo del Taller.

Feria tecnología, a continuación, encontraras una serie pautas

para la feria tecnológica que se vamos a realizar los grados 7 y 8

1. Escribe el nombre de tu APPS

______________________________________________________________________

2. Dibuja el logo de tu APPS

3. Describe que hace tu APPS

______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
____________________________________________

4. Realiza el diseño de tu APPS internamente

8
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.
9
Institución Educativa Técnica Agropecuaria y Comercial
“Eutimio Gutiérrez Manjón”

5. Realiza una maqueta para presentar en la feria tecnológica.

9
Calle 8 No. 9ª -47 – Barrio San Francisco – Teléfono: 3112766576 – Simití –
Bolívar.