Colloquium in Computer and Mathematical Sciences Education (CCMSE 2015)

Transcription

1

2 Colloquium in Computer and Mathematical Sciences Education (CCMSE 2015) Computer Sciences Computer Network & Data Communication Mathematical Sciences & Statistics System Sciences & Information Technology 1 August 2015, Star Complex, UiTM Perlis Organized By: Faculty of Computer and Mathematical Sciences

3 Editorial Committee Editor-in-Chief: Mahfudzah Othman Panel Editors: Assoc. Prof. Rohana Alias Assoc. Prof. Mohd Aishanuddin Abd Jalil Shukor Sanim Mohd Fauzi Rafiza Ruslan Arifah Fasha Rosmani Mohammad Hafiz Ismail Tajul Rosli Razak Alif Faisal Ibrahim Copyright by the Universiti Teknologi MARA Perlis All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or any means, electronic, mechanical photocopying, recording or otherwise, without prior permission, in writing from the Head of Faculty of Computer and Mathematical Sciences, UiTM Perlis. The views, opinions and technical recommendations expressed by the contributors and authors are entirely their own and do not necessarily reflect the views of the editors, the reviewers, the Faculty or the University. ISBN :

4 Part I: Computer Sciences Paper ID Title of Paper and Author Page No. 1 Capturing Best Practice in Teaching Introductory Programming Course A Case Study for Non-Computer Science Students Mohd Nizam Osman, Mushahadah Maghribi 1 2 Pair Programming An Overview 7 Nurzaid Muhd Zain, Zulfikri Paidi 3 Enhancing Logical Thinking and Reasoning Skills Through Collaborative Learning in Programming Mahfudzah Othman, Hawa Mohd Ekhsan, Mohd Nizam Osman, Jiwa Noris Hamid, Nurzaid Muhd Zain, Muhammad Nabil Fikri Jamaluddin, Umi Hanim Mazlan, Nora Yanti Che Jan, Hanisah Ahmad 4 Fundamentals of Algorithm Design Course: Issues, Challenges & Proposed Teaching-Learning Approaches Umi Hanim Binti Mazlan, Mahfudzah Othman 5 Engaging Students Interest with the Use of Web 2.0 for CSC253 Lectures and Presentations Arifah Fasha Rosmani 6 The use of Self-made Student s Video as an Assessment Tool in Programming Course Jiwa Noris bin Hamid, Hawa Mohd Ekhsan, Mahfudzah Othman

5 Part II: Computer Network & Data Communication Paper ID Title of Paper and Author Page No. 7 Open Source Network Simulators for Teaching Computer Networking Concepts Syafnidar Abdul Halim, Nur Khairani Kamarudin 8 Assessment on Campus Internet Service among Students towards Better Education in UiTM Perlis Noorfaizalfarid Mohd Noor, Fatin Masturah Amin Razip, Maisarah Mustafa, Norashikin Khalid, Nur Fatin Adila Zuher, Mohd Faris Mohd Fuzi 9 Algorithm Animation of Cryptanalysis S-DES as an e-learning Tool for Network Security Students Mohd FarisMohd Fuzi, Noorfaizalfarid Mohd Noor,Tajul Rosli Razak, Iman Hazwam Abdul Halim, Muhamad Arif Hashim 10 Security Training and Education via Classroom Lecture and Group Project Assignment: A Case Study Abidah Mat Taib 11 Improving Teaching and Learning Experiences by Implementing Remote Desktop Management in Computer Laboratories Nur Khairani Kamarudin, Syafnidar Abdul Halim

6 Part III: Mathematical Sciences & Statistics Paper ID Title of Paper and Author Page No. 12 TRIZ-based Assessment of Undergraduate Student s Work to Foster Meaningful Instruction Noraini Noordin, Sharifah Fhahriyah Syed Abas In-Stats: Mobile Learning for Statistics Courses 66 Azlan Abdul Aziz, Mastura Ahmad, Ainaa Abu Bakar, Nor Azriani Mohamad Nor, Teoh Yeong Kin, Suzanawati Abu Hasan 14 Strategies in Teaching Generation Z 71 Anas Fathul Ariffin, Muhammad Hilmi Samian, Siti Nurasyikin Shamsuddin, Dalia Attan, Azman Ahmad Bakir

7 Part IV: System Sciences & Information Technology Paper ID Title of Paper and Author Page No. 15 Cloud-based Students Academic Monitoring for Academic Advisors 74 Mahfudzah Othman, Nur Fathihah Mansor, Nurzaid Muhd Zain 16 Open Learner Model for Programming through Collaborative e- Learning Mahfudzah Othman, Siti Hana Quzaima Alias 17 A Study on the Impact of Motivational Camp on Soft Skills Enhancements Arifah Fasha Rosmani, Mahfudzah Othman, S.S.M. Fauzi A Study on Learners Readiness for e-learning in Malaysia 91 Ahmad Yusri Dak, Saadiah Yahya, Lailatul Mastura Abdul 19 Database Course Issues in Bachelor of Information Technology Program Nor Azzyati Binti Hashim IT subject for non-it students: Are They Really Concerned About It? 102 Abdul Hapes Mohammed, Nurul Diana bt Mohamed Iqbal 21 Creating S-Diagram for Writing Literature Review 106 Rafiza Ruslan, Suria Haron 22 ELISA: E-Learning Integrated Short Announcement 110 Mohammad Hafiz bin Ismail 23 Framework Based Web Application Development Course for Bachelor Degree Khairul Anwar Sedek, Azmi Abu Seman 24 Analisis Keberkesanan Kem Pemantapan dan Motivasi Dalam Meningkatkan Prestasi Akademik Pelajar di UiTM Perlis Iman Hazwam Abd Halim, Syafnidar Abdul Halim, Tajul Rosli Razak, Muhammad Nabil Fikri Jamaluddin, Muhamad Arif Hashim, Mohd Faris Mohd Fuzi 25 A Simple Recommender Engine for Matching Final-Year Project Student with Supervisor Mohammad Hafiz Ismail, Tajul Rosli Razak,, Muhamad Arif Hashim, Alif Faisal Ibrahim Walkthrough: Learning Mobile Application at a Glance 132 Mohammad Hafiz Ismail

8 CCMSE 2015, 1 August 2015 Framework Based Web Application Development Course for Bachelor Degree Khairul Anwar Sedek 1,a, Azmi Abu Seman 2,b 1,2 Faculty of Computer and Mathematical Sciences Universiti Teknologi MARA Perlis, Malaysia a khairulanwar@perlis.uitm.edu.my, b azmi384@perlis.uitm.edu.my Keywords: Computer Science Education, Web Application Development, Framework Abstract.Working environment in Web application area demands computer professionals know how to create and maintain Web application systems for managing information and communicating with customers. This paper proposed Web application development course syllabus which was designed to expose students to the latest techniques and technologies in developing Web application system. The objectives are to study the current issues and technologies and to formulate the right teaching and learning approach using an enhanced Web application development syllabus. This will produce student with the right knowledge skill as need byindustries. The proposed syllabus includes new Web technologies introduced in lecture contents besides self-exploring by the students. The most important contents in the lecture will be practices in the laboratory work as exercises, assignments and a project. Student need to enhance assignment work for the development of a real world Web application in terms of functionality, quality, and adaptation of new Web application technologies. At the end, this paper expects a better learning outcome and can be applied in any Web application development areas. Furthermore, it also meets the standard and requirement of effective Web application system. Introduction According to Connallen[1], Web application is Web system (Web server, network, HTTP, browser) in which user input (navigation and data input) effects the state of the business. Web application is also known as Web-based application, Internet application, online application, and electronic application. The common term found in literature is Web application. Basically, Web application is distributed client-server application that consists of Web browser as client and a Web server. People gain many benefits from the advancement of Web technologies. The world of Web application development has experienced a great deal of change over the past decade and many educators struggle to craft course syllabus in this area that cover not only the relatively stable essentials but also address the dynamics of change in web development [2]. Today's environment demands that computer professionals know how to create and maintain Web applications for managing information and communicating with customers. The proposed course syllabus of Web application development is designed to expose students to the development of Web application system in business environments. The objective of this paper is to propose new course syllabus for Web Technology and Application (ICT600) development in University Teknologi MARA. Currently, this course is offered as core course forbachelor of Information Technology (Hons). Previously, this course is called Dynamic Web Application Development (CSC574). The old syllabus course content includes HTML, client-side scripting using Java Script and server-side scripting using ASP. It focusses on programming language syntax. The new course syllabus is designed to provide student with the right teaching approach on Web application development in terms of Web application components, development techniques, and related technologies involved. ISBN :

9 CCMSE 2015, 1 August 2015 A systematic methodology used in this study divided into several steps: Identify state-of-the-art Web application development methods and technologies. Identify the weaknesses in teaching and learning of Web application development. Identify the requirements of effective and efficient Web application. Develops teaching and learning approach based on learning outcome of Web application. Proposed new course syllabus. Performance quality attributes for client-server Web architecture, distributed Web architecture and service-oriented architecture are reliability, usability, security, availability, scalability, maintainability, performance, reusability, and interoperability [3]. These quality attributes should improve Web application. Lu and Yeung [4] has proposed a comprehensive framework for effective commercial Web application development based on their prior research in hypermedia and human computer interfaces. The framework regards Web application development as a special type of software development project. The use of the framework results in more effective commercial Web application development. Trends in Web application development Figure 5: A framework for effective Web application [4] The process and functionality of Web application development have evolved along with the rapid growth of technology and devices. Many new techniques in web applicationdevelopment have been adapted and incessant flow of different trends has been followed in this particular aspect. Every year changes are observed in the trends of web application development process due to increasing demand from users. Rich Internet Applications (RIAs) are widely adopted Web applications that add richer interaction, presentation and client-side computation capabilities of desktop applications to the Web [5]. Cloud computing has recently emerged as a compelling trend for managing and delivering services over the Internet. The rise of cloud computing is rapidly changing the landscape of information technology, and ultimately turning the long-held promise of utility computing into a reality [6]. Meanwhile, the Internet of Things (IoT) is another emerging trend. It has been defined as a proposed development of the Internet in which everyday objects has network connectivity, allowing them to send and receive data. Managing efficiency, personalized web application functionalities and economic cost of monitoring systems can be further enhanced with designing and developing a web application based on Internet of Things (IoT) and cloud computing. The integration of IoT and cloud computing is called as the CloudIoT paradigm[7]. ISBN :

10 CCMSE 2015, 1 August 2015 Issues in teaching and learning of Web application Development Teaching and learning Web application development faces a number of issues and problems by educators and students. Cunliffe[8] states that Web application development may faces the following hurdles : 1. Platform independent networked delivery 2. Blend of elements. Web site design can be seen as a blend of three elements: content, visual appearance, and usability; 3. Diverse user population. The potential user population is worldwide, embracing a wide variety of cultural conventions, languages and so on; 4. Lack of clear model of user behaviour. The way in which users use the Web has not been thoroughly investigated; 5. The wide range and variable quality of guidance available 6. Preparation of future technologies and trends in Web application. Teaching Web application development in undergraduate Computer Science (CS) courses is a difficult task because there is a gap between the students experiences and the reality in the industry[9]. This gap is due to several aspects such as the syllabus of the courses, complexity of the assignments, the framework used, the infrastructure and the environment at the University. Unlike other computing courses, which tend to have fairly established syllabus and teaching approaches, Web application development as a topic area has a multitude of different syllabus approaches. Most educators tend to focus on teaching the particularities of a given technology stack. That is, most web application development courses spend most of the course time teaching HTML, CSS, PHP/ASP.NET/Python, and other technologies[2]. Adams [10] also found that educators who wish to teach Web application development will immediately face many challenges such as choice of topics, choice of text, and pedagogy. Related Work in Web application Teaching Techniques Given the prevalence of Web applications, it is important for educators to include the principles and technologies associated with Web application development in undergraduate course syllabus. Mudigonda and Buerck[11] shared their experiences in developing and implementing a course in Web application development using freely-available technologies and learning materials such as Eclipse IDE and Google App Engine. The courses are designed in an accelerated format which took only 8 weeks to finish the syllabus. Chung and McLane [12] proposed Active Learning Environment in Computing (ALEC), to enhance the understanding of Web application course through the strong hands-on practices of the students. These approaches have shown a good result where students can smoothly understand the course materials without having the sharp learning curve when studying the Java-related technologies such as JavaScript, JSP, JavaBean, and JDBC. Course Outcome Approach Based on Web Application Framework Development The paper proposed Web application development course based on the development of Web application framework. The purposed is to provide student with core Web application development technologies and fundamental framework of Web application. It covers theories and practices of Web application development. Table 3 presents the components techniques and related technology in order to develop effective Web application. ISBN :

11 CCMSE 2015, 1 August 2015 Table 3. Required Web application components, techniques and related technology to develop effective Web application. Component Techniques approach Web technology Core Web application technology Web application quality attributes Definition, usage of related Web technology Common functional requirements Quality attributes ISBN : TCP/IP, WWW, HTTP, HTML, Client-script, Web architecture, Web client, Web Server, Web service, SOA. Usability, availability, security, interoperability, reliability and performance. Client-side scripting Using common Client-side script HTML, XHTML, HTML5, JavaScript, CSS Web design Creating Web page, templates, themes and styles. Navigation design. XHTML, HTML5, CSS, Web template Server-side Database access Web input and output Security Web application architecture Web application testing Using common Server-side programming script Database connectivity CRUD operation Drill-down data page Data navigation Web form Input validation Output generation Multimedia Authentication, Authorization, Personalization, OWASP MVC Layered-architecture Functional testing Usability testing Performance testing Security testing Proposed Approach for Web Application Coursework PHP, JSP, Python,.Net SQL, XML, JSON. MySQL, JDBC, Database connection driver. HTML Form HTML5 Form AJAX JQuery Session management, Cookies, HTTPS, SSL, Encryption JSP, JSF, PHP, Web application framework Model review JMeter performance testing Using Security guideline Penetration testing The proposed should be able to achieve the following learning outcomes: i. Understand the Web application technologies, architectures, and development principles. ii. Demonstrate the capability to design and develop effective and efficient Web application iii. Evaluate the quality Web application. Due to wide variety of Web application technologies and methods, we proposed to design this course based on common components in general Web application with enhancement to the latest of technology at the final project. It is impossible for student to learn all the technologies and development approach in a single course therefore a general Web application based on framework is more suitable. The course can develop the capability of student in the basic of Web application development. It is designed towardsdevelopment of effective Web application. The technologies for Web keep updating very fast thus it is important to prepare the student to be able to apply and adapt new technology in their current project. From the basic, they need to apply whatever new Web technology in their Web application project such as AJAX, Web service, and cloud based application. As a result, student should be able to develop other type of Web application such as e- commerce, e-government, e-business, and e-learning.

12 CCMSE 2015, 1 August 2015 Based on the required components, technique and technology for Web application development as presented in the Table 1, this paper proposed the following scheme of work. Table 2 presents the scheme of work. The lecture contents are integrated with Lab work where the most important contents in the lecture will be practices in the laboratory work as exercises, assignments and project. Web application Component Core web application technology Table 1: Scheme of work Syllabus contents Lab activities Web technology ISBN : Create basic infrastructure of Web application deployment and development. Web application quality attributes Web application characteristics and attributes Find the most quality Web application and identify their quality. Web design Web application design Create Web page including template, home page, about page, navigation using HTML, CSS and IDE. Client-side scripting Client-side scripting Create a Web page using HTML5, CSS and JavaScript Server-side Server-side scripting Create a Web page using PHP/JSP Web input and output Web form and information Create a Form based on given problems. Form validation. Create Web page to display information. Database access Web application database Create connection to database. Create CRUD operation. Create drill-down page. Web application errors and Security Web application errors and debugging Web application security Input validation. Using OWASP guideline. Create login page. Access control using RBAC. Web application architecture Web application architecture Create Web application using MVC design pattern. Web application testing Web application testing Using Web application penetration and security testing tools. The paper proposed four individual assignments as the following: Assignment 1: Create a basic home page Assignment 2: Login and user registration Assignment 3: CRUD operation. Assignment 4: Personalized page. In group project, students need to form a group of project consists of three to four students. They need to enhance assignment work for the development of a framework of Web application. The project team need to enhanced in terms of functionality, quality, and apply new Web application technologies such as AJAX, JQuery, HTML5, and Web service. The project integrates all components developed during the assignment to be a basic Web application framework. Then, the framework is used to develop a Web application according to the title of project.this approach will save student time to create a complete Web application in a project because they do not need to develop from scratch. Thus, the assignment should include creating a basic component of Web application such as site theme and template, form handling and processing, database connection and

13 CCMSE 2015, 1 August 2015 transaction processing and security. The project must be tested in term performance and security. They learn evaluating Web application performance using JMeter and Web application security testing using OWASP Zed Attack Proxy (ZAP). The project should be able to be used as foundation or framework to development other Web application such as e-government, e-commerce, and e- business system. Conclusion This paper expects to achieve better learning outcomes in the following areas: Can be applied in any Web application development. Can be easily extended to more functionality. Meet the requirement of effective Web application. Meet the standard of Web application: HTML5, OWASP, and integration standard. At the end student should be able to fulfill industry needs to produce satisfied quality of Web application. This course is the design for development of basic Web application. In order to provide more skillful Web developers they need to enroll in more advanced level Web application development such asweb application security, Web engineering, and special Web application topics such as service oriented architecture (SOA), Cloud-based Web application and Internet of things. References [1] J. Conallen, Building Web applications with UML. Addison-Wesley Longman Publishing Co., Inc., [2] C. S. Miller and R. Connolly, Introduction to the Special Issue on Web Development, Trans. Comput. Educ., vol. 15, no. 1, pp. 1:1 1:5, Mar [3] R. Nagendra, Performance evaluation in web architectures, Oriental Jurnal of Computer Science and Technology, vol. 7, no. 1, [4] M. Lu and W. Yeung, A framework for effective commercial Web application development, Internet Research, vol. 8, no. 2, pp , May [5] P. Fraternali, G. Rossi, and F. Sánchez-Figueroa, Rich Internet Applications, IEEE Internet Computing, vol. 14, no. 3, pp. 9 12, May [6] Q. Zhang, L. Cheng, and R. Boutaba, Cloud computing: state-of-the-art and research challenges, J Internet ServAppl, vol. 1, no. 1, pp. 7 18, Apr [7] A. Botta, W. de Donato, V. Persico, and A. Pescape, On the Integration of Cloud Computing and Internet of Things, in 2014 International Conference on Future Internet of Things and Cloud (FiCloud), 2014, pp [8] Daniel Cunliffe, Developing usable Web sites a review and model, Internet Research, vol. 10, no. 4, pp , Oct [9] E. C. de Almeida, M. D. D. Fabro, and F. Sluzarski, Teaching Web Application Development: A Case Study in a Computer Science Course, Informatics in Education-An International Journal, no. Vol11_1, pp , [10] D. R. Adams, Integration Early: A New Approach to Teaching Web Application Development, J. Comput. Sci. Coll., vol. 23, no. 1, pp , Oct [11] S. Mudigonda and J. Buerck, The Design of an Undergraduate Web Application Development Course Using Free Technologies and Learning Materials, J. Comput. Sci. Coll., vol. 27, no. 5, pp , May [12] W. S. Chung and D. McLane, Developing and Enhancing a Client/Server Programming for Internet Applications Course, J. Comput. Sci. Coll., vol. 18, no. 2, pp , Dec ISBN :