Mentored by Jose Benito and Pedro Ferreira

Slides:



Advertisements
Similar presentations
Copyright CompSci Resources LLC Web-Based XBRL Products from CompSci Resources LLC Virginia, USA. Presentation by: Colm Ó hÁonghusa.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Work Flows of the Online Review System Copernicus Office Editor Copernicus Publications | April 2014.
Beautiful maths in all browsers. Introduction Input and display of non-trivial maths to any electronic format problematic …and even more of a pain for.
11 Getting Started with ASP.NET Beginning ASP.NET 4.0 in C# 2010 Chapters 5 and 6.
Different Streaming Technologies. Three major streaming technologies include:
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.
Application Software By Brandon Marcelli.
Carrie Ann Desnoyers Instructional Designer CREATING ACCESSIBLE MATH IN D2L MATHTYPE, LATEX, MATHPAGES, AND MATHPLAYER.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
Lecturer: Ghadah Aldehim
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Application Software.
First Indico Workshop Indico Project Status José Benito González López May 2013 CERN.
Python File Handling. In all the programs you have made so far when program is closed all the data is lost, but what if you want to keep the data to use.
HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.
Nuclear Information Section FIBRE+ Latest developments Lubomir Iliev.
XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.
First Indico Workshop Abstracts & Timetable José Benito González López May 2013 CERN.
Writing Scientific Papers Additional materials required for manuscript preparation and submission Prof Steve Leharne.
Adobe Accessibility By Margaret Hartman. Who Benefits: Individuals who have motor impairments, low vision, or blindness Creators of PDF documents and.
Documentation NCRR Documentation for BioPSE/SCIRun and map3d All this great software and you want documentation too!?
Elizabeth Pyatt, ITS See Notes panel for image ALT tags MathML (& LaTeX) Workflow 2015.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
PageDesigner Introduction Sybase, Inc.. Features WYSIWYG web page editor for HTML/CSS/JSP/JSF pages Full HTML4.0, CSS2 support Design, Source and preview.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Capturing, writing and reading maths electronically - what works Dr Abi James Accessibility Group WAIS.
First Indico Workshop Registration Form Alberto Resco Pérez May 2013 CERN.
® IBM Software Group © 2006 IBM Corporation JSF Rich Text Area Component This Learning Module describes the use of the JSF Rich Text Area component – for.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
STEAM - Why Is Math Accessibility So Hard?. The difference between maths & text.
Advanced Windows Store App Development with HTML5 Refresh / Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical.
Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
More instances of editing being lost when using Rich Text mode Browser: Internet Explorer 7 (version ) Page used:
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Creating your course on MOODLE Learning Management System.
Hands on with Adobe Edge Sasha Vodnik, Cengage Learning Author.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
JACoW / SPMS Joint Accelerator Conference Web (JACoW) Site Scientific Program Management System (SPMS) Conference Database Management Software Matt Arena,
The Marriage of Moodle (and Word)
Work Flows of the Online Review System Copernicus Office Editor
Advanced Training Session
JavaScript, Sixth Edition
Dynamic Online Accessible Math — Online Braille Math
Unit 13: Website Development
Indico: Event Management
How to create an Indico Conference
Improving Braille accessibility and personalization on Internet
Arrays and files BIS1523 – Lecture 15.
Core WG Meeting November 16th, 2017.
COMPSCI 111 / 111G An introduction to practical computing
Software and Multimedia
Web Systems Development (CSC-215)
Software and Multimedia
Web Page Development Tools
© 2015, Mike Murach & Associates, Inc.
ICEweb 2 a new way of compiling high-quality web-based components for ICE corpora Martin Weisser Center for Linguistics & Applied Linguistics, Guangdong.
Jupyter Notebooks in Dyalog APL
Web Development Using ASP .NET
HTML Structure.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
The NADRE services Mr. Mario Torrisi (PI4 – Italy –
Software Engineering and Architecture
PowerApps Forms – Learn to Build Additional Features
Presentation transcript:

Mentored by Jose Benito and Pedro Ferreira Google Summer of Code 2013 Rich Abstract Editor Indico Software by Pedro Gaudêncio Mentored by Jose Benito and Pedro Ferreira

What is Indico? Lecture web application Meeting to schedule and organize events Meeting Bunch of complex features call for abstracts, registration, e-payment, timetable, badges creation, paper reviewing, etc conference

Plain text editor vs Rich text editor? <textarea> <textarea> Wow, *now* I'm **beautiful**! this text is boring </textarea> </textarea> <div id=”text-preview”> Wow, now I'm beautiful! </div>

The Goal: produce beautiful abstracts Enhance the editing and submission of abstracts http://math.stackexchange.com editor example

PDF The Goal: produce beautiful abstracts and produce its corresponding rendered result in a PDF

The technologies used PageDown editor Mathjax Latex Takes markdown text and converts it into raw HTML (that browsers natively render) and previews the result in real time on a canvas PageDown editor Takes LaTeX, MathML and AsciiMath math notation and renders them in the browser using web-based fonts and CSS Mathjax It's a document preparation system that includes features designed for the production of technical and scientific documentation Latex

replace the plain textarea by the PageDown Editor The actual work 1 replace the plain textarea by the PageDown Editor Take the old plain text input area Just replace By the pagedown stuff HTML/css/JS

The actual work 2 make Pagedown work along with Mathjax 1 2 3 Store the $math$ In the text in an array And replace the text with @@args@@ Let pagedown Handle The markdown text Replace the @@args@@ By the $math$ Previosly stored Render the math in the pagedown previewer

render the inputted markdown/mathjax text The actual work 3 render the inputted markdown/mathjax text Convert the markdown Text to Html and Render The template

The actual work 4 Generate a pdf from the template and retrieve it Update the lost-in-time markdown2latex extension For the python-markdown package adding some features Replace the Reportlab pdf Template system By latex templates Regex headaches