Today I made a start at building my database for ‘Curious Room’ and started figuring out exact details between interactions. Here is a screen shot from MySQL Workbench, you can see the relationships between Employee, Avatar, Employee Session and Session.
Screen shot of my tables for ‘Curious Room’
My news site project for Emerging Web technologies looked at lots of sites over the past 12 days to determine what features work, don’t work and what styles of responsive design is being used with more popular sites. I will add prototyping images here tomorrow but some more need to be considered for the site and I would like to keep them in one blog post. Looking back I am glad I did a task analysis on each site and I feel more confidant about what I am doing.
Yesterday we got our first lesson in Git and using the server to push our code up from the command line. What appeals to me most is the idea that once the code is up on Bit Bucket any changes from the previous commit can be seen and analized. This is exciting and I just got a glimpse of it on a classmates computer but it is great. No doubt there will be some learning the commands and getting into another habit on the mac side of the machines we use in college.
Below are images of my sign in to both Bit Bucket and Git Hub accounts.
Today my tutor met with me. We went over the stages of interactions and went a bit more into details of the data base side of the project. The ‘hole’ in my sequence of steps was raised – I realised this after the presentation last week. To go through the selections of options again for each Avatar was useful.
So far for this project it will be necessary to have the following tables:
Employee 1 Details
Session ID Table
Employee 2 Details
Options Table (Could have image in this table)
I am posting some images used from today that relates to the above points.
Slides where on the left there is a ‘successful’ match for doing a meditation with another person. However the pop up for USER 2 is missing. It should be inbetween both slides above.
Schedule on the left we are in week 6 and the presentation for this project is week 9, on 16th March! Yikes – get cracking Fiona
table sketch of sessionID table design for MySQL.
Pop up For user 2 should appear on screen sketch from slide notes from presentation last Wednesday, 17th February.
The research was in full swing this weekend for this project for a news website. I am still toying with names for the site: IrelandGoWest or GoWest Ireland? Comments welcomed! Websites looked at included for analysis:The The Huffington Post, New York Times, New York Post and The Sun were anaylsed for issues:
– Usability (including number of steps to get to content)
-Layout ( how they were built in bootstrap & what is the structure ie grid system)
– Content delivery including the balance between news articles, videos and images
-Navigation (easy of use between pages fyi the New York Times has no home page!)
-Use of social media icons / overuse of media icons
Other blog sites were looked at too to see what is being offered to someone interested in exlporing the West of Ireland including Ireland’s Hidden Gems, Blogging from the Bog and sites such as The Burren Centre.
SIte Map done but Balsamique is not working for me out of college :(.. and all articles outlined!
Critical Path analysis has to be done and a task analysis breakdown.
One full article has been finished (very exciting) and now unto another….
Today has been spent doing more research of web applications and websites that publish news. The news this week is that the Independent in England is going to stop printing of some of its weekly print run, here is the article outlining the cut of the Sunday edition edition so it is really apt that our first project in Evolving Web Technologies involves this subject matter.
Today I looked at traditional news sites like Reuters, CNN Yahoo and more traditional ones such as the Irish Independent. Task analysis are being carried out to determine the use of space, grid systems and use of columns with responsive designs. These are included here as research.
As a matter of statistical interest I am including a link to this site ebizmba that lists the numbers of readers of the 15 most popular sites monthly: http://www.ebizmba.com/
Reuters American News Site
Huffington Post English News Site
Yahoo News Site
This is being included as it is so popular, it is mostly sensationalist and includes a lot of advertising but is worth looking at nonetheless!
This was an interesting week the official presentation for our final year project was yesterday. Each person presented so we got to see the interesting projects being worked on so that was a treat and an opportunity to learn something.
‘Curious Room’ was explained using wireframes, sites maps and prototypes of possible outcomes for design. The wireframe and flow of events diagrams have been updated as well as the colour scheme from greens to blues. Help was received from two tutors and this was a great help to me to see what questions were missing from user profiling and requirements. The scope of the project so far seems to be manageable and will work within work break schedule.
Included below are some images from the actual presentation. For this project different snap points will be used to create the website and possible mobile application – let the building begin!
Login and what Curious Romm is about.
What Meditation is and on the right the options are ‘successful’.
Screen shot of users interacting with Meditation screen and on the right: afterwards a simple feedback area.
Choosing an avatar on the left and the comments area for users to leave comments.
Mobile Screens for Curious Room
Choosing an activity on the left and moving to the most right and screen: two avatars meditating
Today the morning was spent looking at the scenarios and mobile use. A talk through with one of the tutors was very helpful and brought up a number of issues. The wireframes from yesterday and last week have to be revised and clarified as well as the mobile part of this project.
Initial Mobile Wireframe
First this process was started by doing a mind map. The concept is to do a newsletter based on the Wild Atlantic Way from a different point of view to give the whole take on it a more personal experience. One of the most enjoyable things to do in Ireland is to visit our local areas here in the West. The first impression of a mind map came up with phrases such as: The West, adventures, goals, food, scenery, summer evenings, frosty weekends walks, sharing, getting ill on boats, food, people, the experience of something new, discovery of new places. This idea was discussed with my tutor this week and the general idea is to create a newsletter on these five key areas:
Aran Islands/West Clare
Ballyvaughan/ North Clare
Near Skellig/ West Kerry
Clifden / West Galway
Malin Head / Donegal
West Cork Possiblitly
These are places that have been visited and explored with friends from the United States and Canada. In the brainstorming stage it was worthwhile to see what sites pertaining to travel and adventure are out there to see what works and doesn’t work. A task analysis of each site mentioned below was carried out in a general way to take note of positive and negative features. There were some good choices after Googling adventure travel, some were compiled lists from companies such as Forbes. This aim of these searches was to bring up a variety from a wide spectrum and to find websites that are both responsive and offer quality on both sized screens.
So far travel sites and blogs are being looked at are:
A Forbes best of List
and some promising ones that were dead ends, sadly these usually have good titles like the ‘Infinity List’.
Collections of screen shots of the Expeditioner Website
Of course it should be mentioned that the Wild Atlantic Way website was looked at also.
Today was a follow on from basic site maps from last week
Basic Activity Concept Diagram
Front End / Back End Initial Diagram
Site Map using options of User Option A & User Option B
User A is to use the meditation app alone. User Option B is to use the app with another individual.
Then some prototyping took place as the following images show. At this moment it is not possible to border the images so I will put the up now and re-edit tomorrow.
landing Page Prototype Only
Protptype – After Login – Avatars Available
Prototype – Choosing an Avatar
Prototype – Room Not Available
Prototype – Room available
Single Use Person Meditating
Single Use Person After Meditating – Comment section and digital token update
About Meditating – Easily Explained but need a ‘How long’ & ‘Benefits part
So far this week time has been spent looking at user requirements in further detail. Yesterday, 8th February in our project management module we looked into a critical path analysis in further detail, as well as as doing a level 1 analysis work breakdown structure. This diagram is what I will be using to help with develop requirements this project’s website.
Image: ‘I am Away’ Initial Work Breakdown Structure of requirements.
Today we looked at bootstrapping sites and the advantages and disadvantages to using one. This tutorial walks through the initial stages of laying out the css folders and linking. It is available here on tutorial republic’s website
Later on time was spent using css do develop a grid system with snap points. This is an option that may be used for this project. Although an account was created (ahem 19 days ago…) today was the first time it was installed locally on the PC in college so the code can be pushed – this is the link to the first repository This tool needs to be investigated further to see if it is being used correctly!
Image of the first ‘push’ to Git Hub