SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Graphic, Animation,
Audio and Video Digital
Technology
Introduction: Graphic
Digital Technology
3
IntroducationIntroducation
►
★
g
4
 Graphic definition-known as drawing, pictures or letter
created using media such as pen, pencil , brush and
etc.
 With modern technology:computer-produce variety
types of graphic.
IntroductionIntroduction
5
 Computer graphic or graphic digital refers to
production of graphic using of computer software or
tools.
 Graphic digital refers to simple image such as lines,
circle or complex images (fractal- display image
produce through computer coding/programming
language).
Introduction of Graphic DigitalIntroduction of Graphic Digital
6
 Using computer technology to produce variety types
or digital graphic shapes already increases in many
aspect our lives.
 Engineer, architect, designer, teachers, student and
many others get benefits form this computer
technology specialy to get graphic for their own
needs/field.
Introduction of Graphic DigitalIntroduction of Graphic Digital
Using Graphic in
Education
8
 Graphic already used as a medium to convey
information
Kindergarten or primary school:
How students learnt about letters or new things?
Graphic In EducationGraphic In Education
9
Teaching Method at Kindergarten or primary school :
 Student will introduce to an image or an object before
knowing letter.
 Than, combination between image and letter to
produce more understanding about what they are
learning.
Graphic In EducationGraphic In Education
10
 Secondary School atau University :
 Graphic was use widely in delivering information.
Books, teaching poster, OHP slaids, charts etc.
 Why ?
 What are benefities?
Graphic In EducationGraphic In Education
11
 Effective in delivering information
 Fast in delivering massage
 Penekanan Terhadap Maklumat
 Can Pengekalan Maklumat dalam Ingatan
 Increase student interest and motivation
 More realistic infomation
 Meningkatkan Kebolehpercayaan
Graphic In EducationGraphic In Education
Graphic in Multimedia
Application Development
or Web Development
TEKNOLOGI GRAFIK
13
 Why must use graphic in multimedia application
development?
 Why must use graphic in web development?
 How to use graphic in both development?
Graphic FunctionGraphic Function
14
 This is example graphic function:
 Fun
 Gave Information
 Media communication
 Deliver story
 Persuade
 Emotion and feeling expression
Graphic FunctionGraphic Function
15
 There many ways to use graphic in multimedia or web
development.
 For example; can be use as background, user
interface, photograph, chart, cartoon, button or icon or
etc.
Graphic FunctionGraphic Function
16
As user interface and button or icon for exploring purpose
Graphic FunctionGraphic Function
17
Graphic FunctionGraphic Function
As screen background
18
As a chart or diagram
Graphic FunctionGraphic Function
19
Graphic FunctionGraphic Function
With photograph, mesage can be deliver effectively
20
Graphic FunctionGraphic Function
With photograph, mesage can be deliver effectively
21
 Jamalludin Harun & Zaidatun Tasir (2000), Pengenalan
Kepada Multimedia, Venton Publishing : Kuala Lumpur.
 Jamalludin Harun, Baharuddin Aris & Zaidatun Tasir
(2001), Pembangunan Perisian Multimedia : Satu
Pendekatan Sistematik, Venton Publishing : Kuala
Lumpur.
 Jamalludin Harun & Zaidatun Tasir (2003), Multimedia
dalam Pendidikan, PTS Publications: Bentong.
RUJUKAN
22
AktivitiAktiviti
 Nyatakan peranan grafik yang bakal digunakan dalamNyatakan peranan grafik yang bakal digunakan dalam
bidang masing-masing. Berikan contoh topik/sub-topik danbidang masing-masing. Berikan contoh topik/sub-topik dan
bagaimana ia digunakan.bagaimana ia digunakan.

Weitere ähnliche Inhalte

Ähnlich wie Graphic introduction

Breaking into interactive media industry
Breaking into interactive media industryBreaking into interactive media industry
Breaking into interactive media industryjasonw93
 
Career after multimedia degree
Career after multimedia degreeCareer after multimedia degree
Career after multimedia degreetgcindia1234
 
Career after multimedia degree
Career after multimedia degreeCareer after multimedia degree
Career after multimedia degreeTGCIndia1
 
Introduction to 2D and 3D Computer Graphics
Introduction to 2D and 3D Computer GraphicsIntroduction to 2D and 3D Computer Graphics
Introduction to 2D and 3D Computer GraphicsPrabathSamarasinghe2
 
Graphics Designing Course in Chandigarh.pdf
Graphics Designing Course in Chandigarh.pdfGraphics Designing Course in Chandigarh.pdf
Graphics Designing Course in Chandigarh.pdfExcellence Technology
 
Multimedia Development and Evaluation
Multimedia Development and EvaluationMultimedia Development and Evaluation
Multimedia Development and EvaluationMechelle Tumanda
 
Graphic Design Ideas
Graphic Design IdeasGraphic Design Ideas
Graphic Design IdeasSimplyMaVee
 
Digital mind mapping strategy
Digital mind mapping strategyDigital mind mapping strategy
Digital mind mapping strategyRamakanta Mohalik
 
Graphic Designing Course in Chandigarh
Graphic Designing Course in ChandigarhGraphic Designing Course in Chandigarh
Graphic Designing Course in ChandigarhExcellence Technology
 
Graphic Designing Course in Chandigarh.pdf
Graphic Designing Course in Chandigarh.pdfGraphic Designing Course in Chandigarh.pdf
Graphic Designing Course in Chandigarh.pdfExcellence Technology
 
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)Eko Supriyadi
 
IICE-Graphic designing course training in indore
IICE-Graphic designing course training in indoreIICE-Graphic designing course training in indore
IICE-Graphic designing course training in indoreJagdeepSingh395
 
The future of animation
The future of animationThe future of animation
The future of animationsharon4321
 
Digital Technologies Guidelines
Digital Technologies GuidelinesDigital Technologies Guidelines
Digital Technologies Guidelinesmstevenson
 
Need for graphics design
Need for graphics designNeed for graphics design
Need for graphics designAnuradha Sajwan
 
Graphic designing training in nagpur
Graphic designing training in nagpurGraphic designing training in nagpur
Graphic designing training in nagpurOSK IT SOLUTION
 
Aliya ambreen 31 december2017 in
Aliya ambreen 31 december2017  inAliya ambreen 31 december2017  in
Aliya ambreen 31 december2017 inAliya Ambreen
 
Picture This © data visualisation platform by And Then
Picture This © data visualisation platform by And ThenPicture This © data visualisation platform by And Then
Picture This © data visualisation platform by And Thenvikram sood
 

Ähnlich wie Graphic introduction (20)

Breaking into interactive media industry
Breaking into interactive media industryBreaking into interactive media industry
Breaking into interactive media industry
 
Multimedia Designer.pdf
Multimedia Designer.pdfMultimedia Designer.pdf
Multimedia Designer.pdf
 
Career after multimedia degree
Career after multimedia degreeCareer after multimedia degree
Career after multimedia degree
 
Career after multimedia degree
Career after multimedia degreeCareer after multimedia degree
Career after multimedia degree
 
Introduction to 2D and 3D Computer Graphics
Introduction to 2D and 3D Computer GraphicsIntroduction to 2D and 3D Computer Graphics
Introduction to 2D and 3D Computer Graphics
 
Graphics Designing Course in Chandigarh.pdf
Graphics Designing Course in Chandigarh.pdfGraphics Designing Course in Chandigarh.pdf
Graphics Designing Course in Chandigarh.pdf
 
Multimedia Development and Evaluation
Multimedia Development and EvaluationMultimedia Development and Evaluation
Multimedia Development and Evaluation
 
Graphic Design Ideas
Graphic Design IdeasGraphic Design Ideas
Graphic Design Ideas
 
Digital mind mapping strategy
Digital mind mapping strategyDigital mind mapping strategy
Digital mind mapping strategy
 
Engage11
Engage11Engage11
Engage11
 
Graphic Designing Course in Chandigarh
Graphic Designing Course in ChandigarhGraphic Designing Course in Chandigarh
Graphic Designing Course in Chandigarh
 
Graphic Designing Course in Chandigarh.pdf
Graphic Designing Course in Chandigarh.pdfGraphic Designing Course in Chandigarh.pdf
Graphic Designing Course in Chandigarh.pdf
 
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)
Menerapkan prinsip prinsip seni grafis dalam dkv untuk m (5)
 
IICE-Graphic designing course training in indore
IICE-Graphic designing course training in indoreIICE-Graphic designing course training in indore
IICE-Graphic designing course training in indore
 
The future of animation
The future of animationThe future of animation
The future of animation
 
Digital Technologies Guidelines
Digital Technologies GuidelinesDigital Technologies Guidelines
Digital Technologies Guidelines
 
Need for graphics design
Need for graphics designNeed for graphics design
Need for graphics design
 
Graphic designing training in nagpur
Graphic designing training in nagpurGraphic designing training in nagpur
Graphic designing training in nagpur
 
Aliya ambreen 31 december2017 in
Aliya ambreen 31 december2017  inAliya ambreen 31 december2017  in
Aliya ambreen 31 december2017 in
 
Picture This © data visualisation platform by And Then
Picture This © data visualisation platform by And ThenPicture This © data visualisation platform by And Then
Picture This © data visualisation platform by And Then
 

Mehr von Shaharuddin Md Salleh (7)

Animation introduction
Animation introductionAnimation introduction
Animation introduction
 
Multimedia Introduction
Multimedia Introduction Multimedia Introduction
Multimedia Introduction
 
Evernote slide
Evernote slideEvernote slide
Evernote slide
 
CV
CVCV
CV
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Prezi
PreziPrezi
Prezi
 
Surveyplanet
SurveyplanetSurveyplanet
Surveyplanet
 

Kürzlich hochgeladen

Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Seán Kennedy
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptshraddhaparab530
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptxmary850239
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxVanesaIglesias10
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 

Kürzlich hochgeladen (20)

LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 

Graphic introduction

  • 1. Graphic, Animation, Audio and Video Digital Technology
  • 4. 4  Graphic definition-known as drawing, pictures or letter created using media such as pen, pencil , brush and etc.  With modern technology:computer-produce variety types of graphic. IntroductionIntroduction
  • 5. 5  Computer graphic or graphic digital refers to production of graphic using of computer software or tools.  Graphic digital refers to simple image such as lines, circle or complex images (fractal- display image produce through computer coding/programming language). Introduction of Graphic DigitalIntroduction of Graphic Digital
  • 6. 6  Using computer technology to produce variety types or digital graphic shapes already increases in many aspect our lives.  Engineer, architect, designer, teachers, student and many others get benefits form this computer technology specialy to get graphic for their own needs/field. Introduction of Graphic DigitalIntroduction of Graphic Digital
  • 8. 8  Graphic already used as a medium to convey information Kindergarten or primary school: How students learnt about letters or new things? Graphic In EducationGraphic In Education
  • 9. 9 Teaching Method at Kindergarten or primary school :  Student will introduce to an image or an object before knowing letter.  Than, combination between image and letter to produce more understanding about what they are learning. Graphic In EducationGraphic In Education
  • 10. 10  Secondary School atau University :  Graphic was use widely in delivering information. Books, teaching poster, OHP slaids, charts etc.  Why ?  What are benefities? Graphic In EducationGraphic In Education
  • 11. 11  Effective in delivering information  Fast in delivering massage  Penekanan Terhadap Maklumat  Can Pengekalan Maklumat dalam Ingatan  Increase student interest and motivation  More realistic infomation  Meningkatkan Kebolehpercayaan Graphic In EducationGraphic In Education
  • 12. Graphic in Multimedia Application Development or Web Development TEKNOLOGI GRAFIK
  • 13. 13  Why must use graphic in multimedia application development?  Why must use graphic in web development?  How to use graphic in both development? Graphic FunctionGraphic Function
  • 14. 14  This is example graphic function:  Fun  Gave Information  Media communication  Deliver story  Persuade  Emotion and feeling expression Graphic FunctionGraphic Function
  • 15. 15  There many ways to use graphic in multimedia or web development.  For example; can be use as background, user interface, photograph, chart, cartoon, button or icon or etc. Graphic FunctionGraphic Function
  • 16. 16 As user interface and button or icon for exploring purpose Graphic FunctionGraphic Function
  • 18. 18 As a chart or diagram Graphic FunctionGraphic Function
  • 19. 19 Graphic FunctionGraphic Function With photograph, mesage can be deliver effectively
  • 20. 20 Graphic FunctionGraphic Function With photograph, mesage can be deliver effectively
  • 21. 21  Jamalludin Harun & Zaidatun Tasir (2000), Pengenalan Kepada Multimedia, Venton Publishing : Kuala Lumpur.  Jamalludin Harun, Baharuddin Aris & Zaidatun Tasir (2001), Pembangunan Perisian Multimedia : Satu Pendekatan Sistematik, Venton Publishing : Kuala Lumpur.  Jamalludin Harun & Zaidatun Tasir (2003), Multimedia dalam Pendidikan, PTS Publications: Bentong. RUJUKAN
  • 22. 22 AktivitiAktiviti  Nyatakan peranan grafik yang bakal digunakan dalamNyatakan peranan grafik yang bakal digunakan dalam bidang masing-masing. Berikan contoh topik/sub-topik danbidang masing-masing. Berikan contoh topik/sub-topik dan bagaimana ia digunakan.bagaimana ia digunakan.