This document provides an overview and instructions for a project to design an authentic mobile application. Students will work individually and in groups to conceptualize, plan, design, and develop a mobile app for their high school community. The project involves brainstorming content and features, creating an information architecture and layout, integrating design elements in Flash, and presenting the final app design. Students will maintain planning documents and share progress updates. The mobile app should address a real need in the school community.
After School Centers of Education ConferenceE4 Youth
Presented at the After School Centers of Education Conference in San Antonio. I explain how E4 Youth invests "Cultural Capital" in traditionally unders served students by placing them with professional mentors based on their interests. These mentors help them build professionally portfolios and qualify intensive summer employment/training.
In 1994, in Rwanda, a country from the central East Africa; genocide was perpetrated against Tutsis by some extremist Hutus. In less than 100 days, over one million of Tutsis were exterminated and his family perished among them. Eleven years old then, He become an orphan.
His struggle started then, commmemorating his lost family and the way they died, searching if any of his relatives survived, and fixing to earn everyday life as he did not hope for the future. This struggle took long. However, as time went on, he started gaining hope for the future. He started thinking beyond his-self
Smart Apps Creator 3, is a powerful interactive multimedia content app tool. Operated as
offline PC software, its strong functionality and creativity helped all level users design and
publish apps easily without programming skill. Smart Apps Creator 3 converts .pdf file,
storyboard and creativity into Android, iOS app, exe file and Html5. Smart Apps Creator 3
builds wide-range of interactivity and animation which doesn’t require frustrating tech
knowledge
This deck was created to provide a quick overview of the web development process to a group of students who were creating a new section of content on our website. I provided them with the resources that they needed to get through the discovery and content creation phases and produce assets that could then be developed by our team.
The Adobe Flash Course is designed to help to learn more about using the Adobe Flash multimedia. Adobe Flash is predominately used for the authoring of vector graphics, animation and games which can be viewed, played and executed in Adobe Flash Player. It is a multimedia platform used to add animation, video, and interactivity to Web pages. Zabeel uses licensed software for conducting their training. Live data is used in the practical sessions to give hands on experience to the participants.
Gamer’s for Life Application
Project Plan:
For my project, I will spend most of the semester designing the app and because it is the most difficult component of my project. …………..
( Mention this ) >>> I will create a survey for my customers to fill out. The survey would basically ask them if they liked the application , what features should i add to the app , favorite games and do you play video games or not ?
and whether they have any suggestions to improve the the application
Thereafter, I will try to fix as many issues as I can for a couple weeks. Therefore, I expect the design app to be ready around April 15th.
Resources:
Project Details:
For the past two months, ( say that i was researching information about video gamers and best players and designs , also say that i picked a name for the application) From the beginning of Spring Break till mid of April, I had been desiging the app itself. I named the application I developed Gamer’s for Life. The application …. Give detials about what the app will have
( I want the app to be simple
Home page - log in and sign in
Search button for gamers and games) i'm using shoutem.comm to build it so it's not fully designed. Talk about the website i'm using and say how its drag and drop no coding involved.
Knowledge being applied:
I started getting interested in developing apps when I took the two web development courses. I learned so much about HTML, JavaScript, CSS as well as php from these courses and that made it easier for me to learn how to create apps. ( LEAVE THIS LIKE THIS) Risk factors:
There are some risk factors - ( secuirty , and no one buying the design ) since its just a deisgn … mention how there is no risk , say
I think this is not an issue in the meantime because my goal of my project is try design an app and hopefully one day build the app and use it
. Therefore, I do not expect the app to be successful. Another risk factor that developers might face is an unsustainable user growth. It is challenging if too many users start using the new app because the developer might get stuck supporting hundreds of thousands of users. The last and most important risk factor is the risk of security breaches. Security breaches are not something new and it has been there for a quite long time. Security breaches can be in many different forms. For instance, it could be Insecure Data Storage and that can result in data loss for a user. Another security breach that could happen is Insufficient Transport Layer Protection. “When designing a mobile application, commonly data is exchanged in a client-server fashion. When this data is exchanged it travels across the carrier network and the Internet. If the application is coded poorly, and not secured, “threat agents” can use techniques to view sensitive data while it’s traveling across the wire” (TOP 10 MOBILE SECURITY RISKS, n.d).
Another mobile security risk is poor ...
After School Centers of Education ConferenceE4 Youth
Presented at the After School Centers of Education Conference in San Antonio. I explain how E4 Youth invests "Cultural Capital" in traditionally unders served students by placing them with professional mentors based on their interests. These mentors help them build professionally portfolios and qualify intensive summer employment/training.
In 1994, in Rwanda, a country from the central East Africa; genocide was perpetrated against Tutsis by some extremist Hutus. In less than 100 days, over one million of Tutsis were exterminated and his family perished among them. Eleven years old then, He become an orphan.
His struggle started then, commmemorating his lost family and the way they died, searching if any of his relatives survived, and fixing to earn everyday life as he did not hope for the future. This struggle took long. However, as time went on, he started gaining hope for the future. He started thinking beyond his-self
Smart Apps Creator 3, is a powerful interactive multimedia content app tool. Operated as
offline PC software, its strong functionality and creativity helped all level users design and
publish apps easily without programming skill. Smart Apps Creator 3 converts .pdf file,
storyboard and creativity into Android, iOS app, exe file and Html5. Smart Apps Creator 3
builds wide-range of interactivity and animation which doesn’t require frustrating tech
knowledge
This deck was created to provide a quick overview of the web development process to a group of students who were creating a new section of content on our website. I provided them with the resources that they needed to get through the discovery and content creation phases and produce assets that could then be developed by our team.
The Adobe Flash Course is designed to help to learn more about using the Adobe Flash multimedia. Adobe Flash is predominately used for the authoring of vector graphics, animation and games which can be viewed, played and executed in Adobe Flash Player. It is a multimedia platform used to add animation, video, and interactivity to Web pages. Zabeel uses licensed software for conducting their training. Live data is used in the practical sessions to give hands on experience to the participants.
Gamer’s for Life Application
Project Plan:
For my project, I will spend most of the semester designing the app and because it is the most difficult component of my project. …………..
( Mention this ) >>> I will create a survey for my customers to fill out. The survey would basically ask them if they liked the application , what features should i add to the app , favorite games and do you play video games or not ?
and whether they have any suggestions to improve the the application
Thereafter, I will try to fix as many issues as I can for a couple weeks. Therefore, I expect the design app to be ready around April 15th.
Resources:
Project Details:
For the past two months, ( say that i was researching information about video gamers and best players and designs , also say that i picked a name for the application) From the beginning of Spring Break till mid of April, I had been desiging the app itself. I named the application I developed Gamer’s for Life. The application …. Give detials about what the app will have
( I want the app to be simple
Home page - log in and sign in
Search button for gamers and games) i'm using shoutem.comm to build it so it's not fully designed. Talk about the website i'm using and say how its drag and drop no coding involved.
Knowledge being applied:
I started getting interested in developing apps when I took the two web development courses. I learned so much about HTML, JavaScript, CSS as well as php from these courses and that made it easier for me to learn how to create apps. ( LEAVE THIS LIKE THIS) Risk factors:
There are some risk factors - ( secuirty , and no one buying the design ) since its just a deisgn … mention how there is no risk , say
I think this is not an issue in the meantime because my goal of my project is try design an app and hopefully one day build the app and use it
. Therefore, I do not expect the app to be successful. Another risk factor that developers might face is an unsustainable user growth. It is challenging if too many users start using the new app because the developer might get stuck supporting hundreds of thousands of users. The last and most important risk factor is the risk of security breaches. Security breaches are not something new and it has been there for a quite long time. Security breaches can be in many different forms. For instance, it could be Insecure Data Storage and that can result in data loss for a user. Another security breach that could happen is Insufficient Transport Layer Protection. “When designing a mobile application, commonly data is exchanged in a client-server fashion. When this data is exchanged it travels across the carrier network and the Internet. If the application is coded poorly, and not secured, “threat agents” can use techniques to view sensitive data while it’s traveling across the wire” (TOP 10 MOBILE SECURITY RISKS, n.d).
Another mobile security risk is poor ...
From Use to User Interface- This 3-4 hour tutorial describes a practical approach to translating the goals users would like to achieve and the tasks they wish to accomplish into user interface designs that effectively support those goals and tasks.
Free Technology Tools for Better Engagement, Efficiency & Cost Controls.
The internet has many tools to help improve your productivity, organization, client collaboration and marketing – all for FREE. Are you taking advantage of these tools? In this fast-paced session, participants will be introduced to online tools for your day-to-day business processes, including alternatives to big-name software packages. We’ll cover what the tools can do for you and where to get them. Don’t miss this opportunity to explore new ways to solve common problems with uncommon tools.
There is certain topic discussed in every company: communication between departments.
As FE developers, we sit in between UX designers and BE developers.
Our apps must follow the guidelines from the UX, be compatible with the BE APIs while meeting the business requirements from our POs.
In this presentation I am addressing the relationship between UX and FE devs.
One way to collaborate better with our UX colleagues is to… learn a bit of UX and maybe share some Front End knowledge with them too.
I built an application and made this presentation for a class of mine. I wanted to demonstrate how easy Google App Inventor can be to use in building personal apps as well as introducing others to the world of application programing. Your comments and questions are very welcome!
Putting the "User" back in User Experience (Dallas Techfest Edition)Jeremy Johnson
If you ask an organization "Are you customer centric?" - of course they say "yes", but as you peel back the layers too many organizations have teams of people building software - and the user is nowhere in sight. This talk will go over a number of ways to include users in your product design process, from start to finish. It's time we truly live up to the term "User Experience".
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...Daniel Downs
The purpose of this qualitative study was to understand the group dynamic in PBL task delegation and technology skill fluency through the language of its participants. The researcher collected themes, experiences, and decisions depicted in the language of high school students as they negotiated a final project using computer technology tools to create mobile applications for their high school community.
Often in groups, teachers are not always part of the exchange of learning and necessary communication between students to complete tasks and negotiate ideas. This research assists teachers in developing strategies to better organize and guide groups in a PBL curriculum with technology so students can more effectively address the needs of projects independently.
In this research, the PBL curriculum promoted conversation and communication for delegated tasks amongst students and developing a sense of familiarity and cohesiveness in student centered groups. Scenarios which required the management of group members to complete the tasks required in the project were also prevalent. Group members shared critical vocabulary related to technology and the process of the project. Additional benefits included group approaches with the consideration of continually improving the project and also an increased awareness and appreciation for the technology used in the project.
The final mobile applications of the groups represent the combination of group process, technology, and addressing the authentic question in the PBL curriculum. Students were able to develop authentic projects which were the results of a variety of technology based skills, project management and conceptualization.
1. Project Overview: Creating an Authentic Mobile Application Design:
Mr. Downs
Individual Skills & Tasks:
1.Concept Development 2.App Layout 3.Buttons And Actions 4.Adding Graphics & Text
5.API Introduction/Code Snippets 6.Exporting
Every Individual Student Will Need To:
Keep A Google Docs/Account
After Each Group Planning Session, you’ll need to write 2 Paragraphs and share
with Mr. Downs Email (danieldownsphotography@gmail.com)
Each Group Will Need To:
Maintain a folder (Downs Research/Group 1 etc.)containing all project
files(Flash,Photoshop,sounds,videos,planning documents and notes).
Group Tasks:
Addressing the Authentic Question:
Plan, Design, and Develop a Mobile Application for the students of your high school
community.
As a group you will need to plan a mobile application in terms of content, design and technology
which will address this scenario.
Activities:
Planning Activities(Done on one computer together):
1.Venn Diagram Brainstorm (add text over the venn diagram document in photoshop)
2.Click Stream/Information Architecture Organization / Considerations of the user
3.Layout Design(color scheme, button sizes, information architecture)(Use Photoshop over App
Layout Sheet).
Technology Based Activities(do not use the computer with the mic):
1.Create A Layout In Flash(multiple pages,major headers and buttons)
2.Integrate Design Components(color scheme, buttons, graphics, images)
3.Integrate API’s & Technology to improve user experience
http://www.makeuseof.com/tag/api-good-technology-explained
4.Export & Test On Device
Check for proper function of the app along with visual presentation
Create an icon that will represent the app in the mobile app marketplace
Presentation
As a “group” you will organize a 5 minute screencast presentation presenting your application to
the school community and describe how the application addresses the real world needs of the
user and audience of the “authentic question”.
2. Content Planning With Users & Context In Mind
-Considering the “Authentic Question” Work On These Assignments:
Assignment 1:Venn Diagram Assignment (Planning Activity 20 minutes)
Content:
What types of information is
included?(graphics,text,information,photos,galleries,links,sounds,effects,data,videos
etc.)
Context:
How and where will the application be used?
What circumstances and needs will this technology address?
Where will users need or want the content?
Users:
Who will this app be targeted at?
Why will they use it?
What value does it provide them?
User Interface:
How will the user interface be influenced by the inclusion in the planning process of
content,context and users?
Assignment 2:Information Architecture & Click Stream Activity(30 minutes)
Design Concepts:The are the visual and aesthetic considerations for the content.
color schemes
button sizes
organization of pages and order of pages
screen resolution
Font & Text Styles
Graphics & Images
layouts of buttons
organization of content
Cool Things You Can Add To A Flash App
Web Links(to specific web pages or other web based content)
Link to email
Video(embedded into page on app)
Images/Graphics(right on the page
Buttons(rollover,Photoshop and Flash)
Sounds and sound effects(sounds added to buttons and graphics)
Fade Effects(can be added to objects)
Maps Link(will link to google maps pages)
Swipe effects(can swipe photos or graphics to other pages or images)
Pinch & Zoom(can enlarge or reduce an image or graphic)
Check out the code snippets in the “Flash Actions” Window for more ideas
3. There are more than listed here so just ask if you have an idea?
4. Flash CS6 Code Snippets & API Integration
Actions:
Click to go to webpage
Custom Mouse Cursor
Drag and Drop
Play/Stop a Movie Clip
Click to Hide Object
Show Object
Click to Position Object
Click to Display Object
Generate a Random #
Bring Object to front
Simple/Countdown Timer
Audio and Video:
Click to Play/Stop Sound
Click to stop all sound
On Cue Point Event
Click to Play/Stop/Pause/Rewind Video
Click to Set Video Source
Click to Seek to Cue Point
Create a NetStream Video
Timeline Navigation:
Stop at this Frame
Click to go to Previous/next frame and play/stop
Click to go to Previous/next scene and play/stop
Event Handlers:
Mouse Click Event
Mouse Over/Out Event
Keypressed Event
Enter Frame Event
Animation:
Move with Keyboard Arrows
Move Horizontally/Vertically
Rotate Once/Continously
Animate Horizontally/Vertically
Fade In/Out a Movie Clip
Mobile Touch Events:
Tap Event
Touch and Drag Event
Long Press Event
Load and Unload:
Click to Load/Unload SWF/Image
Click to Load Image from Library
Add/Remove Instance from Stage
Load External Text
Mobile Gesture Events:
Two Finger Tap Event
Pinch to Zoom Event
Pan Event
Rotate Event
Swipe Event
Mobile Actions:
Swipe to next/previous frame and stop
Swipe to go to forward/previous scene and play
Move with accelerometer deactivate/activate event
Menu Key Pressed Event
Deactivate/Activate Event
Air For Mobile:
Show Geo Location
Re-orient object on device/rotation
AIR:
Click to Close/Minimize/Maximize or
Restore AIR Window
Drag to Move AIR Window
Click to Read from a Text File
Click to Write to a text file
Save/Load Preferences