Goldrun Online Quiz
This is a project developed as part of a team during my Honours Degree in IT Creative Multimedia
in LIT. It is an online quiz game based on an original concept developed called
"The Quiz of Consequence". The game was built using programming languages Actionscript and C#
and hosted on PlayerIO which is a development platform for multiplayer online games.
- Programming in C# & Actionscript 3
- Player IO Database Design and Implementation
- Design Process
- Interaction Design
- Graphic Design
Fooble IT Social Media App
For my fourth year final project for Honours Degree in IT Creative Multimedia in LIT, I created a social media
web app that incorporated feeds of Facebook and Twitter into a single feed and allow the user to post their
status updates, comments, links and photos or pictures that they wish to share. Google Plus was used at
the time but it was only read only and posting from third party apps was not available yet i was able
to get the stream to show. I also created a bitly shortening capability which connected with bitly API
which gave back a shortlink which could be used for posting and monotoring of link activity.
- Programming in PHP
- API programming
- Facebook SDK for PHP & Graph API
- Google Platform & Google Plus API & PHP
- Twitter libraries PHP SDK
- OAuth 2.0 protocol authorization flow
- Bitly API
- JSON Manipulaion
- Composer, Symphony, Github, Sublime
- Larvel routes, views, controllers and templating
Design & Prototype an App
The User would be a Developer, Graphic Designer, Programmer or Web Designer where the Category Type could be set up for
individual specifics on work type. The User will be able to enter in the Clients name, add Category types on the website
and make major changes on the website. The Website will have more accessibility to edit and delete information, update
stats and work done details, Hourly rate and hours worked for either Client or Category type. The website will allow for
different queries and for invoicing clients on work done and hours worked and total due.
The App is an add-on to the Website for Personal use in tracking time worked on Products development. On the Web app the
user can have an overview of client, category type, priority of work, hours worked and Work Rate. The app will allow the
user to add client & category type and set Work Rate, the app will allow to set a start time and allow the user to come back
later and set the Finish time. The images below are the wireframes and proposed look and feel of the main supporting website...
show wireframe images
With the Time Tracker App the user needs to be able to quickly add Clients and the specific type of project undertaken
and then be able to start or set times for start and finish work to be able later to create queries for billing the Client
and show hours done on project...
The design of the app will allow the user to easily and quickly implement tracking of
projects under clients, project categories, time constraints and work done. Information should be simply conveyed in
the app as overview but the website would be the main area to process the captured data and refine outputs with specified
queries in relation to the Clients Projects for Billing for work done.
The app needs to have simple mechanics and cut the work load for the user and the posture best suited to this would be a
transient behavioural pattern with support of a Sovereign website application to dissect billing by use of querying through
a database. The app needs to be bright, clear, funky and fresh with enough information in the overview section for quick
checking priorities and hours done, ease of adding new clients and setting timings with work done.
As a transient the apps
behaviour should have a balance and not have overkill on usability and clear actions that can be remembered unconsciously.
The app needs navigation clarity with ease of flow, this can be attained by having three classifications on the first screen
and the timing having 3 sub classifications with call to actions and confirm updates.
The app will be able to connect to a database through a server and up dates will be sent when user presses the confirm
button and information will be processed and updated in the main database which can be viewed in more detail on the website
where more functionality will be allowed...
During the development process of the app some key principles of interaction design had to be adhered to;
- The app has to effectively deliver what it is meant to
- Identifying needs and establishing requirements of the potential user of the design so that they can be assed
- Develop flow designs of the app that meet the above requirements
- Continue evaluating the design throughout the development process
Skinning - Base theme customisation
Installation of WordPress and use of a responsive base theme for customisation, The base theme provides basic WordPress functionality
and Twitter Bootstrap framework. A Wireframe of page layouts of the desired designs to customise the templates and style.
Using Photoshop to slice up a the wireframe page layouts into its component parts in order to apply styling to the base theme.
Uploading the images either by FTP or through wordpress to use with css styling.
Build and style the page layout template for the homepage integrating the coded and styled header.php, footer.php and sidebar.php.
Building the navigation system and styling it to match wireframe colours. Styling the page templates adding in shortcodes for sliders,
php code for search function and or photo gallery shortcode.
Setup of custom fields and include them into code in relevant page templates
for functioning in wordpress panels. finally populate the pages of the website with the relevant content and setup of email, then formatting SEO settings
in all relevant areas for images, links, articles, posts, keyword setting and url settings to maximise Google searchability.
Creation of user friendly custom fields where the admin can easily change headings, image or text through
the wordpress admin panel. Creating the field group to create the custom fields and use settings to setup display
options for customisation for viewing. Setting the location type and display options and then displaying the ACF data in website
in the relevant template using the set field names php ( the_field(''), get_field('') ).
SEO - Search Engine Optimisation
This is the process of improving the volume or quality of traffic to your website from search engines like Google, Bing, Yahoo etc.
via natural or un-paid (organic or algorithmic) search results in search engines.
Setting the URL permalink structure and site settings
Optimizing Titles for SEO - title, permalink and snippet(meta description).
Keyword, Focus keywords, phrase are included in meta description, heading, page title, first paragraph and URL.
Keyword density in the written text.
Outbound links are included.
Images to contain alt and title tags with target keyword or phrase.
Optimising individual Posts.
Page Titles and Article Headings.
Categories and Tags on Posts.
SEO platform and search analytics firm Searchmetrics 2014 SEO Ranking Factors and Rank Correlations report
The study, which is focused solely on Google results, found high-quality, relevant content ranks better on average and
also that the well-optimized technical performance of a page contributes to a good ranking.
Relevant Content Tips 2014 - 2015
- Include semantically comprehensive wording
- Implement higher word counts using relevant topic terms
- Use multiple media types
Jung Explorer Test
ESTJ - "Administrator". Much in touch with the external environment. Very responsible. Pillar of strength.
Practical, realistic, matter-of-fact. Decisive,
quickly move to implement decisions. Organize projects
and people to get things done, focus on getting
results in the most efficient way possible. Take
care of routine details. Have a clear set of logical
standards, systematically follow them and want others
to also. Forceful in implementing their plans.
test taken at http://similarminds.com/cgi-bin/mbpref.pl
ENTP - Quick, ingenious, stimulating, alert, and outspoken.
Resourceful in solving new and challenging problems.
Adept at generating conceptual possibilities and
then analyzing them strategically. Good at reading
other people. Bored by routine, will seldom do the
same thing the same way, apt to turn to one new
interest after another.
- test taken at http://www.personalitypathways.com/type_inventory.html
ENTJ - Frank, decisive, assume leadership readily. Quickly see illogical and inefficient procedures and policies,
develop and implement comprehensive systems to solve organizational problems. Enjoy long-term planning and goal setting.
Usually well informed, well read, enjoy expanding their knowledge and passing it on to others.
Forceful in presenting their ideas.
- test taken at http://www.16personalities.com/free-personality-test
Myer Briggs Types:
Extraversion (E) or Introversion (I)
Sensing (S) or Intuition (N)
Thinking (T) or Feeling (F)
Judging (J) or Perceiving (P)