Multimedia Web Programming Class by Nurhazirah Ghazali https://padlet.com/hazirah2406/s68wkix0goom Made with whimsy en-us 2017-04-28 09:36:19 UTC 2026-01-05 14:37:55 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Diskette.png 19-02-17 (JavaScript) hazirah2406 https://padlet.com/hazirah2406/s68wkix0goom/wish/168833411
We got the chance to learn from the developer of HERMO.MY, Mr. Syafiq on Web Design. 

We are taught about what current programming languages is being used by the industries and what should we know to survive in the current growing industries. Apart from that, he also taught us about the basic of JavaScript and the usage of console log for web developer to easily detect error.

JavaScript Functions:
  • HTML Tags
  • Retrieve input from user
  • Showing  a popup dialog
  • Retrieving element ID from HTML   
  • Create new popup window to display client information
  • Debugging by logging information to console.

The source code use for the class tutorial can be found here :  https://gist.github.com/zikey2406/bf5515b535f7c76cbe5c9544d30d85dd

]]> 2017-04-28 09:43:49 UTC https://padlet.com/hazirah2406/s68wkix0goom/wish/168833411 26-02-2017 (XML, AJAX, jQuery) hazirah2406 https://padlet.com/hazirah2406/s68wkix0goom/wish/177192007
The lesson start with the introduction to a JavaScript library called jQuery which is  used to simplify the JavaScript programming. It wraps long JavaScript code lines into new simple function calls. During the second part of the class, we were introduce to AJAX which is Asynchronous JavaScript and XML that allow changes in data to be rendered without to reload the page. Thus can improve user experience and utilize the users bandwith usage.

Towards the end of the class, fundamental of JSON are introduce. It is a lightweight text based data-interchange format language which is a subset of JavaScript object. It is easy to understand, manipulated and generate which is more or less likely similar to XML that is used for document content and information structure formatting. Before the class ended, we were briefed and given a lab exercise by Mr. Syafiq that make use of XML, AJAX and jQuery.

The source code use for the class tutorial can be found here :
https://gist.github.com/zikey2406/dae1b3123989cd26ff67150e601d4819

The Lab exercise source code can be found here:
https://github.com/zikey2406/MWP-4263.git]]> 2017-06-22 10:35:35 UTC https://padlet.com/hazirah2406/s68wkix0goom/wish/177192007 19-03-2017 ( PHP, MySQL, three.js) hazirah2406 https://padlet.com/hazirah2406/s68wkix0goom/wish/177192872
We were using XML as a client-server implementation by implementing AJAX to connect the client side (html) and server side (php) language. We create a database inside phpMyAdmin using MySQL and then create PHP file to fetch the database created as the XML at the server side. Then, XSL file are created and used to get the XML data at the client side.

More to that, we were introduced to a new libray called three.js, which is a 3D JavaScript library that use WebGL to create a 3D graphic within the web. The library was imported and integrated into

The source code use for the class tutorial can be found here : 
https://gist.github.com/zikey2406/63e0eb945cfeb8f697ba2fc5342249c2]]> 2017-06-22 10:50:27 UTC https://padlet.com/hazirah2406/s68wkix0goom/wish/177192872 26-03-2017 (Lab 01 and Lab 02 demo, X3DOM) hazirah2406 https://padlet.com/hazirah2406/s68wkix0goom/wish/177194573
We started the class by individually presenting and explaining both of our Lab exercise work given before hand (Lab 01 and Lab 02) to Mr. Syafiq.

After all the presentation is done, we were introduced to X3DOM which is an open source framework for integrating and manipulating 3D scene as HTML5 DOM elements that is rendered via an X3D plugin, FLash/Stage3D or WebGL. It can display an interactive 3D scene using structural and textual representation.

At the end of the class, Mr Syafiq briefed us with the next Lab Exercise to be submitted after the mid-term break that make use of the language that have been taught in the class such as CSS, PHP, HTML, MySQL, jQuery, AJAX and XML.

The Lab exercise source code can be found here:
https://github.com/zikey2406/MWP-4263.git]]> 2017-06-22 11:12:58 UTC https://padlet.com/hazirah2406/s68wkix0goom/wish/177194573 23-04-2017 (BootStrap, AngularJS, Google APIs) hazirah2406 https://padlet.com/hazirah2406/s68wkix0goom/wish/177195219

]]> 2017-06-22 11:20:51 UTC https://padlet.com/hazirah2406/s68wkix0goom/wish/177195219