Axabitte Enterprises

Portfolio

The following are some of the projects I've completed myself, have worked on with others, or are in progress. There are a number of tools and webpage references that I've created but not included here; either because they were developed for an employer and may contain sensitive or proprietary information, or simply that I felt they were too uninteresting (to anyone but myself!) to include. I'm constantly working on web-based or desktop applications to make my life (and work) easier, and am always in the process of learning more.

Online Examples

Basements & Beasties


Basements and Beasties
Basements & Beasties (2016)
Objective

To simulate a Dungeons & Dragons experience in a restaurant setting while studying for and reinforcing concepts for the 70-480 exam.

Implementation

Microsoft WebMatrix utilizing HTML5, CSS3, and JavaScript. Arrays in the JavaScript file were used to store creature and character information rather than a database.

Comments

This is a work in progress and is not yet mobile optimized.

Grocery List


Grocery List
Grocery List (2016)
Objective

To implement a paperless, centralized, real-time system for my wife and I to update our grocery list from any device at home and to access the list when at a store. *Note* Although it certainly functions as a webpage for a desktop computer, it is much more appealing for mobile usage.

Implementation

Developed using Microsoft WebMatrix utilizing elements of HTML5, CSS3, and JavaScript. The information is stored in a Microsoft Access database hosted online: the Categories, the Items within each Category, the Grocery List itself, and the preferred Vendors for certain Items. All database functionality is performed using AJAX connections (combined with Classic ASP calls) to eliminate the need to refresh the page each time a category is selected or an item is added (or removed) from the list. Each selection presents an overlay over the main page, and there's an @media file to change certain aspects of the display when the orientation is in portrait mode.

Comments

Developed as a mobile-first app, which only makes sense as we carry our phones around in the house checking out our supplies, or make our way through the store checking items off the list. The category images are from The Noun Project, a great source of icons. The image above links to a demo version, so there's no danger messing up our grocery list if anyone wants to test it out!

Axabitte Enterprises


Axabitte Enterprises
Axabitte.com (2015)
Objective

I'd originally created this site way back in the early 2000's, when all I really knew about web development was the little bit of HTML from using Microsoft FrontPage. Going back to school, and continuing to learn on my own, I slowly added to the capabilities and utilized different technologies: HTML 4, CSS, Classic ASP/VB Script, etc. Recently I entered into an exciting new area: HTML5, CSS3, and JavaScript! As such, I will continue to improve my skills and update my website with the new standards of user friendly implementation.

Implementation

Developed using Microsoft WebMatrix utilizing elements of HTML5, CSS3, JavaScript, and jQuery.

Comments

This is a work-in-progress and there will be on-going improvements and changes as I learn more. It's pretty much been a sandbox of experimentation while I was studying first for the 98-375 exam and then for the 70-480 exam.

Tested on:
  • Firefox 49.0.2
  • Chrome 54.0.2840.71
  • Internet Explorer 11.321.14393.0
  • Erratic, jerky scrolling
  • Edge 38.14393.0.0
  • Surface 1
  • Blackberry Playbook
  • Galaxy S6
  • No smooth scrolling
  • Galaxy S7
  • No smooth scrolling

Poetry Website


Dilsora.com
Dilsora.com (2008)
Objective

Developed for an author to share her writing with her overseas contemporaries in an interactive environment, with all tools available for the author to maintain her collection of writing.

Implementation

Designed with Dreamweaver as an Integrated Development Environment using HTML for basic page formating and Cascading Style Sheets for advanced display: Dropdown Menus (small JavaScript code involved also), Page Alignment, and all site-wide styles. Dynamic functionality achieved with ASP and VBScript for Poem Submission, Comment Submission, Account Information, Poem Display queries, and all Administrator modifications. Database utilized is Microsoft Access with six relational tables, completely normalized.

Comments

This project was originally designed to display poems only from one main page, using only one database table. The initial challenge was simply related to proofreading: I don't speak or write Russian, so spelling/grammical errors had to be double-checked from the author's side. Incorporating the Russian character set was simple enough, but of course each browser needs to be configured on the client side to display it properly. As time passed, the author requested additional functionality to include other categories of writing such as: short poems, stories, news articles, and poems from guest authors. Rather than change the database to include separate tables for each category, I simply assigned a new field that contained a Category ID. Each page submits a the Category ID in a query string which the database returns and displays the appropriate content on that page, with a list of all titles in that category on the right side for display of single entries.


The site allows the author to login with Administrator privileges to add, modify or delete any of the categories as she wishes. Once logged in with her username/password information, the User ID is stored in a session variable allowing access to the Administrator page only to her. The functionality is written in ASP using VBScript for all dynamic content and database updates. The Administrator interface is simple and fully functional. View interface

Franco's Online


Franco's
Franco's Family Dining (2007)
Objective

To integrate information for all three Edmonton locations including: Menu Details, Feedback Form, Application Form, Contact Information, Upcoming Events (not functional), and Interactive Forum.

Implementation

Designed with Dreamweaver as an Integrated Development Environment using HTML for basic page formating and Cascading Style Sheets for advanced display: Dropdown Menus (small JavaScript code involved also), Page Alignment, and all site-wide styles. Dynamic functionality achieved with ASP and VBScript for Email Confirmation, Form Submission, Account Information, and Upcoming Events (not functional). Database utilized is Microsoft Access with seven relational tables, completely normalized.

Comments

The server for this site only has PHP available for dynamic functionality, which was not part of my skillsets at the time, so a mirror page was created on my own website where forms from the Franco's site are submitted and processed. This is a temporary solution in place only until the original hosting site is changed (or until I learn PHP).

Update 1 The web hosting company was changed to one that provided support for asp/vbscript capability and the website was updated accordingly.

Update 2 The owner's have subsequently updated their site using someone else's (much better) capabilities. My original design can be viewed Here.

Online Movie Database


Online Movie Database
Online Movie Database (2006)
Objective

A test project developed to integrate my previous knowledge of design and development with an online shopping cart simulating a fully functional eCommerce experience.

Implementation

Designed with Dreamweaver as an Integrated Development Environment using HTML for basic page formating and Cascading Style Sheets for advanced display of Page Alignment and all site-wide styles. Dynamic functionality achieved with ASP and VBScript for Email Confirmation, Request Submission, Account Information & Creation, and database queries. Database utilized is Microsoft Access with four relational tables, completely normalized.

Comments

This was my first implementation of integrated ASP/VBScript functionality. The shopping cart actually writes temporary entries to the database that are deleted when the cart is cleared or when a request is sent. When an account is created, the Name and Email fields are stored in the database and retrieved when the user logs in again. These fields are stored in session variables that populate the shopping cart fields, negating the need to enter the information everytime a request is made.

Desktop Examples

Grocery List


Grocery List
Grocery List (2015)
Objective

Every single time I go to Safeway or anywhere else for 3 or more items without a list of some kind, I'll generally forget at least one item. Writing everything on paper will certainly work, but there's always a shortage of scrap paper lying around (unless I want to use a piece of printer paper, but that defeats the purpose of having a printer, doesn't it?) Notepad will work of course, but it's time consuming as well as being a little silly. (can I write faster than the time it takes to type and print?)

Implementation

Designed with Visual Studio 2008 as an Integrated Development Environment using Visual Basic 2008 with a Microsoft Access 2007 database to store all grocery items and the categories they belong to in a related table. Each DataGridView displays information for each category as stored in the database. Double-clicking at item in any category will add that item to the Grocery List DataGridView (used for printing) which can be cleared or have individual items removed. Items can be added, modified, or deleted from any category and the list itself can be saved if the shopping trip is delayed. (At startup, the program loads an existing list if any.) A MicroSoft Word Document Template was created with bookmarks below each category's table heading. If the list contains only a few items, 'Simple List' can be selected which uses a blank Word Template instead.

Comments

Main disadvantage is that the application can only be accessed through the internal network on certain devices.

Update I have scrapped the Word document placeholder (it borks out with every Microsoft update) and have replaced it with a variation of the Simple List which prints a quarter page segment on an 8.5 x 11 for convenient viewing and so as not to waste so much paper.

Update The whole application has been dropped in favor of the mobile app version above.

DM Guide


DM Guide
DM Guide (2010)
Objective

Initially, this was conceived as a tool to assist a DM (Dungeon Master) with keeping track of Player/Character information and having Dungeons & Dragons 3.5 rules easily available. As the project went forward, it was decided to include player tools as well: Character Management (creation, modification, & deletion), Equipment Purchases, Leveling Up, as well as access to all the necessary 3.5 resources from the Player's Handbook and whatever indivual modules, additions, etc the DM approves. I'm primarily programming the Player side, while my associate Dan Driezen is programming the DM side. DM features will contain Campaign Management tools (creation, updates, etc) and most interesting of all, a network thread-based interface which will allow the objects (Players, Monsters, Campaign, etc) to communicate via LAN!

Implementation

Designed with Visual Studio 2008 as an Integrated Development Environment using Visual Basic 2008 with a large Microsoft Access 2007 database with several normalized relational tables (although, there are a few lookup tables and such that violate the rules of normalization somewhat, much to my chagrin), and Object Oriented programming techniques. We used an actual Character Sheet for the background, with labels & textboxes provding player-specific information from the Character Object loaded when a Player logs in and selects his or her Character to play.

Comments

Phenomenal learning experiece! I'd spent the previous summer getting up to speed with the VB2008 IDE (know my way around the 2003 & 2005 environments, but hadn't actually done any development with them), and this was the first major project. Many similarities in syntax to VB6, of course, but so many more improvements in terms of functionality and RAD tools. As stated above, this is a work in progress and will likely be ongoing for quite some time!

Telecom / Call Flows


Telecom / Call Flows
Telecom / Call Flows (2013)
Objective

Although this is work-related, I'm including it here because I am proud of the development timeline and of how useful the tool became to myself and others.

Implementation

This Visual Basic application was created to facilitate a quick and convenient way to view call flow information. It is based on Keith Dosko’s GBD Skills for PODS. At a glance, information for each Department within each Business Unit can be seen: VDNs, Vectors, Holiday Tables, Service Hour Tables, Announcements, Skills, and diagrams for the Call Flow itself. All the information is contained in the dbCallFlows.accdb database located in the data folder. This application requires the Microsoft .NET Framework 3.5.

Comments

Intent of this application was an attempt to minimize the items needed to be updated after a change. Update Requirements after a change: dbTelecom.accdb Database; Vector, Holiday Table, and Service Hours Diagrams; PDFs

Other Examples

All of the following examples are from online courses I've taken though Microsoft Virtual Academy, Udemy, Stack Skills, or others and are merely examples of my ability to follow instructions, but not my own creation.


Udemy - Build Responsive Real World Websites with HTML5 and CSS3

Course Link
.
OmniFood
Objective

A step-by-step walkthrough for responsive and elegant design principles.

Implementation

Brackets utilizing HTML5, CSS3, and jQuery.

Comments

Interesting learnings included waypoints, smooth scrolling, and subtle animations.

Udemy - The Complete Web Developer's Course - Build 20 Websites

Course Link
.
Basic One Page Website
Objective

Build a simple and basic one page website.

Implementation

WebMatrix utilizing HTML and CSS only.

Comments

Simple and basic are definite understatements.

.
Background Image Website
Objective

Build a simple and basic one page website with a background image.

Implementation

WebMatrix utilizing HTML and CSS only.

Comments

Basically simple.

.
6 Column Website
Objective

Build a six column website with a fixed background image.

Implementation

WebMatrix utilizing HTML and CSS only.

Comments

Simply basic.

.
Minimalist Website
Objective

Build a minimalist one page website.

Implementation

WebMatrix utilizing HTML5 and CSS3.

Comments

Interesting use of @font-face and colour contrast.

.
Basic Minimalist Website With Outlines
Objective

Build a minimalist one page website with outlines.

Implementation

WebMatrix utilizing HTML5 and CSS3.

Comments

Same interesting use of @font-face & colour contrast as above with some strange custom tag usage.

Stack Skills - Projects in JavaScript and jQuery

Course Link
.
Simple JavaScript Quiz
Objective

Build a simple JavaScript quiz.

Implementation

WebMatrix utilizing HTML5, CSS3, and JavaScript.

Comments

Effective use of arrays and input validation.

.
jQuery Content Slider
Objective

Build a jQuery content slider.

Implementation

WebMatrix utilizing HTML5, CSS3, JavaScript, and jQuery.

Comments

Useful transition animation, both automatic and manual.

.
YouTube Search Engine
Objective

Build a search engine that utilizes Google's API.

Implementation

WebMatrix utilizing HTML5, CSS3, JavaScript, and jQuery.

Comments

Extremely cool usage of Google's API to create a custom search facility!