Talking Math Online with LATEX Exploring options for mathematics on the web. Keith Jones SUNY Oneonta MAA Seaway Summer 2020 Workshop, June 2020 Overview A Little LATEX The State of Math Display Online Online Platforms Supporting LATEX LaTeX and Learning Management Systems Prelude I have some blog posts which explore the topics we'll discuss in greater detail, and collect some of this information for future reference. I hope to maintain these pages with helpful updates as I learn new information. I Resources for LATEX Mathematics I Exploring MathJax I Platforms Supporting LATEX Online I LATEX and Learning Management Systems Overview A Little LATEX The State of Math Display Online Online Platforms Supporting LATEX LaTeX and Learning Management Systems LaTeX is a massive and powerful system for creating technical documents. But it has become wildly popular in mathematics and science as a language for rendering complex mathematics intuitively. $$\begin{bmatrix} x_1 & y_1 \\ x_2 & y_2 \end{bmatrix} \vec v = (\lambda I) \vec v $$ becomes: x y 1 1 ~v = (λI)~v x2 y2 I ncirc ! ◦ I nperp !? I nrightarrow !! 1 Z π I nfracf1gf2gnint 0^npinsin(t)dt ! sin(t)dt 2 0 If a natural command doesn't exist for what you want, you can invent it. The command nnewcommandfnrealsgfnmathbbfRgg creates the macro nreals to typeset R. Common-sense Names and Symbols b Using x 0 for x0 and a^b for a , and natural abbreviations: I ninfty ! 1 I nperp !? I nrightarrow !! 1 Z π I nfracf1gf2gnint 0^npinsin(t)dt ! sin(t)dt 2 0 If a natural command doesn't exist for what you want, you can invent it. The command nnewcommandfnrealsgfnmathbbfRgg creates the macro nreals to typeset R. Common-sense Names and Symbols b Using x 0 for x0 and a^b for a , and natural abbreviations: I ninfty ! 1 I ncirc ! ◦ I nrightarrow !! 1 Z π I nfracf1gf2gnint 0^npinsin(t)dt ! sin(t)dt 2 0 If a natural command doesn't exist for what you want, you can invent it. The command nnewcommandfnrealsgfnmathbbfRgg creates the macro nreals to typeset R. Common-sense Names and Symbols b Using x 0 for x0 and a^b for a , and natural abbreviations: I ninfty ! 1 I ncirc ! ◦ I nperp !? 1 Z π I nfracf1gf2gnint 0^npinsin(t)dt ! sin(t)dt 2 0 If a natural command doesn't exist for what you want, you can invent it. The command nnewcommandfnrealsgfnmathbbfRgg creates the macro nreals to typeset R. Common-sense Names and Symbols b Using x 0 for x0 and a^b for a , and natural abbreviations: I ninfty ! 1 I ncirc ! ◦ I nperp !? I nrightarrow !! If a natural command doesn't exist for what you want, you can invent it. The command nnewcommandfnrealsgfnmathbbfRgg creates the macro nreals to typeset R. Common-sense Names and Symbols b Using x 0 for x0 and a^b for a , and natural abbreviations: I ninfty ! 1 I ncirc ! ◦ I nperp !? I nrightarrow !! 1 Z π I nfracf1gf2gnint 0^npinsin(t)dt ! sin(t)dt 2 0 Common-sense Names and Symbols b Using x 0 for x0 and a^b for a , and natural abbreviations: I ninfty ! 1 I ncirc ! ◦ I nperp !? I nrightarrow !! 1 Z π I nfracf1gf2gnint 0^npinsin(t)dt ! sin(t)dt 2 0 If a natural command doesn't exist for what you want, you can invent it. The command nnewcommandfnrealsgfnmathbbfRgg creates the macro nreals to typeset R. I Web search \latex how to ..." { 99% chance you'll be taken to a StackExchange article showing you what to do. I Overleaf has a nice tutorial with an extensive symbol list. I Some additional resources for drawing math with LaTeX. Learning LaTeX Have some math you want to type! Find examples that do what you need. I Detexify (an online reverse symbol lookup) I Overleaf has a nice tutorial with an extensive symbol list. I Some additional resources for drawing math with LaTeX. Learning LaTeX Have some math you want to type! Find examples that do what you need. I Detexify (an online reverse symbol lookup) I Web search \latex how to ..." { 99% chance you'll be taken to a StackExchange article showing you what to do. I Some additional resources for drawing math with LaTeX. Learning LaTeX Have some math you want to type! Find examples that do what you need. I Detexify (an online reverse symbol lookup) I Web search \latex how to ..." { 99% chance you'll be taken to a StackExchange article showing you what to do. I Overleaf has a nice tutorial with an extensive symbol list. Learning LaTeX Have some math you want to type! Find examples that do what you need. I Detexify (an online reverse symbol lookup) I Web search \latex how to ..." { 99% chance you'll be taken to a StackExchange article showing you what to do. I Overleaf has a nice tutorial with an extensive symbol list. I Some additional resources for drawing math with LaTeX. Overview A Little LATEX The State of Math Display Online Online Platforms Supporting LATEX LaTeX and Learning Management Systems It is tedious to do by hand, but there are automated processes. For example CodeCogs.com can create math images on demand from LaTeX. Math as an Image Wikipedia often uses images, and does it well: Math as an Image Wikipedia often uses images, and does it well: It is tedious to do by hand, but there are automated processes. For example CodeCogs.com can create math images on demand from LaTeX. In 1995, this was high quality math rendering on the web. But this is Blackboard's built-in rendering in 2020. Image Issues There can be readability issues if it is not done well. Images in GIF or JPG format do not support transparent backgrounds; and GIF, JPG, and PNG do not maintain quality when scaling. Inline math often does not line up with text. Image Issues There can be readability issues if it is not done well. Images in GIF or JPG format do not support transparent backgrounds; and GIF, JPG, and PNG do not maintain quality when scaling. Inline math often does not line up with text. In 1995, this was high quality math rendering on the web. But this is Blackboard's built-in rendering in 2020. Easy to include in any web page that allows Javascript. No need to install anything { call from the cloud with as little as one line of HTML. Web browser and cloud server do the work. - A Javascript Framework MathJax converts LaTeX to HTML/CSS, an image, or MathML. No need to install anything { call from the cloud with as little as one line of HTML. Web browser and cloud server do the work. - A Javascript Framework MathJax converts LaTeX to HTML/CSS, an image, or MathML. Easy to include in any web page that allows Javascript. Web browser and cloud server do the work. - A Javascript Framework MathJax converts LaTeX to HTML/CSS, an image, or MathML. Easy to include in any web page that allows Javascript. No need to install anything { call from the cloud with as little as one line of HTML. - A Javascript Framework MathJax converts LaTeX to HTML/CSS, an image, or MathML. Easy to include in any web page that allows Javascript. No need to install anything { call from the cloud with as little as one line of HTML. Web browser and cloud server do the work. Comparing MathJax to PNG MathJax offers User Configuration Just create an HTML file that calls MathJax and has some LaTeX in it (with appropriate delimiters), and open that file in your web browser. Steps can be found here: Exploring MathJax. Running MathJax If you can create an HTML file, you can get MathJax running for yourself. Steps can be found here: Exploring MathJax. Running MathJax If you can create an HTML file, you can get MathJax running for yourself. Just create an HTML file that calls MathJax and has some LaTeX in it (with appropriate delimiters), and open that file in your web browser. Running MathJax If you can create an HTML file, you can get MathJax running for yourself. Just create an HTML file that calls MathJax and has some LaTeX in it (with appropriate delimiters), and open that file in your web browser. Steps can be found here: Exploring MathJax. I MathML input and/or output I HTML or SVG (scalable vector graphics) output All MathJax outputs support quality zooming, and MathJax supports assistive technology with MathML. MathJax Inputs, Outputs, and Accessibility MathJax can be configured to support: I LaTeX and/or AsciiMath input I HTML or SVG (scalable vector graphics) output All MathJax outputs support quality zooming, and MathJax supports assistive technology with MathML. MathJax Inputs, Outputs, and Accessibility MathJax can be configured to support: I LaTeX and/or AsciiMath input I MathML input and/or output All MathJax outputs support quality zooming, and MathJax supports assistive technology with MathML. MathJax Inputs, Outputs, and Accessibility MathJax can be configured to support: I LaTeX and/or AsciiMath input I MathML input and/or output I HTML or SVG (scalable vector graphics) output MathJax Inputs, Outputs, and Accessibility MathJax can be configured to support: I LaTeX and/or AsciiMath input I MathML input and/or output I HTML or SVG (scalable vector graphics) output All MathJax outputs support quality zooming, and MathJax supports assistive technology with MathML. Overview A Little LATEX The State of Math Display Online Online Platforms Supporting LATEX LaTeX and Learning Management Systems I Perusall I Piazza Edu-Discussion Platforms I CampusWire I CampusWire I Piazza Edu-Discussion Platforms I Perusall I CampusWire I Perusall Edu-Discussion Platforms I Piazza I Slack Communication / Chat / Productivity I Discord I Slack Communication / Chat / Productivity I Discord I Slack Communication / Chat / Productivity I Discord I Discord Communication / Chat / Productivity I Slack I Overleaf I PreTeXt I UpMath and Papeeria Document Creation I Google Docs I Overleaf I PreTeXt I UpMath