Online design of Matlab/Simulink and SciLab/Xcos block schemes

Size: px
Start display at page:

Download "Online design of Matlab/Simulink and SciLab/Xcos block schemes"

Transcription

1 Online design of Matlab/Simulink and SciLab/Xcos block schemes Zoltán Janík and Katarína Ţáková Institute of Control and Industrial Informatics FEI STU Bratislava, Slovakia Abstract The paper presents a new tool that supports building of online simulation schemes for online laboratories. The structure of schemes is compatible with Matlab /Simulink or SciLab/Xcos environment. The paper is also dedicated to the comparison of both considered environments and to the pointing out differences and similarities of their use. Keywords-computer aided engineering, control design, online services, student experiments I. INTRODUCTION Online laboratories (see e.g. [3], [6], [11], [12], [14], [15]) are slowly going to be a part of Engineering studies. In comparison with hands-on laboratories they try to offer students better interactivity with experiments. Of course, they cannot substitute the real contact of student with the device at the university but they can offer the same results from measurements and online experiments. Enabling change of parameters or even of the whole control structure improves the understanding of presented topics. There are several ways how online experiments can be designed and built. One of them uses background support of standard numerical software that enables to solve all numerical calculations needed for running experiments. In [3] and [5] we presented the web based tool that enables to build block schemes for later use in online experiments. We devoted our attention to two background software environments proprietary product Matlab that is widely used at technical universities and SciLab that represents its free and open source alternative. Both products include user interfaces (Simulink for Matlab and Xcos for SciLab) that allow building a control structure in a graphical way by simple drag and drop method. The small comparison of basic facts about both environments is introduced in Table I. We do not compare a functionality of software because the calculations that we usually need to accomplish within our online experiments can be done in both products. Following two sections describe structure of ascii files that contain information about the block scheme composition both in Matlab/Simulink and SciLab/Xcos environment. Next sections are devoted to the description of front-end, back-end and configuration of the developed online tool whereby the special attention is given to the differences between both solutions. II. MATLAB AND SIMULINK A. Introduction to Matlab and Simulink Matlab is an interactive environment for performing computationally intensive tasks faster than with traditional programming languages. It was first released in 1984 by MathWorks, Inc. The latest version 2011a was released in April MathWorks offers also an environment for modeling and simulation of dynamic and embedded systems named Simulink. Price for commercial license for Simulink is 3150 USD. However, it requires at least Simulink Fixed Point component (1000 USD) and Matlab (2100 USD). Basic price of student license (Matlab + Simulink ) starts at 99 USD. B. Structure of MDL file Schemes created in Simulink are stored in plain text files with.mdl extension. MDLs are easy-to-read for human. The structure of file consists of key-value pairs, while the key is a name of an attribute and the value may be single string or numeric value, vector, matrix or a composite value with one or more nested key-value pairs. TABLE I. COMPARISON OF MATLAB /SIMULINK AND SCILAB/XCOS Matlab / Simulink SciLab / Xcos License Proprietary GPL compatible Latest version R2011a Latest version release Standard price Available in OS April 2011 July USD (Matlab ) 4150USD (Simulink ) 99USD (Matlab + Simulink for students) Windows, Linux, Mac Free Windows, Linux, Mac Scheme format JSON-like plain text Valid XML Page 241

2 Model { Name "Template" Version 7.0 MdlSubVersion 0 GraphicalInterface { NumRootInports 0 NumRootOutports 0 ParameterArgumentNames "" ComputedModelVersion "1.2" NumModelReferences 0 NumTestPointedSignals 0 SavedCharacterEncoding "windows-1250" SaveDefaultBlockParams on Created "Sun Jul 28 23:59: " Creator "Z2" LastModifiedBy "Z2" LastModifiedDate "Mon Jul 29 15:37: " Figure 1. Example of MDL file structure The attribute name is always a single word without spaces followed by one or more spaces and/or tabs (to achieve aligned columns see Fig.1). As mentioned earlier in this section, attribute value may be present in these forms: numeric any integer or float number boolean possible values: on, off string zero or more characters enclosed in quotes vector or matrix standard Matlab notation (e.g. [1, 2, 3] or [1, 2, 3; 4, 5, 6]) composite key-value pairs enclosed in curly brackets The whole structure of MDL files resembles the JSON 1 format (compare Fig.2 and Fig.3) introduced by Douglas Crockford in 2002 and standardized by RFC 4627 in July The JSON is widely used by web applications as a lightweight standard for data exchange. While in valid JSON, each attribute name must be wrapped in double quotes followed by a colon; there are no quotes, nor colon in the MDL format. In addition, attribute/name pairs in MDL are not commaseparated as they are in JSON. Simulink s MDL files have one feature that is missing in JSON, which is ability to use matrices written in the same format as in Matlab. JSON contains only arrays that are similar to Matlab s vectors. More information about JSON is available on official website [1]. An MDL file contains a plenty of data but we are not interested in all of them. For our needs we take into consideration only the name of a scheme, time and date of creation and last modification of the scheme and authors (these parts are marked with bold font in Fig.1). Except of mentioned metadata, an MDL file contains 2 important parts that describe the whole scheme. The first one, labeled as BlockParameterDefaults, contains a list of block types that appears in the scheme with a list of parameters used as default values for each block type. These values are taken into account if the block in a scheme lacks specification of certain parameter value. System { Name "Template" Location [480, 93, 1016, 386] Block { BlockType Constant Name "Constant" Position [140, 174, 210, 196] ShowName off Value "1" OutDataType "sfix(16)" OutScaling "2^0" Block { Figure 2. Constant block in MDL format "System": { "Name": "Template", "Location": [480, 93, 1016, 386], "Block": {, "BlockType": "Constant", "Name": "Constant", "Position": [140, 174, 210, 196], "ShowName": false, "Value": "1", "OutDataType": "sfix(16)", "OutScaling": "2^0" "Block": { Figure 3. Example of valid JSON structure The second and the most important part of an MDL file is labeled as System. This part contains complete list of blocks and connections that appear in the scheme. Names of blocks are used as a unique identifier. List of parameters (bold in Fig.2) is specified directly inside Block attribute after specification of block type, name, location and other similar properties. It contains only parameters with values other than default. A connection is specified with the name of source and destination block and number of source and destination port. The shape depends on coordinates of points that the connection passes through. Coordinates are relative to the exact location of source port and they are noted as a matrix near Points keyword. In case of more complex connections with nodes, the Branch keywords define multiple destination blocks. For an example of such connection, see Fig.4 and Fig.5. Figure 4. Sample branched connection 1 JavaScript Object Notation Page 242

3 Line { Labels [2, 0] SrcBlock "Integrator" SrcPort 1 Points [65, 0; 0, 55; 25, 0] Branch { DstBlock "Derivative" DstPort 1 Branch { Points [0, 190] DstBlock "Saturation" DstPort 1 Figure 5. Branched connection in MDL format from Integrator block to both Derivative and Saturation III. SCILAB AND XCOS A. Introduction to SciLab and Xcos SciLab is free software for numerical computation distributed under GPL-compatible license. It was created in 1990 by INRIA (National Institute for Research in Computer Science and Control in France) and ENPC (École nationale des ponts et chaussées). Nowadays, SciLab is being developed by Digiteo Foundation. Graphical editor to design hybrid dynamical systems models - Xcos (previously SciCos) is distributed together with SciLab. Xcos environment enables running simulations of complex continuous and discrete systems. The whole software package is free of charge and it comes also with source codes. B. Structure of Xcos file Xcos schemes are saved as a valid XML document with.xcos extension. This format is stricter than plain text and it is less prone to errors and ambiguities. Xcos files contain far less metadata than MDL files. There is no information about author or time of modification of the scheme. The dominant part of an Xcos file is description of the block scheme. Compared to Simulink, there is no need to distinguish between string, numeric or boolean data types, because in XML, they are always noted in the same form (e.g. strings are not enclosed inside quotes, the same as numeric values). In addition, there is no need to define vectors, arrays or composite attribute values, because they are represented with nested XML tags. Each element in a scheme (block, connection) has its own unique identifier that consists of 3 hexadecimal numbers separated by colons (attribute id see Fig.6). Blocks are specified mostly inside BasicBlock or ConstBlock parent tags. However, one can also meet blocks with more complex names e.g. org.scilab.modules.xcos.block.io.explicitinblock for Input block. Block parameters are stored inside the parent tags, but the structure may vary depending on each block type. In Fig.6 it is possible to see an example of a constant block. It is to note that Xcos stores some values in multiple locations. The number of locations depends on the block type. In this block, the constant value is defined at 2 locations marked with bold font (attribute value= 1 ). <XcosDiagram background="-1" modified="1" title="template"> <mxgraphmodel as="model"> <root> <ConstBlock blocktype="d" id=" d5:12c53c4cc03:-7fdc" interfacefunctionname="const_m" parent=" d5:12c53c4cc03:-8000" simulationfunctionname="cstblk4" simulationfunctiontype="c_or_fortran" style="mirror=false;rotation=0;const_m;flip=false;" value="1"> <ScilabString as="exprs" height="1" width="1"> <data column="0" line="0" value="1"/> </ScilabString> <ScilabDouble as="realparameters" height="0" width="0"/> </ConstBlock> Figure 6. Constant block in Xcos format A connection between two blocks is specified inside ExplicitLink tag that contains a list of points (their coordinates) defining the connection s shape (inside mxgeometry tag bold text in Fig.7). Coordinates are relative to top left corner of the document. ExplicitLink contains also the source (output) and the destination (input) port of two connected blocks. A branched connection similar to one in Fig.4 is split into 3 simple connections: from integrator to node (split block see the black filled circle in Fig.4) and from node to both derivative and saturation as demonstrated in Fig.7. IV. FRONT-END The front-end of the application is demonstrated in Fig 8. Our aim was to prepare a design that would be familiar for users using Matlab /Simulink or SciLab/Xcos environment. The web editor is based on XHTML, CSS 2 and JavaScript language. These technologies were selected in order to ensure the widest availability of this tool. The only requirement on client s side is compatible web browser (Internet Explorer 8+, Mozilla Firefox 2+, Safari 3+, Opera 9+, Google Chrome). For more detailed information, refer to [3]. V. BACK-END The back-end and front-end part of the application communicate through AJAX 3 requests that enable data exchange without reloading the whole web page with the editor. Back-end server is used for running scripts written in PHP language that perform tasks such as import and export to MDL, Xcos or raw scheme format stored as an XML document. In fact, the Xcos file has the same structure as standard XML file (see Fig.6). This format makes handling of Xcos files very simple. On the other hand, MDL files use nonstandard format that requires additional pre-processing. The advantage is that MDL files have plain text format very similar to JSON and therefore this task is quite easy to be achieved. 2 Cascading Style Sheets 3 Asynchronous JavaScript and XML Page 243

4 <!-- Integrator to split block --> <ExplicitLink id="-142ebf92:13127d3897a:-7fd2" style="explicitlink;elbow=horizontal"> <mxgeometry as="geometry" height="80.0" width="80.0"> <Array as="points" scilabclass="arraylist"> <mxpoint x="65.0" y="0.0"/> <mxpoint x="65.0" y="55.0"/> </Array> </mxgeometry> <ExplicitOutputPort as="source" id="-142ebf92:13127d3897a:-7fe8" parent="-142ebf92:13127d3897a:-7fe7" > </ExplicitOutputPort> <ExplicitInputPort as="target" id="-142ebf92:13127d3897a:-7fd6" parent="-142ebf92:13127d3897a:-7ff0" > </ExplicitInputPort> </ExplicitLink> <!-- Split block to Derivative --> <ExplicitLink id="-142ebf92:13127d3897a:-7fd1"> <ExplicitOutputPort as="source" id="-142ebf92:13127d3897a:-7fd5" parent="-142ebf92:13127d3897a:-7ff0" > </ExplicitOutputPort> <ExplicitInputPort as="target" id="-142ebf92:13127d3897a:-7fe1" parent="-142ebf92:13127d3897a:-7fdf" > </ExplicitInputPort> </ExplicitLink> <!-- Split block to Saturation --> <ExplicitLink id="-142ebf92:13127d3897a:-7fd0" style="explicitlink;edgestyle=elbowedgestyle;elbow=horizontal"> <mxgeometry as="geometry" height="80.0" width="80.0"> <Array as="points" scilabclass="arraylist"> <mxpoint x="90.0" y="245.0"/> </Array> </mxgeometry> <ExplicitOutputPort as="source" id="-142ebf92:13127d3897a:-7fd4" parent="-142ebf92:13127d3897a:-7ff0" > </ExplicitOutputPort> <ExplicitInputPort as="target" id="-142ebf92:13127d3897a:-7fe5" parent="-142ebf92:13127d3897a:-7fe3" > </ExplicitInputPort> </ExplicitLink> Figure 7. Replacement of branched connection in Xcos format Figure 8. Web editor interface The web editor provides independent format to store block schemes built by the user. The structure of this format is very compact because it contains only the most necessary information about the scheme, i.e. blocks, connections between blocks and their parameters. Compared to the other two formats (MDL, Xcos), this raw scheme format omits information about software-specific metadata such as simulation parameters, graphical information of document (e.g. paper size, margins, etc.) and any other data that are not directly related to the scheme. An example of this scheme format can be seen in Fig.9. Unfortunately, MDL and Xcos formats are not compatible with each other, thus it is not possible to convert MDL files to Xcos and vice versa in a quite easy and comfortable way. Neither the presented online editor in its current stage of development can help in this direction. This is caused mainly because of different number and types of parameters for corresponding blocks in Simulink and in Xcos (e.g. integrator block in Simulink has far more parameters than in Xcos). The conversion between these two formats would require additional mapping to define matched parameters. In addition, some parameter values would get lost during conversion if they were not present in target scheme format. However, one-way import from MDL format is still available directly in SciLab s Xcos environment. A. Export The export process is done in four basic steps. First, the scheme in web editor is sent to back-end server. The editor and back-end communicate via AJAX requests using JSON as data exchange format. This procedure is the same for both Xcos and MDL formats. <scheme> <blocks> <block id="b_0"> <type>constant</type> <name>constant</name> <position x="140" y="174"/> <version>0</version> <attributes> <attribute id="showname">off</attribute> <attribute id="value">1</attribute> <attribute id="outdatatype">sfix(16)</attribute> <attribute id="outscaling">2^0</attribute> </attributes> </block> <block id="b_1"> <type>display</type> <name>display</name> <position x="140" y="232"/> <version>0</version> <attributes> <attribute id="format">short</attribute> <attribute id="decimation">1</attribute> <attribute id="floating">off</attribute> </attributes> </block> </blocks> <connections> <connection id="c_0"> <sourceblock>b_0</sourceblock> <sourceport>e</sourceport> <destinationblock>b_1</destinationblock> <destinationport>w</destinationport> </connection> </connections> </scheme> Figure 9. Example of internal XML scheme format Page 244

5 1) Blocks and Attributes In the second phase, the back-end export script transforms the scheme into Xcos or Simulink format. For Xcos, this step includes generation of standard Xcos file header, listing of each block used in scheme together with relevant group of attributes, input and output ports. Block parameters are defined in the configuration file (see Section VI) and actual values are taken from the exported scheme. When the blocks are processed, the connections between blocks are specified and the scheme is finalized with Xcos file footer. Transformation into MDL format is slightly different. This format uses additional metadata compared to Xcos. Specifically, it is author s and editor s name, time and date of creation and last modification of a scheme. Another difference between Xcos and MDL is that MDL file contains list of blocks and set of their default parameter values (labeled BlockParameterDefaults). Thereinafter in MDL file, there is also a listing of each block used in the scheme. Parameters of blocks with default values do not necessarily appear again in this list because they have been already specified in the BlockParameterDefaults part of the MDL file. 2) Connections The third step includes generation of connections. In Xcos, connections with nodes are split into partial connections where the source or the destination block may be represented by a node as well as by a standard block. Similar treatment of complex connections is also used in the web editor, thus there is no need to perform extra processing of connections. However, connections in MDL files are handled in a different way compared to the web editor or Xcos. While in Xcos (and also in the presented web editor), nodes are regarded as a special kind of block in the scheme, there are no such blocks in MDL. Instead of that, MDL uses a structure of branched connections to describe connections with nodes. Therefore such connections need to be converted into the structure where the source and destination blocks are always standard blocks. The conversion is processed by recursive function that looks for paths from output block to each connected input block. In the last step, the transformed scheme is saved into a file and it is offered to user to download afterwards or to use it within an online experiment. B. Import The import process realizes the same steps as the export but in reverse order. Firstly, user has to upload an MDL or Xcos file containing the scheme that is going to be imported. When importing an Xcos file, the import script parses the whole file and stores it as XML object. In case of MDL file there is a custom function that reads the whole file and it transforms plain text information into a structure suitable for further work with MDL data. 1) Blocks and Attributes Loaded content (either from MDL or Xcos) is scanned for list of blocks and their attributes. Since the web editor is still under development, it can happen that some blocks not yet implemented in the editor may occur in the imported scheme. In case of blocks or attributes that are not present in web editor s configuration file, the warning message is shown. These unknown blocks will not appear in the imported scheme. Processing of unknown attributes is skipped but the parent block will still appear in the scheme. Blocks are followed by a list of connections between blocks that are also being processed. In comparison to Xcos files, import of MDL files contains one additional step. Just before loading list of blocks, the default values of each block s parameters are loaded from the file. They are used when value of some block parameters is missing (in case of MDL, blocks do not necessarily have all of their parameters listed). 2) Connections Loading connections from Xcos files is very simple due to the fact that they have similar structure to web editor s connections structure. Thus they are only read one after another and they require no additional processing. Connections in MDL file need more attention because of different representation of complex (branched) connections. These differences have been described in Section V Export. During the import of an MDL file, each branched connection has to be converted to simple connections using node blocks. After successful import, the data are sent to the web editor and the imported scheme appears in the editor s canvas. VI. CONFIGURATION FILE The key parts of the application are common configuration files used by the front-end part of the application as well as by the back-end scripts one file is for Simulink and other one for Xcos. The configuration is stored in XML format. Data contained in the configuration files are used for visualization in web editor s interface (i.e. images of blocks, positions of input and output ports, etc.) as well as for correct function of import and export scripts. The configuration XML files for Simulink and Xcos contain every information about attributes that are used for displaying blocks in the editor: image file name, dimensions, input and output ports. The configuration file for Xcos contains additional attribute block class name (e.g. BasicBlock, ConstBlock or other used as XML tag that encapsulates block attributes in Xcos document). In both configuration files (both for Xcos and Simulink as well) each block contains a group of attributes (constant block in Fig. 10 has a single attribute ConstantValue). The attribute definition contains its displayed name, input type (used in web editor s attributes window), default value and optional list of possible values (only for dropdown and radio button data types). In addition, block parameter values in Xcos are stored in complex structures inside tags representing current block (e.g. <ConstBlock> </ConstBlock>; see description of Xcos file structure in Section III and Fig. 6). The locations of these values are defined in the configuration file inside location tag as an XPath address. XPath is used to navigate through elements and attributes in an XML document. In case of MDL files, the attributes are simply listed one after another, thus the location specification is not necessary. Page 245

6 Figure 11. Part of DTD for configuration file (Xcos version) Figure 10. Part of configuration file (Constant block/xcos version) However, compared to Xcos, MDL configuration file contains one extra tag called datatype. As the name implies, this field specifies whether the attribute value is stored as a number, a string or a logical value. Data type attribute is not used directly by Matlab, but it is used to determine the correct notation of values in MDL files (e.g. strings enclosed in quotes, logical values represented as on or off, etc.) during import or export. The application is easily extendable by the application administrator. It is not necessary to edit source codes of the application. New blocks can be easily added by modifying the configuration XML file. Currently, the web editor includes the most common blocks used in block schemes. The set of included blocks is being extended simultaneously with further development of the web editor. Since the well-formed and error-free configuration files are very important for correct function of the whole application, the DTD 4 documents for configuration XML files are also provided to prevent errors after modifications. Due to slightly different structure of configuration files for Simulink and Xcos, both of them require the separate DTD document. VII. CONCLUSION Trying to compare formats used in both Xcos and Simulink environment it is necessary to say that both formats have their pros and cons. On the one hand, Xcos files use valid XML format that makes processing of files really simple. The structure of connections in Xcos is also very handy regarding the fact that they do not require additional transformation during the export and import phase. Such additional transformation is needed using Simulink plain text format. On the other hand, MDL files have clearer notation of block parameters and their corresponding values. In Xcos, they are hidden inside immense code and they are often stored redundantly in more than one location inside Xcos file. During the development of introduced online application we tried to take into account all advantages of both formats and to create a new format that is used by web editor as its native scheme format. Block schemes prepared by the application can be used for control of dynamical systems within virtual and remote laboratories. Since we used wide spread technologies the presented solution can be combined with the most of solutions that enable to use Matlab and SciLab via Internet. ACKNOWLEDGMENT The work has been partially supported by the Slovak Grant Agency, Grant KEGA No. 3/7245/09 and Grant VEGA No. 1/0656/09. This support is very gratefully acknowledged. 4 Document Type Definition defines legal document structure (list of elements and attributes) Page 246

7 REFERENCES [1] D. Crockford (2002). Introducing JSON, [2] Digiteo ( ). SciLab website, [3] I. Gustavsson, K. Nilsson, J. Zackrisson, L. Hakansson, J. G. Zubía, G. R. Alves, U. Hernandez, R. J. Costa, T. Lago, I. Claesson (2011). The VISIR Open Lab Platform an architecture of a federation of remote laboratories, 8th Int. Conference on Remote Engineering and Virtual Instrumentation (REV'11), Brasov, Romania, [4] Z. Janík, K. Ţáková (2011). Online Design of Matlab/Simulink Block Schemes, In: International Journal of Emerging Technologies in Learning. Vol. 6, Special Issue 1, pp ISSN [5] Z. Janík, K. Ţáková (2011). Online Design of SciLab/Xcos Block Schemes, 18th Int.Conference on Process Control, Tatranská Lomnica [6] J. Liguš, I. Zolotová, P. Karch and J. Ligušová (2010). Information and Control System of Traverse and its Integration into Cybernetic Centre. Electronics and Electrical Engineering, No. 6, pp ISSN [7] The MathWorks, Inc. ( ). MathWorks store, [8] The MathWorks, Inc. ( ). MATLAB The Language Of Technical Computing,, [9] Refsnes Data ( ). JavaScript and HTML DOM Reference, [10] J. Resig and the jquery Team (2010). jquery Documentation, [11] M.T. Restivo, J. Mendes, A.M. Lopes, C.M. Silva and F. Chouzal (2009). A Remote Lab in Engineering Measurement, IEEE Trans. on Industrial Electronics, Vol. 56, No.12, pp [12] F. Schauer, M. Oţvoldová and F. Lustig (2008). Real Remote Physics Experiments across Internet Inherent Part of Integrated E-Learning, In: Int. Journal of Online Engineering (ijoe), 4, No 2. [13] Chr. Schmid. (2003). Internet - basiertes Lernen, Automatisierungstechnik, 51, No. 11, pp [14] M. Šimunek, P., Bisták and M. Huba (2005). Virtual Laboratory for Control of Real Systems, Conference Proceedings ICETA. Košice. [15] K. Ţáková and M. Sedlák (2006). Remote Control of Experiments via Matlab, In: Int. Journal of Online Engineering (ijoe), 2, No. 3. Page 247

Slovak University of Technology in Bratislava Institute of Information Engineering, Automation, and Mathematics PROCEEDINGS

Slovak University of Technology in Bratislava Institute of Information Engineering, Automation, and Mathematics PROCEEDINGS Slovak University of Technology in Bratislava Institute of Information Engineering, Automation, and Mathematics PROCEEDINGS of the 18 th International Conference on Process Control Hotel Titris, Tatranská

More information

MATLAB BASED REMOTE CONTROL OF THERMO-OPTICAL PLANT

MATLAB BASED REMOTE CONTROL OF THERMO-OPTICAL PLANT Paper Ref: S0231_P0518 3 rd International Conference on Integrity, Reliability and Failure, Porto/Portugal, 20-24 July 2009 MATLAB BASED REMOTE CONTROL OF THERMO-OPTICAL PLANT Katarína Žáková and Matej

More information

Ajax Ajax Ajax = Asynchronous JavaScript and XML Using a set of methods built in to JavaScript to transfer data between the browser and a server in the background Reduces the amount of data that must be

More information

6th WSEAS International Conference on EDUCATION and EDUCATIONAL TECHNOLOGY, Italy, November 21-23,

6th WSEAS International Conference on EDUCATION and EDUCATIONAL TECHNOLOGY, Italy, November 21-23, 6th WSEAS International Conference on EDUCATION and EDUCATIONAL TECHNOLOGY, Italy, November 21-23, 2007 139 Two Ways of Inverted Pendulum Remote Control KATARÍNA ŽÁKOVÁ Faculty of Electrical Engineering

More information

Maxima and Octave in Development of Online Applications: Service Based Approach

Maxima and Octave in Development of Online Applications: Service Based Approach Maxima and Octave in Development of Online Applications: Service Based Approach http://dx.doi.org/10.3991/ijet.v9i5.3848 K. áková Slovak University of Technology, Bratislava, Slovakia Abstract The paper

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery. HTML5/CSS3/JavaScript Programming Course Summary Description This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5, Cascading Style Sheets

More information

HTML5 MOCK TEST HTML5 MOCK TEST I

HTML5 MOCK TEST HTML5 MOCK TEST I http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your

More information

INTRODUCTION TO HTML5! HTML5 Page Structure!

INTRODUCTION TO HTML5! HTML5 Page Structure! INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since

More information

Languages in WEB. E-Business Technologies. Summer Semester Submitted to. Prof. Dr. Eduard Heindl. Prepared by

Languages in WEB. E-Business Technologies. Summer Semester Submitted to. Prof. Dr. Eduard Heindl. Prepared by Languages in WEB E-Business Technologies Summer Semester 2009 Submitted to Prof. Dr. Eduard Heindl Prepared by Jenisha Kshatriya (Mat no. 232521) Fakultät Wirtschaftsinformatik Hochshule Furtwangen University

More information

Understanding the Web Design Environment. Principles of Web Design, Third Edition

Understanding the Web Design Environment. Principles of Web Design, Third Edition Understanding the Web Design Environment Principles of Web Design, Third Edition HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to represent simple document

More information

Web Development IB PRECISION EXAMS

Web Development IB PRECISION EXAMS PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards

More information

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

CompuScholar, Inc. Alignment to Utah's Web Development I Standards Course Title: KidCoder: Web Design Course ISBN: 978-0-9887070-3-0 Course Year: 2015 CompuScholar, Inc. Alignment to Utah's Web Development I Standards Note: Citation(s) listed may represent a subset of

More information

BEFORE CLASS. If you haven t already installed the Firebug extension for Firefox, download it now from

BEFORE CLASS. If you haven t already installed the Firebug extension for Firefox, download it now from BEFORE CLASS If you haven t already installed the Firebug extension for Firefox, download it now from http://getfirebug.com. If you don t already have the Firebug extension for Firefox, Safari, or Google

More information

Siteforce Pilot: Best Practices

Siteforce Pilot: Best Practices Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front

More information

TIME SCHEDULE MODULE TOPICS PERIODS. HTML Document Object Model (DOM) and javascript Object Notation (JSON)

TIME SCHEDULE MODULE TOPICS PERIODS. HTML Document Object Model (DOM) and javascript Object Notation (JSON) COURSE TITLE : ADVANCED WEB DESIGN COURSE CODE : 5262 COURSE CATEGORY : A PERIODS/WEEK : 4 PERIODS/SEMESTER : 52 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 HTML Document Object Model (DOM) and javascript

More information

AIM. 10 September

AIM. 10 September AIM These two courses are aimed at introducing you to the World of Web Programming. These courses does NOT make you Master all the skills of a Web Programmer. You must learn and work MORE in this area

More information

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand

More information

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments. Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

IJSRD - International Journal for Scientific Research & Development Vol. 3, Issue 02, 2015 ISSN (online):

IJSRD - International Journal for Scientific Research & Development Vol. 3, Issue 02, 2015 ISSN (online): IJSRD - International Journal for Scientific Research & Development Vol. 3, Issue 02, 2015 ISSN (online): 2321-0613 Intelligent Script Editor: An Interactive Parallel Programming Tool Susmita Abhang 1

More information

NetAdvantage for ASP.NET Release Notes

NetAdvantage for ASP.NET Release Notes NetAdvantage for ASP.NET 2011.1 Release Notes Accelerate your application development with ASP.NET AJAX controls built on the Aikido Framework to be the fastest, lightest and most complete toolset for

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Adobe Dreamweaver CS6 Digital Classroom

Adobe Dreamweaver CS6 Digital Classroom Adobe Dreamweaver CS6 Digital Classroom Osborn, J ISBN-13: 9781118124093 Table of Contents Starting Up About Dreamweaver Digital Classroom 1 Prerequisites 1 System requirements 1 Starting Adobe Dreamweaver

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

Hypertext Markup Language, or HTML, is a markup

Hypertext Markup Language, or HTML, is a markup Introduction to HTML Hypertext Markup Language, or HTML, is a markup language that enables you to structure and display content such as text, images, and links in Web pages. HTML is a very fast and efficient

More information

Worksheet Creator 2: Blended geometry for the class room

Worksheet Creator 2: Blended geometry for the class room Worksheet Creator 2: Blended geometry for the class room Chair of Mathematics and Mathematics Education, University of Bayreuth, Bayreuth, Germany Michael.Gerhaeuser@uni-bayreuth.de Abstract There are

More information

Site Owners: Cascade Basics. May 2017

Site Owners: Cascade Basics. May 2017 Site Owners: Cascade Basics May 2017 Page 2 Logging In & Your Site Logging In Open a browser and enter the following URL (or click this link): http://mordac.itcs.northwestern.edu/ OR http://www.northwestern.edu/cms/

More information

Page Layout Using Tables

Page Layout Using Tables This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,

More information

Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.

Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information. Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information. WWW: (World Wide Web) A way for information to be shared over

More information

Dreamweaver Basics Workshop

Dreamweaver Basics Workshop Dreamweaver Basics Workshop Robert Rector idesign Lab - Fall 2013 What is Dreamweaver? o Dreamweaver is a web development tool o Dreamweaver is an HTML and CSS editor o Dreamweaver features a WYSIWIG (What

More information

PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS. INTRODUCTION TO INTERNET SOFTWARE DEVELOPMENT CSIT 2230 (formerly CSIT 2645)

PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS. INTRODUCTION TO INTERNET SOFTWARE DEVELOPMENT CSIT 2230 (formerly CSIT 2645) PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS INTRODUCTION TO INTERNET SOFTWARE DEVELOPMENT CSIT 2230 (formerly CSIT 2645) Class Hours: 2.0 Credit Hours: 3.0 Laboratory Hours: 2.0 Revised: Fall 2012

More information

COMSC-031 Web Site Development- Part 2

COMSC-031 Web Site Development- Part 2 COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal December 5, 2013 Chapter 13 13 Designing a Web Site with CSS In addition to creating styles for text, you can use CSS to create

More information

PlayerLync Forms User Guide (MachForm)

PlayerLync Forms User Guide (MachForm) PlayerLync Forms User Guide (MachForm) Table of Contents FORM MANAGER... 1 FORM BUILDER... 3 ENTRY MANAGER... 4 THEME EDITOR... 6 NOTIFICATIONS... 8 FORM CODE... 9 FORM MANAGER The form manager is where

More information

COMP519 Web Programming Lecture 8: Cascading Style Sheets: Part 4 Handouts

COMP519 Web Programming Lecture 8: Cascading Style Sheets: Part 4 Handouts COMP519 Web Programming Lecture 8: Cascading Style Sheets: Part 4 Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University

More information

A Simple Course Management Website

A Simple Course Management Website A Simple Course Management Website A Senior Project Presented to The Faculty of the Computer Engineering Department California Polytechnic State University, San Luis Obispo In Partial Fulfillment Of the

More information

Wolf. Responsive Website Designer. Mac Edition User Guide

Wolf. Responsive Website Designer. Mac Edition User Guide Wolf Responsive Website Designer Mac Edition User Guide Version 2.10.3 Table of Contents What is Wolf Website Designer? Editor overview Save and open website Create responsive layout How to create responsive

More information

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6 SCHULICH MEDICINE & DENTISTRY Website Updates August 30, 2012 Administrative Web Editor Guide v6 Table of Contents Chapter 1 Web Anatomy... 1 1.1 What You Need To Know First... 1 1.2 Anatomy of a Home

More information

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.

More information

Software. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading

Software. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading Full Stack Web Development Intensive, Fall 2017 There are two main objectives to this course. The first is learning how to build websites / web applications and the assets that compose them. The second

More information

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week WEB DESIGNING HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments HTML - Lists HTML - Images HTML

More information

LAST WEEK ON IO LAB. Install Firebug and Greasemonkey. Complete the online skills assessment. Join the mailing list.

LAST WEEK ON IO LAB. Install Firebug and Greasemonkey. Complete the online skills assessment. Join the mailing list. LAST WEEK ON IO LAB If you haven t done these things already, please do them before we begin today s lecture Install Firebug and Greasemonkey. Complete the online skills assessment. Join the iolab@ischool

More information

Section 1. How to use Brackets to develop JavaScript applications

Section 1. How to use Brackets to develop JavaScript applications Section 1 How to use Brackets to develop JavaScript applications This document is a free download from Murach books. It is especially designed for people who are using Murach s JavaScript and jquery, because

More information

ASP.NET AJAX adds Asynchronous JavaScript and XML. ASP.NET AJAX was up until the fall of 2006 was known by the code-known of Atlas.

ASP.NET AJAX adds Asynchronous JavaScript and XML. ASP.NET AJAX was up until the fall of 2006 was known by the code-known of Atlas. Future of ASP.NET ASP.NET AJAX ASP.NET AJAX adds Asynchronous JavaScript and XML (AJAX) support to ASP.NET. ASP.NET AJAX was up until the fall of 2006 was known by the code-known of Atlas. ASP.NET AJAX

More information

Ektron Advanced. Learning Objectives. Getting Started

Ektron Advanced. Learning Objectives. Getting Started Ektron Advanced 1 Learning Objectives This workshop introduces you beyond the basics of Ektron, the USF web content management system that is being used to modify department web pages. This workshop focuses

More information

Using AJAX to Easily Integrate Rich Media Elements

Using AJAX to Easily Integrate Rich Media Elements 505 Using AJAX to Easily Integrate Rich Media Elements James Monroe Course Developer, WWW.eLearningGuild.com The Problem: How to string together several rich media elements (images, Flash movies, video,

More information

Ministry of Higher Education and Scientific Research

Ministry of Higher Education and Scientific Research Morning Study Department of information technology Institute of Technical - Duhok. University of Polytechnic Duhok. Subject: Web Technology Course book for 2nd year. Lecturer s name: MSc. Ayman Nashwan

More information

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for

More information

Perfect Student Midterm Exam March 20, 2007 Student ID: 9999 Exam: 7434 CS-081/Vickery Page 1 of 5

Perfect Student Midterm Exam March 20, 2007 Student ID: 9999 Exam: 7434 CS-081/Vickery Page 1 of 5 Perfect Student Midterm Exam March 20, 2007 Student ID: 9999 Exam: 7434 CS-081/Vickery Page 1 of 5 NOTE: It is my policy to give a failing grade in the course to any student who either gives or receives

More information

Packaging Data for the Web

Packaging Data for the Web Packaging Data for the Web EN 605.481 Principles of Enterprise Web Development Overview Both XML and JSON can be used to pass data between remote applications, clients and servers, etc. XML Usually heavier

More information

Cleveland State University Department of Electrical and Computer Engineering. CIS 408: Internet Computing

Cleveland State University Department of Electrical and Computer Engineering. CIS 408: Internet Computing Cleveland State University Department of Electrical and Computer Engineering CIS 408: Internet Computing Catalog Description: CIS 408 Internet Computing (-0-) Pre-requisite: CIS 265 World-Wide Web is now

More information

Master Project Software Engineering: Team-based Development WS 2010/11

Master Project Software Engineering: Team-based Development WS 2010/11 Master Project Software Engineering: Team-based Development WS 2010/11 Implementation, September 27 th, 2011 Glib Kupetov Glib.Kupetov@iese.fraunhofer.de Tel.: +49 (631) 6800 2128 Sebastian Weber Sebastian.Weber@iese.fraunhofer.de

More information

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

Virto SharePoint Forms Designer for Office 365. Installation and User Guide Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4

More information

Web Design. Basic Concepts

Web Design. Basic Concepts Web Design Basic Concepts Web Design Web Design: Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web. Web sites may be relatively simple, or highly

More information

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE COURSE TITLE WEB SITE DESIGN COURSE DURATION 19 Hours of Interactive Training COURSE OVERVIEW In this 7 session course Debbie will take you through the

More information

C1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone

C1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone 2017-02-13 Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone +45 3915 7600 www.orckestra.com Content 1 INTRODUCTION... 4 1.1 Page-based systems versus item-based systems 4 1.2 Browser support 5

More information

Advanced Dreamweaver CS6

Advanced Dreamweaver CS6 Advanced Dreamweaver CS6 Overview This advanced Dreamweaver CS6 training class teaches you to become more efficient with Dreamweaver by taking advantage of Dreamweaver's more advanced features. After this

More information

EasyChair Preprint. Introduction to Development of Software Support for Training and Testing IT Administrators

EasyChair Preprint. Introduction to Development of Software Support for Training and Testing IT Administrators EasyChair Preprint 302 Introduction to Development of Software Support for Training and Testing IT Administrators Petra Holbíková, Lukáš Kráĺık, Petr Žáček and Roman Jašek EasyChair preprints are intended

More information

Transferring online formatted HTML layouts into Flash and PDF

Transferring online formatted HTML layouts into Flash and PDF Transferring online formatted HTML layouts into Flash and PDF Nikolaj Cholakov Abstract: This paper presents an approach and a realisation based on PHP and JavaScript for online generation of HTML text

More information

Perch Documentation. U of M - Department of Computer Science. Written as a COMP 3040 Assignment by Cameron McKay, Marko Kalic, Riley Draward

Perch Documentation. U of M - Department of Computer Science. Written as a COMP 3040 Assignment by Cameron McKay, Marko Kalic, Riley Draward Perch Documentation U of M - Department of Computer Science Written as a COMP 3040 Assignment by Cameron McKay, Marko Kalic, Riley Draward 1 TABLE OF CONTENTS Introduction to Perch History of Perch ---------------------------------------------

More information

AJAX Workshop. Karen A. Coombs University of Houston Libraries Jason A. Clark Montana State University Libraries

AJAX Workshop. Karen A. Coombs University of Houston Libraries Jason A. Clark Montana State University Libraries AJAX Workshop Karen A. Coombs University of Houston Libraries Jason A. Clark Montana State University Libraries Outline 1. What you re in for 2. What s AJAX? 3. Why AJAX? 4. Look at some AJAX examples

More information

Joomla! Frontend Editing

Joomla! Frontend Editing Joomla! Frontend Editing Instructor for this Workshop Web Development School of Arts and Sciences TABLE OF CONTENTS Welcome... 3 What is Joomla?... 3 Joomla Overview Login... 4 How is Joomla! Organized?...

More information

MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE

MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...

More information

Outline. AJAX for Libraries. Jason A. Clark Head of Digital Access and Web Services Montana State University Libraries

Outline. AJAX for Libraries. Jason A. Clark Head of Digital Access and Web Services Montana State University Libraries AJAX for Libraries Jason A. Clark Head of Digital Access and Web Services Montana State University Libraries Karen A. Coombs Head of Web Services University of Houston Libraries Outline 1. What you re

More information

File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013

File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013 File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013 Page i Contact: Systems Alliance, Inc. Executive Plaza III 11350 McCormick Road, Suite 1203 Hunt Valley, Maryland 21031

More information

Survey Creation Workflow These are the high level steps that are followed to successfully create and deploy a new survey:

Survey Creation Workflow These are the high level steps that are followed to successfully create and deploy a new survey: Overview of Survey Administration The first thing you see when you open up your browser to the Ultimate Survey Software is the Login Page. You will find that you see three icons at the top of the page,

More information

Designing the Home Page and Creating Additional Pages

Designing the Home Page and Creating Additional Pages Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From

More information

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^ Betsy Bruce John Ray Robyn Ness Sams Teach Yourself Adobe Wfl lif ver W ^msssi^ mm WlM ^lg^ SAMS 800 East 96th Street, Indianapolis, Indiana, 46240 USA Table of Contents Introduction What Is Dreamweaver

More information

Exploring SharePoint Designer

Exploring SharePoint Designer Exploring SharePoint Designer Microsoft Windows SharePoint Services 3.0 and Microsoft Office SharePoint Server 2007 are large and sophisticated web applications. It should come as no surprise, therefore,

More information

CL_55244 JavaScript for Developers

CL_55244 JavaScript for Developers www.ked.com.mx Av. Revolución No. 374 Col. San Pedro de los Pinos, C.P. 03800, México, CDMX. Tel/Fax: 52785560 Por favor no imprimas este documento si no es necesario. About this course. This course is

More information

PCC Local File Viewer User Guide. Version /23/2015 Copyright 2015

PCC Local File Viewer User Guide. Version /23/2015 Copyright 2015 PCC Local File Viewer User Guide Version 1.0 01/23/2015 Copyright 2015 Table of Contents PCC Local File Viewer User Guide... 1 Table of Contents... 2 1 - Introduction... 3 2 - Choosing File Associations...

More information

ORB Education Quality Teaching Resources

ORB Education Quality Teaching Resources These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best

More information

Part of this connection identifies how the response can / should be provided to the client code via the use of a callback routine.

Part of this connection identifies how the response can / should be provided to the client code via the use of a callback routine. What is AJAX? In one sense, AJAX is simply an acronym for Asynchronous JavaScript And XML In another, it is a protocol for sending requests from a client (web page) to a server, and how the information

More information

STRANDS AND STANDARDS

STRANDS AND STANDARDS STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the

More information

Website Development Komodo Editor and HTML Intro

Website Development Komodo Editor and HTML Intro Website Development Komodo Editor and HTML Intro Introduction In this Lecture and Tour we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections

More information

MATLAB-to-ROCI Interface. Member(s): Andy Chen Faculty Advisor: Camillo J. Taylor

MATLAB-to-ROCI Interface. Member(s): Andy Chen Faculty Advisor: Camillo J. Taylor MATLAB-to-ROCI Interface Member(s): Andy Chen (chenab@seas.upenn.edu) Faculty Advisor: Camillo J. Taylor (cjtaylor@cis.upenn.edu) Abstract The Remote Objects Control Interface, or ROCI, is a framework

More information

Figure 1 Properties panel, HTML mode

Figure 1 Properties panel, HTML mode How to add text Adding text to a document To add text to a Dreamweaver document, you can type text directly in the Document window, or you can cut and paste text. You modify text by using the Properties

More information

Insert/Edit Image. Overview

Insert/Edit Image. Overview Overview The tool is available on the default toolbar for the WYSIWYG Editor. The Images Gadget may also be used to drop an image on a page and will automatically spawn the Insert/Edit Image modal. Classic

More information

How to set up a local root folder and site structure

How to set up a local root folder and site structure Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

Static Webpage Development

Static Webpage Development Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction

More information

Table Basics. The structure of an table

Table Basics. The structure of an table TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that

More information

HTML/CSS Lesson Plans

HTML/CSS Lesson Plans HTML/CSS Lesson Plans Course Outline 8 lessons x 1 hour Class size: 15-25 students Age: 10-12 years Requirements Computer for each student (or pair) and a classroom projector Pencil and paper Internet

More information

c122jan2714.notebook January 27, 2014

c122jan2714.notebook January 27, 2014 Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the

More information

Oracle WebCenter Content

Oracle WebCenter Content Oracle WebCenter Content Template Editor Guide for Dynamic Converter 11g Release 1 (11.1.1) E10635-02 November 2011 Oracle WebCenter Content Template Editor Guide for Dynamic Converter, 11g Release 1 (11.1.1)

More information

Course 20480: Programming in HTML5 with JavaScript and CSS3

Course 20480: Programming in HTML5 with JavaScript and CSS3 Course 20480: Programming in HTML5 with JavaScript and CSS3 Overview About this course This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript

More information

This tutorial will help you understand JSON and its use within various programming languages such as PHP, PERL, Python, Ruby, Java, etc.

This tutorial will help you understand JSON and its use within various programming languages such as PHP, PERL, Python, Ruby, Java, etc. About the Tutorial JSON or JavaScript Object Notation is a lightweight text-based open standard designed for human-readable data interchange. The JSON format was originally specified by Douglas Crockford,

More information

Chapter 1 True/False Instructions: Circle T if the statement is true or F if the statement is false.

Chapter 1 True/False Instructions: Circle T if the statement is true or F if the statement is false. Name Date Chapter 1 True/False Instructions: Circle T if the statement is true or F if the statement is false. T F 1. WYSIWYG stands for What You See Is What You Get. T F 2. The menu bar shows the application

More information

FUNDAMENTALS OF WEB DESIGN (46)

FUNDAMENTALS OF WEB DESIGN (46) 8 Pages Contestant Number Time Rank FUNDAMENTALS OF WEB DESIGN (46) Regional 2010 Points Section Possible Awarded 20 Questions @ 5pts. 100 pts Application (Subj.) 100 pts TOTAL POINTS 200 pts Failure to

More information

COURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

COURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 ABOUT THIS COURSE This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into

More information

Network Tester: A Generation and Evaluation of Diagnostic Communication in IP Networks

Network Tester: A Generation and Evaluation of Diagnostic Communication in IP Networks 2018IEEE.Personaluseofthismaterialispermitted.PermissionfromIEEEmustbeobtainedforallotheruses,inanycurrent or future media, including reprinting/republishing this material for advertising or promotional

More information

The figure below shows the Dreamweaver Interface.

The figure below shows the Dreamweaver Interface. Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia

More information

It is possible to create webpages without knowing anything about the HTML source behind the page.

It is possible to create webpages without knowing anything about the HTML source behind the page. What is HTML? HTML is the standard markup language for creating Web pages. HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in

More information

Custom Fields With Virtuemart 2. Simple Custom Fields. Creating a Custom Field Type

Custom Fields With Virtuemart 2. Simple Custom Fields. Creating a Custom Field Type Customization in Virtuemart 2 Custom Fields With Virtuemart 2 Custom Plugin Fields in Virtuemart 2 Part 1. Installing and Using Custom Plugin Fields Custom Plugin Fields in Virtuemart 2 Part 2. Programming

More information

DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE

DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...

More information

Alpha College of Engineering and Technology. Question Bank

Alpha College of Engineering and Technology. Question Bank Alpha College of Engineering and Technology Department of Information Technology and Computer Engineering Chapter 1 WEB Technology (2160708) Question Bank 1. Give the full name of the following acronyms.

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Programming in HTML5 with JavaScript and CSS3 20480B; 5 days, Instructor-led Course Description This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic

More information

Stamina Software Pty Ltd. TRAINING MANUAL Viságe Reporter

Stamina Software Pty Ltd. TRAINING MANUAL Viságe Reporter Stamina Software Pty Ltd TRAINING MANUAL Viságe Reporter Version: 2 21 st January 2009 Contents Introduction...1 Assumed Knowledge...1 Pre Planning...1 Report Designer Location...2 Report Designer Screen

More information