Paulina Contreras
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Engagement control Commenting, Suggest edit, Emoji Reply
    • Invite by email
      Invitee

      This note has no invitees

    • Publish Note

      Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

      Your note will be visible on your profile and discoverable by anyone.
      Your note is now live.
      This note is visible on your profile and discoverable online.
      Everyone on the web can find and read all notes of this public team.
      See published notes
      Unpublish note
      Please check the box to agree to the Community Guidelines.
      View profile
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Note Insights New
    • Engagement control
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Note Insights Versions and GitHub Sync Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Engagement control Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Engagement control Commenting, Suggest edit, Emoji Reply
  • Invite by email
    Invitee

    This note has no invitees

  • Publish Note

    Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

    Your note will be visible on your profile and discoverable by anyone.
    Your note is now live.
    This note is visible on your profile and discoverable online.
    Everyone on the web can find and read all notes of this public team.
    See published notes
    Unpublish note
    Please check the box to agree to the Community Guidelines.
    View profile
    Engagement control
    Commenting
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    • Everyone
    Suggest edit
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    Emoji Reply
    Enable
    Import from Dropbox Google Drive Gist Clipboard
       Owned this note    Owned this note      
    Published Linked with GitHub
    • Any changes
      Be notified of any changes
    • Mention me
      Be notified of mention me
    • Unsubscribe
    ![Portada Desafío Ux-Fundación Katy Summer](https://i.imgur.com/8ozIdLQ.png) ## Desafío del Proyecto [Fundación Katy Summer](https://katysummer.org/) nace en memoria y honor a Katy, quien fue víctima de un cruel acoso cibernético por sus pares, miembros de una comunidad escolar.   ![Fotografía](https://i.imgur.com/Gb0jQ0b.png) Como fundación nos señalan "Creemos que la mejor solución contra el ciberbullying va a salir por de la misma tecnología. No queremos restringir el proceso creativo con limitantes de costo o usuarios; inicialmente queremos explorar una amplia gama de soluciones que explorar pero si requerimos que estas estén pensadas como ideas de negocios en sí mismas, que tengan que ser autosustentables en no más de 1 año plazo desde su lanzamiento". ## Objetivos del Proyecto Desarrollar una propuesta de una herramienta digital que haga frente a los problemas del ciberacoso en adolescentes en Chile. La herramienta podía abarcar diferentes contextos (colegio, casa, situaciones sociales, redes sociales, mensajería, etc), o involucrados (víctimas, acosadores, familias, profesores, amigos, etc). #### Entregables - Problemas y oportunidades identificados en la investigación (del cliente y del usuario) - Definición del público objetivo - Definición de la solución/producto - Link a prototipo navegable - Explicación de cómo los contenidos y funcionalidades responden a los objetivos del proyecto. - Explicación de cómo los contenidos y funcionalidades resuelven cada uno de las necesidades del usuario final. ### Detalles del Proyecto Tiempo: 10 días Plataforma: Responsiva (Web y móvil) Equipo: 3 UX Designers Herramientas utilizadas: Trello, Tablero de Planificación (post-it), Google Drive, Figma, Usability Hub. ## Planificación Realizamos una planificación inicial a partir de los tiempos disponibles y con el objetivo identificados del proyecto. Para la planificación utilizamos dos plataformas, una digital mediante Trello (accceder a tablero Trello [aquí](https://trello.com/b/Rue4Gm4M/katty-summer)). Y además una plataforma física con post it divididos por dias de la semana, con las tareas a realizar cada día para llegar a nuestra meta (en la foto a continuación). ![Fotografía de la planificación](https://i.imgur.com/C7v8Iyo.jpg) --- # Proceso de Investigación El proceso de investigación incluyó los siguientes momentos. 1. Investigación contextual 1. Observación Contextual 1. Benchmark 1. Entrevistas a usuarios 1. Affinity Map 1. User personas 1. Customer Journey Map 1. Ideación (Aprendizajes, HMW, ideación) 1. Diagrama de Flujo 1. Definición de la Propuesta 1. Sketching 1. Mockup 1. Prototipado 1. Testeo 1. Propuesta Final ## Investigación contextual ### Fundacción @fkatysummer Aprendizajes: - Tienen convenio con la corporación de Las Condes. - Realizan charlas a colegios de la corporación y otros si es que se los solicitaran. - Las charlas son hacia adolescentes desde 7mo básico, en ellas buscan sensibilizar a la comunidad escolar. - Financiamiento a través de las charlas. - Transmite el mensaje de “Ser testigo salvador” | Empoderando testigos salvadores. - Forman parte de la campaña del MINEDUC “Hay palabras que matan”. ## Cyberbullying La Organización Mundial de la Salud, define Bullying como: > “El uso deliberado de la fuerza física o el poder, ya sea en grado de amenaza o efectivo, contra uno mismo, otra persona o un grupo o comunidad, que cause o tenga muchas probabilidades de causar lesiones, muerte, daños psicológicos, trastornos del desarrollo o privaciones” (OMS, 2002, pág.5). En un estudio realizado en chile en 2016, señala que sobre el 80% de los estudiantes defendería cuando atacan a un amigo en la sala o colegio, y dicha cifra disminuye a poco más del 50% cuando es en redes sociales o internet; por otra parte, un poco más del 40% defendería a alguien en la sala o colegio cuando al que están atacando le cae mal y en el caso que fuera en redes sociales o internet, dicha cifra es menor al 30%.  Sin embargo es importante señalar la **diferencia entre bullying y ciberbullying**, ya que éste último se distingue en el uso de medios de comunicación digitales para acosar a una persona o grupo de personas, mediante ataques personales,divulgación  de información confidencial o falsa, entre otros. Y se basa en el anonimato del acosador, que este no ve las consecuencias de sus acciones y no hay evidencia tangible de sus actos. **Fuentes:** - [Bullying y ciberbullying en adolescentes escolarizados.](https://www.aacademica.org/000-044/263.pdf) - [Acoso escolar, ciberbullying y su impacto socioafectivo y psicológico en los estudiantes de las instituciones educativas.](https://revista.redipe.org/index.php/1/article/view/283) Ver carpeta con recursos revisados para el proyecto [aquí](https://drive.google.com/open?id=1HcMwJ5HiPswDDwJUsStlC6YjGQXiXW6H). ### Intervenciones en Bullying y Cyberbullying #### Organizaciones que han realizado campañas contra el bullying - UNICEF Fondo de las Naciones Unidas para la Infancia #ConvivenciaSinViolencia: Inicio de Clases. [Campaña #ConvivenciaSinViolencia](https://www.youtube.com/watch?v=7UwfvjQsAh4) - MINEDUC “Hay palabras que matan” [Campaña #HayPalabrasQueMatan](https://www.youtube.com/watch?v=cZAiaBJ99Ug) [Campaña #HayPalabrasQueMatan 2](https://www.youtube.com/watch?v=ITQe8Y6Ikwg) - RIPLEY + FUNDACIÓN VOLANDO EN V #ElijoSerTestigo #NoMásBullying (emoji para señalar o denunciar un acto de bullying) [Video Campaña Febrero 2018](https://www.youtube.com/watch?v=smUTH6w6A2Q) [Video Campaña Febrero 2019](https://www.youtube.com/watch?v=O3vEdoZh3rc) [Video Andrea Henríquez | Volando en V](https://www.youtube.com/watch?time_continue=60&v=aWpTBR2swog) ### Facebook Facebook dentro de las configuraciones de privacidad presenta, en la sección de seguridad, medidas para ayudar a prevenir el bullying, denominado “Centro de Prevención del Bullying”, el cual ha sido desarrollado en colaboración de Yale Center for Emotional Intelligence. Estos recursos se encuentran disponibles para adolescentes, padres y educadores, donde se entrega información, consejos y herramientas de apoyo para quienes han sido víctimas, testigos y acusados de realizar bullying, además también incluye temas tan delicados como “Prevención del Suicidio” (Bienestar Online). ### Benchmark Se realizó un análisis de la competencia, resumidos en un cuadro comparativo a continuación. En este se destacan algunas intervenciones en torno al tema del Ciberbullying a nivel mundial y nacional. ![Benchmark](https://i.imgur.com/029oWKT.png) ### Entrevistas Se realizaron entrevistas tanto a jóvenes testigos, como víctimas, así como a psicólogas que hayan atendido casos de ciberbullying. Con el objetivo de comprender la problemática así como visualizar el lugar del testigo en estas situaciones. - Entrevistas a Testigos Objetivo: comprender de qué modo actúan frente a una situación de bullying y cyberbullying. - Entrevistas Psicólogas que hayan atendido casos de bullying y ciberbullying Objetivo: comprender qué pasa con la víctima y/o el victimario en casos de cyberbullying. Algunas de las preguntas realizadas fueron: Para la psicóloga: 1. ¿Te ha tocado atender personas que hayan sido víctimas/victimarios de bullying? 1. ¿Trabajaste con otros profesionales? (as. social/abogado/profesores/padres, etc) 1. ¿De qué manera se resolvió? 1. ¿Cuál crees que debe ser el abordaje en este tipo de casos? (de manera general no terapéutico) Para los Testigos: 1. ¿Te has visto enfrentado a una situación de bullying? ¿y de cyberbullying? 1. ¿Qué hiciste en esa situación? 1. ¿Que hizo el colegio/profesores/compañeros/padres? 1. ¿Cómo se resolvió finalmente? 1. ¿Qué crees que pudo hacerse distinto? Ver [guión y audios de las entrevistas](https://drive.google.com/open?id=1GI6Zn4lPCuz7RRw-I3lPCQlaR3cidRK-). #### Aprendizajes Entrevistas * En la mayoría de los casos (mujeres y hombres jóvenes entre 18 y 20 años) la baja autoestima ha sido consecuencia de bullying en la etapa escolar, el cual se perpetuó. Estos jóvenes han sufrido: Aislamiento, Hostigamiento en redes sociales, Violencia física y Amenazas. * El bullying es una temática que todos estamos viviendo de algún modo. * Todo esto parte por una broma que se va intensificando, como fotos publicadas en redes sociales, memes que se comparten, y se termina transformando en violencia. * La víctima siente: Miedo por la situación, Miedo a relacionarse con otras personas al trabajar en equipo, Inseguridad, Vergüenza, Dificultad para hablar el tema. * La víctima a veces hablan la situación con su familia y han recibido el apoyo hablando en el colegio. En otros casos lo han hablado, pero su familia le ha bajado el perfil. Los que llegan más afectados en su mayoría es porque han buscado ayuda y no la han recibido. * El Abordaje debe ser: Integral, Buscar que se sienta cómoda la persona con su entorno, Generar un espacio seguro, Trabajar desde la historia del la persona, ir sanando el daño, Asumirse como una persona violentada, Realizar un trabajo importante en el colegio, Generar espacios de reflexión, Generar instancias de sensibilización. * Los Testigos: No quieren ser afectados, quieren Pasar desapercibidos, tienen Miedo, No saben lo que tienen que hacer. ## Observación Contextual - Asistencia a "Carnaval de la Prevención" realizado en barrio República, Santiago. - Charla a colegio dirigida a 7mos y 8vos básicos. ![](https://i.imgur.com/n07pfgn.png) ### Aprendizajes: - Charlas a niños y padres. - Las charlas son interactivas con el público. - Menos del tercio de los participantes dice hablar de todo con sus padres. - Al menos la mitad de los participantes dicen no contar cosas a sus padres, según ellos, la principal razón sería que los padres no comprenden. - Al momento de preguntar si alguno se ha ido a dormir sin querer despertar, aproximadamente 11 niños levantan la mano. - Más de la mitad de los participantes se ven motivados al invitarlos a ser testigos salvadores, se levantaron rápidamente. ## Mapa de Empatía Como parte del proceso de investigación se realizó un mapa de empatía de los testigos, identificados como cómplice y pasivo. ![affinity map](https://i.imgur.com/LaDfCt7.png) Ver archivo con mapa tamaño real [aquí.](https://drive.google.com/open?id=1f9HxaWwBmefHs54kJc3z_EQK3GUtf_Hz) ### Aprendizajes * Ambos testigos sufren consencuencias del ciberbullying. * No tienen herramientas para hacer frente al ciberbullying. * No ven el efecto que tienen sus acciones o su falta de acción. * Se distinguen en que el testigo cómplice no ve la gravedad de sus acciones, mientras que el tesigo pasivo tiene miedo de ser la víctima. ## User persona (Proto-Personas) Identificamos dos tipos de user personas. **Testigo Cómplice** ![](https://i.imgur.com/CgJDvii.jpg) **Testigo Pasivo** ![](https://i.imgur.com/wUigPNX.jpg) ### Aprendizajes * El testigo cómplice se ve presionado por mantener sus estatus social, sumado a la presión de los otros por sus acciones como cómplice. * El testigo pasivo es una víctima secundaria del ciberbullying. ## Costumer Journey Map Se realizó un CJM por cada una de las personas identificadas. #### Testigo Pasivo ![CJM Testigo pasivo](https://i.imgur.com/jeqFuml.png) #### Testigo Cómplice ![CJM Testigo Cómplice](https://i.imgur.com/58bD4gX.png) ### Aprendizajes * Los puntos de dolor de ambos grupos respecto de la fundación son los mismos, ya que la página en este momento no les permite encontrar más información de cómo ayudar, o conectarse con la fundación. ## Proceso de Ideación (Aprendizajes, HMW?, ideación) En la imagen a continuación se dejaron los aprendizajes principales respecto de la investigación, asociados a las preguntas How Might We...? y la lluvia de idea de cada tema. ![Imagen post it del proceso de ideación](https://i.imgur.com/Vlo0iIw.jpg) Ver archivo con proceso de Ideación en imágenes [aquí.](https://drive.google.com/open?id=1qOvL2fAry98y_NdOD231ZAqALNWtv8DR) ### Aprendizajes * A partir de la investigación desarrollamos la necesidad de que la fundación pueda generar una comunidad de testigos salvadores, mediante una conciencia de responsabilidad compartida. Para esto emerge la posibiidad de crear un pacto/carta de compromiso para todos los integrantes de la comunidad escolar (los testigos), y que al firmarlo puedan ser parte de esta comunidad de cuidado del otro. Ser embajadores de la fundación. * En una segunda etapa de implementación enfocarse en enseñar estrategias de afrontamiento utilizando como medio la tecnología, y que tenga como objetivo los testigos mediante el trabajo con pares. --- ## Propuesta ## Página Web Campaña #YoElijoSalvar ### Oportunidades las oportunidades detectadas en la etapa de investigación se resumen en los siguientes puntos: - Necesidad de generar instancias de reflexión en torno a la temática del ciberbullying. - Desarrollar estrategias de afrontamiento al ciberbullying tanto para los estudiantes como para los adultos. - Crear una comunidad en torno a la Fundación que la potencie y permita su crecimiento. - Fidelizar a toda la comunidad educativa a la causa “Ser Testigo Salvador”. - Generar conciencia de responsabilidad compartida para todos los actores, en espacial los testigos. - Crear un compromiso social frente al ciberacoso (alumnos/as, padres, colegio). - Generar redes de instituciones educativas que quieran ser parte del movimiento. - Entregar recursos educativos sobre cómo ser un testigo salvador (testigo activo). - Generar instancias del encuentro para la comunidad fkatysummer, de manera de potenciar la red de personas e instituciones. ### Descripción de la Propuesta Nuestra propuesta consta de la creación de un **Sitio Web** ligada a la campaña #YoElijoSalvar de la fundación Katy Summer, la cual pretende **fidelizar a la comunidad escolar con la fundación, mediante un compromiso social** que haga énfasis en la importancia de ser testigo activo frente a los casos de ciberbullying. Donde cada actor de la comunidad educativa se haga partícipe de la campaña contra el ciberacoso. ### Idea de Negocio En primer lugar crear redes con instituciones educacionales, las cuales se puedan unir a este movimiento y hacerse parte de él, mediante un compromiso escrito que los nombre como parte de la campaña contra el ciberacoso. Esta propuesta busca generar un efecto “bola de nieve”, en el cual este grupo vaya creciendo y más instituciones se quieran sumar, dando visibilidad y fuerza a la fundación. Entendemos que la Fundación Katy Summer se financia mediante charlas, es por esto que los colegios y este compromiso forman un rol fundamental, ya que de esta manera se podrán ir uniendo más establecimientos, por lo tanto habrán más charlas de sensibilización, más personas sumándose y más ingresos que se podrían utilizar para el crecimiento de la misma. Sumado a lo anterior, proponemos la creación de una comunidad de personas: estudiantes, adultos e instituciones, que quieran sumarse y ser testigos activos contra el ciberbullying. El boca a boca es considerado una de las mejores acciones de marketing, por lo que con nuestro contrato/compromiso de la campaña #YoElijoSalvar, pretende generar instancias de reflexión con pares y familiares, donde ambos sean partícipes y puedan compartir esta experiencia con las personas que conozcan, además de poder contactar a la fundación para realizar charlas y así posicionar a Katy Summer como la organización que se preocupa de visibilizar la importancia del rol de un testigo de ciberbullying. ### Público Objetivo La propuesta está dirigida a los testigos, divididos en tres grupos, en que cada uno de ellos pueda firmar el acuerdo de manera separada y ser parte de la Comunidad Katy Summer. * Adolescentes * Padres * Instituciones Los dos primeros mediante firma individual, y el último mediante un contacto directo con la Fundación Katy Summer, contratando sus charlas, para así sumarse a la campaña. ### Cómo responde a los objetivos del proyecto. La solicitud del desafío fue realizar una "Propuesta de una herramienta digital que haga frente a los problemas del ciberacoso en adolescentes en Chile.” Nuestra propuesta consiste en el desarrollo de una plataforma web ligada a la campaña #YoElijoSalvar, que pretende crear una comunidad entorno a la Fundación, haciéndola crecer para convertirse en un referente en el tema del ciberacoso. Específicamente promueve que haya una comunidad empoderada y activa, que sepa responder frente a situaciones de este tipo. Con el involucramiento individual (adolescentes y adultos) así como institucional (colegios o municipalidades) se puede hacer parte de esta campaña contra el ciberacoso. El contenido del compromiso, para cada uno de los usuarios, está definido bajo los 3 pilares fundamentales para combatir el cyberbullying: sensibilización, alfabetización digital e implementación de metodologías. ### Cómo resuelve cada una de las necesidades del usuario final. 1. Para el usuario final, es decir: toda la comunidad educativa (testigos), esta plataforma viene a dar respuesta a la necesidad de encontrar una forma cómo ayudar, cómo ser parte de esta acción #YoElijoSalvar, además de sentirse acompañado y poder hacer frente a situaciones de bullying apoyándose en la fundación y su entorno. 1. Por otra parte les permite conocer cómo actuar para ayudar a una víctima de cyberbullying, a través de información que los empodera en su cualidad de testigo salvador. 1. Acompañar a las instituciones educacionales para que sepan responder en el momento oporto y de forma óptima frente a las situaciones de cyberbullying. 1. Generando instancias de reflexión, a partir de todos los puntos mencionados anteriormente. 1. **En una segunda etapa** se propone fortalecer las metodologías participativas, creando dinámicas preventivas que fomenten la empatía y compañerismo. También la implementación de lenguaje braille e incorporación de accesibilidad web para que sea una herramienta inclusiva. --- ## Desarrollo de la propuesta ![home propuesta](https://i.imgur.com/LSiYhkE.png) Imagen del Home de la propuesta ## Diagrama de Flujo Desarrollamos, en base a nuestra investigación y proceso de ideación, el flujo de usuario de la página web (alumnos, padres, instituciones educacionales) para el posterior desarrollo de la propuesta: ![Home propuesta web](https://i.imgur.com/uvTrVDn.jpg) ### Sketching ![](https://i.imgur.com/8MD2Wa6.jpg) ### Mockup & Prototipado El desarrollo de la propuesta fue realizado utilizando como plataforma Figma. En la imagen se encuentran el desarrollo de las pantallas para el proceso de firma en el caso del estudiante. ![Mockup estudiante](https://i.imgur.com/rWavDUk.png) ### Testeo **Test de 5 segundos** Se realizó un testeo de 5 segundos a 12 personas. Donde se les hicieron las siguientes preguntas: ¿De qué crees que se trata la página web que has visto? ¿Recuerdas el nombre del sitio? ¿Qué fue lo primero que viste? ¿A quién crees que está dirigida? El home de la página fue clara en da a entender que se se trata sobre el ciberbullying, como muestra el Word Cloud de las respuestas. ![wordcloud test5seconds](https://i.imgur.com/r8i8Uvx.png) Sin embargo cuando les preguntamos a quién está dirigida la mayoría respondió que para padres. A pesar que su objetivo son jóvenes, padres e instituciones. Dando cuenta que la interfaz tiene que trabajarse pensando en incluir a todos estos grupos. Ver [resultados del testeo](https://app.usabilityhub.com/tests/92de31b2f7a4/results/2cd2d4bbf41b). ### Propuesta Final Prototipo interactivo en Figma. <iframe style="border: none;" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FVcwMsEEc5rpZiXGJKYQUqEFy%2FProyecto-Katy-Summer%3Fnode-id%3D7%253A51%26viewport%3D-1385%252C502%252C0.466192%26scaling%3Dscale-down-width" allowfullscreen></iframe> ### Aprendizajes y Mejoras Futuras * El tema del ciberbullying es un tema que abraza muchos actores y posibilidades de acción, fue un desafío y un gran aprendizaje para nosotras como equipo definir la línea de acción a tomar. * Realizar este proyecto reforzó la necesidad de tener en cuenta tanto al cliente como al usuario final, y desde ahí pensar en una solución acorde a ellos para crear un sitio que de respuesta a la necesidad de ambos. * A partir del uso de la metodología _Design thinking_ pudimos ir dando cuenta y justificando las decisiones de cada etapa del proceso, lo cual le da más sustento al producto final. - Debido al tiempo nos faltó considerar todos los aprendizajes de los testeos realizados, de manera de responder mejor a las necesidades de los usuarios. - Hubiera sido importante la realización de testeo con estudiantes, y con padres de estudiantes, creo que nos hubiera más información respecto de la interfaz a considerar para incorporar al proyecto.

    Import from clipboard

    Paste your markdown or webpage here...

    Advanced permission required

    Your current role can only read. Ask the system administrator to acquire write and comment permission.

    This team is disabled

    Sorry, this team is disabled. You can't edit this note.

    This note is locked

    Sorry, only owner can edit this note.

    Reach the limit

    Sorry, you've reached the max length this note can be.
    Please reduce the content or divide it to more notes, thank you!

    Import from Gist

    Import from Snippet

    or

    Export to Snippet

    Are you sure?

    Do you really want to delete this note?
    All users will lose their connection.

    Create a note from template

    Create a note from template

    Oops...
    This template has been removed or transferred.
    Upgrade
    All
    • All
    • Team
    No template.

    Create a template

    Upgrade

    Delete template

    Do you really want to delete this template?
    Turn this template into a regular note and keep its content, versions, and comments.

    This page need refresh

    You have an incompatible client version.
    Refresh to update.
    New version available!
    See releases notes here
    Refresh to enjoy new features.
    Your user state has changed.
    Refresh to load new user state.

    Sign in

    Forgot password

    or

    By clicking below, you agree to our terms of service.

    Sign in via Facebook Sign in via Twitter Sign in via GitHub Sign in via Dropbox Sign in with Wallet
    Wallet ( )
    Connect another wallet

    New to HackMD? Sign up

    Help

    • English
    • 中文
    • Français
    • Deutsch
    • 日本語
    • Español
    • Català
    • Ελληνικά
    • Português
    • italiano
    • Türkçe
    • Русский
    • Nederlands
    • hrvatski jezik
    • język polski
    • Українська
    • हिन्दी
    • svenska
    • Esperanto
    • dansk

    Documents

    Help & Tutorial

    How to use Book mode

    Slide Example

    API Docs

    Edit in VSCode

    Install browser extension

    Contacts

    Feedback

    Discord

    Send us email

    Resources

    Releases

    Pricing

    Blog

    Policy

    Terms

    Privacy

    Cheatsheet

    Syntax Example Reference
    # Header Header 基本排版
    - Unordered List
    • Unordered List
    1. Ordered List
    1. Ordered List
    - [ ] Todo List
    • Todo List
    > Blockquote
    Blockquote
    **Bold font** Bold font
    *Italics font* Italics font
    ~~Strikethrough~~ Strikethrough
    19^th^ 19th
    H~2~O H2O
    ++Inserted text++ Inserted text
    ==Marked text== Marked text
    [link text](https:// "title") Link
    ![image alt](https:// "title") Image
    `Code` Code 在筆記中貼入程式碼
    ```javascript
    var i = 0;
    ```
    var i = 0;
    :smile: :smile: Emoji list
    {%youtube youtube_id %} Externals
    $L^aT_eX$ LaTeX
    :::info
    This is a alert area.
    :::

    This is a alert area.

    Versions and GitHub Sync
    Get Full History Access

    • Edit version name
    • Delete

    revision author avatar     named on  

    More Less

    Note content is identical to the latest version.
    Compare
      Choose a version
      No search result
      Version not found
    Sign in to link this note to GitHub
    Learn more
    This note is not linked with GitHub
     

    Feedback

    Submission failed, please try again

    Thanks for your support.

    On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

    Please give us some advice and help us improve HackMD.

     

    Thanks for your feedback

    Remove version name

    Do you want to remove this version name and description?

    Transfer ownership

    Transfer to
      Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

        Link with GitHub

        Please authorize HackMD on GitHub
        • Please sign in to GitHub and install the HackMD app on your GitHub repo.
        • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
        Learn more  Sign in to GitHub

        Push the note to GitHub Push to GitHub Pull a file from GitHub

          Authorize again
         

        Choose which file to push to

        Select repo
        Refresh Authorize more repos
        Select branch
        Select file
        Select branch
        Choose version(s) to push
        • Save a new version and push
        • Choose from existing versions
        Include title and tags
        Available push count

        Pull from GitHub

         
        File from GitHub
        File from HackMD

        GitHub Link Settings

        File linked

        Linked by
        File path
        Last synced branch
        Available push count

        Danger Zone

        Unlink
        You will no longer receive notification when GitHub file changes after unlink.

        Syncing

        Push failed

        Push successfully