Week 1
Week 2
Week 3
Week 4
Monday, June 3, 2013
Monday, May 6, 2013
Visual Frameworks
VFW is our journey into mobile web application development. Relying on the skills we learned from SDI (Javascript) we will be combining HTML, CSS, and Javascript to create a mobile localStorage CRUD application.
Project 1: Web App Part 1
We needed to select a topic for our mobile app. I decided to create a real estate lead tracking app. Three deliverables were required; HTML5 Document: Launch Page, HTML5 Document: Add Item Page, and submit our progress during the week to GitHub. Overall easy week.
Week 2
Week 3
Week 4
Project 1: Web App Part 1
We needed to select a topic for our mobile app. I decided to create a real estate lead tracking app. Three deliverables were required; HTML5 Document: Launch Page, HTML5 Document: Add Item Page, and submit our progress during the week to GitHub. Overall easy week.
Week 2
Week 3
Week 4
Monday, April 8, 2013
Scalable Data Infrastructures
SDI is our introduction into coding. The goal is to teach us basic programming skills. We will be using a text editor for our assignments (I am using Sublime Text). Utilize different data types, variables and output. Control program flow with conditionals, logic and loops. Build Javascript functions and learn some object oriented programming. We will start using Git and Github (version control).
This is the first real coding class and the beginning of our development journey at Full Sail. I have been waiting for this since I enrolled for the program and it is finally here!
Project 1:
We had to create a Javascript version of a flowchart that we were provided. Our code was to be based on a story. Mine was about skiing. The flowchart started with setting some variables that included a string, string with escapes, number and boolean. The chart also had a boolean conditional, a number conditional, a string conditional, a string concatenation and a math function that all needed to be output. This was interesting since it was my first time writing Javascript with a story. The story actually helped. My code.
Project 2:
Well same thing again this week. We were given a flowchart and supposed to come up with a story or process and code it to fit the flowchart. Instead of explaining the chart I have included it below. I stuck with my same story and just expanded it. My Code.
Week 3
Github
Week 4
Github
This is the first real coding class and the beginning of our development journey at Full Sail. I have been waiting for this since I enrolled for the program and it is finally here!
Project 1:
We had to create a Javascript version of a flowchart that we were provided. Our code was to be based on a story. Mine was about skiing. The flowchart started with setting some variables that included a string, string with escapes, number and boolean. The chart also had a boolean conditional, a number conditional, a string conditional, a string concatenation and a math function that all needed to be output. This was interesting since it was my first time writing Javascript with a story. The story actually helped. My code.
Project 2:
Well same thing again this week. We were given a flowchart and supposed to come up with a story or process and code it to fit the flowchart. Instead of explaining the chart I have included it below. I stuck with my same story and just expanded it. My Code.
Week 3
Week 4
Monday, February 4, 2013
Mobile Media Design II
MMD2 is an advanced course designed to teach how to create assets and graphics with Adobe Illustrator.
Project 1: Branding and App Icons
The objective of this project was to design a branding logo and app icon for iOS and Android utilizing Illustrator. It was necessary to utilize the Android HIG and iOS HIG for an understanding of market requirements from both companies. I definitely like using Illustrator better than Photoshop. I am somewhat slow with it right now but this is my first time using it. Working with it over the next month will help. Not to shabby for a newbie!
Project 2: Toolkit
We were tasked to create a toolkit of the interface components needed for our mobile application, such as buttons, background color, keyboard, etc. Components were both custom and standard. Android has a bunch of their standard components that you can download to help you out if you are mocking up an app. Grab them from the Android Developer Site.
Project 3: Mobile Interfaces Part 1 Screens 1-5
The goal is to implement our custom and standard interface components from the toolkit we created last week into a user-friendly interface design. We will only be creating a single navigational workflow of the "My Trips" path.
This was a great week! Pulling the last 2 weeks of work together to create the design and flow of the app. Next week we will be finishing up screens 6-10.
Project 4: Mobile Interfaces Part 2 Screens 6-10
Continuation from last week. Just needed to finish up the remaining screens. This week was a bit more challenging with aligning everything and working out all of the small details. I enjoyed this class. It was a great experience creating a logo from the start and ending up with a very polished design. Well on to the next one!
Project 1: Branding and App Icons
The objective of this project was to design a branding logo and app icon for iOS and Android utilizing Illustrator. It was necessary to utilize the Android HIG and iOS HIG for an understanding of market requirements from both companies. I definitely like using Illustrator better than Photoshop. I am somewhat slow with it right now but this is my first time using it. Working with it over the next month will help. Not to shabby for a newbie!
Android Icons
iOS Icons
We were tasked to create a toolkit of the interface components needed for our mobile application, such as buttons, background color, keyboard, etc. Components were both custom and standard. Android has a bunch of their standard components that you can download to help you out if you are mocking up an app. Grab them from the Android Developer Site.
Custom Colors
Custom Interface
Standard Toolkit
The goal is to implement our custom and standard interface components from the toolkit we created last week into a user-friendly interface design. We will only be creating a single navigational workflow of the "My Trips" path.
This was a great week! Pulling the last 2 weeks of work together to create the design and flow of the app. Next week we will be finishing up screens 6-10.
Project 4: Mobile Interfaces Part 2 Screens 6-10
Continuation from last week. Just needed to finish up the remaining screens. This week was a bit more challenging with aligning everything and working out all of the small details. I enjoyed this class. It was a great experience creating a logo from the start and ending up with a very polished design. Well on to the next one!
Monday, November 19, 2012
Mobile Media Design I
MMD is our first design course. It is based on how to use Photoshop to create mood boards, wire frames, call to actions and a full design for desktop and mobile sites.
Project 1: MoodBoard
The first assignment was to create a moodboard to convey to our potential client what our colors, textures, patterns, adjectives, some possible photos, typography and site elements we thought would work well for the site. Everything was designed in Photoshop.
Project 2: Wireframes
Our second week we were to complete a wireframe for the full site and a mobile site. It included a legend to show all of the elements of the wireframes. All completed in Photoshop.
Project 3: CTA
The next as assignment was to start adding some color to our layout and create a Call to Action for both full site and mobile sites.
Project 4: Full Design
Week four of the class and here is where the rubber meets the road. We were to finish off the prototype with full color, call to action and all details of a full site and mobile site.
Project 1: MoodBoard
The first assignment was to create a moodboard to convey to our potential client what our colors, textures, patterns, adjectives, some possible photos, typography and site elements we thought would work well for the site. Everything was designed in Photoshop.
MoodBoard
Project 2: Wireframes
Our second week we were to complete a wireframe for the full site and a mobile site. It included a legend to show all of the elements of the wireframes. All completed in Photoshop.
Wireframe Desktop
Wireframe Mobile
Project 3: CTA
The next as assignment was to start adding some color to our layout and create a Call to Action for both full site and mobile sites.
CTA Desktop
CTA Mobile
Project 4: Full Design
Week four of the class and here is where the rubber meets the road. We were to finish off the prototype with full color, call to action and all details of a full site and mobile site.
Full Design Desktop
Full Design Mobile
Subscribe to:
Posts (Atom)