Embed Size (px)
DESCRIPTION
Kudos Ideas eMagazine, Musicfy, Tecnologia y mas
Citation preview
eMag
Kudo
s Ide
as
www.kudosideas.com
Abril
20l3
Internet Explorer, el navegador que a muchos desarrolladores trae problemas... y más si debemos desarrollar para la versión 6.6.7% es el promedio de usuarios de internet que todavía usa Internet Explorar 6 como su navegador, la pregunta es... ¿Qué es lo que hacen estas personas en Internet?. En Bolivia nos encontramos entre el 1% y 5% de usuarios que se conectan al internet con IE6. Es momento de comunicarles que cada vez que usan IE6, alguien mata a un gatito... No lo uses más!www.ie6countdown.com
20136.7% es el general1-5% es el nuestro...
Kudo
s Ide
asABRIL2013
/* La Revista Mensual de Kudos Ideas */
print(“Hola Mundo!”)Primero, gracias por darte
el tiempo de leer nuestra primera edición de la revista digital “eMag” de Kudos Ideas.
En estas series discutiremos de diversos temas en tecnología, programación, propuestas y aspectos a los que la tecnología afecta. Además buscaremos brindar opiniones y análisis de
nuestra realidad y el uso de tecnologías en nuestro contexto, como también todo en referencia al trabajo que llevamos a cabo dentro de Kudos Ideas.
Esta revista esta abierto a todos y también se espera se construida por todos.
Deseamos poder ser un puente de voz para mostrar
todas las iniciativas que se llevan a cabo en nuestro territorio y contigo leyendo estamos a un paso más cerca de poder cumplir con este objetivo.
Gracias y Kudos!
En Esta Edición:Kudos Ideas 2Musicfy 3CSS Tables 8NTIC’s En Educacion Superior 9
Musicfy Dev’s Participantes del proyecto musicfy. Marzo 2013
Kudos Ideas Kudos Ideas nace como
emprendimiento con la misión de convertirse en un centro de servicios tecnológicos y una puerta a las nuevas tendencias de la tecnología. Buscamos poder brindar soluciones y productos al mercado boliviano que cumpla con las más altas exigencias, además
“Kudos Lab” como brazo social pretende convertirse en un laboratorio de tecnología donde jóvenes y adultos, del área de tecnología o no, puedan desarrollar soluciones tecnológicas creativas a través de la investigación. El apetito de Kudos Ideas es amplio así como las fuerzas que nos permitan llegar a cumplir nuestras misiones
@KUDOSIDEASCERCADOCOCHABAMBA, BOLIVIA
Contacta con nosotros
Servicios en
Kudos Ideas
Desarrollo de Sistemas
Desarrollo deSitios Web
AplicacionesWeb
Asesoría
Videojuegos
Edición de Video
SolucionesPyMEs
Creative
Cursos
Webhosting
Multimedia paraempresas y grupos
Outsource
Kudo
s Ide
as
www.kudosideas.com
HTML5-ísimo
Shut Up And Code!
1. El DoctypeNo te parece increíble que ahora puedas empezar a crear tu documento HTML tan fácil como:<!DOCTYPE HTML>
2. ¿Codificación?Lo único que recuerdo es que yo uso UTF-8 para crear mis sitios web... ahora eso es suficiente:<meta charset=”UTF-8”/>
3. ¿Acentos?Que moroso es escribir “árbol”, cuando lo que quiero decir es: “árbol”, ahora utiliza el atributo ‘lang’:<body lang=”es”>
4. Una imágen y su descripciónClaro... ahora debo incluir una imagen y luego poner una línea de descripción debajo, ahora usa:<figure> y <caption>
5. Divs y más divsEmpiezas a estructurar tu página y como un proceso mecánico inicias con <div id=”header”> y <div id=”footer”>, ahora a escribir menos:<header> y <footer>*Nota que <header> no es lo mismo que <head>... no cometas ese error.
Webmaker BadgesEn Musicfy, los chicos que participaron del proyecto son acreedores del los siguientes reconocimientos: Div Master, Multimedia Maker, Audio Maker, HTML Basic y Super Styler
MusicfyUna iniciativa de Kudos Ideas
por introducir a jóvenes al desarrollo de tecnología. El proyecto buscaba poder brindar a estudiantes de colegio la oportunidad de tener una experiencia en el desarrollo de software además de una experiencia en trabajo colaborativo, manejo de versiones y también una vista general del desarrollo “Open Source”.
Musicfy cuenta con dos versiones, una empotrada como aplicación dentro de Facebook y otra alojada dentro de Kudos Ideas. El proyecto se llevo a cabo con la tecnología HTML5 (HTML5, CSS3 y Javascript) donde los estudiantes pudieron experimentar y brindar una solución informática.
Un poco de músicaMusicfy es una aplicación que
permite buscar pistas musicales que
se encuentran dentro de Soundcloud (www.soundcloud.com), el programa se encuentra como aplicación dentro de Facebook como “Musicfy” pero también puedes encontrarlo alojado dentro de: www.kudosideas.com/musicfy
La aplicación alojada en Kudos Ideas fue escrita enteramente en HTML5, CSS3 y Javascript.Esperamos tus sugerencias con respecto a la aplicación para poder mejorarla incluyendo nuevas características.Puedes visitar las cuentas
de Github de los chicos involucrados en el desarrollo:
https://github.com/sebatman
https://github.com/mauricio123456
https://github.com/tumche
Musicfy, un proyecto por jóvenes y para jóvenes
Tu BoutiqueSi te dedicas al negocio del comercio de
prendas de vestir y deseas tener un sitio
disponible donde puedas mostrar toda la gama
de productos que tienes a toda tu clientela y
además hacerlo de una forma fácil y
agradable... tenemos lo que estás buscando.
Tus
clientes
podrán
ver todas
tus ofertas
y además
mantener
un perfil
donde
guardarán
sus deseos de forma que puedan adquirir tus
prendas como regalo.
Visita http://boutique.kudosideas.com para ver
una demo del sistema.
Si deseas tener tu propia versión,
contáctanos por email:
[email protected] o por
nuestras redes sociales.
Nos encontramos en un tiempo donde los niños y jóvenes pueden también formar parte activa del desarrollo tecnológico. Lo único que necesitan en tener la posibilidad de poder experimentar y crear de forma que puedan utilizar la tecnología independientemente de la profesión o trabajo en la que se encuentren. Si estas de acuerdo con nosotros, necesitamos tu ayuda! visita: http://zen.coderdojo.com/dojo/264 para poder trabajar juntos.
AgradecimientosEs importante agradecer a
quienes nos colaboraron para poder llevar a cabo esta iniciativa, debemos agradecer a Viva Bolivia (www.vivabolivia.org) por haber confiado en nosotros y haber financiado un porcentaje del costo de este proyecto.
También debemos agradecer a la organización “Adelante Bolivia” por haber confiado los equipos faltantes para el desarrollo del proyecto.
¿Analfabetismo Informático?
Debemos reconocer que en estos tiempos existe una nueva categoría dentro del analfabetismo, el no tener la habilidad de manejar la tecnología independientemente del área al que nos dediquemos genera una limitante.
¿Cuántas de las personas todavía cree que programar es escribir directamente código binario?, no sería ideal que un licenciado en derecho pueda escribir un programa para buscar leyes, un artista pueda generar un algoritmo para crear imágenes, un educador desarrolle un software para su planilla o que un estudiante de escuela pueda usar de forma eficiente Google.
Debemos empezar eliminando la equivalencia donde la gente cree que Computación es igual a Ofimática.
http://www.kudosideas.com/old/webhost.php
Menciona el siguiente código para tener 10% de
descuento adicional en tus productos*:
KIMAG*No aplica a productos con Super Oferta desde Yanbal
Yo Soy Yanbal - Cochabamba¿Deseas formar parte de Yanbal?
¿Quieres comprar Algún Producto?
Para conocer más acerca de yanbal
y de nuestros productos, como también de
las promociones y descuentos que ofertamos
visita nuestra página en facebook
www.facebook.com/YoSoyYanbalCochabamba
CSS TableDiseñar sitios en la actualidad y terminar usando <table> dentro de tu
documento es algo incompatible ( y peor cuando tu layout es a base de tablas). Desde CSS2.1, hace mucho tiempo atrás, ya teníamos la posibilidad de poder definir nuestras tablas con CSS lo cual es muy recomendable, especialmente con tablas sencillas
Un Ejemplo Sencillo
Cabeza1 Cabeza2 Cabeza3
Celda Celda Celda
Celda Celda Celda
<!DOCTYPE HTML><html> <head> <title>CSS Tables</title> <style> .tabla { display: table; width:100%; text-align:center;} .fila { display:table-row;} .celda { display: table-cell; background:rgb(136,201,67); padding:10px; border:1px solid black} .cabecera { background: rgb(239,192,51); color: white;} </style> </head> <body> <div class=‘tabla’> <div class=’fila’> <div class=’celda cabecera’>Cabeza1</div> <div class=’celda cabecera’>Cabeza2</div> <div class=’celda cabecera’>Cabeza3</div> </div> <div class=‘fila’> <div class=‘celda’>Celda</div> <div class=‘celda’ >Celda</div> <div class=‘celda’ >Celda</div> </div> <div class=‘fila’> <div class=‘celda’ >Celda</div> <div class=‘celda’ >Celda</div> <div class=‘celda’ >Celda</div> </div> </div> </body></html>
*Si copias el código, posiblemente debas corregir los caracteres ‘ ‘
Como puedes observar, es una estructura mucho más agradable y sencilla. Además puedes utilizar sobre esto Javascript, JQuery o algún framework de UI que te agrade para poder dar un comportamiento de grids a la tabla.
Puedes utilizar los selectores de CSS para poder dar un formato mas agradable, como también dar distintos colores de fondo a la tabla de forma sencilla.
Puedes leer un artículo de todos los selectores de CSS3 disponible en:http://www.kudosideas.com/node/3 y puedes comentar o discutir mejoras del código en nuestra página del
facebook: https://www.facebook.com/pages/Kudos-Ideas/394170560639779
1. ColumnasAl igual que la etiqueta col, en tablas puedes encontrar el display table-column que te permite crear un elemento invisble pero de marca para denotar la columna de tu tabla
2. ¿ Colspan o Rowspan?Puedes lograr los efectos de colspan y rowspan con CSS... pero no creo que valga la pena. Todavía no existe una forma directa y útil para col y row span hasta CSS3/UI. Pero existen varias expectativas para CSS4
3. ¿CSS4 enserio?Sí en serio, si deseas saber más comenta en nuestra página del Facebook o Twitter
4. ¿Dónde me encuentras?Mis datos se encuentran al final de esta revista, o puedes visitar mi github: https://github.com/diegolanda o agregarme en LinkedIn: http://bo.linkedin.com/in/dlanda
Más InformaciónSiempre es bueno leer un poco más,si deseas saber más acerca del atributo display, puedes visitar:
http://quirksmode.org/css/css2/display.html
http://www.w3.org/TR/CSS21/tables.html
NTIC´s en Docencia e InvestigaciónLas nuevas tecnologías, en un terreno de docencia e
investigación, obliga que se modifiquen los sistemas
pedagógicos y de investigación, ya que afecta
directamente al contenido como a la
relación establecida entre docente y
el universitario.
Por tanto, por un lado, el docente
debe de asumir la responsabilidad
que implica la aplicación de nuevas
tecnologías y adaptarse a nuevas
formas de interacción, se debe crear
una cultura desde la universidad
que implique en los docentes desde
la construcción de una comunidad
hasta la integración y mejoramiento
de conceptos tanto teóricos como
prácticos llevados en la comunidad universitaria. Se debe
de lograr crear y establecer una “firma digital” de sus
trabajos e investigaciones como también participar desde
la institución en comunidades académicas nacionales e
internacionales, como también participar de un trabajo
colaborativo en agendas académicas.
Para poder lograr una integración de las nuevas
tecnologías en el ambiente de la educación superior se
debe llevar un proceso de planificación y desarrollo de un
sistema, donde el foco central del desarrollo se centre en la
arquitectura del sistema de forma que logre integrarse,
complementarse y combinarse con los procesos de
enseñanza-aprendizaje que llevan los docentes
universitarios actualmente.
Por tanto, debe quedar claro tanto para la institución
universitaria como para los docentes que el proceso de
desarrollo e integración de nuevas tecnologías en la
educación no sólo está ligado al desarrollo de la
tecnología como tal, sino también depende -y con mucha
más importancia- del desarrollo de mentalidades y
organización que la universidad lleve adelante.
Por otro lado, la actividad e interacción de las nuevas
tecnologías por parte de los estudiantes debe ser puesto
como una didáctica adicional pero importante en el
proceso educativo. El desarrollo de una mentalidad que
motive a los estudiantes a llevar procesos educativos, como
desarrollo de comunidades, trabajos colaborativos,
desarrollo de información, participaciones virtuales, etc.
Todo esto debe llegar a ser tangible dentro del desarrollo
de las currículas universitarias logrando un diálogo entre
las partes involucradas dentro del proceso de formación
universitario, tanto para pregrado como para postgrado.
La inclusión de NTICs, junto con toda la gama que esto
presenta, será un proceso que se lleve a
cabo independientemente de que el
sistema educativo lo desarrolle.
Actualmente se empiezan a desarrollar
comunidades virtuales, personas que
logran manipular las nuevas tecnologías
inclusive mucho antes de que se aprenda
a leer y escribir, cada vez será más fácil
el manejo de las nuevas tecnologías y
con el tiempo se eliminará el
analfabetismo informático, y esto porque
las empresas se encargan de brindar el
“apoyo” necesario para la capacitación en estas
tecnologías; Nintendo, Sony, Microsoft, Facebook y
Google son unos de tantos que con sus productos realiza
la inclusión de NTICs en la sociedad. Por tanto el reto está
en convertir de estas posibilidades en un beneficio para el
sistema educativo y mediante estas lograr un sistema
educativo que siente base firme.
No se puede negar que cada día que avanza, muchos de
los conocimientos son aprendidos mediante los canales que
brindan las NTICs. Por tanto, el sistema educativo debe de
guiar y formar a la sociedad también dentro de este
ámbito y esta muy claro que actitudes de temor o de
repudio no son de ayuda para tomar decisiones y empezar
a implementarlas. De otra forma, en un futuro, el sistema
educativo se encontrará frente a una sociedad donde los
educadores son los novatos del área.
Tu OpiniónQue opinas con respecto a las nuevas tecnologías y su
impacto en la educación ¿Crees que nos encontramos en
un buen camino dentro de nuestro sistema educativo?
Pon tu comentario en nuestra página del Facebook:
https://www.facebook.com/pages/Kudos-Ideas/
394170560639779
¿No te
encontraste en alguna situación donde viste un buen video cargado en youtube y pensaste en incluirlo dentro de tu sitio web... pero, te diste cuenta que solamente querías
una pequeña porción del video?
La ventaja es que youtube te permite incluir dentro de la url el valor ‘t’ que te permite indicar desde que punto deseas que el video se reproduzca.Pero que tal si únicamente deseas
una pequeña porción de todo el video, solamente esos cinco minutos que se encuentra en la mitad de un video que dura más de una hora, quizás esa porción de música que escuchaste en un mix de dos horas, etc.
Existe Una AlternativaGracias a la API de Youtube en
Javascript ahora puedes incluir un video de Youtube en tu sitio web y además poder indicarle el inicio y fin del video.
Desde luego necesitas hacer un pequeño cálculo simple, porque necesitas indicarle a Youtube en segundos el tiempo inicial y final. Por ejemplo:
- Tiempo, (mm:ss) = (mmx60+ss)s- Inicio, 0:40 = ( 0x60 + 40 ) = 40s- Fin, 2:04 - = (2x60 + 04) = 124s
Y listo, ya tienes todo lo que necesitas, y podrás entender el código de arriba.
Una Porción de Youtube Por Favor...
Kudos Tip
<div videoID="4A56ZkWGJR0" startTime="40" endTime="124" height="400" width="400" id="youtube-player"></div> <script src="http://labnol.googlecode.com/files/youtube-embed.js"></script>
Mira los Videos:http://www.youtube.com/watch?v=LzyZvVkhOY4http://www.youtube.com/watch?v=hFKZFkq7KHUHaz un Me Gustahttps://www.facebook.com/wakeupmovieofficial
Wake Up: The Other Side¿Alguna vez sentiste que hay
otra realidad?, ¿Una en la que
puedes hacer todo lo que quieras?,
¿Dónde te sientes libre y feliz?...
para luego despertar y encontrarte
con nuestra realidad.
No seas parte de un sistema,
donde todo se encuentra dicho.
Si pudieras ver el otro lado de
la moneda, ¿Te atreverías a
mirarlo?. Kudos Ideas se encuentra
apoyando con la traducción al
español de esta gran iniciativa
para llevar a cabo una película
que te presentará muchas
preguntas. Encuentra más en su
sitio.
Wake Up: The Other SideHave you ever felt other
reality?, One where you can make
anything you want?, Where you
feel free and happy?... and then
wake up and find our reality.
Don’t be part of a system,
where everything is already
settled.
If you could see the other side
of the coin, Would you dare see
it?. Kudos Ideas is helping with the
translation to Spanish of this great
initiative to make a movie that will
show you lots of questions. Find
more on their website.
CERCADOCOCHABAMBA, BOLIVIA
Si deseas publicar algún contenido con nosotros, ya
sea de publicidad o un artículo, estamos a tu
disposición. Contáctate con nosotros por email a
[email protected] o a los emails de de abajo
Kudo
s Ide
as
www.kudosideas.com
