Ann Torockio, Web Technologist
I am a Lead Web Designer at the Perelman School of Medicine (PSOM), a part of the University of Pennsylvania and Penn Medicine.
I enjoy doing web development (mostly front-end, a little back-end), designing wireframes and
mockups, implementing new CMS features, writing automation scripts (Bash and PHP), and reviewing code.
If you want to get in touch with me about any of that,
email me
Selected Web Projects
Filter Projects by Type
All
Projects
MD Program
Web design, front-end development, and CMS implementation.
Design
MODX CMS
Alpine.js
Center
for Global Health: Interactive Map
Designed and developed an interactive world map to show activities of the Center for
Global Health using Map Box (mapbox-gl.js), list.js, and Alpine JS to create a searchable list
and map view.
Alpine.js
MODX CMS
list.js
Map Box
Penn
Medicine Outlist Directory
Designed and developed filterable list along
with implementation of login to view email addresses
Design
MODX CMS
Alpine.js
Office
of Academic Affairs
Design, front-end development, CMS implementation, and content migration for the Office of Academic Affairs at PSOM
Migrate website content from three existing sites into this updated website design
In-page search with highlighting using fuse.js and Alpine JS
Design
Fuse.js
Content Migration
MODX CMS
Alpine.js
SSFlex
Self
Serve Website
Service
As part of the web design team, support and maintain our flexible and extensible website
template called "SSFlex".
Make continuous improvements to SSFlex including replacing jQuery plugins with lighter and
more accessible Alpine JS-based solutions.
Develop
a demo site to showcase the themes and options that are available to publishers of
self-serve websites
Design
MODX CMS
Alpine.js
Center
for Digital Cardiology: Digital Formulary
Designed and developed a sort-able, filterable list of clinically-based collection of
digital health solutions
Design
MODX CMS
Institute
for Translational Medicine and Therapeutics Designed and developed a flexible website template for ITMAT and groups within the institute
Design
MODX CMS
Alpine.js
Field
Lab Pharmacomb Heatmap Table Project
Develop an interactive heat map to share drug sensitivity data
Enable publishers to manage data by uploading Excel files.
D3.js
MODX CMS
Penn
Center for Precision Medicine
Front-end development of main page templates
MODX CMS
Biomedical
Research Core Facilities Finder Designed and developed filterable list
Design
MODX CMS
The
Weissman Lab: Blog
Designed and developed news blog
Design
MODX CMS
Perelman School of Medicine Events Calendar :
Plan and conduct migration of many separate events calendar accounts from the our old
calendar tool to our new calendar tool, LiveWhale Calendar.
Conduct in-person training sessions for calendar publishers
Apply design customizations
Work with vendor on custom features including EMS (Event Management System) integration
Integrate calendar with our MODX Websites
Content Migration