Academic Activities

Publications

S Anis and M Mokhtar (2017). The 2nd International Conference of Vocational Higher Education (ICVHE) Conference Proceedings. Paper Title: Internship Program as a Strategy for Employability in Bahrain. Vocational Program, Universitas Indonesia (UI). Published: 8 August 2018. ISSN: 2518-668X.

Multimedia University, Faculty of Creative Multimedia (2009). Dewa 0.8 Pixel Reconstruct. In Munawarruzzaman, M., Erwin, A. J., and Zaini, K. Z. (Eds.), Research Creation Exhibition 2 (p. 31). Malaysia: Faculty of Creative Multimedia Publication. ISBN 978-983-41909-8-9. Printed in Malaysia.

Conferences

The 2nd International Conference of Vocational Higher Education (ICVHE) Conference.

Conference date: 27–29 July 2017. Location: The Sanur Paradise Plaza Hotel, Bali, Indonesia.

IdN Fresh Conference 2002

Conference date: 26–27 April 2002. Location: Singapore Expo Hall 2, Singapore.

Research Interest

My personal research interest focuses on game’s design theory and aesthetic, focusing on virtual and augmented reality.

Areas of Expertise

  • Design Consultations
  • Digital Media Design
  • Computer Graphics

Master Degree (MA) Research

“A Study on Integrating Moral Values into Computer Games Using a Storytelling Approach” for MA Art and Design (Visual Communication and New Media), Faculty of Art and Design, Universiti Teknologi MARA, Malaysia (2007). This research was conducted to investigate user’s behaviors during the course of gameplay of a computer game.

Curriculum Development

I have experiences in curriculum and quality assurance process while working in University College of Bahrain (UCB) for Graphic Design courses. I also have experiences in syllabus creation and programs review for Computer Graphics Design, Digital Media and Interactive Design for Diploma and Certificate courses for several academic institutions in Malaysia.

Teaching Experiences (Courses Taught)

[Teaching: Undergraduate] in Graphics Design Concentration in University College of Bahrain, Kingdom of Bahrain, since September 2014. Among my responsibility of courses coordination and teaching are:

This is an introductory studio to graphic design methods and processes, where fundamentals of design and visual communication are addressed. The studio starts with basic investigations in the development of visual form, and moves to gradually cover more complex components of graphic design dealing with the construction of meaningful visual messages and the organization of information.

This course begins the learning process of a most elementary and essential practice called ‘drawing’. This course is concerned with an approach to drawing known as objective and/or referential. It is an approach, which emphasizes the observation of objects seen in clusters within the studio environment and studied on location within the natural environment.

A study of the dynamic interaction of color and its applications for designers and artists. This course includes an introduction to the physics of color, color composition and the three dimensions of color, hue, value, and chroma, as well as the color wheel.

This course introduces students to illustration techniques and styles with the aim of strengthening their representation and visualizing skills to enrich the graphic design process and its outcomes. Assignments cover various themes while exploring a wide range of media.

This course will focus on the technical and photographic aspects of the digital image including the use of digital cameras (SLR), digital camera features, modes of operation, storage media, connecting and downloading images to the computer, enhancing images via editing software, file size (resolution) issues, and printing.

This course will survey the arts of the Ancient world, middle ages and Renaissance from about 3500 BC to about 1600. The course will cover the study of the painting, sculpture, architecture, crafts and other forms of visual expression, which show the great variety and richness of the arts of these different cultures and the evolution of world civilizations. Emphasis will be on examining all these works in their physical, historical and social contexts.

This course in art history traces the development of the modern project from the 18th century until the middle of the 20th century. It is within this time span that the modern project is investigated and questioned. From the early pronouncements of the philosophers of the Enlightenment this project is traced in order to understand its ambitions, excesses, violence, achievements and fall. Duly, the course concludes with a discussion of the idea of the post-modern.

This studio focuses on the development of corporate identity through investigation of abstraction and symbolic representation; logo design; and visual identity systems and their basic applications using various modes of image making and typography.

This studio focuses on processes of visual communication through diverse theme-based projects in which issues of meaning analysis/production, audience interpretation, and the cultural implications of design are emphasized. Through these projects aspects of image making, type/image relationships, visual narrative, and complex information organization will be explored.

In this course students develop a clear understanding of the usage of typography in all its forms. They explore the different components of type, the way it is used, when and where, and procedures and methods. The purpose is for the student to develop sensitivity toward type and to deal with it as a form versus a way to get a message read.

In this course students address text, new components are investigated: texture, direction, flow, space, etc. Text is formed from paragraphs made of words made of letters. Text is used for information, for support, and sometimes as an entity. Projects are distributed throughout the semester covering all these aspects.

This course covers the operation of Macintosh computers and literacy in desktop publishing programs as tools for digital imaging. The course will focus mainly on drawing and illustration tools with a basic introduction to photographic manipulation.

The purpose of this course is to give students the advanced level of computer literacy needed to be able to create digital media, manipulate photographic imagery, and combine graphics and text to create professional layouts.

This course focuses on the principals, strategies and techniques of motion graphics. Students will be exposed to the process of design in relation to time and motion, and will learn to develop animation pieces based on the exploration of storytelling, time, movement and media.

Starting with the industrial revolution’s impact on the development of design as a professional practice, the course will cover a period of time from the 19th till the end of the 20th Century. The course presents an interpretive inquiry into the various design movements, period styles and pioneer designers that have shaped the practice and established the discipline of Graphic Design.

This class looks at how meaning and usage are reshaped in digital media for the web. It explores the possibilities of animation and sound, interactivity & information structure(s) in affecting the way an image is experienced, a story is told, and an idea is understood. It implements the designer’s knowledge, flexibility, and confidence of working with interactive digital media.

[Teaching: Undergraduate (Part-Time)] in University of Bahrain, Kingdom of Bahrain, for 2 semesters between September 2017 to May 2018. I am responsible to teach:

يغطي هذا المقرر أساسيات التيبوغرافيا بما في ذلك دراسة مبادئ و مصطلحات و مفاهيم و أنواع و تصنيفات الخطوط ، بالإضافة إلى تشريحها و تمييزها.  ويستكشف الطالب تصميم واستخدام الخطوط في مجموعة متنوعة من التطبيقات التي يتمكن من خلالها من دراسة العلاقة بين النص والصورة.  يستكشف الطالب من خلال المقرر إمكانيات استخدام الأحرف والخطوط كوسيلة للاتصال المرئي والتعبير الفني، ويتعلم كيفية دمج الصور والنصوص مع استخدام تقنيات متقدمة للتوصل إلى حلول إبداعية لتصميم الخطوط

This course covers the fundamentals of typography including the study of typographic principles, terminology, letterforms, classifications, typographic anatomy, layout, design, and font recognition. Students will explore the design and use of typefaces in a variety of applications and will explore the relationship between text and image.  Students will also explore the possibilities of using typography as a means of artistic expression and visual communication.  They will learn how to integrate typography with imagery and use advanced techniques to come up with creative typographic design solutions.

تطبیقات عملیة على استخدام النشر المكتبي في إنتاج المطبوعات، ودراسة مختلف مراحل التصمیم وصول إلى الإنتاج، ونظم فرز الألوان إلكترونیا، ومرحلة ما بعد الطباعة

Practical applications on the use of desktop publishing in the production of publications, and the study of various stages of design in production, electronic color separation systems, and post-printing.

[Teaching: Undergraduate] in Design Department in College of Applied Sciences Nizwa, Sultanate of Oman, from October 2010 to September 2014. Among my responsibility of courses coordination and teaching are:

This course objective is to familiarize and equip students with competency skills in computer for design in preparation for learning and working within the creative industry.

Learning Objectives:

  • To introduce computer for design methods and techniques including the use of appropriate technology tools for layout and design and the use of drawing tools, including composition, image manipulation, editing and basic motion graphics for design purposes.

  • To develop students in understanding of the various software packages used in design, drawing, image manipulation, image editing and motion graphics.

This course is about preparing Design students with competency skills to prepare a professional portfolio of their work, focusing on putting together a presentation / interview portfolio and a digital portfolio with emphasis in interactivity in preparation for working within the creative industry or for applying to advance educational programs in design.

The students will gain a working knowledge of what it takes to put together a professional portfolio: Physical and Digital, and how to select their best work and how to present it.

Upon completion of this course, the student will be able to:

  • Prepare suitable portfolio of work for transfer to higher art and design degree programs, gallery participation and or career exploration.

    1. Prepare prints and art works with proper mats.

    2. Prepare digital portfolio.

    3. Prepare resume and designer’s statement.

  • Understand and react to the concept of the design brief in the area of design technology.

  • Have practical skills in the areas of the use of software and electronic delivery systems for digital portfolio production.

  • Identify the career possibilities in the design world and, thus, identify personal career goals.

  • Analyse artwork, consequently, able to analyse their own as well as other’s work in a professional manner.

This course is about applying a broad knowledge of creative technologies to generate original concept and digital strategies for a wide range of webpage Design.

Course Overview:

  • Utilise digital technologies to develop web interactive media.

  • Produce legible, interesting web layouts that effectively communicate the idea.

  • Design and development processes from research, script development, visual design, storyboards, and web design techniques.

  • Computer workshops build understanding of the interrelationship of an array of industry-standard applications used for interactive digital graphics, including web design, time-based media.

  • Industry standard formatting and technical production processes.

  • Theories, methodologies and processes underpinning the convergence of digital media techniques within creative industries will be showcased via lectures and tutorials offering industrial case studies and examples of past and current best practices.

This course is an introduction to visual effects; its concepts and techniques. The digital and well controlled media processes commonly associated with the production of film, video and game design are going to be explored along with the history and the development of the technology used today. The course covers not only the ability to create the effects, but the planning and execution of these effects to improve their ability in thinking like visual effects artists. The class concepts and practice are covered in the lectures and hands-on exercises to create one final project individually with their own effects using the available resources.

Expected Outcomes

  • Using the state of the design application. Demonstrate a broad understanding of visual effects as a digital genre.

  • Understand the principles and various types of traditional visual effects.

  • Use the critical vocabulary of visual effects in order to collaborate effectively.

  • Apply effective and practical research and problem solving skills in the analysis and professional resolution of a brief.

  • Demonstrate the ability to use processes & media relative to a specific visual effects genre.

  • Demonstrate the ability to estimate a visual effects project (timeframe, task organization & cost).

  • Develop a familiarity with the software tools of the trade and the disciplines required in visual effects project by completing lab assignments

This course requires students to investigate wider and growing applications for 3D graphics, animation & technology within emerging markets such as 3D visualization, media and entertainment etc.

Learning outcome:

  • Ability to use effectively 3D software to develop 3D environment.

  • Use industry standard computer hardware, software & peripherals.

  • Generate a variety of strategies for executing integrated concepts for cross digital media projects.

  • Demonstrate an understanding of inter related nature of 3D production technologies.

  • Manage project time efficiently & effectively. Create a complete 3d rendered scene for their portfolio.

This course covers the basic skills of digital photography including cameras as a tool and post-image editing techniques using graphic software enabling students to use photography independently or in an interdisciplinary way with other visual design media. Through learning these skills, the relationship between technological, creative and conceptual aspects of photography are explored and analyzed.

On successful completion of this paper, students will be able to:

  • Photograph confidently using a digital camera and be familiar with the industry related digital workflow of photography

  • Connect practice and theory of photography

  • Apply critical analyzing skills to the practice of photography, and the resolution of theoretical issues relating to it

  • Design and resolve a self-directed photographic portfolio

This course is about producing a broadcast-ready TVC/promo/station identity following various broadcast standards. The project will explore a wide range of Broadcast Design and Motion Graphics, such as: Pre & Post production, Editing, Lighting, Resource Management and Pipelines, Design Principles, Effects and Motion etc.

On completion of this paper the student will be able to:

  • Demonstrate a broad understanding of Broadcast Design and Motion Graphics as a digital genre

  • Apply effective research and problem solving skills in the analysis and professional resolution of a brief

  • Demonstrate the ability to use processes, media and editing programmes specific to broadcast design and motion graphics animation genre

  • Have developed the ability to interpret a theme or concept with imagination and flair while at the same time working with clarity and insight to produce a resolved work that fully satisfies the requirements of the brief

  • Demonstrate the ability to work both individually and collaboratively on a script, research, filming schedule and editing through to final presentation to a professional standard

  • Demonstrate a good understanding of the production process and time management

This course is focuses on the uses and techniques of compositing and the application of special effects used in digital production processes. Students will develop a theoretical and practical knowledge and understanding of the concepts and software used in creating digital effects used in multimedia production with respect to industry application.

On successful completion of this paper students will be able to:

  • Understand theoretical and practical visual effects background

  • Engage intellectually and practically with both ideas and processes.

  • Consider appropriate and relevant practice and technical solutions for a variety of applied contexts.

  • Collaborate individually or as a part of a team on a project.

  • Manage the timeframe, task and organisation.

This course focuses on applying advanced digital photographic techniques and critical evaluating skills to develop a self-directed photographic research project. The Photographic Studies course is research-based in nature, and supports the students to develop and resolve an advanced creative and/or conceptually oriented project. Students are encouraged to research areas of theory and practice that are appropriate and relevant to their chosen content of photographic work, and to work competently towards the standard of graphic communication industry.

On completion of this paper a student willbe able to:

  • Apply a range of advanced photographic skills in controlled and

  • appropriate ways

  • To develop, contextualise and execute a photographic project

  • To research and investigate relevant ideas, concepts and contexts related

  • to the self-directed project

  • To apply appropriate methods to photographic practice

  • To publicly address and articulate the self-directed project

  • To produce and print a photographic portfolio of industry standard.

[Teaching: Undergraduate] in Digital Media Department in Multimedia University, Malaysia, from June 2000 to October 2010. Among my responsibility of courses coordination and teaching are:

This course is about basic computer graphics skills that are required by a digital designers. The content of this course is focus on image editing and manipulation using design softwares that available in the market.

This course is about advance computer graphics skills that are required by a digital designers. The content of this course is focus on vector and bitmap graphics ceration, animation and motion graphics.

This course is about multimedia authoring knowledge to produce an interactive multimedia application. It begins with concept and idea development, followed by determining the logic of navigation through the usage of flowchart and probability.

This course is about creating interactive, dynamic and usable multimedia applications with intermediate to advance scripting knowledge.

At the end of this course the student will be able to:

  • understand different type of interactivity and the process to design interactivity for multimedia application.

  • emphasize on functionality and the usability of the application with the implementation of intermediate to advanced scripting understanding and knowledge.

Course Content:

Interactivity for Multimedia Application

Students will be introduced to the types of interactivity for multimedia applications, theories, processes and characteristic of interaction design in general. They will also discuss the fundamentals scripting principles for the types of interactivity introduced.

Understanding Input and Output Modalities

The syllabus will discuss in detail of possible input and output modalities for multimedia application, from Tactile, Auditory and Visual.  Students will also explore scripting knowledge needed to execute different types of input and output modalities.

Defining Functionality

Students will discuss on how to design and create application functionality, including designing the command, feedback and dialogues to communicate with the user.  They will experience creating automation and dynamic functionality of the application with advance scripting.

Enabling Usability with Advanced Interactivity

The syllabus will discuss the usability of design and interaction to achieve usable application- including how visible the application to the user, which combination of feedback used, the application constrains and how user controls the applications. 

Evaluation of Interactive Application

Students will learn what, why and when to evaluate the application, in order to have an easy to learn, effective, efficient, safe and satisfying to use multimedia application.

This course is about understanding digital media scope of development develop, creative thinking, competency in conceptualizing ideas. The ability to visualize the information into visual images through the understanding of the elements, principles and process of digital media skills required in the design profession.

At the end of this course the students will be able to:

• understand digital media roles
• explain and implement digital media fundamentals
• explain and implement the design process
• create and visualize information to visual information using appropriate components
• identify the principles and concept digital media pipeline to be used
• understanding the transformation era from analog to digital and the important

Course Content:

Introduction to Digital Media

The roles of digital media in visual communications as well as its applications in design areas related to information design, persuasion design and identification.

Fundamental of Digital Media

The implementation and fundamental of three major element areas of digital media 1: image processing, 2: digital audio and 3: digital video – are planned as proof-of-concept project and development that will cover additional areas as ultimate goal.

Visual Perception in Digital Media

To implement and to expose an experimental approach of the visual arts consists with visual processes, interactivity system design and visual perception in digital to achieve meaningful results.

Digital Media Pipeline

To understand and to explore material deliverables method in an electronic format – via the Web, CD-ROM, and e-books and will make it possible to supplement the material with multimedia enhancements such as interactive examples, hyperlinks to advanced explanations, manipulability charts and graphs, simulations, 3-D images, and audio clips. An additional goal is to investigate new electronic delivery formats.

Digital Reproduction

To understand and to explore the use and capabilities of digital media technology in changing analog management and commercial tools to digital era development.

This course is about developing creative thinking, competency in conceptualizing ideas and the ability to transfer into visual images through the understanding of the elements, principles and process of digital media with combination of idea, technique, skill, tools, technology and the rule and regulation as required in the design profession.

At the end of this course, students will be able to:

• explain elements of effective visual layout design
• create images with proper layout design
• create visuals using typography and layout principles
• design and develop logos consisting of proper design and layout principles
• Evaluate the design process for creating visually stimulating still images

Course Content:

Digital Media – ideation and visualization

To introduce the importance of understanding the elements, principles and process of digital media idea development, layout and applications in visual communication.

Design and graphic user interface

To understand, explore and creating functional graphic user interface with purposed for digital visual communication in relation with function, color, environment, user define and strategy.

Dynamic digital media persuasion design

To explore and applied the character or principle (as in authoritarian control or rigid discipline) to produce digital layout and the integration using 5 main components of design persuasion: 1. Deconstruct the “persuasion factors”. 2. Emotion that sells; or, how to avoid…, 3. Create “moments of decision” visually, 4. Practice weird science and 5. Technology.

Emerging multimedia design and tools

Creative association of technology, technique, tools and applications to produce digital media artwork practically using (eg: qtvr, virtual environment, gadget, interface, online, streaming, internet and etc..) to create and identified practical digital visual communication.

Law and order

Understanding and expose to multimedia and communication act, copy-write act, trade mark act practice by Malaysian government or internationally and other law and order been practice for digital output.

This course is about understanding of information design and visual communication through the usage of diagrams. This course emphasize on the usage of visual languages, signage, icons design, visual semantics and semiotics.

This course will provide students with skills and knowledge of multimedia and the multimedia development process. The course will be cover theories and concepts on multimedia and multimedia development, and provide a comprehenisive understanding of the realm of digital multimedia application production. Students will have hands-on experience with authoring an interactive multimedia application through the use of a multimedia authoring tool that is popularly used in industry.

This course is about the development of games from concept to application. It begins with ideation, concept, proposal and sketches and continue to develop into digital form through adaptation of programming language and image creation and editing.

This course is about developing multimedia application for the purpose of education and e-learning. It start with the study of users’ need and solving the issues of designing e-learning application. Students will then develop their own multimedia application to address the issues that they discovered during the preliminary research.

The objective of this course is to introduce dynamic motion graphics for graphical user interface to enhance interactivity.

At the completion of the subject, the student should be able to:

• comprehend the importance of vector motion graphics in interface design,
• use motion graphics for enhancing user interface,
• has a good understanding of related programming language,
• understand the best solutions for integrating vector motion graphics to other interactive platforms.

Course Content:

Motion Graphics as an Interactive Media

An introduction about the importance of motion graphics in creating user interface. This module will also discuss and expose principle and element to enhance, provide and deliver dynamic content flow through interactive media.

Vector Motion Graphics

This module will introduce to concentrate on the use of motion properties to create keyframe animation. It will also cover the features related to motion path.

Vector Effects

This module will provide techniques and utilization of effects used for assets organization for more efficient workflow.

Vector Motion Graphics and Interface Design

This module will focus on techniques used to add vector motion graphics effects into interactive assets such as, adding sound to buttons, interactivity with frame actions and interactivity with objects.

Features and Solutions

This module will focus on the technical aspect in producing vector motion graphics for other interactive medium and formats.

The objective of this subject is to provide the basic principles related to interactive media and to provide effective strategies to communicate information through interactive media by using design language.

At the completion of the subject, students should be able to:

• Understand the principle of interactive media,
• Understand the workflow for developing interactive content,
• Provide effective strategies to communicate information through interactive media.

Course Content

Digital Media Overview

The objective of this module is to establish an overview about the use of digital media advantages to interact and communicate information compared to traditional methods. It will also briefly introduce the use of visual hierarchy, visual cognates in designing visual language.

Visual Perception and Design

This module explores the possibilities in communicating information using visual perception in interactive design. It will also cover Gestalt Principle of Design and introduce the ideas behind the use of metaphoric subject, semantic and semiotic language in creating and developing graphic design.

Principles of Interactive Media

This module will focus on Interactive Media principles. It will also concentrate on communicative interaction, navigational and interactivity aspects, purpose, usability and functionality.

Backbone, Programming and Development

This module will discuss the process involve in integrating digital multimedia components with standard technical requirements in context of interactive media.

Marketing, Behavior and Strategy

This module will identify on the importance of developing effective marketing strategies focusing on interactive digital media products. It will also cover the related production cost, development time schedules, competitive product features, quality, positioning, ergonomics and demographics aspects.

Design Psychology and Pedagogy

This module will identify the Psycho-Aesthetics effects related to user-products relationship. It will also expose the pedagogy methods based on user psychology for more effective communication with potential user.

Instructional Design Theories

This module will concentrate on the fundamental of developing instructive interactive content. A guide where students will be exposed to systematic content organization, understanding users, goals and strategies.

Idea Development and Process

This module will provide the underlying framework for creating interactive design production, idea development and design process.

The objective of this subject is to provide a good understanding on dynamic interactive content.

At the completion of the subject, students should be able to:

• Provide an effective user interface for multiple interaction modes,
• Identify Human-Computer communication channels,
• Integrate visual design with Human-Computer communication channels

Course Content:

Dynamic Interactive Content Overview

This module will introduce the definition of dynamic interactive content and human-computer interaction related to digital media.

Human-Computer Communication Channels

This module will cover two parts; the first part is to emphasize the understanding of human input and computer output channels. The second part will focus on human output and computer input channels. It will also discuss the modalities, device and method used to create dynamic interaction.

Instructional Content Structure

This module will focus on the systematic development of instructional specifications using learning and instructional theory to ensure the quality of instruction, learning needs and goals.

Visual Language in Screen Design

This module will focus on the use of visual language in designing user interface to provide efficient content flow and interaction.

Dynamic Interactive Development Setup

This module concentrates on the technical issue involved in developing dynamic interaction. It will also discuss the development of a delivery system to meets user needs.

Idea Development and Execution

This module will provide the framework for creating design production, idea development and design process for dynamic interactive content.

This course is also known as Dissertation 1. It is about developing advanced understanding of Interactive Media Design and process of Information through elements of ‘background research’, ‘information data gathering’, and ‘concept and ideations’. To develop innovative thinking through the explorationof Interactive Multimedia Design.

This course is also known as Dissertation 2. It involves the actual implementation and execution of the proposed design project from Dissertation 1, accompanied by digital and analogue documentation of work in progress.

Course Objectives:

  • To achieve a high level of competency and understanding in ‘content creations’ development and delivery in the context of marketing, advertising and interactive multimedia.

  • To be highly capable in developing and producing creative concepts through ‘information’ graphic design – Interactive Multimedia.

  • To instill and inculcate innovative thinking and attitudes in the inter-related areas of Design, Computing and Interactivity – Basic Programming.

Academic Referees

Geoffrey Elliott, PhD

Professor,
Vice President

Affiliation: University Vice President (Current)
University College of Bahrain (UCB), P.O. Box 55040, Manama, Kingdom of Bahrain
Email: gelliott@ucb.edu.bh

Shawaludin Anis, PhD

Professor

Affiliation: Head of Department (Sept 2010 – June 2017)
– Retired Academician –
Email: shawaludin@gmail.com

Ahmad Rafi Mohamed Eshaq, PhD

Professor, Datuk Ts.

Affiliation: Dean / President (June 2000 – Sept 2010)
Multimedia University (MMU), 63100 Cyberjaya, Selangor, Malaysia
Email: rafi@mmu.edu.my

Affiliation: Supervisor for Master (July 2003 – July 2007)
Universiti Selangor, Kampus Bestari Jaya,  45600 Bestari Jaya, Selangor Darul Ehsan, Malaysia.
Email: drkamy@gmail.com