-
The internet houses some of the largest human groups in existence, larger than any one country, and it’s becoming clear that such a large body cannot exist in a lawless space. I think devising a concept of how to fairly govern the internet is one of the great intellectual challenges of our time. Meanwhile though, I’ll keep fighting any political or economic power players’ plans to restrict the internet’s freedom.
-
Collaboration is a powerful tool.
-
Writing complex code to solve complicated problems is impressive but not good enough. Only when you can keep the entire code in your head, and pick it up after a long weekend without thinking, have you created a piece of true excellence.
Portfolio
-
Bows Etc
A modern online store with a nod to wholesale—and a few perks to pique your interest. WordPress WooCommercedetails »
WordPress WooCommerce
Arlen Miller, co-owner of a thriving hair accessories wholesale business, decided it was time to conquer the internet. She looked around for an e-commerce web expert, found me, and we were off to a very good start.
Bows Etc is based on WordPress/WooCommerce with Storefront. I took the plentiful e-commerce goodies these three have to offer, and added my own child theme to support a highly customized layout. I ended up changing a whole lot of template functionality as well, via hooks and function overrides (and never any modifications to the core.)
Arlen wanted to pull retail into the fold but also extend her core wholesale business nationwide. The store specifically welcomes wholesalers, and allows them to complete a wholesale application online which the store owner can approve or deny in the admin backend. Once logged in, a wholesaler will see wholesale–specific pricing, taxing, shipping, and policies. An order total minimum amount is enforced, as well as a minimum number of each product on the order.
A special perk—Arlen can set those limits separately for each user account if she wants to grant special treatment to a loyal customer, or help a startup get on their feet.
Products are accessible via categories and attribute filters, both on the main menu and the shop page. Single products can be zoomed in, or viewed in a light box. Product variations are shown with pretty thumbnail images.
Discounts are supported, taxes are collected for specific states only, shipping is free above a certain total order dollar amount, and can be tracked. Users can open an account for order history and wish lists.
The store went live with 158 products, with an average of 6 variations for each product, resulting in a total of 978 photos that needed to be taken, processed, and kept organized, a number not for the faint of heart.
I developed a spreadsheet that captured every product including images, descriptions, prices, stock quantities, and other extensive meta data—and loaded them all into the database in one big swoop.
WordPress Storefront with custom child theme.
Note-worthy plugins: Woocommerce, Wholesale Ordering and User Role Minimums by Stephen Sherrard, WP All Import by Soflyy, and WPSSO by JS Morisset.
SEO, Social Media Integration.
PHP5, CSS3, CSS Media Queries, jQuery, Modernizr.
Design: Six Half Dozen Design Studio, Alexandria
Project Management and all other work: Katbo, LLC
All On The Same Page
WordPress is a solid framework supporting proven architectures. This time though, it had to open up for something a little more daring.WordPress All-On-One-Page Custom Themedetails »
WordPress All-On-One-Page Custom Theme
JRogers Consulting is a woman-owned small business that provides organizational solutions for corporate and federal entities. They needed a modern website to communicate the approach they take for everything they do—think big, open horizons, design innovative strategies, and enjoy the journey along the way.For this WordPress site, I had to explore uncharted territory. The goal was to take a three–tiered menu structure with a good number of pages and display it all on one single page that could be scrolled up and down smoothly. However, each page also needed to retain its individual properties, such as be accessible in the WordPress backend to update content, be linkable via its own URL to support SEO and social media sharing, and work with the browser back button.
After some pondering, the solution became clear: let WordPress load the requested page like it always does—but surreptitiously add previous and subsequent pages on the fly via client–side scripting, specifically by asynchronous loading of resources from the server in real time. Then, to keep the URL and browser history updated as the user scrolls back and forth, make use of jQuery’s scroll event and history push state functionality. And by the way, let it all degrade gracefully when viewed on a legacy browser, like IE8.
WordPress with one-page custom theme.
PHP5, CSS3, JavaScript, jQuery, AJAX, Modernizr library.
Project management and design: Six Half Dozen Design Studio, Alexandria
-
The Computers
On a spring day in 1946, the two builders of the first programmable digital computer were on their way to its grand unveiling. Not invited were the six female mathematicians who had developed the software programs—without which the great machine would have simply stood silent. WordPress on a Missiondetails »
WordPress on a Mission
In 1943, two engineers at U Penn had invented a machine that could simulate human calculating, albeit at a much increased speed. The first working build was a behemoth with thousands of vacuum tubes, relays, and resistors that emitted acrid smells, and used up so much power that rumor said for the lights in Philadelphia to dim whenever the machine was switched on.
But looks can be deceiving. The ENIAC (Electronic Numerical Integrator And Computer) was the ground-breaking first programmable computer, designed to perform any mathematical task, rather than be hard-wired for one specific purpose only.
In 1945, six young women working as human computers at the university were hired to “set up the machine”. No one at the time understood the enormity of the task. There was no ENIAC instruction manual, and no knowledge existed anywhere about how to program a computer at all. Every step the six women took led them into uncharted territory. They started to explore the ENIAC’s two central abilities—conditional branching and memory—and soon grasped the concept of logical instruction sets that could be executed to perform a task. The six women spent the following year in a secret location, developing and implementing the world’s first giant software program.
They also experienced the world’s first pre-launch crunch, a condition well known to all software developers after them. Until the early morning of the computer’s grand unveiling, they feverishly—and successfully—worked to eliminate a bug that would have prevented the ENIAC from running during its public demonstration.Consequently, it came as a huge disappointment when none of the female members of the team was invited or even mentioned at the ENIAC dedication ceremony. To this day, the role of the six women as trail blazers in computer programming is widely unknown.
Kathy Kleiman discovered their story as a young Harvard graduate, and has dedicated much of her time ever since to make the ENIAC Programmers visible. She created the well-received documentary film ‘The Computers” which shares the excitement of the six women’s work and its discovery. Kathy has been the key speaker at numerous documentary viewings and lively Q&A sessions where she encourages today’s young women to pursue STEM careers.I am proud to have contributed to this mission with a website that sends women in technical fields the message to believe in themselves.
WordPress custom theme.
PHP5, CSS3, JavaScript, jQuery.
Project management and design: Six Half Dozen Design Studio, Alexandria
Mobile Retrofit
Set up theme Mobile Retrofit, add a device switcher, and watch your site go mobile in no time. WordPress Mobile Retrofit Themedetails »
WordPress Mobile Retrofit Theme
There exist a great number of fine but older WordPress websites that were developed without mobile in mind. Obviously, that’s a handicap these days, leading to the loss of disappointed mobile visitors, and slippage in search engine ratings. What to do? Start the website from scratch, or add mobile capabilities into legacy code? Neither option sounds profitable. Enter a third—drop in my Mobile Retrofit theme.Install Mobile Retrofit, and with luck, you can get away with no coding at all, just use settings and add some mobile content. Or, in particularly stubborn cases, have me modify some of the main website’s theme, still not touching its possibly messy core.
Mobile Retrofit uses the same pages, posts, custom posts, and widgets as the main theme, so that no need arises to maintain duplicate content. It relies on the Device Theme Switcher plugin to detect stationary or mobile devices, and serves either your main theme or Mobile Retrofit, accordingly. Tablets can be configured to receive one or the other.
Mobile Retrofit sports a nicely built–out mobile menu with accordion effect for menus of any depth. A dialable phone number shows up on the right side of the front page header, a small version of the logo on the header of all other pages.
The footer offers contact info, social media links, and an email address which opens up the phone’s main email client.
The front page can be set up with an optional slideshow, a mission statement, and buttons to internal pages. Internal pages display header images. The contact page supports an optional Google map. YouTube videos can be integrated on any page.
WP custom theme development.
PHP5, CSS3, jQuery, CSS Media Queries.
Modernizr library, ‘Device Theme Switcher’ plugin.
Developed at Six Half Dozen Design Studio, Alexandria
-
Subscription To Sanity
The IRS issues a steady stream of publications explaining the myriad ways of the tax law for education institutions. One savvy tax lawyer decided there had to be a way to help those who were required to keep up with it.WordPress–CiviCRM integrationdetails »
WordPress–CiviCRM Integration
Bert Harding, tax lawyer and author of ‘The Tax Law of Colleges and Universities‘, had taken it upon himself to keep up with education-related tax updates and send monthly summary newsletters to his contacts at education institutions. The organizational effort was however getting out of hand, and he needed a way of automating the process.
Bert wanted his contacts to hold a paid subscription in a system that would handle the tax summary email blasts automatically. He also wanted the book to be available digitally.
I created a WP custom theme with front–facing login functionality. Users would be able to sign in and gain access to the digital book and the tax newsletters. That was easy. The challenge came with linking access to a yearly paid subscription.
A CRM (Customer Relationship Management) system was called for, and CiviCRM chosen. The road to integration of WordPress with CiviCRM turned out to be thorny, and involved at one point contacting a CiviCRM developer with a change request.
But it was all worth it. The system can now create yearly rolling subscriptions, accept payment via PayPal or check, apply discounts, handle renewals automatically, and send email blasts, all of it smoothly. Bert, with access to the admin backend, can design, send, and review the monthly newsletters on his own, and even reach pretty deep into the system to manage subscriptions and any related data.
WP custom theme development.
CiviCRM integration.
Hosting set up & launch, daily operations support.
PHP5, CSS3, jQuery.
Project management and design: Six Half Dozen Design Studio, Alexandria
The Friendly Form
Some online forms one never wishes to see again. This is not one of them—how a very long form can attract customers to linger and play. Advanced WordPress Formdetails »
Advanced WordPress Form
Potential customers can request an online quote on Bridge First Insurance’s newly created WordPress website, but they are required to provide quite a bit of very specific information.
Presented all on one form, this could get intimidating, and have the potential of greatly reducing the number of users willing and able to fill it out. It became clear that the form needed to be broken down into smaller units that would allow the user to focus on one manageable portion at a time.
I found a WordPress form plugin that supports form sections. After setting up the form, I created a so–called accordion which allows sections of the form to gently slide up and down upon clicking the matching header bar.
Now, when first opening the page, instead of facing an intimidatingly long form, users are motivated to playfully investigate individual sections of it and fill those out as they go along.
WordPress custom theme development.
Integration & setup of plugin ‘Formidable’.
CSS3, jQuery.
Project management and design: Six Half Dozen Design Studio, Alexandria
-
Where Art Happens
This online gallery is there to celebrate art. Simple, serene layouts let the painting speak for itself. It’s almost as if you were looking at the pictures in a gallery, with a glass of bubbly in hand. PHP–MySQL Gallery Applicationdetails »
“Kat, I love it! I really do! Do whatever you can to replace my old website with this wonderful design as soon as possible. I like how you used my signature in the logo. Very nice.”
—Bill Abel, Watercolor Artist, Falls Church, VA
PHP–MySQL Gallery Application
Bill is a well–loved local artist whose work is displayed in many venues around town. He really wished he could have a place where all his art came together.
I had just finished building a new gallery website template that was designed for easy customization. The match was made.
I created a serene background that made Bill’s vibrant art pop. I knew I had the logo right when it started to take on the translucent quality of a watercolor. No wonder—the signature was lifted straight off one of Bill’s paintings.
Outreach to the world is an important aspect of making art. Bill’s site integrates with Facebook, Twitter, and other social networks. I also paid particular attention to search engine optimization, a fancy word for bumping the site up as much as possible on internet search results.
Now all it took was to upload Bill’s beautiful pictures. You can see his art in a gently revolving slideshow, or as a side–by–side masonry spread.
Each picture can be brought up to a separate screen that just might make you feel as if you were standing right there in a gallery with Bill next to you.
MVC architecture, CSS masonry layout, gallery integration.
PHP5, MySQl, CSS3, jQuery.
On-page SEO, tight social media integration.
Hosting set up and launch, maintenance.
Website design, graphics creation.
Logo design and creation.
Project management and all project work: Katbo, LLC.
E-Commerce With A Flair
Simply Bows had been selling high–end girls’ accessories to a steady following of loyal customers. To extend her reach, and grow her business into a professional enterprise, owner Julie Pagano knew she needed a successful online store. E–Commerce Web Applicationdetails »
E–Commerce Web Application
“Katrin is a talented, innovative, and results–driven website developer. Her friendliness and open demeanor put me immediately at ease. She took the time to become well-acquainted with my target customer base and designed a site that is as easy to use as it is appealing to the eye.
I highly recommend Katrin and am happy to provide additional information to anyone lucky enough to consider hiring her.”
—Julie Pagano, Owner Simply Bows
This site could be considered my Master’s Project at Katbo Web University.
It is a full PHP/MySQL e–commerce application, developed entirely from scratch, including shopping cart, payment modules, database modeling, error handling, and lots more. A great deal of attention was placed on data security. I am proud to say that during the many years of its life on the internet, the site has not experienced a single security breach.
I had just started out into the world of web development and had recently taught myself the basics of HTML, CSS, PHP, MySQL, and JavaScript. For this project, I decided against using an e–commerce framework, for training purposes. It was a risky decision but I felt confident given my background in large–scale system development and project management.
Julie Pagano needed a modern website to sell her products, and I needed a client who would trust that my first website would be good. We met, shook hands, and one of the most fun and successful projects began.
I researched and applied the community–agreed standards for web projects: Discovery and Requirements Gathering, Information Architecture Design, and User Interface Design. I created wire frames and visual page layout designs. Then I assembled a team of a product photographer, copy writer, and graphic designer, and we set to work.
If you’re in the hair bow business, you’re dealing with a large number of little products that differ in intricate ways. We needed to come up with a way for customers to easily find and fall in love with Simply Bows’ products—instead of getting tired of browsing.
To find answers to those and other questions, we embarked on a journey of designing and prototyping that ended only when our client said the words: “I totally LOVE my website!”
Compared to results during the last year of Simply Bows’ old website, the new Simply Bows showed that the number of orders placed in the first year had gone up by 14%, the dollar amount per order up by 26%, and the total gross dollar amount up by 43%. I can’t even say how pleased I am with those numbers!
E-commerce application design and development, Database modeling & normalization for e-commerce application, PayPal Payments Pro integration, PHP error handling, SMTP emails.
PHP5, MySQl, HTML, CSS, JavaScript, jQuery.
Content and layout design.
On-page SEO.
Hosting set up & launch, maintenance.
Project management and all project work: Katbo, LLC.
-
Management and Methodology
Companies that offer phone service run very large billing operations. If you are in charge of sending out a million phone bills every month, you do not want to find a bug in your software.Telecom Billing Systemsdetails »
Telecom Billing Systems
Can you imagine the time when a few harbingers of a New Age carried mobile phones the size and weight of bricks? I was there, and hired on with an American consulting firm to work with one of their key accounts, Mannesmann Mobilfunk GmbH, who was putting together Germany’s first GSM-compliant mobile network. I was lead analyst for the new Order Processing system, and was involved in really big stuff, like getting the system ready to process and bill data on mobile phones for the first time.Next came a bold move from Germany to the head quarters of AMS Telecom in America. I decisively stepped into the management career path and experienced a period of tremendous personal and professional growth. I was assigned to a prestigious project that was set to create a new Billing System for three large European Telephony providers.
A task that was unexpectedly thrown at me during my first days on the project was the urgent request from a high-level manager in Europe to create a spreadsheet with financial project data. I had never worked with Excel, never handled anything financial in my work life before, and did not know the project. But I sure had a can–do attitude, and was able to conduct the necessary research to put together the spreadsheet, send it off, and receive an enthusiastic email from the unknown manager a few hours later that said: “Oh my god, you saved my life! This is exactly what I needed for my meeting.”
Within six months of joining the project, I was made Principal and went on to manage ISO9000–certified software development projects, starting as team lead, then creating and injecting into the org chart the new role of team group lead for myself, and finally as project manager with teams of up to 30 professionals. We developed sophisticated Pricing, Discounting, and Taxing components, and besides the actual software development, I was responsible for financial planning, risk management, and ongoing reporting to client stakeholders. I experienced the joy of making a group of people work together like a happy machine, and along the way identifying and promoting team members’ specific talents. Those were truly golden years.
Software projects of this magnitude can not function without laying down standards. I worked with internal focus groups to increase acceptance of workflow standardization and quality control procedures, and became a passionate proponent of methodology as key factor for successful software development.During my last year at AMS, I knew I was headed for a major career change because of plans to start a family. I started looking around for something I could do at off times and by myself if needed, and seized an opportunity to join the R&D department as Java developer on the fast track. I got the chance to learn the principles of OO in depth, and train my Java skills on an ambitious project to add a web-based client to an existing extensive client-server software architecture.
System/390 IBM mainframe with MVS, IDMS, DB2, CICS, COBOL II, SQL.
MS Project, Excel.
Rational Rose for object-oriented application modeling.
JDK, EJB, JSDK, JSP (Java).
The Pioneer Years
Client–server and cloud architectures might have lived somewhere in someone’s head. But for now big corporations were creating proprietary systems, and ran them on their own monster mainframes. Back then nobody chuckled at COBOL. It all felt like a great adventure. Order Processing/Pre–Production Systemsdetails »
Order Processing and Pre-Production Systems
I was the lucky one. A government–supported program for professional retooling of unemployed academics sent me to computer school on a whim—and put me face to face with my professional calling.
I attended the 6–month full–day Certificate Program in Software Development at the Siemens Institute for Computer Technology and experienced the utter joy of learning a subject matter that fell in place as if I had known it all along. Consequently, I finished at the top of the class with a 100% score. Siemens AG, Germany’s largest electronics company, swept me up into employment the next day.
I started out developing COBOL software enhancements to the in–house Order Processing and Pre–Production Systems. Soon, user support became part of the job, and I traveled frequently to nation–wide Siemens locations to conduct user training on various components of the systems landscape.
One of my most favorite assignments was to take charge of a system component that distilled large customer orders down to the parts that would be needed for assembly. I routinely visited assembly line managers right at their computer terminals in the assembly hall, to ensure that my software did what they needed.
This is where I encountered the Small Parts Warehouse Robot, a machine on tracks that operated thousands of small drawers, readying sets of tiny parts for each order that was about to enter the assembly line. The robot not only knew where to find the parts but also constantly rearranged them into different drawers to optimize their placement for orders waiting in line. My fascination with this robot initiated a lifelong passion for transport logistic systems.
This is also where I created the most visible software bug of my career so far: When calculating lengths of copper pipe that needed to be ordered from an external vendor, my program slipped a couple of decimal places and sent out orders for 10000 meter (6.2 miles) long pipes instead of 10m (32.8 ft) long pipes. Luckily, the vendor had a great sense of humor and inquired whether it was ok to cut the pipes in half for easier transport on his trucks.
I continued to take courses at Siemens University, and most notably learned about Siemens’ newly developed Distributed Universal Transaction Monitor (UTM–D) that could handle secured distributed transactions across a variety of platforms. Intrigued, I teamed up with R&D to build a proof–of–concept UTM–D application to replace a high–visibility but notoriously error–prone legacy batch process maintained by my department. My application went into production, worked flawlessly, and brought great relief to stressed managers and disgruntled users.
COBOL, BS2000 (Siemens Mainframe Operating System), UDS (Siemens Hierarchical Database), UTM and UTM-D (Siemens Universal Transaction Monitor)
“I know Ms. Boneau as a highly motivated employee with strong communicative skills and profound experience in design and development of large–scale systems and databases. While in my department, she worked on critical tasks that affected central parts of our Order Processing. She always achieved excellent results.”
—Gregor Kuntscher, Senior Manager of Organisation and Business Reengineering, Siemens AG
Contact
