Project Proposals BRET IKEHARA. What is STAR for Students? STAR helps students check on their academic progress through viewing grades, checking on degree.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Technology Guide 2 Software
Using Evernote and Google Docs in your web or mobile application (and potentially Dropbox and Skydrive) By Peter Messenger Senior Developer – Triple Point.
Lecture # 11 JavaScript Graphics. Scalable Vector Graphics (SVG) Scalable Vector Graphics (SVG), as the name implies, are - scalable (without pixelation):
Web Design Vocab 6 Backend, Frontend, Freelancer, JavaScript, Vector Image.
The E/R model, triggers, HTML5 Reminder … next Tuesday is the first exam. 1.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
AJAX Technologies KAUNAS UNIVERSITY OF TECHNOLOGY MODULE: INFORMATION TECHNOLOGY GROUP: IF - 4/9 GROUP: VENTILIATORIAI
Web-Enabled Home Health Monitoring Jakkree Janchoi Professor Mark Bachman, Hector Parra.
© 2009 Research In Motion Limited Methods of application development for mobile devices.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Explaining the principles of web animation Gladys Nzita-Mak.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Web Design Basic Concepts.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Relatore: Ing. Marco Porta Correlatore: Ing. Massimo Cellario Tesi di Laurea di: Andrea Marchetti Anno Accademico 2010/2011 UNIVERSITA’ DEGLI STUDI DI.
Mobile Web Design. About the Meetup Group  East Toronto Web Design  Started late 2006  Meet (sort of) monthly at Marketcrashers  Find us online at.
Director of Computer Center, DaYeh University Ku-Yaw Chang.
Evaluation of HTML5 Graphics for Data Structure Visualization
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
UNIT 8 DRAWING WITH THE HTML5 CANVAS ELEMENTS AND FORMS.
NODEJS, THE JOOMLA FRAMEWORK, AND THE FUTURE IAN MACLENNAN.
ASPIRE TESTING Universal Technology Terminology. Answer Option One of the possible answer choices to a question.
Some essentials difference syntax and concept for jquery developers Roohullah Afzali
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
Javascript: More features B. Ramamurthy 7/4/2014B. Ramamurthy, CSE651C1.
DYNAMIC WAP BASED VOTING SYSTEM Bertrand COLAS Submission date: May 2002 School of Computing Bachelor of Engineering with Honours in Computer.
HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.
Music composition with HTML 5-Canvas. Abstarct Online version music editor. Easy to use, just need some simple direction. Everyone can be a musician.
 Saundra Speed  Mariela Esparza  Kevin Escalante.
© 2001 Business & Information Systems 2/e1 Chapter 8 Personal Productivity and Problem Solving.
Lead Black Slide Powered by DeSiaMore1. 2 Chapter 8 Personal Productivity and Problem Solving.
 Wendy Trem, User Experience Practice Director  Matt Miller, User Experience Designer  Bill Wolohan, Senior ASP.NET and CRM Developer  Jim Raden,
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.
Photographers Graphic Designer ADV232 PHT302 ait.saultcollege.ca/marcel.vanlandeghem ( website)
HTML5 Websockets Norman White Websockets The HTTP protocol is not designed for a continuous connection between the client and the server, but rather.
Exploring the World of Multimedia Chapter 1. What is Multimedia? Multimedia is the integration of text, still and moving images, and sound using computer.
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
Walkthrough example including SAS output How to create a mobile WebApp? PhUSE / 12. October 2015 / Katja Glaß BHC 4:3 Template 2010 June 2014Page 1.
Web Development Technologies Advanced Web-based Systems Advanced Web-based Systems | Misbhauddin.
Saturday, 7 Feb 2009 Donald Kim Lab, POST 214.  James Cuaresma – Software Designer  David Ota – Software Designer.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
Design 11 Mr. Jean October 19 th, The plan: Video clip of the day Introduction of the website Website design.
Copyright © 2015 McGraw-Hill Education. All rights reserved. No reproduction or distribution without the prior written consent of McGraw-Hill Education.
Browser Compatibility Testing, using different browsers Conditional Statements.
Introduction to Cloud Computing What is cloud? Use of computing resources (hardware and software) that are delivered as a service over a network Why cloud.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Building an End-to-End HTML5 App with ASP.NET MVC, EF and jQuery Dan Wahlin.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Responsive, web-based design and visualisation interface.
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
TNPW1 Ing. Jiří Štěpánek.  In current version (XHTML 1.0 strict)  No multimedia elements  No semantics elements  Only few input types  Only few document.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
10 Best Technologies to Learn at Eduonix in 2016 The tech field is progressing rapidly, with newer software applications and development tools being released.
INTRODUCTION TO INFORMATION SYSTEMS LECTURE 9: DATABASE FEATURES, FUNCTIONS AND ARCHITECTURES PART (2) أ/ غدير عاشور 1.
10 Mobile Application Framework Must Know to Launch New App.
PSU Web Conference '12 Erica Hollis The Future is mobile Responsive Web Design Mobile Planning JQuery in World Campus Usability Testing Gamification Making.
The HTML5 logo was introduced by W3C in 2010
Chapter 17 The Need for HTML 5.
Adventures with Computational Thinking
Chapter 4: Scalable Vector Graphics (SVG)
HTML5 – The Saga Continues
IoT 技術架構簡介 M2M 通訊協定.
Process of Converting “PSD to HTML”
Code Expert-Web design & Development Product by: Codexoxo Source:
PROJECT ON WEB DESIGNING BY – POOJA SINGH CSE. WEB DESIGNING Web design Web design is a similar process of creation, with the intention of presenting.
What is the Internet? Global system of interconnected computer networks – a network of networks! Hartland Consolidated Schools network Network at your.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Presentation transcript:

Project Proposals BRET IKEHARA

What is STAR for Students? STAR helps students check on their academic progress through viewing grades, checking on degree requirements, and etc.

Why is it worth doing? The current website has been optimized for desktop web browsers, so it would be nice to do have an optimized, responsive website for mobile users. Goals: Single page web application for mobile devices Using icons and images to help breakdown information into an easier format Use the HTML5 canvas to draw a graph of a student’s degree completion progression Use video to explain breakdown of degree information.

What will I learn? Since all the data for STAR is already present, the project will focus upon displaying the information and how hypermedia can enhance the user’s experience. Technology that will be used: YUI 3 Handlebar Templates REST backend using Java HttpServlets

What is GitBlit? GitBlit is an open source Git hosting web application written in Java. Basically, this project is great for cases where one cannot use cloud hosting providers such as GitHub.

Why is it worth doing? Interface can be confusing at times Some elements are duplicated which can lead to confusion? Implement graphs using HTML5 canvas rather than Google Charts. Visualize branching and forking using HTML5 canvas?

What will I learn? The project will focus on developing the user interfaces and its integration of valuable visualizations. Basically, user interface will be based on the importance and values of all the information. Technology that will be used: jQuery Wicket 1.4

Chess A webapp based on chess. Image from

Why is it worth doing? Chess already has a well defined gameplay and methods of storing a game, so the project implementation is based on integrating user interface with graphics and images to help the user understand his game play statistics. There exists other chess webapps, but the project will focus on the user experience.

What will I learn? This project will focus on the user interface. Technology that will be used: YUI 3 on NodeJS Handlebars.js Scalable Vector Graphic MongoDB or PostgreSQL for data storage