المحاضرة الأولى Lab(1) أ.ساره الأحمدي برمجة حاسب 2.

Slides:



Advertisements
Similar presentations
Information System Design Lab 5&6. User Interface Design.
Advertisements

Graphical User Interface (GUI) A GUI allows user to interact with a program visually. GUIs are built from GUI components. A GUI component is an object.
CA 121 Intro to Programming Tariq Aziz and Kevin Jones GUI Programming in Visual Studio.NET Chapter 3 Tariq Aziz and Kevin Jones.
Compunet Corporation Programming with Visual Basic.NET GUI Chapter 3 Week 13 Tariq Aziz and Kevin Jones.
Visual Basic.net IDE. Integrated Development Environment.
Visual Programming w/ Visual Basic How to prepare your mind to face the endless nightmare By Williem.
1b – Inside Visual Studio Lingma Acheson Department of Computer and Information Science, IUPUI CSCI N331 VB.NET Programming.
Getting Started Example ICS2O curriculum
Microsoft Visual Basic 2005 ENRICHMENT CHAPTER Visual Studio Tools for Office.
Visual Basic Fundamental Concepts. Integrated Development Enviroment Generates startup form for new project on which to place controls. Features toolbox.
Hello World In C++ and Microsoft Visual C++. Directions to begin a project 1. Go to All Programs 2. Open Visual Studio C++ 3. Click on New Project 4.
1- Date TimePicker 2- Month Calendar 3- User Defined Controls.
CSCI 3328 Object Oriented Programming in C# Chapter 2: Introduction to Visual C# Programming 1 Xiang Lian The University of Texas Rio Grande Valley Edinburg,
VISUAL C++ PROGRAMMING: CONCEPTS AND PROJECTS Chapter 1B Introduction (Tutorial)
Chapter 12: Using Controls. Examining the IDE’s Automatically Generated Code A new Windows Forms project has been started and given the name FormWithALabelAndAButton.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Assignment #1 Advanced Computer Programming.
Clearly Visual Basic: Programming with Visual Basic 2008 Chapter 4 I Need a Tour Guide.
Lab 01 Forms in excel Tahani ALdweesh Insert form into your project. 2. Change form’s properties. 3. Put controls on the form. 4. Change controls’
Microsoft Visual Basic 2005 CHAPTER 7 Creating Web Applications.
Chapter One An Introduction to Visual Basic 2010 Programming with Microsoft Visual Basic th Edition.
Microsoft Visual Basic 2012 CHAPTER THREE Program Design and Coding.
Visual C# 2012 How to Program © by Pearson Education, Inc. All Rights Reserved.
 2006 Pearson Education, Inc. All rights reserved Introduction to the Visual C# 2005 Express Edition IDE.
OBJECTIVES: To open an existing Project called HelloWorld. To learn how set properties using the property window and how to set them in the code. Chapter.
1 Chapter Ten Using Controls. 2 Objectives Learn about Controls How to create a Form containing Labels How to set a Label’s Font How to add Color to a.
Visual C# 2012 How to Program © by Pearson Education, Inc. All Rights Reserved.
CSC 230 (Blum)1 Visual Basic 2005 Hello World Fall 2005 T. Blum.
Visual Basic Programming Introduction VB is one of the High level language VB has evolved from the BASIC language. BASIC stands for Beginners All-purpose.
CS 101 Test 2 Study Guide Acronyms RAD - Rapid Application Development IDE - Integrated Development Environment GUI - Graphical User Interface VB - Visual.
SEEM3460 Tutorial GUI in Java. Some Basic GUI Terms Component (Control in some languages) the basic GUI unit something visible something that user can.
2a – Object Oriented Lingma Acheson Department of Computer and Information Science, IUPUI CSCI N331 VB.NET Programming.
1 Visual Basic Part I - A tool for customizing your program Principles of GIS
COMPUTER PROGRAMMING I 3.02 Apply Properties Associated with the Controls.
This is how you invoke the Microsoft Visual Studio 2010 Software. All Programs >> Microsoft Visual Studio 2010.
Chapter 3 I Need a Tour Guide (Introduction to Visual Basic 2010) Clearly Visual Basic: Programming with Visual Basic nd Edition.
COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.
CSC 230 (Blum)1 Visual Basic 2005 Hello World Fall 2005 T. Blum.
COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.
Using Forms and Form Elements In Visual Basic.NET.
Visual Basic/ Visual Studio Brandon Large. Connecting to prior knowledge In your notes write down what the two main parts of the computer are. The “software”
Chapter 3: I Need a Tour Guide (Introduction to Visual Basic 2012)
Visual Basic Fundamental Concepts
Chapter 2: The Visual Studio .NET Development Environment
Computing with C# and the .NET Framework
Object Orientated Programming using C#
Chapter 1: An Introduction to Visual Basic 2015
CSCI 3328 Object Oriented Programming in C# Chapter 2: Introduction to Visual C# Programming UTPA – Fall 2012 This set of slides is revised from lecture.
3.01 Apply Controls Associated With Visual Studio Form
Visual programming Chapter 1: Introduction
3.01 Apply Controls Associated With Visual Studio Form
Introduction to the Visual C# 2005 Express Edition IDE
VB 6.0.
User Forms.
الاسباب الأضرار وسائل الحمايه
Visual programming Chapter 3: GUI (Graphical User Interface) Part I
البرمجة بلغة فيجول بيسيك
مراحل كتابة البرنامج بلغة فيجول بيسك ستديو
Visual Basic..
Visual Basic.
مراجعة الحاسب.
Module 2 إنشاء تطبيقات الويندوز
The University of Texas – Pan American
Визуалды бағдарламалау ортасы.
Visual Studio.
Visual C# - GUI and controls - 1
Overview of the IDE Visual Studio .NET is Microsoft’s Integrated Development Environment (IDE) for creating, running and debugging programs (also.
Introduction to Visual Basic 2010
GUI Programming in Visual Studio .NET
Presentation transcript:

المحاضرة الأولى Lab(1) أ.ساره الأحمدي برمجة حاسب 2

طريقة الدخول إلى فيجول بيسك .نت : من قائمة ابدأ... كافة البرامج ...Microsoft Visual Studio .net. طريقة إنشاء أو البدء بمشروع جديد : 1- قائمة File...New Project. 2- ثم نختار .Windows Form Application 3-نختار اسم للمشروع الجديد ...OK

شاشة البرنامج الرئيسية نافذة النموذج Form: تظهر في المنتصف وتستخدم لتصميم واجهة البرنامج. نافذة مستكشف المشروع Solution Explorer : تحتوي على جميع الأدوات والعناصر الموجودة داخل مشروعك وعند إغلاقها يمكن إظهارها عن طريق : قائمة View...نختر الأمر Solution Explorer . نافذة الخصائص Properties Window: هذه النافذة تعتبر من أهم النوافذ وتعرض الخصائص المختلفة لكل أداة موجودة على Formولإظهارها نضغط المفتاح F4 صندوق الأدوات Toolbox : يشتمل على مجموعة من أدوات التحكم وعند إغلاقه يمكن إظهاره عن طريق : قائمة View...Toolbox.

Background image layout خصائص الفورم Form الخاصية وصفها Name الاسم البرمجي للفورم في الكود Text تحدد نص العنوان على الفورم Back color لون خلفية الفورم Background image لجعل خلفية الفورم صورة Background image layout التحكم في شكل الخلفية عندما تكون صورة Control Box إظهار أزارير التحكم (تصغير –تكبير ) For color لون خط الكتابة Font نوع الخط – حجمه Right to left اتجاه الفورم يكون من اليمين إلى اليسار

خصائص الفورم برمجياً كما يمكنك ضبط الخصائص للفورم من نافذة الخصائص يمكن ضبط هذه الخصائص عن طريق الكود كما يلي : 1- ننقر دبل كليك على الفورم ليظهر الكود. 2- يتم كتابة خصائص الفورم في الكود كالتالي : Me.property=value. قيمة الخاصية =اسم الخاصية . الإسم البرمجي الأداة مثال :تغيير اسم الفورم وقت الكود : ننقر دبل كليك على الفورم ونكتب الكود التالي في الكود الخاص للفورم : ”الصفحة الرئيسية ”Me.Text=

طريقة تشغيل التطبيق : طريقة حفظ المشروع : قائمة Debug نختر الأمر Start . من شريط الأدوات نضغط زر Start. نضغط مفتاح F5. طريقة حفظ المشروع : File...Save . File...Save All .

Control Toolsأدوات التحكم يمكن إدراج أدوات التحكم من شريط أدوات TOOLS BOXوهي عبارة عن كائنات لها خصائص معينة يتم إدراجها على الفورم إما بالسحب والإفلات أو النقر عليها دبل كليك . أشهر أدوات التحكم التي سوف يتم إدراجها : Lable Picturbox Boutton Textbox Checkbox RadioButton Combobox Listbox Groupbox

Background image layout خصائص الأدوات الخاصية وصفها Name الاسم البرمجي للأداة في الكود Text النص الذي سوف يظهر على الأداة Back color لون خلفية الأداة Background image خلفية صورة للأداة Background image layout التحكم في شكل الخلفية عندما تكون صورة Auto size تحجيم الأداة حسب حجم الخط أو المحتويات Visible خاصة بإظهار الأداة وقت التنفيذ أو لا For color تحدد لون خط الكتابة Font نوع الخط – حجمه Right to left اتجاه الأداة يكون من اليمين إلى اليسار Loked تمنع من تحريك الأداة على الفورم .

ObjectName.property=value. خصائص الأدوات برمجياً كما يمكنك ضبط الخصائص للأدوات من نافذة الخصائص يمكن ضبط هذه الخصائص برمجياً عن طريق الكود كما يلي : 1- ننقر دبل كليك على الفورم ليظهر الكود. 2- يتم كتابة خصائص الأداة في الكود كالتالي : ObjectName.property=value. قيمة الخاصية =اسم الخاصية . الإسم البرمجي الأداة مثال :تغيير نص أداة Button داخل الكود : ننقر دبل كليك على الفورم ونكتب الكود التالي في الكود الخاص للفورم : ”انقر لإجراء عملية الجمع ” Button.Text=

)Lableمربع العنوان ): يستخدم عرض النص والمعلومات للمستخدم وغير قابلة للتحرير. Textbox( مربع النص): يستخدم لإدخال النص أو التعديل في النص أو حذفه من المستخدم وقت التنفيذ ,خصائصه نفس خصائص الأدوات السابقة ولكن نزيد عليها Character Case (UPPER,Lower,Normal) Password char(****) Button(زر الأمر ): يستخدم لتنفيذ أمر معين عند النقر عليه .

CheckBox(مربع اختيار ): يسمح للاختيار من متعدد, ويسمح للمستخدم باختيار أكثر من اختيار ويرمز له بمربع صغير . Radiobutton(زر اختيار ): يسمح للاختيار من متعدد, ويسمح للمستخدم باختيار اختيار واحد فقط. Picturebox(أداة الصورة ): نستخدمه عندما نريد إدراج صورة على الفورم . GroupBox (مربع مجموعة): يستخدم لضم مجموعة من الأدوات داخله.

)Listboxالقائمة البسيطة ): قائمة بالأشياء أو الأسماء أو الأرقام ,ويمكن إضافة العناصر إليه من الأمر Add Items أو Edit Items. Combo box(مربع السرد): يسمح للمستخدم باختيار قيمة من قائمة منسدلة تشتمل على اختيارات, ويمكن إضافاتها من خلال الأمر edit item

أنشيء التطبيق التالي بكافة أجزائه :

الكود

شرح التطبيق: الجزء الأول: يتم عرض نص “المحاضرة الأولى“ في اداة Textbox بعد الضغط على أداة Button وتم أدراج أداة label والتي تحتوي على كلمة ”النص“ للتوضيح. الجزء الثاني: يتم إدراج صورة في أداة picture box ثم التحكم في إظهار وإخفاء الصورة بإستخدام أداة .check box الجزء الثالث: يتم عرض عدة خيارات للمستخدم لإختيار خيار واحد فقط من بينهم نلاحظ هناك مجموعتين من الخيارات تم التفريق بينهم عن طريق أداة Groupbox . الجزء الرابع: يتم إدخال نص من المستخدم في أداة Textbox ثم إدراج هذا النص بعد الضغط على زر إضافة في قائمة بإستخدام أداة Listbox. الجزء الخامس: يوضح قائمة منسدلة بأسماء بعض المدن ليقوم المستخدم بالإختيار من بينها هذه القائمة يتم إنشائها عن طريق أداة Compo box .

المتغيرات المتغيرات : هي عبارة عن مكان يتم حجزه في ذاكرة الحاسب ويخصص له اسم ويحمل قيمة قد تتغير أثناء تنفيذ التطبيق . أشهر أنواع المتغيرات التي سوف نتعامل معها في البرنامج هي : Integer:عدد صحيح. Long: عدد صحيح طويل. Double: عدد عشري مضاعف. String :سلسلة نصية. Boolean:قيمة نصية True أو False.

الشروط التي يجب مراعاتها في اسم المتغير : أن يبدأ اسم المتغير بحرف من الحروف الانجليزية . أن لا يحتوي اسم المتغير على بعض الحروف (+ = - & * % # @). أن لا يحتوي على مسافة ويمكن استبدال المسافة بعلامة(_). أن لا يكون كلمة من الكلمات المحجوزة في لغة البرمجة فيجول بيسك مثل :If-For-String-integer.

نوع المتغيرASاسم المتغير Dim كيفية تعريف المتغير يتم تعريف المتغير في البرنامج كالتالي : نوع المتغيرASاسم المتغير Dim مثال : Dim X As Integer Dim Y As String Dim X,Y As Integer لتعريف أكثر من متغير من نفس نوع البيانات

تقديم الأولوية لتنفيذ العمليات العمليات الحسابية العملية رمزها الجمع + الطرح - الضرب * القسمة / الأس ^ باقي القسمة mod ( ) تقديم الأولوية لتنفيذ العمليات

مستوى وصول المتغير Public:عام ومرئي على مستوى البرنامج ونستطيع التعامل معه على مستوى البرنامج . Private:خاص ويكون مرئي فقط للكائن المعرف بداخله أي على مستوى الكائن نفسه وليس على مستوى البرنامج .

أنشيء التطبيق التالي (برنامج الآلة الحاسبة)

كود البرنامج

الواجب صممي برنامج يقوم بحساب المتوسط الحسابي لثلاثة أرقام A,b,cحيث قانون المتوسط الحسابي z=(A+B+C)/3 ؟ صممي برنامج يقوم فيه المستخدم بإدخال اسمه في مربع نص ثم قومي بطباعة الاسم في label .

Mind.so@hotmail.com