Abelian Kingdom Andrew, Kelvin and Peter. What is it? A web (browser) game MORPG on Google map Login with Facebook Interact with your friends And the.

Slides:



Advertisements
Similar presentations
Developing HTML5 Application using MVVM pattern Pekka Ylenius.
Advertisements

IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Social Internet of Things Humans are connected to Internet. – Through Social Networking (e.g., facebook, foursquare, LinkedIn) Internet.
FIspace Project App Development Overview July 24th, 2014 Javier Romero Task Generic and Domain- specific Application Development leader Atos.
Development of mobile applications using PhoneGap and HTML 5
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
ISE 390 Dynamic Web Development Introduction. Who am I? Richard McKenna Phone: Office: CS Room 1436 Office.
 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.
May 16 – 18, 2007 Copyright 2007, Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide Build Great Web Application 'Fast and Easy'
A really fairly simple guide to: mobile browser-based application development (part 4, JQuery & DOM) Chris Greenhalgh G54UBI / Chris Greenhalgh.
Lecture 19 Web Application Frameworks Boriana Koleva Room: C54
Jquery Nasrullah. Jquery jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn.
Architecture of the web Client Server retrieved or generated web page.
Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by.
Backbone.js in the Front-end David Corbacho Román Ethan Winn.
The Web Developer’s Toolbox Steve Fabian e:
Web Design: Basic to Advanced Techniques Fall 2010 Mondays 7-9pm 200 Sutardja-Dai Hall Introduction to PHP.
Hattan Shobokshi mvcdotnet.wordpress.com Web Development in the Past (Microsoft Stack)
Microsoft ASP.NET Beginning Object-Oriented Web Design Bryan Jenks © Integrated Ideas 2005.
Ajax for Dynamic Web Development Gregory McChesney.
Libraries and APIs CMPT 281. Overview Basics of libraries and APIs Rich internet applications Examples – Scriptaculous – JQuery.
AJAX James Kahng. Congrats Jack Guo for Angular entryentry This week’s coding challenge at end of talk.
Trend: Internet of Things Trend: Social Networks New Paradigm: Social Internet of Things Socialite is a cloud based platform to enable interactions between.
Chapter 15 Introducing jQuery Part 1. What is JavaScript? A programming language to add dynamic features to a web page. Client side.
JavaScript & Introduction to AJAX
Introduction to AJAX MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/4/2016.
Learn AngularJS by Building 10 projects. Introduction to AngularJS An Open source web application framework by Google Written in JavaScript offers complete.
Agenda 1)Modern web standards overview 2)JavaScript library overview 3)Building a Single Page Application SPA.
The New Face of ASP.NET ASP.NET MVC, Razor, and jQuery Ido Flatow | Senior Architect | Sela | This session is.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
Web Application Development Process
Dive into web development
JQuery Fundamentals Introduction Tutorial Videos
Web Technologies Computing Science Thompson Rivers University
Web API - Introduction AJAX, Spring Data REST SoftUni Team Web API
Clientside MVC: A Journey
Time to learn to code Stephen Delaney
AJAX and REST.
Tracking and Booking Taxi
Asynchronous Java script And XML Technology
AJAX.
Technologies and Tools
LAMP, WAMP and.. L. Grewe.
العدد تذكيره وتأنيثه مقدمة
SharePoint Cloud hosted Apps
Web Development Tutorials for Beginners. The free tutorial helps beginners to learn how to code easily. A beginner can sign up for the tutorial to access.
Web Systems & Technologies
Beginning Object-Oriented Web Design
Client-Side Web Technologies
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
IS 360 Course Introduction
jQuery The Easy JavaScript Nikolay Chochev Technical Trainer
JQuery with ASP.NET.
COP 3813 Intro to Internet Computing
Summer Engineering Academies Registration System
Professional Experience KS1611
Unit 6 part 3 Test Javascript Test.
Secure Web Programming
MIS Professor Sandvig MIS 324 Professor Sandvig
WPS - your story so far Seems incredible complicated, already
ხელმძღვანელი: დიმიტრი ქარაული
Architecture of the web
Web Technologies Computing Science Thompson Rivers University
Client-Server Model: Requesting a Web Page
Sending a text message (and more)
MIS Professor Sandvig MIS 424 Professor Sandvig
Murach's JavaScript and jQuery (3rd Ed.)
Presentation transcript:

Abelian Kingdom Andrew, Kelvin and Peter

What is it? A web (browser) game MORPG on Google map Login with Facebook Interact with your friends And the real street and store!

Javascript HTML CSS Nginx Thin Database

MVC Controller View Model

HTML Google Map API Providing – Longitude, Latitude translation – Route plan – Road data

CSS SCSS

Javascript Coffeescript

Javascript jQuery – Awesome Javascript library! – Simplify DOM manipulation and AJAX Backbone.js – MVC framework on client side

Ruby on Rails Web framework MVC Structure

DEMO!